: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(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@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)}@keyframes page-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes stat-count{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes ripple-expand{0%{opacity:.6;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(40)}}@keyframes filter-pop{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes nav-indicator{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes track-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes glow-pulse{0%,to{opacity:.35}50%{opacity:.65}}