:root{--ground:#14121c;--surface:#1d1a28;--surface-2:#24202f;--line:#322d42;--ink:#ede8e0;--muted:#9a93a8;--amber:#ffb454;--magenta:#ff3d7f;--cyan:#4fd8e0;--display:"Bricolage Grotesque", "Archivo", system-ui, sans-serif;--body:"Instrument Sans", system-ui, -apple-system, sans-serif;--mono:"IBM Plex Mono", ui-monospace, Consolas, monospace;--r-card:8px;--r-cover:12px;--shadow:0 1px 2px #0006, 0 12px 32px -16px #000000b3;--t:.16s ease;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ground);color:var(--ink);margin:0}body{font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px}.mono{font-family:var(--mono)}.display{font-family:var(--display);letter-spacing:-.02em}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.wrap{gap:28px;max-width:640px;margin:0 auto;padding:20px 18px 80px;display:grid}.top{justify-content:space-between;align-items:center;display:flex}.hero{gap:18px;display:grid}@media (min-width:560px){.hero{grid-template-columns:200px 1fr;align-items:end}}.cover{aspect-ratio:1;border-radius:var(--r-cover);object-fit:cover;width:100%;box-shadow:var(--shadow);background:var(--surface);display:block}.cover.none{place-items:center;display:grid}h1.display{text-wrap:balance;margin:0 0 8px;font-size:clamp(30px,7vw,44px);font-weight:800;line-height:1.02}.artist{margin:0 0 14px;font-size:18px;font-weight:500}.artist a{color:var(--amber)}.tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tags li{letter-spacing:.06em;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:3px 9px;font-size:11px}.lyrics{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:18px 20px}.lyrics h2{margin:0 0 12px}.lyrics pre{white-space:pre-wrap;font-family:var(--body);color:var(--ink);max-width:68ch;margin:0;font-size:15px;line-height:1.6}.foot{border-top:1px solid var(--line);padding-top:14px}.player{grid-template-columns:64px 1fr;align-items:center;gap:16px;display:grid}.player .play{background:var(--amber);width:64px;height:64px;color:var(--ground);cursor:pointer;transition:transform var(--t);border:0;border-radius:999px;place-items:center;font-size:22px;display:grid}.player .play:active{transform:scale(.96)}.player .bar{gap:8px;display:grid}.player .track{background:var(--surface-2);cursor:pointer;border-radius:999px;height:6px}.player .fill{background:var(--amber);border-radius:999px;height:100%;transition:width .12s linear}.player .times{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.bigplay{background:var(--amber);color:#14121c;cursor:pointer;height:52px;font-family:var(--mono);letter-spacing:.1em;transition:transform var(--t), filter var(--t);border:0;border-radius:2px;align-items:center;gap:10px;padding:0 22px 0 18px;font-size:13px;display:inline-flex}.bigplay:hover{filter:brightness(1.08)}.bigplay:active{transform:translateY(1px)}.artist-head{gap:10px;display:grid}.artist-name{letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(34px,9vw,62px);font-weight:800;line-height:.96}.artist-tag{color:var(--amber);margin:0;font-size:16px}.artist-bio{color:var(--muted);max-width:62ch;margin:0;font-size:15px}.disc{gap:2px;margin:0;padding:0;list-style:none;display:grid}.disc-row{cursor:pointer;width:100%;color:var(--ink);text-align:left;min-height:52px;transition:background var(--t);background:0 0;border:0;border-radius:3px;grid-template-columns:26px 38px 1fr auto;align-items:center;gap:12px;padding:7px 10px 7px 4px;display:grid}.disc-row:hover{background:#ede8e00d}.disc-row.on{background:#ffb45417}.disc-row.on .disc-title{color:var(--amber)}.disc-row img{object-fit:cover;border-radius:3px}.disc-n{color:var(--muted);font-size:11px}.disc-title{font-size:15px;font-weight:500}.disc-time{color:var(--muted);font-size:11.5px}.pbar{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#14121cf0;position:fixed;bottom:0;left:0;right:0}.pbar-seek{cursor:pointer;background:#ede8e01f;height:3px}.pbar-fill{background:var(--amber);height:100%;transition:width .2s linear}.pbar-row{padding:8px 12px calc(8px + env(safe-area-inset-bottom));align-items:center;gap:10px;max-width:760px;margin:0 auto;display:flex}.pbar-btn{cursor:pointer;min-width:44px;height:44px;color:var(--ink);background:#ede8e012;border:1px solid #ede8e029;border-radius:2px;justify-content:center;align-items:center;display:inline-flex}.pbar-btn.ghost{background:0 0;font-size:20px;line-height:1}.pbar-meta{cursor:pointer;min-width:0;color:var(--ink);text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;height:44px;padding:0;display:flex}.pbar-meta img{object-fit:cover;border-radius:3px;flex:none}.pbar-text{min-width:0;display:grid}.pbar-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.pbar-text em{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-style:normal;overflow:hidden}.pbar-time{color:var(--muted);font-size:11px}body:has(.pbar) .wrap{padding-bottom:110px}.sheet{z-index:60;background:var(--ground);padding:24px 22px calc(28px + env(safe-area-inset-bottom));align-content:center;gap:16px;max-width:520px;margin:0 auto;display:grid;position:fixed;inset:0}.sheet-close{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:17px;position:absolute;top:14px;right:16px}.sheet-cover{aspect-ratio:1;object-fit:cover;border-radius:var(--r-cover);width:100%}.sheet-meta{gap:3px;display:grid}.sheet-meta .what{font-size:clamp(24px,7vw,36px)}.sheet-seek{cursor:pointer;background:#ede8e024;border-radius:999px;height:4px}.sheet-seek .fill{background:var(--amber);border-radius:999px;height:100%}.sheet-times{color:var(--muted);justify-content:space-between;font-size:11.5px;display:flex}.sheet-controls{flex-wrap:wrap;gap:9px;display:flex}.sheet-foot{margin:4px 0 0}.prose h1.display{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(28px,7vw,44px);font-weight:800}.prose h2{margin:18px 0 -14px}.prose p{color:var(--muted);max-width:64ch;font-size:15.5px}.disc-title{text-transform:uppercase;letter-spacing:.01em}