.playlists-page{min-height:100vh;background:var(--bg);color:var(--ink);padding-bottom:120px}.pl-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px clamp(20px,5vw,56px);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);border-bottom:2px solid var(--ink)}.pl-home{display:inline-flex;text-decoration:none;color:inherit}.pl-topbar-right{display:flex;align-items:center;gap:18px}.pl-back{font-family:var(--font-mono);font-size:12px;text-decoration:none;color:var(--ink-2);white-space:nowrap}.pl-back:hover{color:var(--ink)}.pl-lang{display:inline-flex;gap:4px}.pl-lang button{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;padding:4px 8px;border:1px solid var(--soft-line);border-radius:8px;background:transparent;color:var(--ink-2);cursor:pointer}.pl-lang button[data-active=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pl-wrap{max-width:940px;margin:0 auto;padding:clamp(32px,6vw,64px) clamp(20px,5vw,56px) 40px}.pl-eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;color:var(--ink-2);margin:0 0 14px}.pl-title{font-size:clamp(34px,7vw,60px);line-height:1.02;margin:0;max-width:16ch}.pl-subhead{color:var(--ink-2);max-width:60ch;font-size:16px;line-height:1.55;margin:18px 0 0}.pl-section{margin-top:40px;border:2px solid var(--ink);border-radius:20px;background:var(--bg);box-shadow:var(--shadow-sm);overflow:hidden}.pl-section-head{display:flex;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid var(--soft-line)}.pl-swatch{display:inline-flex;flex-direction:column;width:30px;height:30px;border-radius:8px;overflow:hidden;border:1.5px solid var(--ink);flex:none}.pl-swatch span{flex:1}.pl-section-meta{flex:1;min-width:0}.pl-section-name{font-size:22px;font-weight:700}.pl-section-blurb{font-size:13px;color:var(--ink-2);margin-top:2px}.pl-section-tag{font-family:var(--font-mono);font-size:11px;color:var(--ink-2);white-space:nowrap}.pl-track{display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;gap:14px;width:100%;text-align:left;padding:12px 20px;background:transparent;border:none;border-top:1px solid var(--soft-line);font-family:inherit;color:var(--ink);cursor:pointer;transition:background .16s}.pl-track:first-of-type{border-top:none}.pl-track:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.pl-track[data-active=true]{background:color-mix(in srgb,var(--ink) 10%,transparent)}.pl-track-btn{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--ink);background:var(--bg)}.pl-track[data-active=true] .pl-track-btn{background:var(--ink)}.pl-track-title{font-size:15px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-track-dur,.pl-track-num{font-family:var(--font-mono);font-size:12px;color:var(--ink-2);text-align:right}.pl-track-dur{min-width:40px}.pl-nowbar{position:fixed;left:0;right:0;bottom:0;z-index:50;gap:16px;padding:12px clamp(16px,4vw,40px);background:var(--ink);color:var(--bg);border-top:2px solid var(--ink)}.pl-nowbar,.pl-nowbar-meta{display:flex;align-items:center}.pl-nowbar-meta{gap:12px;min-width:0;flex:1}.pl-nowbar-title{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-nowbar-status,.pl-nowbar-sub{font-family:var(--font-mono);font-size:11px;opacity:.7}.pl-nowbar-status{margin:2px 0 0}.pl-nowbar-status[data-error=true]{opacity:1;font-weight:600}.pl-nowbar-controls{display:flex;align-items:center;gap:10px}.pl-ctrl{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--bg);background:transparent;color:var(--bg);cursor:pointer}.pl-ctrl.pl-ctrl-lg{width:44px;height:44px;background:var(--bg);color:var(--ink)}.pl-ctrl:disabled{opacity:.35;cursor:default}.pl-progress{flex:2;display:flex;align-items:center;gap:10px;min-width:120px}.pl-progress-time{font-family:var(--font-mono);font-size:11px;opacity:.8;width:34px}.pl-progress-bar{flex:1;height:5px;border-radius:3px;background:color-mix(in srgb,var(--bg) 28%,transparent);cursor:pointer;position:relative}.pl-progress-bar[data-seekable=false]{cursor:default;opacity:.5}.pl-progress-fill{position:absolute;inset:0;border-radius:3px;background:var(--bg);transform-origin:left}@media (max-width:640px){.pl-nowbar-sub,.pl-progress-time{display:none}.pl-track{grid-template-columns:34px 1fr auto}.pl-track-num{display:none}}