:root{--accent:#f6a;--accent-strong:#f04f98;--accent-light:#ff8fc3;--accent-muted:#ff66aa7a;--accent-soft:#ff66aa29;--bg:#151515;--border:#ffffff17;--border-strong:#ff66aa38;--danger:#d96f6f;--danger-border:#d96f6f75;--danger-border-strong:#d96f6f9e;--danger-muted:#d96f6f38;--danger-ring:#d96f6f1f;--danger-text:#e27c7ce6;--input:#1b1b1b;--panel:#181818;--panel-solid:#121212;--row:#1b1b1b;--row-hover:#1d1d1d;--surface:#222;--surface-strong:#2a2a2a;--text:#ececec;--text-secondary:#a6a6a6;--text-faint:#7c7c7c;--text-status-ranked:#9f967c;--text-status-loved:#9886b9;--text-on-accent:#f5eef3;--match:#dc94ade0;--preview-icon:#ffffffdb;--overlay-preview:#00000075;--overlay-loading:#15151599;--skeleton:#ffffff1a;--skeleton-soft:#ffffff0f;--separator:#ffffff17;--separator-soft:#ffffff0f;--control-hover:#262626;--control-hover-border:#ffffff29;--tooltip:#121212f5;--sans:"Bricolage Grotesque Variable", ui-sans-serif, system-ui, sans-serif;--font-size-caption:11px;--font-size-detail:12px;--font-size-control:13px;--font-size-body:14px;--font-size-stat:15px;--font-size-title:16px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:600;--shadow-audio:0 10px 32px #00000052;--shadow-preview:0 6px 16px #0000008c;--space-2xs:1px;--space-xs:2px;--space-sm:5px;--space-md:6px;--space-lg:8px;--space-xl:10px;--space-2xl:12px;--space-3xl:14px;--space-4xl:16px;--space-5xl:24px;--space-page:clamp(12px, calc(31.5vw - 396px), 108px);--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--control-height:40px;--button-size:42px;--action-size:28px;--card-overlap:var(--space-lg);--cover-size:104px;--source-cover-height:132px;--cover-size-tablet:86px;--cover-size-mobile:92px;--icon-sm:16px;--icon-md:18px;color:var(--text);background:var(--bg);font:var(--font-size-title)/1.5 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1400px){:root{--space-page:clamp(12px, calc(10vw - 50px), 108px)}}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-opsz-normal-D9N6E8K1.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-opsz-normal-IcJDqblK.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-opsz-normal-Cre6nC2_.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}html{background:var(--bg);scrollbar-gutter:stable}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}svg{stroke:currentColor;stroke-width:6px;stroke-linejoin:round;stroke-linecap:round}h1,h2,p{margin:0}h1,h2{color:var(--text);line-height:1.05}h1{letter-spacing:-.06em;max-width:760px;margin-bottom:12px;font-size:clamp(34px,6vw,68px)}h2{letter-spacing:-.04em;font-size:clamp(24px,3vw,34px)}a{color:inherit}