:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--text:#1c1c1e;--muted:#8e8e93;--fill:#f2f2f7;--line:#e5e5ea;--accent:#ff2d55;--create:#d8d8de;--danger:#ff3b30;--art-bg:#ececf1;--dock-bg:#fffffff0;--sheet-bg:#fff;--chevron:#c7c7cc;--pl-art-bg:#111;--seg-active:#fff;--swipe-edit:#3478f6;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0e10;--text:#f2f2f7;--muted:#98989f;--fill:#1c1c1e;--line:#2c2c2e;--create:#3a3a3c;--art-bg:#2c2c2e;--dock-bg:#101012f0;--sheet-bg:#1c1c1e;--chevron:#48484d;--pl-art-bg:#2c2c2e;--seg-active:#3a3a3c}*{box-sizing:border-box}html,body,#app{min-height:100%}html{overscroll-behavior:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}body{overscroll-behavior:none;background:var(--bg);color:var(--text);margin:0}button,input{font:inherit}.app{min-height:100dvh;padding:calc(52px + env(safe-area-inset-top)) 0 calc(84px + env(safe-area-inset-bottom));max-width:480px;margin:0 auto}.app.has-player{padding-bottom:calc(148px + env(safe-area-inset-bottom))}.nav{z-index:10;width:min(480px,100%);padding:calc(6px + env(safe-area-inset-top)) 8px 6px;background:var(--bg);grid-template-columns:44px 1fr 44px;align-items:center;display:grid;position:fixed;top:0;left:50%;transform:translate(-50%)}.sleep-gauge{background:var(--line);height:3px;position:absolute;top:0;left:0;right:0;overflow:hidden}.sleep-gauge[hidden]{display:none}.sleep-gauge i{background:linear-gradient(90deg, var(--accent), #ff7a94);border-radius:0 2px 2px 0;width:0;height:100%;display:block}.nav h1{text-align:center;letter-spacing:-.02em;margin:0;font-size:17px;font-weight:600}.nav-btn{width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;place-items:center;font-size:28px;line-height:1;display:grid}.nav-btn svg{width:22px;height:22px}.nav-btn.back{font-size:28px;font-weight:300}.nav-btn.idle{visibility:hidden;pointer-events:none}.install-gate{z-index:100;background:var(--bg);color:var(--text);padding:calc(24px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.gate-card{text-align:center;width:100%;max-width:400px;margin:auto}.gate-mark{border-radius:18px;width:72px;height:72px;box-shadow:0 6px 20px #00000029}.gate-headline{letter-spacing:-.01em;margin:18px 0 0;font-size:22px;font-weight:800}.gate-why{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.5}.gate-body{text-align:start;margin-top:26px}.gate-btn{cursor:pointer;background:var(--fill);width:100%;color:var(--text);border:0;border-radius:14px;padding:14px 18px;font-size:16px;font-weight:700}.gate-btn-primary{background:var(--accent);color:#fff;justify-content:center;align-items:center;gap:8px;display:flex}.gate-btn-primary svg{width:20px;height:20px}.gate-one-tap{text-align:center;color:var(--muted);margin:10px 0 0;font-size:13px}.gate-steps-title,.gate-manual summary{color:var(--muted);font-size:14px;font-weight:700}.gate-steps-title{margin:0 0 14px}.gate-manual{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.gate-manual summary{cursor:pointer;list-style:none}.gate-manual summary::-webkit-details-marker{display:none}.gate-manual[open] summary{margin-bottom:14px}.gate-steps{gap:16px;margin:0;padding:0;list-style:none;display:grid}.gate-step{grid-template-columns:auto auto 1fr;align-items:center;gap:12px;display:grid}.gate-step-num{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:flex}.gate-step-icon{background:var(--fill);width:38px;height:38px;color:var(--text);border-radius:10px;justify-content:center;align-items:center;display:flex}.gate-step-icon svg{width:22px;height:22px}.gate-step-text{font-size:14px;line-height:1.45}.gate-step-text b{font-weight:700}.gate-desktop{margin:0;font-size:14px;line-height:1.5}.gate-note{border-inline-start:3px solid var(--accent);background:var(--fill);color:var(--muted);border-radius:8px;margin:18px 0 0;padding:10px 13px;font-size:13px;line-height:1.5}.gate-warn{background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:14px;gap:4px;margin-bottom:16px;padding:14px 16px;display:grid}.gate-warn strong{font-size:15px;font-weight:700}.gate-warn span{color:var(--muted);font-size:13px;line-height:1.5}.gate-copied{text-align:center;color:var(--accent);margin:10px 0 0;font-size:13px}.gate-pointer{z-index:1;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute}.gate-pointer.bottom{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%)}.gate-pointer.top-right{right:calc(10px + env(safe-area-inset-right));top:calc(10px + env(safe-area-inset-top))}.gate-pointer-icon{background:var(--accent);color:#fff;width:46px;height:46px;box-shadow:0 4px 16px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:50%;justify-content:center;align-items:center;display:flex}.gate-pointer-icon svg{width:24px;height:24px}.gate-pointer-arrow{color:var(--accent);display:flex}.gate-pointer-arrow svg{width:26px;height:26px}.gate-pointer.up .gate-pointer-arrow svg{transform:rotate(180deg)}.gate-pointer.down .gate-pointer-arrow{animation:1.1s ease-in-out infinite gate-bounce-down}.gate-pointer.up .gate-pointer-arrow{animation:1.1s ease-in-out infinite gate-bounce-up}@keyframes gate-bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes gate-bounce-up{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.gate-pointer-arrow{animation:none!important}}.search-row{align-items:center;gap:10px;padding:4px 16px 10px;display:flex}.search{background:var(--fill);min-width:0;min-height:36px;color:var(--muted);border-radius:12px;flex:1;align-items:center;gap:6px;padding:0 12px;display:flex}.search svg{flex-shrink:0;width:16px;height:16px}.search input{appearance:none;width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;min-width:0;padding:8px 0}.search input::placeholder{color:var(--muted)}.sort-btn{width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:grid}.sort-btn svg{width:22px;height:22px}.sort-btn.on{color:var(--accent)}.lib-actions{grid-template-columns:1fr 1fr;gap:12px;padding:0 16px 12px;display:grid}.lib-actions[hidden]{display:none}.fav-mark{color:var(--accent);vertical-align:1px;margin-inline-start:5px;font-size:12px}.field-label{color:var(--muted);margin:12px 2px 6px;font-size:13px;font-weight:600;display:block}.field-label:first-of-type{margin-top:2px}.np-info{grid-template-columns:1fr auto;align-items:center;gap:10px;width:100%;display:grid}.np-info-text{text-align:center;gap:2px;min-width:0;display:grid}.np-fav{color:var(--chevron);cursor:pointer;background:0 0;border:0;place-items:center;width:40px;height:40px;display:grid}.np-fav svg{width:22px;height:22px}.np-fav.on{color:var(--accent)}.toast{color:var(--muted);margin:0 16px 8px;font-size:13px}.toast[hidden],.player[hidden],.overlay[hidden]{display:none}.rows{margin:0;padding:0 16px 8px;list-style:none}.rows li{cursor:pointer;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;min-height:64px;display:grid}.rows li.create{grid-template-columns:56px 1fr;min-height:72px}.rows li.pl-row{grid-template-columns:56px 1fr auto;min-height:72px}.rows li.has-handle{grid-template-columns:48px 1fr auto auto}.rows li.add-songs{grid-template-columns:48px 1fr}.rows li.count{min-height:0;color:var(--muted);cursor:default;justify-content:center;align-items:center;padding:18px 0 10px;font-size:14px;display:flex}.art,.create-art,.pl-art{object-fit:cover;background:var(--art-bg);border-radius:6px;width:48px;height:48px}.create-art,.pl-art{border-radius:12px;place-items:center;width:56px;height:56px;display:grid}.create-art{background:var(--create);color:#fff;font-size:32px;font-weight:300}.pl-art{background:var(--pl-art-bg);color:#fff}.pl-art svg{width:28px;height:28px}.track{text-align:start;color:inherit;cursor:pointer;background:0 0;border:0;gap:2px;min-width:0;padding:12px 0;display:grid}.track strong,.create .track strong{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.duration{color:var(--muted);font-variant-numeric:tabular-nums;padding-inline-end:2px;font-size:13px}.rows li.active .track strong{color:var(--accent)}.rows li.empty,.empty{color:var(--muted);text-align:center;cursor:default;padding:48px 16px;display:block}.empty-sub{color:var(--chevron);margin-top:6px;font-size:13px;display:block}.mosaic{background:var(--art-bg);padding:0;overflow:hidden}.mosaic img{object-fit:cover;width:100%;height:100%;display:block}.mosaic.grid4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;place-items:stretch stretch;display:grid}.chevron{color:var(--chevron);padding-inline-end:4px;font-size:22px;font-weight:400}.add-art{background:var(--fill);width:48px;height:48px;color:var(--accent);border-radius:6px;place-items:center;font-size:26px;font-weight:300;display:grid}.add-songs .track strong{color:var(--accent);font-weight:600}.pl-header{justify-items:center;gap:4px;padding:8px 16px 18px;display:grid}.pl-cover{border-radius:14px;width:180px;height:180px;margin-bottom:12px;overflow:hidden;box-shadow:0 10px 28px #00000029}.pl-cover .pl-art{border-radius:0;width:100%;height:100%}.pl-cover .pl-art svg{width:64px;height:64px}.pl-header h2{text-align:center;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.pl-header .meta{font-size:13px}.pl-buttons{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:360px;margin-top:14px;display:grid}.pill{background:var(--fill);color:var(--accent);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:12px;font-size:15px;font-weight:600;display:flex}.pill svg{width:18px;height:18px}.pill:active{opacity:.55}.eq{align-items:flex-end;gap:2.5px;width:20px;height:16px;padding-inline-end:2px;display:flex}.eq i{background:var(--accent);border-radius:1.5px;flex:1;animation:1s ease-in-out infinite eq-bounce}.eq i:first-child{animation-delay:-.45s}.eq i:nth-child(2){animation-delay:-.9s}.eq i:nth-child(3){animation-delay:-.15s}.eq.paused i{height:4px;animation:none}@keyframes eq-bounce{0%,to{height:25%}50%{height:100%}}.drag-handle{width:36px;height:44px;color:var(--chevron);touch-action:none;cursor:grab;place-items:center;display:grid}.drag-handle svg{width:20px;height:20px}.rows li.dragging{z-index:5;background:var(--bg);border-radius:10px;position:relative;box-shadow:0 6px 20px #00000024}.text-btn,.primary{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.primary{background:var(--accent);color:#fff;border-radius:12px;width:100%;margin-top:12px;padding:12px;display:block}.danger-text{color:var(--danger)}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.dock{background:var(--dock-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:.5px solid var(--line);width:min(480px,100%);position:fixed;bottom:0;left:50%;transform:translate(-50%)}.dl-strip{color:var(--accent);border-bottom:.5px solid var(--line);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.dl-strip[hidden]{display:none}.dl-cancel{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;margin-inline-start:auto;padding:4px;display:flex}.dl-cancel svg{width:16px;height:16px}.dl-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite dl-pulse}@media (prefers-reduced-motion:reduce){.dl-dot,.eq i{animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes dl-pulse{0%,to{opacity:.3}50%{opacity:1}}.mini-art{object-fit:cover;background:var(--art-bg);border-radius:8px;flex-shrink:0;width:42px;height:42px}.player{padding:8px 16px 6px}.mini{touch-action:pan-y;align-items:center;gap:12px;display:flex}.now{cursor:pointer;flex:1;min-width:0;display:grid}.now strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.now span{color:var(--muted);font-size:12px}.seek-row{font-variant-numeric:tabular-nums;color:var(--muted);grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;margin-top:4px;font-size:11px;display:grid}input[type=range]{appearance:none;cursor:pointer;--p:0%;background:0 0;width:100%;height:22px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--p), var(--line) var(--p));border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:none;border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 1px 4px #00000040}input[type=range]::-moz-range-track{background:var(--line);border-radius:2px;height:4px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:2px;height:4px}input[type=range]::-moz-range-thumb{background:var(--accent);border:none;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #00000040}.controls{align-items:center;gap:4px;display:flex}.controls button{color:var(--text);cursor:pointer;background:0 0;border:0;width:36px;height:36px;font-size:16px}.play{background:var(--fill);border-radius:50%;width:36px;height:36px;font-size:14px}.tabs{padding:6px 24px calc(8px + env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;display:grid}.tabs.tabs-3{grid-template-columns:1fr 1fr 1fr}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;justify-items:center;gap:2px;padding:4px 8px 2px;font-size:10px;font-weight:500;display:grid}.tabs svg{width:26px;height:26px}.tabs button.active{color:var(--accent)}.overlay{z-index:20;padding-bottom:var(--kb-inset,0px);background:#00000059;justify-content:center;align-items:flex-end;transition:padding-bottom .15s ease-out;display:flex;position:fixed;inset:0}.sheet{background:var(--sheet-bg);width:min(480px,100%);padding:16px 20px calc(20px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;max-height:72dvh;overflow:auto}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sheet-head h2{margin:0;font-size:17px}.sheet .rows{padding-inline:0}.sheet .rows li.swipe .row-content{background:var(--sheet-bg)}.sheet input[type=text]{background:var(--fill);border:0;border-radius:12px;width:100%;padding:12px 14px}.action-sheet{gap:0;padding-top:8px;display:grid}.action-sheet button{border:0;border-bottom:.5px solid var(--line);text-align:center;cursor:pointer;background:0 0;padding:16px;font-size:17px;position:relative}.action-sheet button:last-child{border-bottom:0;font-weight:600}.sheet-label{text-align:center;color:var(--muted);border-bottom:.5px solid var(--line);margin:0;padding:6px 16px 14px;font-size:13px}.track-label{gap:2px;display:grid}.track-label strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.action-sheet .check{visibility:hidden;color:var(--accent);font-weight:700;position:absolute;inset-inline-end:18px}.action-sheet button.selected{color:var(--accent);font-weight:600}.action-sheet button.selected .check{visibility:visible}.yt-overlay{z-index:30;background:var(--bg);flex-direction:column;max-width:480px;margin:0 auto;display:flex;position:fixed;inset:0}.yt-overlay[hidden]{display:none}.yt-nav{padding:calc(6px + env(safe-area-inset-top)) 8px 6px;flex-shrink:0;grid-template-columns:44px 1fr 44px;align-items:center;display:grid}.yt-nav h1{text-align:center;letter-spacing:-.02em;margin:0;font-size:17px;font-weight:600}.yt-overlay .search-row{flex-shrink:0}.yt-results{flex:1;min-height:0;overflow-y:auto}.yt-add-btn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.yt-add-btn:disabled{opacity:.5;cursor:default}.yt-add-btn.added,.yt-add-btn.too-long{background:var(--fill);color:var(--muted)}.dlq-status{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:600}.dlq-status.added{color:var(--accent)}.np-overlay{z-index:40;background:var(--bg);flex-direction:column;max-width:480px;margin:0 auto;animation:.25s ease-out np-slide-up;display:flex;position:fixed;inset:0}.np-overlay[hidden]{display:none}@keyframes np-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.np-head{padding:calc(6px + env(safe-area-inset-top)) 8px 6px;flex-shrink:0;grid-template-columns:44px 1fr 44px;align-items:center;display:grid}.np-source{text-align:center;color:var(--muted);letter-spacing:-.01em;font-size:13px;font-weight:600}.np-head .nav-btn.on{color:var(--accent)}.np-main{min-height:0;padding:8px 28px calc(28px + env(safe-area-inset-bottom));touch-action:none;flex:1;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:8px;display:grid}.np-art{object-fit:cover;background:var(--art-bg);border-radius:14px;width:min(78vw,320px);height:min(78vw,320px);margin-bottom:18px;box-shadow:0 14px 40px #00000038}.np-info{justify-items:center;gap:2px;width:100%;display:grid}.np-info strong{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:19px;font-weight:700;overflow:hidden}.np-info .meta{font-size:15px}.np-seek-block{width:100%;margin-top:14px}.np-times{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:2px;font-size:11px;display:flex}.np-controls{justify-content:center;align-items:center;gap:14px;width:100%;margin-top:14px;display:flex}.np-controls button{color:var(--text);cursor:pointer;background:0 0;border:0;place-items:center;width:52px;height:52px;font-size:24px;display:grid}.np-controls .np-play{aspect-ratio:1;background:var(--fill);border-radius:50%;width:64px;height:auto;font-size:30px}.np-controls .np-mode{color:var(--muted);width:44px;height:44px;position:relative}.np-controls .np-mode svg{width:22px;height:22px}.np-controls .np-mode.on{color:var(--accent)}.np-repeat-one{top:4px;font-size:10px;font-weight:700;display:none;position:absolute;inset-inline-end:4px}.np-mode.one .np-repeat-one{display:block}.np-queue{inset:calc(56px + env(safe-area-inset-top)) 0 0;background:var(--bg);padding-bottom:env(safe-area-inset-bottom);position:absolute;overflow-y:auto}.np-queue[hidden]{display:none}.np-queue-title{letter-spacing:-.02em;margin:0;padding:10px 16px 6px;font-size:20px;font-weight:700}.queue-remove{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;font-size:14px;display:grid}.rows li.swipe{min-height:0;display:block;position:relative;overflow:hidden}.rows li.swipe .row-content{background:var(--bg);touch-action:pan-y;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;min-height:64px;display:grid;position:relative}.rows li.swipe.has-handle .row-content{grid-template-columns:48px 1fr auto auto}.row-content.settling{transition:transform .2s}.swipe-actions{top:0;bottom:0;display:flex;position:absolute;inset-inline-end:0}.swipe-actions button{color:#fff;cursor:pointer;border:0;width:72px;font-size:14px;font-weight:600}.swipe-edit{background:var(--swipe-edit)}.swipe-delete{background:var(--danger)}.seg{background:var(--fill);border-radius:10px;grid-template-columns:1fr 1fr 1fr;margin:0 16px 10px;padding:2px;display:grid}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px;font-size:13px;font-weight:600}.seg button.active{background:var(--seg-active);color:var(--text);box-shadow:0 1px 4px #0000001f}.rows li.group-back{min-height:44px;color:var(--accent);cursor:pointer;align-items:center;gap:4px;font-weight:600;display:flex}.group-art{color:var(--muted);place-items:center;font-size:20px;display:grid}.settings{margin:0;padding:0 16px 16px;list-style:none}.settings-group{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;padding:18px 4px 8px;font-size:13px;font-weight:600}.settings-row{background:var(--fill);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:14px 16px;font-size:15px;display:flex}.settings-row.static{cursor:default}.settings-row[hidden]{display:none}.settings-value{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.settings-right{align-items:center;gap:6px;min-width:0;display:flex}.settings-right .chevron{padding-inline-end:0;font-size:18px}.storage-chart{place-items:center;padding:20px 16px 4px;display:grid}.storage-chart svg{width:min(60vw,230px);height:auto}.storage-chart circle{fill:none;stroke-width:17px}.seg-music{stroke:var(--accent)}.seg-other{stroke:var(--swipe-edit)}.seg-free{stroke:var(--fill)}.donut-title{text-anchor:middle;fill:var(--text);letter-spacing:-.02em;font-size:19px;font-weight:700}.donut-sub{text-anchor:middle;fill:var(--muted);font-size:10px}.dot{vertical-align:0;border-radius:50%;width:10px;height:10px;margin-inline-end:9px;display:inline-block}.dot-music{background:var(--accent)}.dot-other{background:var(--swipe-edit)}.dot-free{background:var(--line)}.settings-hint{color:var(--muted);padding:2px 6px 10px;font-size:12.5px;line-height:1.5;list-style:none}.settings-hint[hidden]{display:none}.storage-note{color:var(--muted);padding:0 20px 24px;font-size:13px;line-height:1.55}.storage-note p{margin:0 0 10px}.chip-row{scrollbar-width:none;gap:8px;padding:10px 2px 2px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip{background:var(--fill);color:var(--text);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border:0;border-radius:999px;flex-shrink:0;max-width:200px;padding:7px 12px;font-size:13px;font-weight:500;overflow:hidden}.chip.active{background:var(--accent);color:#fff}.yt-pl-head{border-bottom:.5px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:60px;margin-bottom:4px;display:grid}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tab-panel,#playlist-home,#playlist-detail,#settings-home,#storage-detail{animation:.18s panel-in}.yt-overlay{animation:.22s ease-out np-slide-up}.np-overlay.settling{transition:transform .2s}.select-bar{border-bottom:.5px solid var(--line);gap:12px;padding:10px 16px;display:flex}.select-bar[hidden]{display:none}.select-bar button{background:var(--fill);color:var(--accent);cursor:pointer;border:0;border-radius:10px;flex:1;padding:10px;font-size:14px;font-weight:600}.select-bar button:disabled{opacity:.4}.select-bar button.danger-text{color:var(--danger)}.sel-check{border:1.5px solid var(--chevron);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.sel-check.on{background:var(--accent);border-color:var(--accent)}.sel-check.on:after{content:"✓";font-weight:700}.rows li.swipe.sel-row .row-content{grid-template-columns:30px 48px 1fr auto}.rows .load-more{cursor:default;min-height:1px}.compat-banner{background:var(--danger);color:#fff;border-radius:12px;margin:8px 16px;padding:12px 14px;font-size:13px;line-height:1.5}.compat-banner[hidden]{display:none}.info-grid{grid-template-columns:auto 1fr;gap:7px 16px;margin:16px 2px 4px;font-size:13px;display:grid}.info-grid dt{color:var(--muted)}.info-grid dd{text-align:end;margin:0}@media (width>=720px){.app{max-width:640px}.nav,.dock,.sheet{width:min(640px,100%)}.np-overlay,.yt-overlay{max-width:640px}}.controls button svg{width:20px;height:20px}.controls .play svg{width:16px;height:16px}.np-controls button svg,.np-controls .np-play svg{width:26px;height:26px}.queue-remove svg{width:16px;height:16px}.chevron svg,.action-sheet .check svg{width:18px;height:18px;display:block}.create-art svg{width:24px;height:24px}.group-art svg{width:20px;height:20px}.rows li.group-back svg{width:18px;height:18px}#fav-filter.on svg,.np-fav.on svg{fill:currentColor}.snackbar{left:50%;bottom:calc(152px + env(safe-area-inset-bottom));z-index:80;background:var(--snackbar-bg,#1c1c1ef0);color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;opacity:0;pointer-events:none;border-radius:12px;width:calc(100vw - 16px);max-width:calc(100vw - 16px);margin:0;padding:12px 18px;font-size:13px;line-height:1.4;transition:opacity .2s,transform .2s;position:fixed;overflow:hidden;transform:translate(-50%)translateY(8px);box-shadow:0 4px 16px #00000040}.snackbar.show{opacity:1;transform:translate(-50%)translateY(0)}:root[data-theme=dark] .snackbar{--snackbar-bg:#3a3a3ef5}.np-queue-head{justify-content:space-between;align-items:center;padding-inline-end:16px;display:flex}.np-queue-head .np-queue-title{padding-inline-end:0}.pl-search-row{margin:0 16px 10px}.pl-search-row[hidden]{display:none}.pl-search-row input{color:var(--text);background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:15px}.pl-search-row svg{flex-shrink:0;width:16px;height:16px}.rows li.yt-load-more{cursor:default;justify-content:center;min-height:0;padding:6px 0 20px;display:flex}.yt-more-btn{background:var(--fill);color:var(--accent);cursor:pointer;border:0;border-radius:999px;padding:10px 24px;font-size:14px;font-weight:600}.yt-more-btn:disabled{opacity:.55;cursor:default}.edit-cover-row{align-items:center;gap:14px;margin:2px 2px 12px;display:flex}.edit-cover{object-fit:cover;background:var(--art-bg);border-radius:10px;width:64px;height:64px}img{-webkit-user-drag:none}.rows li.yt-recent-head{min-height:40px;color:var(--muted);cursor:default;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.rows li.yt-recent-row{min-height:48px;color:var(--text);align-items:center;gap:12px;display:flex}.rows li.yt-recent-row svg{width:16px;height:16px;color:var(--muted);flex-shrink:0}.empty-actions{justify-content:center;gap:10px;margin-top:14px;display:flex}.empty-actions .pill{padding:10px 18px;font-size:14px}.np-volume{width:100%;max-width:260px;color:var(--muted);align-items:center;gap:10px;margin:18px auto 0;display:none}.np-volume svg{flex-shrink:0;width:18px;height:18px}@media (hover:hover) and (pointer:fine){.np-volume{display:flex}}.rows li.group-head{cursor:default;min-height:0;padding:2px 0 12px;display:block}.rows li.group-head strong{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:22px;font-weight:700;display:block}.rows li.group-head .meta{color:var(--muted);margin-top:2px;font-size:13px;display:block}#duration,#np-duration{cursor:pointer}[dir=rtl] svg.dir-flip{transform:scaleX(-1)}[dir=rtl] .controls,[dir=rtl] .seek-row,[dir=rtl] .np-controls,[dir=rtl] .np-seek-block,[dir=rtl] .np-times,[dir=rtl] .np-volume{direction:ltr}.action-sheet{max-height:min(72vh,640px);overflow-y:auto}