:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f2f7;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;--bg:#0c0b10;--panel:#17151d;--panel-2:#201d29;--line:#ffffff1a;--text:#f5f2f7;--muted:#aaa2b7;--accent:#ff8eaa;--accent-2:#8fd9cb;--warn:#ffc86b;--danger:#ff6f73;--shadow:0 22px 60px #0000006b;background:#0c0b10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(120deg, #ff8eaa14, #8fd9cb0f 42%, transparent 74%), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{border:0}.auth-shell{background:linear-gradient(120deg, #ff8eaa1a, #8fd9cb14 48%, transparent 78%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);width:min(100%,380px);box-shadow:var(--shadow);background:#17151deb;border-radius:8px;gap:14px;padding:24px;display:grid}.auth-card h1,.auth-card p{margin:0}.auth-card h1{font-size:28px;line-height:1.1}.auth-card p{color:var(--muted);font-size:14px}.auth-card input{min-width:0;height:44px;color:var(--text);background:#0c0b10b8;border:1px solid #ffffff1f;border-radius:8px;outline:none;padding:0 12px}.auth-card input:focus{border-color:#ff8eaa9e}.auth-error{color:#ffd1d3;font-size:13px}.app-shell{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:18px;width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:18px;display:grid;position:relative}.video-preload-cache{z-index:-1;opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;bottom:0;right:0;overflow:hidden}.video-preload-cache video{width:1px;height:1px}.call-stage{border:1px solid var(--line);height:calc(100vh - 36px);min-height:calc(100vh - 36px);box-shadow:var(--shadow);background:#100f14;border-radius:8px;align-self:start;position:relative;overflow:hidden}.stage-topbar{z-index:10;background:linear-gradient(#0c0b10db,#0c0b1000);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex;position:absolute;top:0;left:0;right:0}.brand-lockup,.session-status{color:var(--text);align-items:center;gap:9px;font-size:14px;font-weight:700;display:inline-flex}.brand-mark{width:34px;height:34px;color:var(--accent);background:#17151db8;border:1px solid #ffffff29;border-radius:8px;place-items:center;display:inline-grid}.session-status{min-height:34px;color:var(--muted);background:#17151db8;border:1px solid #ffffff24;border-radius:8px;padding:0 12px;font-size:13px;font-weight:650}.status-dot{background:var(--accent-2);border-radius:99px;width:8px;height:8px;box-shadow:0 0 0 4px #8fd9cb1f}.status-dot.speaking{background:var(--accent);box-shadow:0 0 0 4px #ff8eaa24}.remote-frame{position:absolute;inset:0;overflow:hidden}.remote-media,.remote-media img,.remote-media video{width:100%;height:100%}.remote-media{--state-bloom:#ffffff0d;--state-edge:#ff8eaa1f;--mouth-scale-x:.72;--mouth-scale-y:.12;--mouth-opacity:0;background:#17151d;position:relative}.remote-media:before,.remote-media:after{z-index:5;pointer-events:none;content:"";position:absolute;inset:0}.remote-media:before{background:radial-gradient(circle at 50% 35%, var(--state-bloom), transparent 44%), linear-gradient(180deg, #0c0b100a, #0c0b103d);mix-blend-mode:screen;opacity:.62;transition:opacity .22s,background .22s}.remote-media:after{box-shadow:inset 0 0 0 1px var(--state-edge), inset 0 -120px 140px #0c0b1038;opacity:.8;background:linear-gradient(90deg,#0c0b1057,#0000 18% 82%,#0c0b1057),linear-gradient(#0c0b1024,#0000 34%,#0c0b1042)}.remote-media[data-transitioning=true]:before{opacity:.92}.remote-media[data-state=listening]{--state-bloom:#8fd9cb2e;--state-edge:#8fd9cb47}.remote-media[data-state=thinking]{--state-bloom:#ffc86b29;--state-edge:#ffc86b3d}.remote-media[data-state=speaking-neutral]{--state-bloom:#ff8eaa29;--state-edge:#ff8eaa47}.remote-media[data-state=speaking-happy]{--state-bloom:#ffc86b33;--state-edge:#ffc86b4d}.remote-media[data-state=speaking-soft]{--state-bloom:#c4b5fd2e;--state-edge:#c4b5fd42}.remote-media[data-state=interrupted]{--state-bloom:#ff6f7333;--state-edge:#ff6f7357}.remote-media img,.remote-video-layer{object-fit:cover;object-position:50% 42%;display:block;position:absolute;inset:0}.remote-media img{animation:.22s ease-out both mediaIn}.remote-video-layer{z-index:1;opacity:0;will-change:opacity}.remote-video-layer.is-active{z-index:3;opacity:1}.remote-video-layer.is-incoming{z-index:4}.remote-video-layer.is-ready{z-index:4;animation:.14s ease-out both videoLayerIn}.remote-video-layer.is-outgoing{z-index:2;opacity:1}.remote-video-layer[data-layer-state=thinking]{filter:saturate(.94)brightness(.97)}.remote-video-layer[data-layer-state=interrupted]{filter:saturate(1.08)contrast(1.04)}.lip-sync-mouth{z-index:6;opacity:0;pointer-events:none;width:26px;height:12px;transform:translate(-50%, -50%) scale(var(--mouth-scale-x), var(--mouth-scale-y));transform-origin:50%;will-change:opacity, transform;background:radial-gradient(circle at 50% 35%,#ff99ac8c,#0000 28%),linear-gradient(#1c0811d1,#481326c7);border-radius:50%;transition:opacity 55ms linear,transform 55ms linear;position:absolute;top:34.5%;left:50%;box-shadow:0 0 0 1px #ffd4df1a,inset 0 3px 5px #00000057,0 4px 12px #0003}.remote-media[data-state^=speaking][data-talking=true] .lip-sync-mouth{opacity:var(--mouth-opacity)}.remote-media[data-state=speaking-neutral] .lip-sync-mouth{top:35%}.remote-media[data-state=speaking-happy] .lip-sync-mouth{top:32%}.remote-media[data-state=speaking-soft] .lip-sync-mouth{top:35.5%}.remote-media[data-state=listening] img,.remote-video-layer[data-layer-state=listening]{object-position:50% 38%}.remote-media[data-state^=speaking] img{animation:1.7s ease-in-out infinite speakingStill}.remote-overlay{z-index:6;pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:116px;left:18px;right:18px}.remote-overlay>div{gap:5px;display:grid}.remote-name{width:fit-content;max-width:260px;color:var(--text);text-overflow:ellipsis;text-shadow:0 3px 22px #0000008c;white-space:nowrap;font-size:clamp(22px,3vw,44px);font-weight:780;line-height:1;overflow:hidden}.remote-state{width:fit-content;color:var(--muted);background:#0c0b10a3;border:1px solid #ffffff24;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:750}.remote-state[data-state=listening]{color:#d6fff6;border-color:#8fd9cb57}.remote-state[data-state=thinking]{color:#ffe6ae;border-color:#ffc86b57}.remote-state[data-state^=speaking]{color:#ffe0e8;border-color:#ff8eaa5c}.remote-state[data-state=interrupted]{color:#ffd1d3;border-color:#ff6f7375}.signal-bars{background:#0c0b1094;border-radius:8px;align-items:end;gap:4px;height:22px;padding:7px 8px;display:inline-flex}.signal-bars i{background:var(--accent-2);border-radius:99px;width:4px;display:block}.signal-bars i:first-child{height:6px}.signal-bars i:nth-child(2){height:10px}.signal-bars i:nth-child(3){height:14px}.subtitle-stack{z-index:6;pointer-events:none;gap:8px;display:grid;position:absolute;bottom:34px;left:18px;right:170px}.subtitle{width:fit-content;max-width:min(780px,100%);color:var(--text);text-shadow:0 1px 16px #0006;background:#0c0b10b8;border-radius:8px;margin:0;padding:10px 12px;font-size:clamp(14px,1.45vw,19px);font-weight:650;line-height:1.42}.user-line{color:#d6fff6}.assistant-line{color:#ffe0e8}.local-preview{z-index:7;aspect-ratio:3/4;background:#201d29;border:1px solid #ffffff2e;border-radius:8px;width:132px;position:absolute;bottom:24px;right:18px;overflow:hidden;box-shadow:0 16px 36px #00000059}.local-preview video,.local-placeholder{width:100%;height:100%}.local-preview video{object-fit:cover;display:block;transform:scaleX(-1)}.local-placeholder{color:var(--muted);place-items:center;display:grid}.level-meter{background:#ffffff24;border-radius:99px;height:4px;position:absolute;bottom:8px;left:8px;right:8px;overflow:hidden}.level-meter span{transform-origin:0;border-radius:inherit;background:var(--accent-2);width:100%;height:100%;display:block}.composer{z-index:8;grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid;position:absolute;bottom:86px;left:18px;right:168px}.composer input{width:100%;min-height:44px;color:var(--text);background:#0c0b10c7;border:1px solid #ffffff24;border-radius:8px;outline:none;padding:0 14px;font-size:14px}.composer input:focus{border-color:#ff8eaa9e}.primary-action,.call-controls button,.quick-actions button,.state-grid button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.primary-action{background:var(--accent);color:#190b11;padding:0 14px;font-size:14px;font-weight:800}.primary-action:disabled{cursor:not-allowed;opacity:.56}.call-controls{z-index:9;gap:10px;display:inline-flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.call-controls button{width:46px;height:46px;color:var(--text);background:#17151db8;border:1px solid #ffffff24}.call-controls button.danger{background:var(--danger);color:#22080a}.primary-action:not(:disabled):hover,.call-controls button:hover,.quick-actions button:hover,.state-grid button:hover{transform:translateY(-1px)}.control-panel{flex-direction:column;gap:14px;min-width:0;max-height:calc(100vh - 36px);padding-right:2px;display:flex;overflow:auto}.panel-section,.metric,.panel-section.compact{border:1px solid var(--line);background:#17151de0;border-radius:8px}.panel-section{padding:16px}.panel-section.compact{justify-content:space-between;align-items:start;gap:14px;display:flex}.panel-section h1,.panel-section h2,.panel-section p{margin:0}.panel-section h1{color:var(--text);font-size:22px;line-height:1.1}.panel-section h2{color:var(--text);align-items:center;gap:8px;font-size:15px;line-height:1.2;display:flex}.panel-section p{color:var(--muted);margin-top:8px;font-size:13px;line-height:1.5}.panel-icon{color:var(--accent);flex:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.metric{gap:8px;min-height:76px;padding:13px;display:grid}.metric span{color:var(--muted);font-size:12px;font-weight:680}.metric strong{overflow-wrap:anywhere;color:var(--text);font-size:15px;font-weight:780;line-height:1.25}.state-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px;display:grid}.state-grid button{min-width:0;color:var(--muted);overflow-wrap:anywhere;background:#ffffff0d;border:1px solid #ffffff1c;padding:0 10px;font-size:12px;font-weight:760;position:relative}.state-grid button:before{content:"";background:#ffffff38;border-radius:99px;flex:none;width:7px;height:7px}.state-grid button[data-state=listening]:before{background:var(--accent-2)}.state-grid button[data-state=thinking]:before{background:var(--warn)}.state-grid button[data-state^=speaking]:before{background:var(--accent)}.state-grid button[data-state=speaking-happy]:before{background:var(--warn)}.state-grid button[data-state=speaking-soft]:before{background:#c4b5fd}.state-grid button[data-state=interrupted]:before{background:var(--danger)}.state-grid button.selected{color:var(--text);background:#ff8eaa2e;border-color:#ff8eaa9e;box-shadow:inset 0 0 0 1px #ffffff0a}.transcript-box{gap:9px;margin-top:12px;display:grid}.transcript-box p{min-height:42px;color:var(--muted);background:#ffffff0d;border-radius:8px;margin:0;padding:10px;font-size:13px}.pipeline-list{color:var(--muted);gap:8px;margin:12px 0 0;padding-left:18px;font-size:13px;line-height:1.4;display:grid}.pipeline-list li::marker{color:var(--accent-2);font-weight:800}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.quick-actions button{min-width:0;color:var(--text);background:#ffffff0f;border:1px solid #ffffff1f;padding:0 10px;font-size:12px;font-weight:760}@keyframes mediaIn{0%{opacity:.78;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}@keyframes videoLayerIn{0%{opacity:0}to{opacity:1}}@keyframes speakingStill{0%,to{transform:scale(1)}50%{transform:scale(1.018)translateY(-.3%)}}@media (width<=1020px){.app-shell{grid-template-columns:1fr}.call-stage{min-height:76vh}.control-panel{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;padding-right:0;display:grid;overflow:visible}}@media (width<=720px){.app-shell{padding:0}.call-stage{border:0;border-radius:0;min-height:100vh}.control-panel{grid-template-columns:1fr;padding:14px}.stage-topbar{padding:12px}.brand-lockup span:last-child{display:none}.subtitle-stack,.composer{left:12px;right:12px}.subtitle-stack{bottom:156px}.composer{grid-template-columns:1fr;bottom:96px}.local-preview{width:92px;bottom:204px;right:12px}.remote-overlay{bottom:258px;left:12px;right:12px}.call-controls{bottom:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}