:root{--bg-base: #080a0f;--bg-surface: #0e1118;--bg-elevated: #161b26;--bg-hover: #1e2435;--bg-active: #232a3e;--border: rgba(255,255,255,.06);--border-bright: rgba(255,255,255,.12);--accent: #00e5ff;--accent-dim: rgba(0,229,255,.12);--accent-glow: rgba(0,229,255,.25);--accent2: #7c3aed;--accent2-dim: rgba(124,58,237,.15);--text-primary: #f0f4ff;--text-secondary: #8892a4;--text-muted: #4a5568;--player-height: 88px;--sidebar-width: 260px;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--border-bright)}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}a{color:inherit;text-decoration:none}img{display:block}input{font-family:inherit}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-size:200px 200px;pointer-events:none;z-index:9999;opacity:.4}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.back-btn{display:none;position:fixed;top:20px;left:20px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text-secondary);z-index:10000}.eq-bar{display:inline-block;width:3px;border-radius:2px;background:var(--accent);animation:eq-bounce var(--dur, .8s) ease-in-out infinite alternate}@keyframes eq-bounce{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.35);opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.sidebar{display:none}.back-btn{display:block}}