:root{--surface-0:#131313;--surface-1:#1c1b1b;--surface-2:#201f1f;--surface-3:#2a2a2a;--border:#2a2828;--text:#e5e2e1;--text-secondary:#d8c3ad;--text-muted:#a08e7a;--accent:#ffc174;--accent-rgb:255, 193, 116;--accent-strong:#c9973a;--accent-text:#472a00;--accent-soft-bg:rgba(var(--accent-rgb), .08);--accent-soft-bg-muted:rgba(var(--accent-rgb), .06);--accent-soft-bg-strong:rgba(var(--accent-rgb), .14);--accent-soft-bg-heavy:rgba(var(--accent-rgb), .18);--accent-soft-bg-disabled:rgba(var(--accent-rgb), .5);--accent-soft-border:rgba(var(--accent-rgb), .18);--accent-soft-border-strong:rgba(var(--accent-rgb), .3);--accent-soft-border-heavy:rgba(var(--accent-rgb), .4);--accent-glow:rgba(var(--accent-rgb), .35);--accent-page-glow:rgba(var(--accent-rgb), .07)}@keyframes vinyl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes card-wave-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes card-wave-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@keyframes fade-in-up{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}html,body{background:var(--surface-0);width:100%;max-width:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden}body{min-height:100vh}*,:before,:after{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--accent) var(--surface-0)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--surface-0)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-strong)}button{transition:transform 80ms,filter .12s}button:active:not(:disabled){filter:brightness(.96);transform:scale(.96)}button[aria-pressed=false]:active:not(:disabled),button[data-press-subtle=true]:active:not(:disabled){filter:brightness(.985);transform:scale(.985)}