:root{--bg:#f7f5f2;--surface:#fff;--ink:#1e1919;--ink-2:#4d4845;--muted:#736c64;--line:#e6e1da;--hover:#f2efea;--chip:#eeeae4;--blue:#0061fe;--blue-hover:#0057e4;--blue-ink:#0050d4;--blue-tint:#e9f1ff;--coral:#fa551e;--track:#e2ddd6;--buffer:#c9c3bb;--shadow:0 1px 2px #1e19190f, 0 8px 24px #1e19190f;--bar-h:88px;--radius:14px;--font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--display:"Inter Tight", "Inter", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#161414;--surface:#1f1c1b;--ink:#f7f5f2;--ink-2:#d6d0c9;--muted:#a39d96;--line:#34302d;--hover:#282423;--chip:#2e2a28;--blue:#3d84ff;--blue-hover:#5a96ff;--blue-ink:#8db7ff;--blue-tint:#3d84ff24;--track:#3a3532;--buffer:#5a544f;--shadow:0 1px 2px #0000004d, 0 8px 24px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:15px;line-height:1.5}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.45}a{color:var(--blue-ink)}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:6px}kbd{border:1px solid var(--line);background:var(--surface);min-width:22px;font:600 12px/18px var(--font);text-align:center;color:var(--ink-2);border-bottom-width:2px;border-radius:6px;padding:1px 6px;display:inline-block}.app{flex-direction:column;min-height:100dvh;display:flex}.app.has-player{padding-bottom:calc(var(--bar-h) + env(safe-area-inset-bottom))}.topbar{z-index:20;height:64px;padding:0 max(24px, env(safe-area-inset-left));background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{color:var(--ink);font:700 17px var(--display);letter-spacing:-.01em;align-items:center;gap:10px;text-decoration:none;display:flex}.topbar-right{gap:8px;display:flex}.chip{background:var(--chip);height:30px;color:var(--ink-2);border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.chip-btn:hover{background:var(--hover);box-shadow:inset 0 0 0 1px var(--line)}.back-chip{background:var(--blue-tint);color:var(--blue-ink);max-width:340px}.back-chip:hover{box-shadow:inset 0 0 0 1px var(--blue)}.back-chip .eq{height:12px}.back-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.back-short{display:none}.now.linkable{cursor:pointer}.now.linkable:hover{background:var(--hover)}.now.linkable:hover .now-title{color:var(--blue-ink)}.recent{max-width:680px;margin-top:28px}.now-card{background:var(--blue-tint);text-align:left;border-radius:12px;align-items:center;gap:14px;width:100%;margin-bottom:18px;padding:14px 16px;transition:box-shadow .15s;display:flex}.now-card:hover{box-shadow:inset 0 0 0 1px var(--blue)}.now-card-text{flex-direction:column;flex:1;min-width:0;display:flex}.now-card-label{color:var(--blue-ink);font-size:12.5px;font-weight:600}.now-card-track{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.now-card-go{color:var(--blue-ink);white-space:nowrap;align-items:center;gap:2px;font-size:14px;font-weight:600;display:inline-flex}.recent-title{color:var(--muted);margin:0 0 8px 2px;font-size:13px;font-weight:600}.recent-list{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:0;padding:4px;list-style:none}.recent-list li{position:relative}.recent-item{color:var(--ink);border-radius:8px;align-items:center;gap:12px;padding:10px 44px 10px 12px;text-decoration:none;display:flex}.recent-item:hover{background:var(--hover)}.recent-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.recent-when{color:var(--muted);white-space:nowrap;font-size:13px}.recent-x{width:28px;height:28px;color:var(--muted);opacity:0;border-radius:50%;place-items:center;transition:opacity .15s,background .15s;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.recent-list li:hover .recent-x,.recent-x:focus-visible{opacity:1}.recent-x:hover{background:var(--chip);color:var(--ink)}@media (hover:none){.recent-x{opacity:1}}.dot{background:#1fb35b;border-radius:50%;width:7px;height:7px}.btn{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,box-shadow .15s,transform 80ms;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{background:var(--blue);color:#fff}.btn.primary:hover:not(:disabled){background:var(--blue-hover)}.btn.secondary{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.btn.secondary:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--ink-2)}.btn.ghost{color:var(--ink-2);padding:0 12px}.btn.ghost:hover{background:var(--hover);color:var(--ink)}.btn.big{height:52px;padding:0 28px;font-size:16px}.icon-btn{width:40px;height:40px;color:var(--ink-2);border-radius:50%;place-items:center;transition:background .15s,color .15s;display:inline-grid}.icon-btn:hover{background:var(--hover);color:var(--ink)}.icon-btn.toggle{color:var(--muted);position:relative}.icon-btn.toggle.on{color:var(--blue)}.icon-btn.toggle.on:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px}.badge{background:var(--chip);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;border-radius:5px;flex-shrink:0;padding:1px 6px;font-size:10.5px;font-weight:600;line-height:17px;display:inline-block}.eyebrow{color:var(--blue-ink);letter-spacing:.02em;font-size:13px;font-weight:600;display:block}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.landing{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:72px 24px 48px}.hero h1{font:700 clamp(40px, 7vw, 72px) / 1.02 var(--display);letter-spacing:-.035em;margin:12px 0 18px}.hero .accent{color:var(--blue)}.lede{max-width:560px;color:var(--ink-2);margin:0 0 32px;font-size:18px}.open-form{background:var(--surface);border:1px solid var(--line);max-width:680px;box-shadow:var(--shadow);border-radius:14px;gap:10px;padding:6px;display:flex}.open-form:focus-within{border-color:var(--blue)}.open-form input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:48px;padding:0 14px;font-size:16px}.open-form .btn{height:48px}.hint,.form-error{color:var(--muted);margin:14px 2px 0;font-size:14px}.form-error{color:var(--coral)}.preview{margin-top:64px}.pv-wrap{border-radius:14px;width:100%;position:relative;overflow:hidden;box-shadow:0 1px 2px #1e19190f,0 24px 60px -12px #1e19192e}.pv{transform-origin:0 0;background:var(--bg);border:1px solid var(--line);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:14px;width:960px;position:absolute;top:0;left:0;overflow:hidden}.pv-chrome{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:16px;height:46px;padding:0 16px;display:flex}.pv-dots{gap:7px;display:flex}.pv-dots i{background:var(--track);border-radius:50%;width:11px;height:11px}.pv-url{background:var(--bg);min-width:0;height:30px;color:var(--muted);font:500 13px/1 var(--font);white-space:nowrap;border-radius:999px;flex:1;align-items:center;padding:0 14px;display:flex;overflow:hidden}.pv-lock{flex-shrink:0;margin-right:8px}.pv-host{border-radius:4px;padding:3px 2px;font-weight:600;transition:background .2s}.pv-host.old{color:var(--ink)}.pv-host.old.sel{background:color-mix(in srgb, var(--coral) 22%, transparent);color:var(--coral)}.pv-host.new{background:var(--blue-tint);color:var(--blue-ink)}.pv-caret{vertical-align:-2px;background:var(--blue);width:1.5px;height:14px;margin-left:1px;animation:.8s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.pv-path{text-overflow:ellipsis;overflow:hidden}.pv-screen{opacity:.18;filter:blur(3px)grayscale();height:520px;transition:opacity .5s,filter .5s;position:relative}.pv-screen.open{opacity:1;filter:none}.pv-hint{place-items:center;animation:.3s ease-out fade;display:grid;position:absolute;inset:46px 0 0}.pv-hint-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);font:600 24px/1.3 var(--display);letter-spacing:-.015em;border-radius:14px;padding:18px 26px}.pv-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:50px;padding:0 22px;display:flex}.pv-brand{font:700 15px var(--display);align-items:center;gap:8px;display:flex}.pv-chip{background:var(--chip);color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:500;display:flex}.pv-head{align-items:center;gap:16px;padding:22px 40px 16px;display:flex}.pv-folder{background:var(--blue-tint);width:60px;height:60px;color:var(--blue);border-radius:14px;place-items:center;display:grid}.pv-eyebrow{color:var(--blue-ink);font-size:11.5px;font-weight:600}.pv-title{font:700 26px/1.15 var(--display);letter-spacing:-.025em}.pv-meta{color:var(--muted);font-size:12.5px}.pv-list{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:0 40px;padding:4px}.pv-cols,.pv-row{grid-template-columns:34px 1fr 110px 70px;align-items:center;gap:10px;padding:0 12px 0 4px;display:grid}.pv-cols{border-bottom:1px solid var(--line);height:30px;color:var(--muted);font-size:11px;font-weight:500}.pv-cols span:first-child{text-align:center}.pv-cols .on{color:var(--ink);font-weight:600}.pv-cols span:last-child,.pv-size{text-align:right}.pv-row{border-radius:8px;height:46px;transition:background .25s}.pv-screen.open .pv-row{animation:.4s ease-out both rise}.pv-row.active{background:var(--blue-tint)}.pv-row.active .pv-tname{color:var(--blue-ink);font-weight:600}.pv-n{color:var(--muted);place-items:center;font-size:12px;display:grid}.pv-name{align-items:center;gap:10px;min-width:0;display:flex}.pv-tname{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:500;overflow:hidden}.pv-dim{color:var(--muted);font-size:12px}.pv-bar{background:var(--surface);border-top:1px solid var(--line);grid-template-columns:1fr 420px 1fr;align-items:center;height:68px;padding:0 18px;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.pv-bar.show{transform:none}.pv-now{align-items:center;gap:10px;min-width:0;display:flex}.pv-now>span{flex-direction:column;min-width:0;display:flex}.pv-ntitle{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.pv-nsub{color:var(--muted);font-size:11.5px}.pv-ctl{flex-direction:column;gap:5px;display:flex}.pv-transport{color:var(--ink-2);justify-content:center;align-items:center;gap:18px;display:flex}.pv-play{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.pv-prog{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:10.5px;display:flex}.pv-track{background:var(--track);border-radius:2px;flex:1;height:3px;overflow:hidden}.pv-fill{height:100%;width:var(--from);background:var(--blue);animation:linear forwards pv-fill;display:block}@keyframes pv-fill{0%{width:var(--from)}to{width:var(--to)}}.tips{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:80px;display:grid}.tip{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;position:relative}.tip h3{font:700 18px var(--display);letter-spacing:-.01em;margin:14px 0 6px}.tip p{color:var(--ink-2);margin:0 0 16px;font-size:14px}.tip-n{background:var(--blue-tint);width:28px;height:28px;color:var(--blue-ink);border-radius:8px;place-items:center;font-size:13px;font-weight:700;display:inline-grid}.hl-old{color:var(--coral);font-weight:600}.hl-new{color:var(--blue-ink);font-weight:600}.swap{background:var(--bg);border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.swap-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.swap-line{white-space:nowrap;text-overflow:ellipsis;color:var(--ink-2);font:500 12.5px/1.6 ui-monospace,SF Mono,Menlo,monospace;overflow:hidden}.swap-line mark{border-radius:4px;padding:1px 4px;font-weight:700}.swap-line .old{background:color-mix(in srgb, var(--coral) 14%, transparent);color:var(--coral);text-decoration:line-through;text-decoration-thickness:2px}.swap-line .new{background:var(--blue-tint);color:var(--blue-ink)}.swap-arrow{color:var(--muted);margin:2px 0 0 2px;font-size:14px;line-height:1}.bookmarklet{background:var(--blue);color:#fff;cursor:grab;box-shadow:0 0 0 4px var(--blue-tint);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.tip-foot{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.site-foot{text-align:center;color:var(--muted);padding:28px 24px 36px;font-size:12.5px}.credit{white-space:nowrap;margin-top:6px;display:block}.credit a{color:var(--ink-2);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px;font-weight:600;transition:color .15s,text-decoration-color .15s}.credit a:hover{color:var(--blue-ink);text-decoration-color:currentColor}.gate,.boot{flex:1;place-items:center;padding:48px 20px;display:grid}.gate-card{text-align:center;max-width:540px;box-shadow:var(--shadow);padding:40px}.gate-card h1{font:700 28px/1.15 var(--display);letter-spacing:-.02em;margin:24px 0 10px}.gate-card p{color:var(--ink-2);margin:0 0 28px}.gate-art{align-items:flex-end;gap:6px;height:56px;display:inline-flex}.gate-art span{background:var(--blue);border-radius:5px;width:16px;animation:1.4s ease-in-out infinite bounce}.gate-art span:first-child{height:32px}.gate-art span:nth-child(2){background:var(--coral);height:56px;animation-delay:-.3s}.gate-art span:nth-child(3){background:#b4dc19;height:40px;animation-delay:-.6s}@keyframes bounce{50%{transform:scaleY(.6)}}.gate-art span{transform-origin:bottom}.gate-alt{color:var(--muted);justify-content:center;gap:10px;margin-top:22px;font-size:14px;display:flex}.gate-alt a{align-items:center;gap:4px;text-decoration:none;display:inline-flex}.setup-note{background:var(--bg);border-radius:10px;padding:14px 16px;font-size:14px}.main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:32px 24px 48px}.crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:2px;margin-bottom:18px;font-size:14px;display:flex}.crumbs button{color:var(--ink-2);border-radius:6px;padding:2px 6px;font-weight:500}.crumbs button:hover{background:var(--hover)}.crumb{align-items:center;gap:2px;display:inline-flex}.crumb [aria-current]{color:var(--ink);padding:2px 6px;font-weight:600}.folder-title-row{align-items:center;gap:22px;display:flex}.folder-art{background:var(--blue-tint);width:96px;height:96px;color:var(--blue);border-radius:18px;flex-shrink:0;place-items:center;display:grid}.folder-titles{min-width:0}.folder-titles h1{font:700 clamp(28px, 4.5vw, 42px) / 1.1 var(--display);letter-spacing:-.025em;overflow-wrap:anywhere;margin:2px 0 4px}.meta{color:var(--muted);margin:0;font-size:14px}.actions{flex-wrap:wrap;align-items:center;gap:8px;margin:26px 0 22px;display:flex}.actions .spacer{flex:1}.actions .resume{text-overflow:ellipsis;max-width:100%;color:var(--blue-ink);overflow:hidden}.list-panel{overflow:hidden}.list-tools{padding:10px 10px 6px}.search{max-width:320px;height:38px;color:var(--muted);border-radius:9px;align-items:center;gap:8px;padding:0 12px;display:flex}.search:focus-within{background:var(--hover)}.search input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:14px}.list-head{border-bottom:1px solid var(--line);color:var(--muted);grid-template-columns:44px 1fr 120px 90px;align-items:center;gap:12px;padding:0 16px 6px 10px;font-size:12px;font-weight:500;display:grid}.list-head .col-n,.list-head .col-date,.list-head .col-size{font-size:12px}.list-head .col-size{justify-content:flex-end}.sort-btn{color:var(--muted);border-radius:6px;align-items:center;gap:3px;margin-left:-6px;padding:4px 6px;font-size:12px;font-weight:500;display:inline-flex}.list-head .col-size .sort-btn{margin:0 -6px 0 0}.sort-btn:hover{background:var(--hover);color:var(--ink)}.sort-btn.on{color:var(--ink);font-weight:600}.sort-arrow{opacity:0;transition:transform .15s,opacity .15s}.sort-btn:hover .sort-arrow,.sort-btn.on .sort-arrow{opacity:1}.rows{margin:0;padding:6px;list-style:none}.row{text-align:left;border-radius:10px;grid-template-columns:44px 1fr 120px 90px;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 10px 8px 4px;transition:background .12s;display:grid}.row:hover{background:var(--hover)}.col-n{color:var(--muted);font-variant-numeric:tabular-nums;place-items:center;font-size:13px;display:grid}.col-n>*{grid-area:1/1}.row-play{opacity:0;color:var(--ink)}.track-row:hover .num{opacity:0}.track-row:hover .row-play{opacity:1}.folder-glyph{color:var(--blue)}.col-name{align-items:center;gap:12px;min-width:0;display:flex}.name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.col-date,.col-size{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.col-size{justify-content:flex-end;display:flex}.track-row.active{background:var(--blue-tint)}.track-row.active .name{color:var(--blue-ink);font-weight:600}.eq{align-items:flex-end;gap:2px;height:14px;display:flex}.eq i{background:var(--blue);transform-origin:bottom;border-radius:2px;width:3px;height:100%;animation:.9s ease-in-out infinite eq}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.empty{text-align:center;color:var(--muted);padding:48px 24px}.state{text-align:center;max-width:560px;margin:48px auto;padding:36px}.state h2{font:700 22px var(--display);margin:0 0 8px}.state p{color:var(--ink-2);margin:0 0 22px}.skeleton{background:linear-gradient(90deg, var(--chip), var(--hover), var(--chip));vertical-align:middle;background-size:200% 100%;border-radius:6px;max-width:100%;height:.8em;animation:1.2s linear infinite shimmer;display:inline-block}.skeleton-row{padding-left:60px;display:flex}.skeleton-row .skeleton{height:14px}@keyframes shimmer{to{background-position:-200% 0}}.cover{border-radius:8px;flex-shrink:0;overflow:hidden}.cover-bar{transform-box:fill-box;transform-origin:50%}.cover.is-playing .cover-bar{animation:1.1s ease-in-out infinite eq}@media (prefers-reduced-motion:reduce){.pv-fill,.pv-screen.open .pv-row,.cover.is-playing .cover-bar,.eq i,.gate-art span,.skeleton{animation:none}}.playerbar{z-index:30;height:calc(var(--bar-h) + env(safe-area-inset-bottom));padding:0 20px env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);grid-template-columns:minmax(200px,1fr) minmax(380px,620px) minmax(200px,1fr);align-items:center;gap:24px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #1e19190d}.mini-progress{display:none}.now{text-align:left;cursor:default;border-radius:12px;align-items:center;gap:12px;min-width:0;margin-left:-6px;padding:6px;display:flex}.now-text{flex-direction:column;min-width:0;display:flex}.now-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.now-sub{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13px;overflow:hidden}.now-sub.err{color:var(--coral)}.center{flex-direction:column;gap:2px;display:flex}.transport{justify-content:center;align-items:center;gap:4px;display:flex}.play-btn{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;margin:0 6px;transition:background .15s,transform .1s;display:grid}.play-btn:hover{background:var(--blue-hover);transform:scale(1.05)}.play-btn.busy{animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 6px var(--blue-tint)}}.scrubber{align-items:center;gap:10px;display:flex}.time{width:44px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.time:first-child{text-align:right}.range{appearance:none;cursor:pointer;background:0 0;flex:1;height:18px;margin:0}.range:disabled{cursor:default}.range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--blue) var(--pct), var(--buffer) var(--pct), var(--buffer) var(--buf), var(--track) var(--buf));border-radius:2px;height:4px}.range::-moz-range-track{background:linear-gradient(to right, var(--blue) var(--pct), var(--buffer) var(--pct), var(--buffer) var(--buf), var(--track) var(--buf));border-radius:2px;height:4px}.range::-webkit-slider-thumb{-webkit-appearance:none;opacity:0;background:#fff;border-radius:50%;width:14px;height:14px;margin-top:-5px;transition:opacity .15s;box-shadow:0 0 0 1px #0000001f,0 2px 4px #0003}.range::-moz-range-thumb{opacity:0;background:#fff;border:0;border-radius:50%;width:14px;height:14px;transition:opacity .15s;box-shadow:0 0 0 1px #0000001f,0 2px 4px #0003}.range:hover::-webkit-slider-thumb{opacity:1}.range:focus-visible::-webkit-slider-thumb{opacity:1}.range:active::-webkit-slider-thumb{opacity:1}.range:hover::-moz-range-thumb{opacity:1}.range:focus-visible::-moz-range-thumb{opacity:1}.right{justify-content:flex-end;align-items:center;gap:6px;display:flex}.range.volume{flex:0 110px;min-width:70px}.mobile-actions{display:none}.sheet{z-index:40;padding:max(12px, env(safe-area-inset-top)) 24px max(32px, env(safe-area-inset-bottom));background:var(--bg);flex-direction:column;gap:18px;animation:.22s ease-out rise;display:flex;position:fixed;inset:0}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.sheet-head{justify-content:space-between;align-items:center;display:flex}.sheet-folder{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13px;font-weight:600;overflow:hidden}.sheet-art{flex:1;place-items:center;min-height:0;display:grid}.sheet-art .cover{box-shadow:var(--shadow);border-radius:20px;width:min(78vw,46vh,360px)!important;height:min(78vw,46vh,360px)!important}.sheet-title{font:700 24px/1.2 var(--display);letter-spacing:-.02em;overflow-wrap:anywhere;margin-bottom:4px}.sheet .now-sub{align-items:center;gap:8px;display:flex}.sheet .time{width:auto}.transport.big{justify-content:space-between}.transport.big .icon-btn{width:52px;height:52px}.transport.big .play-btn{width:72px;height:72px}.overlay{z-index:50;background:#16141473;place-items:center;padding:20px;animation:.15s ease-out fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.shortcuts{width:100%;max-width:420px;box-shadow:var(--shadow);padding:28px}.shortcuts h2{font:700 20px var(--display);margin:0 0 16px}.shortcuts dl{margin:0 0 22px}.shortcuts dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:8px 0;display:flex}.shortcuts dt{color:var(--muted)}.shortcuts dd{color:var(--ink-2);margin:0;font-size:14px}.shortcuts .btn{width:100%}@media (width<=900px){.playerbar{grid-template-columns:minmax(180px,1fr) minmax(320px,1.6fr) auto;gap:16px}.range.volume{display:none}}@media (width<=760px){:root{--bar-h:72px}.topbar{height:56px;padding:0 16px}.back-label,.connected-label{display:none}.back-short{display:inline}.now-card-go{display:none}.landing{padding:44px 16px 32px}.lede{font-size:16px}.open-form{flex-direction:column}.tips{grid-template-columns:1fr;margin-top:48px}.preview{margin:40px -4px 0}.pv-wrap,.pv{border-radius:10px}.main{padding:22px 12px 32px}.folder-head{padding:0 4px}.folder-art{border-radius:14px;width:64px;height:64px}.folder-art svg{width:30px;height:30px}.folder-title-row{gap:16px}.actions .btn.primary,.actions .btn.secondary{flex:1;padding:0 12px}.actions .btn.ghost{flex-shrink:0;width:44px;padding:0}.actions .btn.resume{background:var(--blue-tint);flex:1 0 100%;order:10;justify-content:flex-start;width:auto;padding:0 12px}.actions .spacer,.hide-sm{display:none}.list-head{gap:14px;padding:0 14px 6px;display:flex}.list-head .col-n{display:none}.list-head .col-date{display:block}.list-head .col-size .sort-btn,.sort-btn{margin:0}.row{grid-template-columns:34px 1fr auto;gap:10px}.col-date{display:none}.search{max-width:none}.playerbar{padding:0 10px env(safe-area-inset-bottom) 12px;grid-template-columns:1fr auto;gap:8px}.playerbar .center,.playerbar .right{display:none}.mini-progress{background:var(--blue);height:2px;transition:width .25s linear;display:block;position:absolute;top:-1px;left:0}.now{cursor:pointer}.mobile-actions{align-items:center;display:flex}.mobile-actions .icon-btn{width:46px;height:46px;color:var(--ink)}}@media (width<=420px){.gate-card{padding:28px 20px}.transport.big .icon-btn{width:44px;height:44px}}