:root{--void: #060b14;--panel: rgba(10, 22, 38, .88);--ink: #e8f4fa;--muted: #8aa4b8;--cyan: #3ecfff;--cyan-dim: #1a8fad;--amber: #f0b35a;--danger: #ff6b84;--line: rgba(62, 207, 255, .22);--glow: rgba(62, 207, 255, .3);--font: "IBM Plex Sans", system-ui, sans-serif;--display: "Orbitron", sans-serif;--mono: "Share Tech Mono", ui-monospace, monospace;--ui: "Rajdhani", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font);color:var(--ink);background:var(--void);font-size:16px;line-height:1.45}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse 60% 40% at 20% 0%,rgba(62,207,255,.12),transparent 50%),radial-gradient(ellipse 50% 40% at 90% 90%,rgba(30,70,120,.2),transparent 45%),linear-gradient(165deg,#040810,#0a1524 55%,#060b14)}.bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(62,207,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(62,207,255,.04) 1px,transparent 1px);background-size:40px 40px;opacity:.5}.bg-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 20%,rgba(62,207,255,.06),transparent 40%)}.auth-gate{position:relative;z-index:5;min-height:100vh;display:grid;place-items:center;padding:1.5rem}.auth-panel{width:min(400px,100%);padding:1.75rem 1.5rem;text-align:center}.auth-kicker{margin:0;font-family:var(--mono);font-size:.75rem;letter-spacing:.2em;color:var(--cyan)}.auth-title{margin:.5rem 0 0;font-family:var(--display);font-size:2.2rem;letter-spacing:.12em}.auth-sub{margin:.5rem 0 1.25rem;color:var(--muted);font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:.85rem;text-align:left}.field{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;font-weight:600;color:var(--muted)}.field input{font:inherit;font-size:1rem;color:var(--ink);background:#000a14b3;border:1px solid var(--line);border-radius:6px;padding:.7rem .8rem;outline:none}.field input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #3ecfff26}.auth-error{margin:0;color:var(--danger);font-size:.85rem;text-align:center}.auth-btn{width:100%}.shell{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:1.25rem 1.25rem 2rem;min-height:100vh;display:flex;flex-direction:column;gap:1rem}.shell[hidden],.auth-gate[hidden],.cost-panel[hidden]{display:none!important}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.brand-block .mark{margin:0;font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;color:var(--cyan)}.brand-block h1{margin:.15rem 0 0;font-family:var(--display);font-size:1.45rem;letter-spacing:.06em}.brand-block .sub{margin:.2rem 0 0;color:var(--muted);font-size:.9rem}.topbar-meta{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.timer-block{display:flex;flex-direction:column;align-items:flex-end;padding:.35rem .7rem;border:1px solid var(--line);border-radius:6px;background:#00000040;min-width:5.5rem}.timer-label{font-family:var(--mono);font-size:.65rem;letter-spacing:.14em;color:var(--muted)}#callTimer{font-family:var(--mono);font-size:1.35rem;color:var(--cyan);font-variant-numeric:tabular-nums;line-height:1.1}.chip{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;padding:.4rem .55rem;border:1px solid var(--line);border-radius:4px;color:var(--muted)}.chip.live[data-on=true]{color:#7dffb0;border-color:#7dffb066}.workspace{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:1rem;flex:1;min-height:0;align-items:stretch}.col-controls{display:flex;flex-direction:column;gap:.85rem}.col-log{display:flex;flex-direction:column;min-height:420px;max-height:calc(100vh - 7rem)}.hud-frame{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:1rem 1.1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stage{display:flex;flex-direction:column;align-items:center;gap:.65rem;text-align:center}.orb-wrap{position:relative;width:110px;height:110px;display:grid;place-items:center}.orb-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(62,207,255,.35);border-radius:50%;animation:ringSpin 12s linear infinite}@keyframes ringSpin{to{transform:rotate(360deg)}}.orb{width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#c8f8ff,var(--cyan) 45%,var(--cyan-dim));box-shadow:0 0 24px var(--glow);transition:transform .3s ease,box-shadow .3s ease}.orb[data-state=connecting]{animation:pulse 1.2s ease-in-out infinite}.orb[data-state=listening]{animation:breathe 2.4s ease-in-out infinite}.orb[data-state=speaking]{animation:speak .7s ease-in-out infinite;box-shadow:0 0 36px var(--glow)}.orb[data-state=error]{background:radial-gradient(circle at 35% 30%,#ffc0cc,var(--danger));animation:none}@keyframes pulse{0%,to{transform:scale(.94);opacity:.85}50%{transform:scale(1.05);opacity:1}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes speak{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.status{margin:0;font-family:var(--ui);font-size:1.15rem;font-weight:600;letter-spacing:.02em}.hint{margin:0;font-size:.85rem;color:var(--muted)}.actions{display:flex;gap:.55rem;width:100%;margin-top:.35rem}.actions .btn{flex:1}.btn{font-family:var(--ui);font-weight:700;font-size:.95rem;letter-spacing:.04em;border:none;border-radius:6px;padding:.7rem 1rem;cursor:pointer;transition:transform .12s ease,opacity .15s ease,box-shadow .2s ease}.btn.tiny{padding:.4rem .6rem;font-size:.8rem}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.98)}.btn.primary{background:linear-gradient(120deg,var(--cyan),#1eb8d4);color:#031018;box-shadow:0 0 16px #3ecfff40}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.ghost:not(:disabled):hover{border-color:var(--cyan);color:var(--cyan)}.panel{display:flex;flex-direction:column;gap:.75rem}.toggle{display:flex;gap:.55rem;align-items:flex-start;font-size:.92rem;cursor:pointer;line-height:1.35}.toggle input{margin-top:.2rem;accent-color:var(--cyan)}.slider-block{display:flex;flex-direction:column;gap:.35rem;padding-top:.55rem;border-top:1px solid rgba(62,207,255,.12)}.slider-head{display:flex;justify-content:space-between;font-size:.85rem;color:var(--muted)}.slider-head strong{color:var(--cyan);font-variant-numeric:tabular-nums}#delaySlider{width:100%;accent-color:var(--cyan)}#delaySlider:disabled{opacity:.4}.slider-ends{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted)}.hint.tight{font-size:.8rem;text-align:left}.col-log h2,.cost-panel h2{margin:0 0 .75rem;font-family:var(--ui);font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);font-weight:700}.transcript{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;min-height:280px;padding-right:.25rem}.transcript::-webkit-scrollbar{width:8px}.transcript::-webkit-scrollbar-thumb{background:#3ecfff4d;border-radius:4px}.line{font-size:1rem;line-height:1.5;padding:.45rem .65rem;border-left:3px solid rgba(62,207,255,.25);background:#00000026;border-radius:0 6px 6px 0}.line .who{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--muted);margin-bottom:.15rem}.line.user .who{color:var(--amber)}.line.assistant .who{color:var(--cyan)}.line .text{color:var(--ink)}.line.partial .text{color:var(--muted);font-style:italic}.cost-body{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.cost-row{display:flex;justify-content:space-between;gap:.75rem;color:var(--muted)}.cost-row strong{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.cost-row.total{margin-top:.35rem;padding-top:.45rem;border-top:1px solid var(--line);color:var(--cyan)}.cost-row.total strong{color:var(--cyan);font-size:1.05rem}.cost-note{margin:.5rem 0 0;font-size:.75rem;color:var(--muted)}@media(max-width:860px){.workspace{grid-template-columns:1fr}.col-log{max-height:none;min-height:320px}}