:root{--chassis:#141414;--chassis-deep:#0d0e0f;--faceplate:#1e1f21;--faceplate-lo:#1a1c1e;--faceplate-hi:#232528;--key:#282a2d;--key-hi:#34373b;--key-lo:#25272a;--key-well:#17181a;--hairline:#4a4e54;--seam:#16181a;--ink:#e6e4de;--ink-2:#b4b6ba;--ink-3:#8b8d92;--ink-4:#63666b;--ink-5:#4c5055;--vu:#ff8a1e;--vu-hi:#ff9c3c;--vu-lo:#e87510;--vu-dim:#7a4310;--vu-well:#2a2118;--on-vu:#20130a;--standby:#35c8b0;--standby-dim:#1a6458;--standby-well:#17211f;--alert:#e5484d;--alert-hi:#ec5b60;--alert-lo:#c9383d;--alert-key-hi:#b62b2f;--alert-key-lo:#9d2529;--ans-1-hi:#c01723;--ans-1-lo:#a7141e;--ans-2-hi:#0d7039;--ans-2-lo:#0b592d;--ans-3-hi:#1d4ef1;--ans-3-lo:#1944d4;--ans-4-hi:#a416b9;--ans-4-lo:#8e13a0;--mine:var(--vu);--radius-key:3px;--radius-panel:4px;--radius-tab:3px;--radius-round:50%;--bevel:inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 -1px 0 rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .6);--well:inset 0 1px 3px rgba(0, 0, 0, .7);--well-deep:inset 0 1px 3px rgba(0, 0, 0, .8);--edge-top:0 2px 6px rgba(0, 0, 0, .6);--edge-bottom:0 -2px 6px rgba(0, 0, 0, .6);--hair-rule:1px solid var(--hairline);--seam-rule:1px solid var(--seam);--brush:linear-gradient(180deg, var(--faceplate-hi) 0%, var(--faceplate-lo) 100%);--key-face:linear-gradient(180deg, var(--key-hi) 0%, var(--key-lo) 100%);--key-face-vu:linear-gradient(180deg, var(--vu-hi) 0%, var(--vu-lo) 100%);--key-face-alert:linear-gradient(180deg, var(--alert-key-hi) 0%, var(--alert-key-lo) 100%);--key-face-ans-1:linear-gradient(180deg, var(--ans-1-hi) 0%, var(--ans-1-lo) 100%);--key-face-ans-2:linear-gradient(180deg, var(--ans-2-hi) 0%, var(--ans-2-lo) 100%);--key-face-ans-3:linear-gradient(180deg, var(--ans-3-hi) 0%, var(--ans-3-lo) 100%);--key-face-ans-4:linear-gradient(180deg, var(--ans-4-hi) 0%, var(--ans-4-lo) 100%);--focus-ring:0 0 0 2px var(--chassis), 0 0 0 4px var(--vu);--font-display:'Michroma', 'Arial Narrow', sans-serif;--font-body:'Figtree', system-ui, sans-serif;--font-mono:'JetBrains Mono', ui-monospace, monospace;--font-arcade:'Silkscreen', 'JetBrains Mono', ui-monospace, monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--text-xs:0.5938rem;--text-s:0.75rem;--text-m:0.875rem;--text-l:1rem;--text-xl:1.0625rem;--text-2xl:1.125rem;--text-3xl:1.375rem;--display-s:0.7813rem;--display-m:1.625rem;--display-l:5.5vh;--display-xl:11vh;--silkscreen-size:var(--text-xs);--silkscreen-tracking:0.14em;--icon-s:1rem;--icon-m:1.375rem;--icon-l:1.625rem;--icon-xl:1.875rem;--gap-1:2px;--gap-2:6px;--gap-3:10px;--gap-4:14px;--gap-5:20px;--gap-6:28px;--gutter:14px;--content-max:768px;--target:44px;--target-l:46px;--row-artist:46px;--row-song:56px;--row-queue:86px;--avatar-queue:62px;--avatar-form:96px;--header-bar:44px;--nav-bar:52px;--ease-key:cubic-bezier(.2, .8, .3, 1);--dur-key:90ms;--dur-ui:180ms;--dur-slow:320ms;--border-radius:var(--radius-key);--focus-outline:2px solid var(--vu)}@media(prefers-reduced-motion:reduce){:root{--dur-key:0ms;--dur-ui:0ms;--dur-slow:0ms}}@keyframes key-press{from{transform:translateY(0)}to{transform:translateY(1px)}}@keyframes vu-settle{from{opacity:.3}to{opacity:1}}@keyframes vu-sweep{0%{background-position:-40% 0}100%{background-position:140% 0}}@keyframes tick{from{opacity:.55;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}