@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500&display=swap";
:root{--color-base:#0a0f1a;--color-surface:#151b2b;--color-surface-elevated:#1e2640;--color-accent:#4ecdc4;--color-accent-hover:#5fe0d7;--color-accent-muted:#4ecdc41f;--color-text:#e8ecf1;--color-text-muted:#6b7a8d;--color-text-subtle:#3e4d5f;--color-border:#e8ecf10f;--color-border-hover:#e8ecf11f;--color-danger:#d4736e;--color-youtube:#d4736e;--shadow-sm:0 1px 3px #4ecdc40a;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 12px 40px #0006;--shadow-glow:0 0 40px #4ecdc414;--font-display:"Clash Display","Avenir Next",system-ui,sans-serif;--font-body:"Plus Jakarta Sans",system-ui,sans-serif;--font-mono:"JetBrains Mono","SF Mono",monospace;--text-display:clamp(3rem,8vw,7rem);--text-h1:clamp(2.25rem,5vw,4.5rem);--text-h2:clamp(1.75rem,3.5vw,3rem);--text-h3:clamp(1.25rem,2.5vw,2rem);--text-body:clamp(.9375rem,1.125vw,1.125rem);--text-small:clamp(.8rem,.9vw,.875rem);--text-caption:clamp(.7rem,.8vw,.75rem);--space-xs:.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:8rem;--ease-out:cubic-bezier(.16,1,.3,1);--ease-snap:cubic-bezier(.34,1.56,.64,1);--sidebar-width:260px;--player-height:88px;--chat-width:400px;--grain-opacity:.025}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--color-base);max-width:100vw;color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;line-height:1.65;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:500;line-height:1.1}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none}input{font-family:inherit;font-size:inherit}.grain:after{content:"";opacity:var(--grain-opacity);pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}.glass{-webkit-backdrop-filter:blur(20px)saturate(1.5);border:1px solid var(--color-border);background:#151b2b99;border-radius:1rem}@supports not ((-webkit-backdrop-filter:blur()) or (backdrop-filter:blur())){.glass{background:#151b2bf2}}.reveal{opacity:0;transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);transform:translateY(20px)}.reveal.visible{opacity:1;transform:translateY(0)}.btn-press{transition:transform .15s var(--ease-snap),opacity .15s}.btn-press:hover{transform:translateY(-1px)}.btn-press:active{opacity:.9;transform:translateY(0)scale(.98)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-text-subtle);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}.label-caps{font-family:var(--font-mono);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-weight:500}.track-row{align-items:center;gap:var(--space-sm);cursor:pointer;text-align:left;width:100%;color:var(--color-text);border:none;border-radius:.75rem;padding:.75rem 1rem;transition:background .2s;display:flex}.track-row:hover{background:var(--color-accent-muted)}.track-row.active{background:var(--color-accent-muted);border-left:3px solid var(--color-accent)}.badge-yt{font-family:var(--font-mono);letter-spacing:.05em;color:var(--color-youtube);background:#d4736e1f;border-radius:.25rem;padding:.15rem .5rem;font-size:.625rem;font-weight:500}