*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#05091a;--surface:#080e22;--surface2:#0c1530;--border:#00e5ff2e;--accent:#00e5ff;--accent-dim:#00e5ff1f;--accent-glow:#00e5ff59;--text:#cce8ff;--text-muted:#96c8ff66;--danger:#ff3d6e}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,sans-serif}#root{flex-direction:column;height:100%;display:flex}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.hud-panel{position:relative}.hud-panel:before,.hud-panel:after{content:"";border-color:var(--accent);opacity:.7;border-style:solid;width:12px;height:12px;position:absolute}.hud-panel:before{border-width:1px 0 0 1px;top:0;left:0}.hud-panel:after{border-width:1px 1px 0 0;top:0;right:0}.orb-section{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:16px 0 8px;display:flex}.orb-container{justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative}.orb-arc{border:1px dashed #00e5ff40;border-radius:50%;width:140px;height:140px;animation:12s linear infinite orb-rotate;position:absolute}.orb-arc-inner{border:1px dashed #00e5ff26;border-radius:50%;width:100px;height:100px;animation:8s linear infinite orb-rotate-rev;position:absolute}.orb-ring{opacity:0;border:1px solid #00e5ffcc;border-radius:50%;width:60px;height:60px;position:absolute}.orb-core{z-index:10;background:radial-gradient(circle at 40% 35%,#80f0ff,#0af 50%,#04c);border-radius:50%;width:36px;height:36px;animation:3.5s ease-in-out infinite orb-idle-breathe;box-shadow:0 0 12px #00e5ff,0 0 28px #00e5ff80,0 0 50px #0064ff4d}@keyframes orb-idle-breathe{0%,to{transform:scale(1);box-shadow:0 0 12px #00e5ff,0 0 28px #00e5ff66}50%{transform:scale(1.06);box-shadow:0 0 18px #00e5ff,0 0 40px #00e5ff99}}@keyframes orb-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orb-rotate-rev{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.orb-speaking .orb-core{animation:.6s ease-in-out infinite orb-speak-pulse;box-shadow:0 0 20px #00e5ff,0 0 50px #00e5ffb3,0 0 90px #00b4ff66}.orb-speaking .orb-arc{border-color:#00e5ff80;animation:4s linear infinite orb-rotate}.orb-speaking .orb-arc-inner{border-color:#00e5ff59;animation:3s linear infinite orb-rotate-rev}.orb-speaking .orb-ring-1{animation:2s ease-out infinite orb-emanate}.orb-speaking .orb-ring-2{animation:2s ease-out .5s infinite orb-emanate}.orb-speaking .orb-ring-3{animation:2s ease-out 1s infinite orb-emanate}.orb-speaking .orb-ring-4{animation:2s ease-out 1.5s infinite orb-emanate}@keyframes orb-emanate{0%{opacity:.9;border-color:#00e5ffe6;transform:scale(.6)}to{opacity:0;border-color:#00e5ff00;transform:scale(3.2)}}@keyframes orb-speak-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.orb-listening .orb-core{background:radial-gradient(circle at 40% 35%,#80ffdd,#0c8 50%,#043);animation:1s ease-in-out infinite orb-listen-pulse;box-shadow:0 0 16px #0fa,0 0 36px #00ffaa80}.orb-listening .orb-ring-1{animation:2s ease-out infinite orb-emanate-listen}.orb-listening .orb-ring-2{animation:2s ease-out .66s infinite orb-emanate-listen}.orb-listening .orb-ring-3{animation:2s ease-out 1.33s infinite orb-emanate-listen}@keyframes orb-listen-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes orb-emanate-listen{0%{opacity:.8;border-color:#0fac;transform:scale(.6)}to{opacity:0;border-color:#0fa0;transform:scale(2.8)}}.orb-status{letter-spacing:3px;text-transform:uppercase;color:var(--accent);opacity:.6;font-size:10px;font-weight:500}.orb-speaking .orb-status,.orb-listening .orb-status{opacity:1}@keyframes pulse{0%,80%,to{opacity:.4;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.drawer-backdrop{z-index:100;background:#00000080;animation:.15s fade-in;position:fixed;inset:0}.history-drawer{background:var(--surface);border-right:1px solid var(--border);z-index:101;flex-direction:column;width:280px;animation:.2s slide-in-left;display:flex;position:fixed;top:0;bottom:0;left:0}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fs-orb-overlay{background:var(--bg);z-index:200;justify-content:center;align-items:center;animation:.2s fade-in;display:flex;position:fixed;inset:0}.fs-close-btn{border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;top:20px;right:20px}.fs-close-btn:hover{border-color:var(--accent);color:var(--accent)}