:root{--bg-void: #03050a;--bg-surface: #0a0f16;--bg-surface-raised: #11171f;--border-subtle: rgba(255, 255, 255, .08);--border-cyan: rgba(79, 215, 255, .22);--text-primary: #eaf6fb;--text-secondary: #8ca3b3;--cyan: #4fd7ff;--cyan-soft: #8fe6ff;--ice-blue: #6fb8ff;--danger: #ff6b6b;--font-display: "Orbitron", "SF Pro Display", -apple-system, sans-serif;--font-mono: "Share Tech Mono", "SF Mono", ui-monospace, monospace;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg-void)}body{font-family:var(--font-body);color:var(--text-primary);overscroll-behavior:none;-webkit-font-smoothing:antialiased}#root{min-height:100vh;min-height:100dvh}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}input{font-family:inherit}.screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-top:calc(var(--safe-top) + 20px);padding-bottom:calc(var(--safe-bottom) + 20px);padding-left:calc(var(--safe-left) + 20px);padding-right:calc(var(--safe-right) + 20px);position:relative;background:radial-gradient(circle at 50% 30%,#0b1420 0%,var(--bg-void) 65%),repeating-linear-gradient(0deg,rgba(79,215,255,.035) 0px,rgba(79,215,255,.035) 1px,transparent 1px,transparent 64px),repeating-linear-gradient(90deg,rgba(79,215,255,.035) 0px,rgba(79,215,255,.035) 1px,transparent 1px,transparent 64px)}.hud-corner{position:fixed;width:22px;height:22px;border:1px solid rgba(79,215,255,.3);pointer-events:none;z-index:1}.hud-corner.tl{top:calc(var(--safe-top) + 14px);left:calc(var(--safe-left) + 14px);border-right:none;border-bottom:none}.hud-corner.tr{top:calc(var(--safe-top) + 14px);right:calc(var(--safe-right) + 14px);border-left:none;border-bottom:none}.hud-corner.bl{bottom:calc(var(--safe-bottom) + 14px);left:calc(var(--safe-left) + 14px);border-right:none;border-top:none}.hud-corner.br{bottom:calc(var(--safe-bottom) + 14px);right:calc(var(--safe-right) + 14px);border-left:none;border-top:none}.loading-screen{align-items:center;justify-content:center}.loading-screen .brand{animation:brand-pulse 1.8s ease-in-out infinite}.login-screen{align-items:center;justify-content:center}.login-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:24px;text-align:center}.login-title{font-family:var(--font-display);font-size:26px;font-weight:600;letter-spacing:.3em;color:var(--cyan-soft);text-shadow:0 0 18px rgba(79,215,255,.5)}.login-form{display:flex;flex-direction:column;gap:14px}.login-input{width:100%;padding:14px 16px;border-radius:10px;background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-mono);font-size:16px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.login-input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #4fd7ff1f}.login-button{padding:14px 16px;border-radius:10px;background:linear-gradient(135deg,#1a8fb8,#0c5a78);color:#fff;font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;transition:opacity .2s ease,transform .1s ease}.login-button:disabled{opacity:.5}.login-button:active:not(:disabled){transform:scale(.98)}.login-error{color:var(--danger);font-family:var(--font-mono);font-size:13px;min-height:1.2em}.main-screen{align-items:center;position:relative}.top-bar{width:100%;display:flex;align-items:center;justify-content:center;position:relative;padding:4px 0 14px}.brand{font-family:var(--font-display);font-size:16px;letter-spacing:.42em;font-weight:600;color:var(--cyan-soft);text-shadow:0 0 14px rgba(79,215,255,.4);position:relative;padding-bottom:8px}.brand:after{content:"";position:absolute;bottom:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:brand-scan 3s ease-in-out infinite}.settings-button{position:absolute;right:0;top:-2px;padding:10px;color:var(--text-secondary);border:1px solid transparent;border-radius:50%;transition:color .2s ease,border-color .2s ease}.settings-button:active{color:var(--cyan-soft);border-color:var(--border-cyan)}.orb-stage{flex:1;display:flex;align-items:center;justify-content:center;width:100%}.status-readout{display:flex;flex-direction:column;align-items:center;gap:4px;padding-bottom:8px}.status-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;color:#8fe6ff66;text-transform:uppercase}.status-text{min-height:1.4em;font-family:var(--font-mono);font-size:15px;letter-spacing:.04em;color:var(--text-secondary);text-align:center;padding:0 24px;transition:color .3s ease}.status-text:before{content:"[ ";opacity:.5}.status-text:after{content:" ]";opacity:.5}.status-text.state-error{color:var(--danger)}.status-text.state-listening,.status-text.state-speaking{color:var(--cyan-soft)}.recording-time{font-family:var(--font-mono);font-size:13px;color:var(--cyan-soft);text-align:center;padding-bottom:12px;letter-spacing:.08em}.controls{display:flex;flex-direction:column;align-items:center;gap:16px;padding-bottom:8px}.handsfree-toggle{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;transition:border-color .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease}.handsfree-toggle:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--text-secondary);box-shadow:none;transition:background .2s ease,box-shadow .2s ease}.handsfree-toggle.on{border-color:#4fd7ff80;color:var(--cyan-soft);background:#4fd7ff14;box-shadow:0 0 16px #4fd7ff26}.handsfree-toggle.on:before{background:var(--cyan);box-shadow:0 0 6px var(--cyan),0 0 12px #4fd7ff99;animation:dot-pulse 1.6s ease-in-out infinite}.handsfree-toggle:disabled{opacity:.5}.cancel-link{font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;color:var(--text-secondary);padding:8px 16px}.mic-button{position:relative;width:86px;height:86px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-surface-raised);border:1px solid var(--border-subtle);box-shadow:0 0 #4fd7ff66;transition:box-shadow .3s ease,background .3s ease,transform .15s ease,border-color .3s ease}.mic-button:before{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%;border:1px solid rgba(79,215,255,.18)}.mic-button:active{transform:scale(.96)}.mic-button.state-listening{background:#122230;border-color:#4fd7ff66;box-shadow:0 0 0 10px #4fd7ff1f,0 0 32px #4fd7ff59}.mic-button.state-speaking{background:#122230;border-color:#4fd7ff4d;box-shadow:0 0 24px #4fd7ff40}.mic-button.state-thinking{opacity:.6}.mic-button.state-error{border-color:#ff6b6b66}.mic-button svg{width:30px;height:30px}.orb-wrapper{--orb-color: var(--cyan);--orb-color-soft: var(--cyan-soft);position:relative;width:254px;height:254px;display:flex;align-items:center;justify-content:center}.orb-wrapper.state-error{--orb-color: var(--danger);--orb-color-soft: #ff9d9d}.orb-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.orb-ring-outer,.orb-ring-tick-base,.orb-ring-inner,.orb-sweep{fill:none}.orb-ring-outer{stroke:var(--orb-color);stroke-opacity:.35;stroke-width:1.25;transform-box:fill-box;transform-origin:center;animation:spin-rev 100s linear infinite}.orb-ring-tick-base{stroke:var(--orb-color);stroke-opacity:.12;stroke-width:1}.orb-tick-group{transform-box:fill-box;transform-origin:center;animation:spin 80s linear infinite}.orb-ticks line{stroke:var(--orb-color);opacity:.45}.orb-ring-inner{stroke:var(--orb-color);stroke-opacity:.3;stroke-width:1.25}.orb-sweep{stroke:var(--orb-color-soft);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:34 594;transform-box:fill-box;transform-origin:center;opacity:.25;animation:spin 16s linear infinite;transition:opacity .4s ease}.orb-glow{position:absolute;top:-36px;right:-36px;bottom:-36px;left:-36px;border-radius:50%;background:radial-gradient(circle,rgba(79,215,255,.3),transparent 70%);filter:blur(4px);opacity:.45;transition:opacity .4s ease,background .4s ease}.orb-wrapper.state-error .orb-glow{background:radial-gradient(circle,rgba(255,107,107,.32),transparent 70%)}.orb-particles{position:absolute;top:0;right:0;bottom:0;left:0}.particle-orbit{position:absolute;top:0;right:0;bottom:0;left:0;transform-box:fill-box;transform-origin:center;opacity:.22;animation:spin 42s linear infinite;transition:opacity .4s ease}.particle-orbit.orbit-2{animation-duration:58s;animation-direction:reverse}.particle-orbit.orbit-3{animation-duration:74s}.particle-dot{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;background:var(--orb-color-soft);box-shadow:0 0 6px var(--orb-color),0 0 12px #4fd7ff80}.orbit-1 .particle-dot{transform:translate(-50%,-50%) translate(118px)}.orbit-2 .particle-dot{transform:translate(-50%,-50%) translate(100px)}.orbit-3 .particle-dot{transform:translate(-50%,-50%) translate(132px)}.orb-core-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.orb-core{position:relative;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 42% 38%,#eafcff,#5fe3ff 30%,#17a3d6,#0a4a6600);box-shadow:0 0 40px #4fd7ff73}.orb-core-highlight{position:absolute;width:58px;height:58px;border-radius:50%;top:38%;left:36%;background:radial-gradient(circle,#ffffffe6,#fff0 70%);filter:blur(2px);opacity:.75;mix-blend-mode:screen;animation:core-drift 6s ease-in-out infinite}.orb-wrapper.state-idle .orb-core{animation:breathe 4.5s ease-in-out infinite}.orb-wrapper.state-idle .orb-glow{animation:glow-breathe 4.5s ease-in-out infinite}.orb-wrapper.state-listening .orb-core{animation:pulse 1.6s ease-in-out infinite}.orb-wrapper.state-listening .orb-glow{opacity:.85;animation:glow-pulse 1.6s ease-in-out infinite}.orb-wrapper.state-listening .orb-sweep{opacity:.6;animation-duration:3.5s}.orb-wrapper.state-listening .particle-orbit{opacity:.75;animation-duration:10s}.orb-wrapper.state-thinking .orb-core{animation:flicker 1.8s ease-in-out infinite}.orb-wrapper.state-thinking .orb-ring-outer{animation-duration:10s}.orb-wrapper.state-thinking .orb-tick-group{animation-duration:14s}.orb-wrapper.state-thinking .orb-sweep{opacity:.9;animation-duration:2.2s}.orb-wrapper.state-thinking .particle-orbit{opacity:.55;animation-duration:9s}.orb-wrapper.state-speaking .orb-core{animation:speak-pulse .9s ease-in-out infinite}.orb-wrapper.state-speaking .orb-glow{opacity:.8;animation:glow-pulse .9s ease-in-out infinite}.orb-wrapper.state-speaking .orb-sweep{opacity:.65;animation-duration:4.5s}.orb-wrapper.state-speaking .particle-orbit{opacity:.85;animation-duration:6s}.orb-wrapper.state-speaking .orb-core-highlight{animation-duration:1.4s}.orb-wrapper.state-error .orb-core{animation:shake .4s ease-in-out}.orb-wrapper.state-error .particle-orbit{opacity:0}.orb-wrapper.state-error .orb-sweep{opacity:.4}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes glow-breathe{0%,to{opacity:.35}50%{opacity:.55}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes glow-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.12);opacity:.9}}@keyframes flicker{0%,to{opacity:1}45%{opacity:.85}55%{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-rev{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes speak-pulse{0%,to{transform:scale(1)}30%{transform:scale(1.1)}60%{transform:scale(.97)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes core-drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(8px,-6px) scale(1.15)}}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes brand-scan{0%,to{opacity:.3;transform:scaleX(.6)}50%{opacity:1;transform:scaleX(1)}}@keyframes brand-pulse{0%,to{opacity:.6}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.orb-wrapper *{animation:none!important}.brand:after{animation:none!important;opacity:.7}.handsfree-toggle.on:before{animation:none!important}.orb-wrapper.state-listening .orb-core,.orb-wrapper.state-speaking .orb-core{transform:scale(1.05)}.orb-wrapper.state-idle .orb-glow{opacity:.5}.orb-sweep,.particle-orbit{opacity:.2!important}}.settings-screen{gap:24px}.settings-header{display:flex;align-items:center;gap:12px}.back-button{padding:8px;color:var(--text-secondary);border-radius:50%}.settings-title{font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan-soft)}.settings-section{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:12px;background:var(--bg-surface);border:1px solid var(--border-subtle)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 0}.settings-label{font-size:15px;color:var(--text-primary)}.settings-sublabel{font-size:13px;color:var(--text-secondary);line-height:1.4}.settings-value{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary)}.settings-select{background:var(--bg-surface-raised);color:var(--text-primary);font-family:var(--font-mono);border:1px solid var(--border-subtle);border-radius:8px;padding:8px 10px;font-size:14px}.settings-slider{flex:1;accent-color:var(--cyan)}.toggle{position:relative;width:48px;height:28px;border-radius:14px;background:var(--bg-surface-raised);border:1px solid var(--border-subtle);transition:background .2s ease}.toggle.on{background:#0c5a78}.toggle-knob{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:var(--text-primary);transition:transform .2s ease}.toggle.on .toggle-knob{transform:translate(20px);background:var(--cyan-soft)}.settings-action{padding:12px 16px;border-radius:10px;background:var(--bg-surface-raised);border:1px solid var(--border-subtle);font-size:15px;text-align:center}.settings-action.danger{color:var(--danger)}.settings-note{font-size:12px;color:var(--text-secondary);line-height:1.5}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.status-dot.online{background:#4fd7ff;box-shadow:0 0 6px var(--cyan)}.status-dot.offline{background:var(--danger)}