*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#000}:root{--fg: #f0f0f0;--fg-dim: rgba(255,255,255,.45);--fg-hint: rgba(255,255,255,.22);--bg-panel: rgba(8,8,8,.82);--border: rgba(255,255,255,.08);--accent: #1DB954;--electric: #00d4ff;--violet: #8b5cf6;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace}@keyframes gradFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float1{0%,to{transform:translate(0) scale(1);opacity:.55}33%{transform:translate(50px,-40px) scale(1.08);opacity:.7}66%{transform:translate(-30px,25px) scale(.94);opacity:.5}}@keyframes float2{0%,to{transform:translate(0) scale(1);opacity:.45}33%{transform:translate(-60px,30px) scale(1.06);opacity:.6}66%{transform:translate(40px,-50px) scale(.92);opacity:.4}}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes btnPulse{0%,to{box-shadow:0 0 #1db95473}50%{box-shadow:0 0 0 14px #1db95400}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes modeToast{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.9)}12%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}72%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-6px) scale(.96)}}