@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Pretendard:wght@400;500;600;700;800&display=swap";
:root{--bg-base:#02050d;--bg-panel:#080e1ca6;--bg-elev:#141e3780;--cyan:#00e5ff;--cyan-dim:#00e5ff80;--cyan-faint:#00e5ff1f;--gold:#ffd54f;--red:#ff1744;--text:#e3f2fd;--text-soft:#90a4ae;--line:#00e5ff26}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-base);color:var(--text);font-family:Pretendard,-apple-system,sans-serif;overflow-x:hidden}body{background-image:radial-gradient(at top,#0064c826,#0000 60%),radial-gradient(at bottom,#00e5ff14,#0000 50%);background-attachment:fixed;min-height:100vh}button,input,textarea,select{font:inherit;color:inherit;background:0 0;border:none;outline:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--cyan-faint);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cyan-dim)}.grid-bg:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#00e5ff08 1px,#0000 1px),linear-gradient(90deg,#00e5ff08 1px,#0000 1px);background-size:50px 50px;position:fixed;inset:0}.hud-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:8px;position:relative}.hud-panel:before,.hud-panel:after{content:"";border:1px solid var(--cyan-dim);width:12px;height:12px;position:absolute}.hud-panel:before{border-bottom:none;border-right:none;top:-1px;left:-1px}.hud-panel:after{border-top:none;border-left:none;bottom:-1px;right:-1px}.mono{font-family:JetBrains Mono,monospace}.glow{color:var(--cyan);text-shadow:0 0 12px #00e5ff99,0 0 24px #00e5ff4d}@keyframes pulse-ring{0%{box-shadow:0 0 #00e5ff8c}70%{box-shadow:0 0 0 16px #00e5ff00}to{box-shadow:0 0 #00e5ff00}}.pulse{animation:1.8s infinite pulse-ring}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.rotate{animation:20s linear infinite spin}.rotate-reverse{animation:14s linear infinite spin-reverse}.hud-orb--on{filter:drop-shadow(0 0 6px #00e5ff66)}.hud-orb--speaking{filter:drop-shadow(0 0 14px #00e5ff8c)}.hud-orb--speaking .rotate{animation-duration:6s}.hud-orb--speaking .rotate-reverse{animation-duration:4s}@keyframes ripple{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(1.7)}}.hud-orb__ripple{animation:1.2s ease-out forwards ripple}@keyframes scan{0%{opacity:.8;transform:translateY(0)}to{opacity:0;transform:translateY(100vh)}}.scan-line{background:linear-gradient(90deg, transparent, var(--cyan), transparent);pointer-events:none;z-index:1;height:1px;animation:8s linear infinite scan;position:fixed;left:0;right:0}