:root{--pv-ink:#f2f2f2;--pv-quiet:#9b9b9b;--pv-line:#232325;--pv-surface:#151515;--pv-hover:#1b1b1d}.pv{max-width:1080px}.pv-back{align-items:center;min-height:44px;margin:0 0 12px;display:inline-flex}.pv-head{grid-template-columns:clamp(160px,20vw,232px) minmax(0,1fr);align-items:end;gap:32px;margin:0 0 32px;display:grid}.pv-art .pl-collage{margin:0;box-shadow:0 18px 40px #0008}.pv-art .pl-collage[data-n="0"]{box-shadow:inset 0 0 0 1px var(--pv-line)}.pv-title,.pv-title-input{letter-spacing:-.03em;color:var(--pv-ink);overflow-wrap:anywhere;outline:none;margin:0 0 10px;font-family:Scene Grotesk,Arial,sans-serif;font-size:clamp(30px,4.2vw,52px);font-weight:400;line-height:1.08}.pv-title-input{background:var(--pv-surface);border:1px solid #3a3a3d;border-radius:10px;width:100%;padding:4px 12px}.pv-title-input:focus-visible{border-color:#bbb}.pv-meta{color:var(--pv-quiet);margin:0 0 20px;font-size:15px}.pv-actions{flex-wrap:wrap;gap:10px;display:flex}.pv-actions .pl-btn{white-space:nowrap;border-radius:22px;align-items:center;gap:8px;min-height:44px;padding:0 20px;text-decoration:none;display:inline-flex}.pv-actions .pl-btn:disabled{opacity:.4;cursor:default}.pv-actions svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.pv-danger{color:#ff8a80}.pv-danger:hover{border-color:#6b3430}.pv-status{min-height:1.4em;color:var(--pv-quiet);margin:12px 0 0;font-size:14px}.pv-status .pl-link{color:var(--pv-ink);padding:0 0 0 6px;text-decoration:underline}.pv-list{border-top:1px solid var(--pv-line);margin:0;padding:0;list-style:none}.pv-row{border-bottom:1px solid var(--pv-line);align-items:center;gap:8px;display:flex}.pv-row-main{min-width:0;min-height:64px;color:inherit;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;flex:1;grid-template-columns:32px 64px minmax(0,1fr);align-items:center;gap:14px;padding:8px 10px 8px 0;display:grid}button.pv-row-main,a.pv-row-main{cursor:pointer;color:inherit;text-decoration:none;transition:background .15s}button.pv-row-main:hover,a.pv-row-main:hover{background:var(--pv-hover)}button.pv-row-main:focus-visible{outline-offset:-2px;outline:2px solid #ddd}.pv-n{color:var(--pv-quiet);text-align:right;font-variant-numeric:tabular-nums;font-size:14px}.pv-row img,.pv-noimg{object-fit:cover;background:var(--pv-surface);border-radius:4px;width:64px;height:48px;display:block}.pv-t{flex-direction:column;min-width:0;display:flex}.pv-t strong{color:var(--pv-ink);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.pv-t span{color:var(--pv-quiet);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pv-loading .pv-t strong{background:var(--pv-surface);border-radius:3px;width:40%;height:12px}.pv-missing .pv-t strong{color:var(--pv-quiet);font-weight:400}.pv-tools{flex:none;gap:4px;display:flex}.pv-icon{width:44px;height:44px;color:var(--pv-ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.pv-icon:hover{background:var(--pv-hover)}.pv-icon:disabled{opacity:.25;cursor:default}.pv-icon:focus-visible{outline:2px solid #ddd}.pv-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.pv-empty{border-top:1px solid var(--pv-line);flex-wrap:wrap;align-items:center;gap:16px 24px;padding:28px 0;display:flex}.pv-empty p{color:var(--pv-quiet);max-width:46ch;margin:0;font-size:15px;line-height:1.5}.pv-empty .pl-btn{border-radius:22px;align-items:center;text-decoration:none;display:inline-flex}@media (width<=640px){.pv-head{grid-template-columns:1fr;align-items:start;gap:20px}.pv-art{width:min(220px,62vw)}.pv-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pv-actions .pl-btn{justify-content:center;padding:0 12px}.pv-actions>:nth-child(3){grid-column:1/-1}.pv-row-main{grid-template-columns:22px 56px minmax(0,1fr);gap:10px}.pv-row img,.pv-noimg{width:56px;height:42px}.pv-tools .pv-icon{width:40px;height:44px}}.save-sheet .playlist-create{margin:16px 0 4px}.save-sheet .playlist-inline input:focus{border-color:#bbb;box-shadow:0 0 0 3px #ffffff1a}.save-sheet .playlist-create-status:empty{display:none}.sv-list{margin:10px 0 0;padding:0;list-style:none}.sv-row{width:calc(100% + 12px);min-height:56px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:14px;margin:0 -6px;padding:8px 6px;transition:background .15s;display:flex}.sv-row:hover{background:var(--pv-hover)}.sv-row:focus-visible{outline-offset:-2px;outline:2px solid #ddd}.sv-row[aria-busy]{opacity:.6;cursor:progress}.sv-box{border:1.5px solid #5a5a5e;border-radius:6px;flex:none;place-items:center;width:24px;height:24px;transition:background .15s,border-color .15s;display:grid}.sv-box svg{fill:none;stroke:#0c0c0d;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;opacity:0;width:16px;height:16px;transition:opacity .15s,transform .15s;transform:scale(.6)}.sv-row[aria-checked=true] .sv-box{background:var(--pv-ink);border-color:var(--pv-ink)}.sv-row[aria-checked=true] .sv-box svg{opacity:1;transform:none}.sv-t{flex-direction:column;min-width:0;display:flex}.sv-t strong{color:var(--pv-ink);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:400;overflow:hidden}.sv-t span{color:var(--pv-quiet);font-size:13px}.save-sheet .save-status{min-height:1.3em;color:var(--pv-quiet);margin:10px 0 0;font-size:14px}.save-sheet .save-signin{margin-top:14px}.sv-foot{background:linear-gradient(#0000,#121214 30%);justify-content:flex-end;margin-top:6px;padding:14px 0 0;display:flex;position:sticky;bottom:-24px}.sv-done{background:var(--pv-ink);color:#0c0c0d;min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:22px;padding:0 26px;font-size:14px;font-weight:600}.sv-done:hover{background:#fff}.sv-done:focus-visible{outline-offset:3px;outline:2px solid #ddd}@media (width<=640px){.sv-done{width:100%}.sv-foot{bottom:calc(-20px - env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.sv-box,.sv-box svg,.sv-row,button.pv-row-main{transition:none}}.pv-art{width:100%;display:block}.pv-back{gap:4px;margin-left:-6px}.pv-back svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}@media (width<=640px){.pv-art{width:min(220px,62vw)}}.pl-new-btn{border-radius:22px;align-items:center;gap:8px;padding:0 20px;display:inline-flex}.pl-new-btn svg,.pl-make-new svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round}.pl-new-btn svg{width:18px;height:18px}.pl-chips{flex-wrap:wrap;gap:8px;margin:-16px 0 8px;display:flex}.pl-chip{color:#ddd;min-height:36px;font:inherit;cursor:pointer;background:0 0;border:1px solid #333;border-radius:18px;padding:0 16px;font-size:14px;position:relative}.pl-chip:after{content:"";position:absolute;inset:-4px 0}.pl-chip:hover{border-color:#666}.pl-chip[aria-pressed=true]{background:var(--pv-ink);border-color:var(--pv-ink);color:#0c0c0d}.pl-chip:focus-visible{outline-offset:2px;outline:2px solid #ddd}.pl-mine .pl-h2{margin-top:28px}.pl-make-new{color:#bbb;background:0 0;place-items:center;transition:box-shadow .2s,color .2s;display:grid;box-shadow:inset 0 0 0 1.5px #3a3a3d}.pl-make-new svg{width:44px;height:44px}.pl-make .pl-open:hover .pl-make-new{color:#fff;box-shadow:inset 0 0 0 1.5px #888}.pl-make a.pl-open{text-decoration:none}.pl-make-yt{position:relative}.pl-make-yt:after{content:"";background:linear-gradient(#0000 40%,#000a);position:absolute;inset:0}.pl-make .pl-title{align-items:center;gap:8px;display:flex}.pl-make .pl-title .pl-yt-mark{flex:none;width:22px;height:22px;margin:0}.pv-title-edit{cursor:text;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:10px;width:100%;margin-left:-11px;padding:2px 10px;transition:border-color .15s,background .15s}.pv-title-edit:hover{border-color:#333}.pv-title-edit:focus{background:var(--pv-surface);border-color:#888}.pv-danger-quiet{color:var(--pv-quiet);background:0 0;border-color:#2c2c2e}.pv-danger-quiet:hover{color:#ff8a80;border-color:#6b3430}.pv-find{max-width:820px;margin:44px 0 0}.pv-is-empty .pv-find{margin-top:4px}.pv-find-h{letter-spacing:-.02em;color:var(--pv-ink);margin:0 0 14px;font-family:Scene Grotesk,Arial,sans-serif;font-size:24px;font-weight:400}.pv-search{position:relative}.pv-search svg{fill:none;width:20px;height:20px;stroke:var(--pv-quiet);stroke-width:1.8px;stroke-linecap:round;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.pv-search input{background:var(--pv-surface);width:100%;min-height:48px;color:var(--pv-ink);font:inherit;border:1px solid #333;border-radius:24px;padding:0 16px 0 44px;font-size:16px}.pv-search input:focus{border-color:#999;outline:none}.pv-results{min-height:120px;margin-top:10px}.pv-r-h{color:var(--pv-quiet);margin:18px 0 4px;font-size:14px;font-weight:500}.pv-r-list{margin:0;padding:0;list-style:none}.pv-r{grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;padding:6px 0;display:grid}.pv-r img,.pv-r .pv-noimg{object-fit:cover;border-radius:4px;width:64px;height:48px}.pv-add{min-width:84px;min-height:40px;color:var(--pv-ink);font:inherit;cursor:pointer;background:0 0;border:1px solid #444;border-radius:20px;padding:0 16px;font-size:14px;position:relative}.pv-add:after{content:"";position:absolute;inset:-4px 0}.pv-add:hover{border-color:#888}.pv-add.on{background:var(--pv-ink);border-color:var(--pv-ink);color:#0c0c0d}.pv-add:focus-visible{outline-offset:2px;outline:2px solid #ddd}.pv-quiet{color:var(--pv-quiet);font-size:14px}.pv-yt{border-top:1px solid var(--pv-line);grid-template-columns:28px minmax(0,1fr);align-items:start;gap:4px 12px;margin:28px 0 0;padding:18px 0 0;display:grid}.pv-yt-mark .pl-yt-mark{width:28px;height:28px;margin:0}.pv-yt label{color:var(--pv-ink);padding-top:3px;font-size:15px;line-height:1.45}.pv-yt-row,.pv-yt-status{grid-column:2}.pv-yt-row{gap:8px;margin-top:8px;display:flex}.pv-yt-row input{background:var(--pv-surface);min-width:0;min-height:44px;color:var(--pv-ink);font:inherit;border:1px solid #333;border-radius:22px;flex:1;padding:0 14px;font-size:15px}.pv-yt-row input:focus{border-color:#999;outline:none}.pv-yt-row .pl-btn{white-space:nowrap;border-radius:22px}.pv-yt-status{color:var(--pv-quiet);min-height:1.2em;margin:6px 0 0;font-size:14px}@media (width<=640px){.pl-chips{margin-top:-24px}.pv-find-h{font-size:21px}.pv-r{grid-template-columns:56px minmax(0,1fr) auto;gap:10px}.pv-r img,.pv-r .pv-noimg{width:56px;height:42px}.pv-yt-row{flex-wrap:wrap}.pv-yt-row .pl-btn{flex:1}}@media (prefers-reduced-motion:reduce){.pl-make-new,.pv-title-edit{transition:none}}.pv-find{flex-direction:column;display:flex}.pv-find-h{order:1}.pv-search{order:2}.pv-results{order:4}.pv-yt{order:5}.pv-is-empty .pv-yt{border-top:0;border-bottom:1px solid var(--pv-line);order:3;margin:14px 0 6px;padding:16px 0 18px}@media (width<=640px){.pv-yt-row input{flex:100%}}.pop-list{max-width:880px;margin:0;padding:0;list-style:none}.pop-row{border-radius:8px;align-items:center;display:flex}.pop-play{min-width:0;min-height:60px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;grid-template-columns:28px 64px minmax(0,1fr);align-items:center;gap:14px;padding:6px 8px 6px 0;display:grid}.pop-play:hover{background:var(--pv-hover)}.pop-play:focus-visible{outline-offset:-2px;outline:2px solid #ddd}.pop-n{color:var(--pv-quiet);text-align:right;font-variant-numeric:tabular-nums;font-size:14px}.pop-play img,.pop-noimg{object-fit:cover;background:var(--pv-surface);border-radius:4px;width:64px;height:48px;display:block}.pop-t{flex-direction:column;min-width:0;display:flex}.pop-t strong{color:var(--pv-ink);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.pop-t span{color:var(--pv-quiet);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pop-open{min-height:44px;color:var(--pv-quiet);flex:none;align-items:center;padding:0 12px;font-size:13px;text-decoration:none;display:inline-flex}.pop-open:hover{color:var(--pv-ink)}.pop-more,.disco-all{margin-top:12px}.disco-chips{flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}.disco-chips .chip[aria-pressed=true]{background:var(--pv-ink);color:#0c0c0d;border-color:var(--pv-ink)}.former{margin-top:8px}.former>summary{cursor:pointer}.former .block{margin-top:12px}@media (width<=640px){.pop-play{grid-template-columns:22px 56px minmax(0,1fr);gap:10px}.pop-play img,.pop-noimg{width:56px;height:42px}.pop-open{display:none}}