:root{
  --bg:#0b1118;
  --tablet:#2c333b;
  --screen:#101820;
  --screen-2:#0b1219;
  --panel:#18222c;
  --panel-2:#202b35;
  --line:rgba(232,238,244,.14);
  --line-strong:rgba(240,201,173,.36);
  --text:#f7f8fa;
  --muted:#a9b7c4;
  --bubble:#dfe2dd;
  --bubble-text:#26313a;
  --agent-bubble:#394b5d;
  --peach:#efc7aa;
  --peach-2:#f4d8c5;
  --blue:#90b8d8;
  --green:#8ef6c1;
  --danger:#ff8c9f;
}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0;background:#0b1118;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 18% 18%,rgba(210,229,245,.2),transparent 24%),radial-gradient(circle at 84% 8%,rgba(255,255,255,.18),transparent 18%),linear-gradient(120deg,#111923,#0b1118 38%,#151d25);filter:saturate(.9);z-index:-2}
body:after{content:"✦";position:fixed;right:6vw;bottom:8vh;color:#fff;font-size:24px;opacity:.88;filter:drop-shadow(0 0 10px rgba(255,255,255,.4));z-index:-1}
.scene{height:100vh;min-height:0;padding:10px 18px 6px;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:8px;overflow:hidden}
.tablet-shell{width:min(1460px,97vw);height:calc(100vh - 54px);min-height:0;border-radius:30px;padding:12px;background:linear-gradient(145deg,#454c54,#171e26 26%,#090e14);box-shadow:0 28px 90px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.18);position:relative;overflow:hidden}
.tablet-shell:before{content:"";position:absolute;inset:1px;border-radius:32px;background:linear-gradient(110deg,rgba(255,255,255,.24),transparent 18%,transparent 76%,rgba(255,255,255,.08));pointer-events:none;mix-blend-mode:screen}
.os-bar,.app-header,.support-grid{position:relative;z-index:2}.os-bar{height:34px;background:rgba(8,13,18,.72);border-radius:20px 20px 8px 8px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#cbd5dd;font-size:12px;letter-spacing:.01em}.os-cluster{display:flex;align-items:center;gap:8px;min-width:190px}.os-right{justify-content:flex-end}.bars{display:flex;align-items:end;gap:2px}.bars i{display:block;width:3px;background:#dfe8ef;border-radius:2px}.bars i:nth-child(1){height:5px}.bars i:nth-child(2){height:8px}.bars i:nth-child(3){height:11px}.wifi{font-size:18px;line-height:1;transform:rotate(12deg)}.battery{width:28px;height:13px;border:1px solid #dbe4ec;border-radius:4px;display:inline-block;position:relative}.battery:before{content:"";position:absolute;right:-4px;top:4px;width:2px;height:5px;background:#dbe4ec;border-radius:1px}.battery:after{content:"";position:absolute;left:2px;top:2px;bottom:2px;width:18px;background:#dbe4ec;border-radius:2px}.settings-link{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.app-header{height:58px;background:linear-gradient(180deg,#131b23,#101720);border-bottom:1px solid rgba(255,255,255,.11);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.app-brand{display:flex;align-items:center;gap:12px;font-size:20px;letter-spacing:.04em}.app-brand em{font-style:normal;font-weight:300;color:#d5dde4}.swirl-mark{width:34px;height:34px;border:2px solid var(--peach);border-left-color:transparent;border-radius:50%;position:relative;box-shadow:0 0 18px rgba(239,199,170,.18)}.swirl-mark:after{content:"";position:absolute;inset:7px;border:2px solid rgba(239,199,170,.7);border-right-color:transparent;border-radius:50%}.session-title{display:flex;align-items:center;gap:18px;color:#eff5f9;font-size:13px;letter-spacing:.11em}.session-title span{width:1px;height:24px;background:rgba(255,255,255,.28)}
.support-grid{height:calc(100% - 92px);min-height:0;background:linear-gradient(180deg,#101820,#0b1219);display:grid;grid-template-columns:minmax(250px,288px) minmax(430px,1fr) minmax(250px,288px);gap:0;border-radius:0 0 22px 22px;overflow:hidden}.agent-card,.chat-panel,.case-panel{min-width:0}.agent-card{position:relative;background:linear-gradient(180deg,#19232d,#101821);border-right:1px solid rgba(255,255,255,.12);padding:18px 18px 14px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden}.agent-card:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle at 50% 28%,black,transparent 58%);opacity:.7}.agent-card>*{position:relative;z-index:1}.micro-label{margin:0 0 12px;color:#b9c6d2;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.nia-frame{width:min(252px,100%);aspect-ratio:3/2;border-radius:30px;border:7px solid var(--peach);background:radial-gradient(circle at 50% 38%,rgba(239,199,170,.14),transparent 54%),#101820;box-shadow:0 0 0 1px rgba(255,255,255,.24),0 20px 58px rgba(0,0,0,.34),0 0 62px rgba(239,199,170,.14);overflow:hidden;display:grid;place-items:center;margin:10px 0 18px;position:relative;isolation:isolate}.nia-frame:before{content:"";position:absolute;inset:-10px;border-radius:34px;background:linear-gradient(112deg,transparent,rgba(239,199,170,.46),transparent 42%,rgba(144,184,216,.34),transparent 74%);animation:haloScan 4.8s linear infinite;z-index:3;pointer-events:none}.agent-poster,.avatar-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;background:#101820}.agent-poster{z-index:1;filter:saturate(1.03) contrast(1.04);transform:scale(1);transition:opacity 1.15s cubic-bezier(.2,.7,.16,1),filter 1.15s ease,transform 1.15s ease}.avatar-video{z-index:2;opacity:0;transform:scale(1);transition:opacity 1.05s cubic-bezier(.2,.7,.16,1),transform 1.05s cubic-bezier(.2,.7,.16,1);display:block}.avatar-video.is-live{opacity:1;transform:scale(1)}.nia-frame.has-live .agent-poster{opacity:0;filter:blur(0) saturate(1);transform:scale(1)}.nia-preload{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 50%,rgba(239,199,170,.12) 52%,transparent 68%);opacity:.82;animation:breathePresence 2.8s ease-in-out infinite}.nia-preload.is-hidden{opacity:0;transition:opacity .9s ease}.agent-nameplate{text-align:center;margin-top:0}.agent-nameplate h1{font-size:38px;line-height:.9;margin:0 0 7px;letter-spacing:.1em}.agent-nameplate p{margin:0;color:#d4dde4;font-size:12px;letter-spacing:.08em}.agent-nameplate span{display:block;margin-top:5px;color:#9eabb6;font-size:11px;letter-spacing:.08em}.voice-controls{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:14px 0 6px}.voice-controls button{border:1px solid rgba(239,199,170,.36);background:rgba(239,199,170,.08);color:#f6f1ed;border-radius:999px;padding:6px 9px;font-size:11px}.agent-state,.agent-note{color:#b8c6d1;font-size:11px;text-align:center;margin:3px 0;line-height:1.25}.voice-meter{height:5px;width:180px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.voice-meter span{display:block;width:12%;height:100%;background:linear-gradient(90deg,var(--peach),var(--blue));border-radius:inherit;transition:width .14s ease}.room.is-speaking .nia-frame,.scene.is-speaking .nia-frame{box-shadow:0 0 0 1px rgba(255,255,255,.24),0 24px 70px rgba(0,0,0,.34),0 0 90px rgba(239,199,170,.28)}
.chat-panel{background:#101820;padding:14px 16px 12px;border-right:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;min-height:0}.chat-panel-title{height:30px;display:flex;align-items:center;justify-content:center;gap:14px;color:#e9f1f7;font-size:12px;letter-spacing:.1em}.chat-panel-title span{width:1px;height:22px;background:rgba(255,255,255,.22)}.chat-box{flex:1;min-height:0;overflow:auto;padding:10px 6px 12px;display:flex;flex-direction:column;gap:12px}.chat-box p{max-width:76%;margin:0;border-radius:15px;padding:12px 14px;line-height:1.35;font-size:14px;box-shadow:0 12px 26px rgba(0,0,0,.16);animation:messageRise .42s cubic-bezier(.2,.8,.2,1) both}.chat-box p strong{display:block;font-size:11px;letter-spacing:.05em;margin-bottom:7px}.user-line{align-self:flex-start;background:var(--bubble);color:var(--bubble-text);border-bottom-left-radius:5px}.agent-line{align-self:flex-end;background:linear-gradient(180deg,#415467,#334557);color:#f6f8fa;border-bottom-right-radius:5px}.chat-form{height:48px;display:grid;grid-template-columns:1fr 38px 38px 44px;gap:6px;align-items:center;background:#151e27;border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:5px}.chat-form input{height:100%;background:#dfe2dd;color:#26313a;border:0;border-radius:13px;padding:0 16px;outline:none}.icon-button,.send-button{height:42px;border:0;border-radius:13px;display:grid;place-items:center}.icon-button{background:#25323e;color:#dbe4ea}.send-button{background:var(--peach);color:#17212b;font-weight:900}
.case-panel{background:linear-gradient(180deg,#17212b,#101821);padding:16px 14px;display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden}.case-block{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px}.case-block h2{font-size:12px;letter-spacing:.14em;margin:0 0 10px;color:#f1f5f8}.case-block dl{margin:0;display:grid;gap:7px}.case-block div{display:flex;gap:10px;justify-content:space-between}.case-block dt{color:#aebbc5;font-size:13px}.case-block dd{margin:0;text-align:right;color:#f6f8fa;font-size:13px}.rail-action,.script-chip{width:100%;height:36px;margin:0 0 7px;border:1px solid rgba(255,255,255,.12);background:#24313d;color:#edf4f8;border-radius:12px;text-align:left;padding:0 12px;font-size:12px}.rail-action:hover,.script-chip:hover{border-color:rgba(239,199,170,.5);background:#2d3b48}.handoff-panel strong{display:block;font-size:13px;color:#f5fff9;margin-bottom:7px}.handoff-panel span,.handoff-panel em{display:block;color:#b9c6d1;font-size:12px;line-height:1.35}.handoff-panel em{color:var(--peach);margin-top:8px;font-style:normal}.page-footer{width:min(1460px,97vw);height:18px;display:flex;justify-content:space-between;align-items:center;color:#c8d2dc;font-size:11px;opacity:.82}.page-footer a{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.04)}
.settings-page{min-height:100vh;padding:34px;background:#0b1118;color:var(--text)}.settings-header{max-width:1180px;margin:0 auto 22px;display:flex;align-items:end;justify-content:space-between}.settings-header p{color:var(--muted);margin:0}.settings-header h1{font-size:48px;margin:0;letter-spacing:-.04em}.settings-back{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.05)}.settings-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-card{border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(180deg,#17212b,#101821);padding:18px}.settings-card.wide{grid-column:1/-1}.industry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.industry,.tier{border:1px solid rgba(255,255,255,.12);background:#24313d;color:#edf4f8;border-radius:14px;padding:11px;text-align:left}.industry strong,.tier strong{display:block}.industry small,.tier em{display:block;color:#aebbc5;font-style:normal;font-size:11px;margin-top:4px}.industry.active,.tier.active{border-color:rgba(239,199,170,.55);background:#30404d}.left-console{display:grid;gap:9px}.tier{display:grid;grid-template-columns:34px 1fr}.tier span{color:var(--peach);font-weight:900}.settings-hidden-runtime{display:none}
@media(max-width:1100px){.scene{place-items:start}.tablet-shell{min-height:auto}.support-grid{height:auto;grid-template-columns:1fr}.agent-card,.chat-panel,.case-panel{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.nia-frame{width:min(260px,72vw);height:auto;aspect-ratio:3/2}.chat-box{min-height:420px}.settings-grid{grid-template-columns:1fr}.industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.scene{padding:10px}.tablet-shell{width:100%;border-radius:24px;padding:9px}.os-bar{display:none}.app-header{height:auto;display:block;padding:14px}.session-title{display:none}.support-grid{border-radius:0 0 16px 16px}.chat-form{grid-template-columns:1fr 38px 38px 44px}.chat-box p{max-width:92%;font-size:14px}.case-panel{padding:16px}.settings-header{display:block}.settings-grid{display:block}.settings-card{margin-bottom:12px}}

@keyframes haloScan{to{transform:rotate(360deg)}}
@keyframes breathePresence{0%,100%{opacity:.52;transform:scale(.985)}50%{opacity:.92;transform:scale(1.018)}}
@keyframes messageRise{from{opacity:0;transform:translateY(9px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.chat-box p .message-text{display:block;animation:textFilmIn .78s cubic-bezier(.22,.8,.16,1) both}
.chat-box p.is-typing .message-text:after{content:'▋';display:inline-block;margin-left:2px;color:var(--peach);animation:cursorBlink .9s steps(2,end) infinite}
@keyframes textFilmIn{0%{clip-path:inset(0 100% 0 0);opacity:.45;filter:blur(3px)}100%{clip-path:inset(0 0 0 0);opacity:1;filter:blur(0)}}
@keyframes cursorBlink{50%{opacity:0}}
@media (max-height:820px) and (min-width:1101px){.scene{min-height:0;padding:6px 14px 4px}.tablet-shell{height:calc(100vh - 46px);min-height:0;border-radius:24px;padding:10px}.os-bar{height:28px}.app-header{height:50px}.support-grid{height:calc(100% - 78px);grid-template-columns:minmax(232px,268px) minmax(390px,1fr) minmax(232px,268px)}.nia-frame{width:236px;height:auto;aspect-ratio:3/2;margin:6px 0 12px;border-width:6px}.agent-nameplate h1{font-size:32px}.voice-controls{margin-top:10px}.voice-controls button{padding:5px 8px}.chat-box{gap:9px}.chat-box p{font-size:13px;padding:10px 12px}.case-panel{gap:9px}.case-block{padding-bottom:9px}.rail-action,.script-chip{height:32px;margin-bottom:6px}.handoff-panel span,.handoff-panel em{font-size:11px}}
@media (prefers-reduced-motion:reduce){.nia-frame:before,.nia-preload,.chat-box p,.chat-box p .message-text{animation:none!important}.agent-poster,.avatar-video{transition:none}}


/* Natural operator stage: no circular crop, no shiny frame, no halo. The still and live stream share the same home area. */
.nia-frame{
  width:min(252px,100%)!important;
  aspect-ratio:3/2!important;
  border:0!important;
  border-radius:18px!important;
  background:#101820!important;
  box-shadow:none!important;
  overflow:hidden!important;
  margin:10px 0 18px!important;
}
.nia-frame:before,.nia-preload{display:none!important}
.agent-poster{
  object-fit:cover!important;
  object-position:center center!important;
  transform:scale(1)!important;
  transform-origin:center center!important;
  opacity:1;
}
.avatar-video{
  object-fit:cover!important;
  object-position:50% 28%!important;
  transform:scale(2.15)!important;
  transform-origin:50% 28%!important;
  border-radius:0!important;
}
.avatar-video.is-live{opacity:1!important}
.nia-frame.has-live .agent-poster{opacity:0!important;filter:none!important;transform:scale(1)!important}
.room.is-speaking .nia-frame,.scene.is-speaking .nia-frame{box-shadow:none!important}
@media(max-height:820px) and (min-width:1101px){.nia-frame{width:min(252px,100%)!important;aspect-ratio:3/2!important}}