:root{--key-white-bg:#f5f5f5;--key-white-pressed:var(--accent-9);--key-black-bg:#1a1a2e;--key-black-pressed:var(--accent-10);--key-border:#ccc;--note-right-hand:var(--accent-9);--note-left-hand:#fb923c;--note-hit-flash:color-mix(in srgb, var(--accent-9) 60%, white);--note-pending:color-mix(in srgb, var(--accent-9) 30%, transparent);--surface-deep:#09090e;--surface-stage:#0d0d1a;--surface-panel:#ffffff0a;--marker-beat:#ffffff14;--marker-measure:#fff3}
html,body{max-width:100vw;overflow-x:hidden}body{background-color:#09090e;background-image:radial-gradient(130% 42% at 50% 0,#6d28d924 0%,#0000 52%);min-height:100vh}*{box-sizing:border-box}@media (prefers-reduced-motion:reduce){.rt-Skeleton{animation:none!important}}html body[data-scroll-locked][data-scroll-locked]{margin:0!important}