*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0600;--surface:#140d00;--surface2:#1c1300;--border:#ffb00038;--accent:#ffb000;--accent-bright:#ffd070;--accent-dim:#ffb00024;--accent-glow:#ffb00059;--text:#ffb000;--text-muted:#ffb0006b;--danger:#ff5030}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:none;font-family:VT323,Courier New,monospace}#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)}@keyframes orbit-cw{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbit-ccw{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes horizon-pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes crt-flicker{0%{opacity:.55}8%{opacity:1}12%{opacity:.4}20%{opacity:.9}28%{opacity:.5}40%{opacity:.95}52%{opacity:.45}64%{opacity:1}76%{opacity:.5}88%{opacity:.85}to{opacity:.6}}@keyframes crt-scandrift{0%{background-position-y:0}to{background-position-y:4px}}@keyframes crt-roll{0%{opacity:0;transform:translateY(-12%)}10%{opacity:.5}90%{opacity:.5}to{opacity:0;transform:translateY(112%)}}@keyframes crt-jitter{0%{transform:translateY(0)}20%{transform:translateY(-2px)}40%{transform:translateY(1px)}60%{transform:translateY(-1px)}80%{transform:translateY(2px)}to{transform:translateY(0)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.crt-flicker-layer,.crt-roll-band,.crt-jitter-active{animation:none!important}}