:root{--bg:#000;--surface:#ffffff0f;--surface-strong:#ffffff1f;--card:#141414;--card-hover:#1c1c1c;--border:#ffffff1a;--text:#fff;--text-muted:#fff9;--text-subtle:#fff6;--accent:#ff6b35;--beaten:#30d158;--playing:#a78bfa;--radius:20px;--radius-sm:12px;--page-width:1200px;--gutter:20px}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font-sans),system-ui,-apple-system,sans-serif;background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}img{max-width:100%}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:640px){:root{--gutter:16px;--radius:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}