:root{--bg: #121212;--surface: #181818;--surface-2: #242424;--surface-3: #2e2e2e;--line: #2a2a2a;--text: #ffffff;--muted: #b3b3b3;--faint: #7a7a7a;--brand-purple: #5a33ab;--brand-teal: #06867a;--accent: #067d72;--accent-hi: var(--brand-teal);--accent-text: #26ab9d;--error: #ff6b6b;--radius: 8px;--sidebar-w: 232px;--bar-h: 88px;--tab-h: 60px;--mini-h: 60px;--safe-b: env(safe-area-inset-bottom, 0px);color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);overscroll-behavior:none}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit}h1,h2,h3{margin:0;letter-spacing:-.01em}:focus-visible{outline:2px solid #fff;outline-offset:2px}.center-card{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.wordmark{margin:0;font-size:32px;font-weight:800;letter-spacing:-.02em}.muted{color:var(--muted);margin:0}.small{font-size:13px}.is-error{color:var(--error)!important}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid #333;border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;padding:12px 32px;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none!important;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;border:none}.btn-primary:hover{background:var(--accent-hi)}.btn-secondary{background:transparent;color:var(--text);border:1px solid #727272}.btn-secondary:hover{border-color:#fff}.btn-sm{padding:7px 16px;font-size:14px}.btn-secondary:disabled{opacity:.5;cursor:default}.icon-btn{display:inline-flex;align-items:center;justify-content:center;position:relative;width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--muted);cursor:pointer;flex:none;text-decoration:none!important}.icon-btn:hover{color:var(--text)}.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn.is-on{color:var(--accent-text)}.icon-btn.is-on:after{content:"";position:absolute;bottom:2px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--accent-text)}.icon-btn-spacer{width:36px;flex:none}.repeat-one{position:absolute;top:4px;right:3px;font-size:9px;font-weight:800;background:var(--accent);color:#fff;border-radius:6px;padding:0 3px;line-height:12px}.link-btn{background:none;border:none;color:var(--muted);font-weight:700;cursor:pointer;padding:6px}.link-btn:hover{color:var(--text)}.play-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:50%;border:none;background:#fff;color:#000;cursor:pointer;transition:transform .1s}.play-btn:hover{transform:scale(1.05)}.play-btn:disabled{opacity:.4;cursor:default;transform:none}.play-btn.is-loading{animation:pulse 1s ease-in-out infinite}.play-btn-xl{width:56px;height:56px;background:var(--accent);color:#fff}@keyframes pulse{50%{opacity:.6}}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:16px;background:transparent;cursor:pointer;margin:0;--pct: 0%}.range::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--text) var(--pct),#4d4d4d var(--pct))}.range::-moz-range-track{height:4px;border-radius:2px;background:#4d4d4d}.range::-moz-range-progress{height:4px;border-radius:2px;background:var(--text)}.range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;margin-top:-4px;opacity:0;transition:opacity .1s}.range::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:#fff;opacity:0}.range:hover::-webkit-slider-thumb,.range:focus-visible::-webkit-slider-thumb{opacity:1}.range:hover::-moz-range-thumb,.range:focus-visible::-moz-range-thumb{opacity:1}.range:hover::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent) var(--pct),#4d4d4d var(--pct))}.range:disabled{cursor:default;opacity:.5}.shell{height:100%;display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:1fr var(--bar-h);grid-template-areas:"side main" "bar bar"}.sidebar{grid-area:side;background:#000;padding:20px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;padding:0 12px 20px}.brand-mobile{display:none}.nav-item{display:flex;align-items:center;gap:16px;padding:10px 12px;border-radius:6px;color:var(--muted);font-weight:700;text-decoration:none!important}.nav-item:hover{color:var(--text)}.nav-item.active{color:var(--text);background:var(--surface-2)}.side-lib{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px;min-height:0}.side-lib-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px 12px;color:var(--muted);font-weight:700}.side-pl{display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:6px;color:var(--muted);font-size:14px;font-weight:600;text-decoration:none!important;min-width:0}.side-pl span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-pl:hover{color:var(--text);background:var(--surface)}.side-pl.active{color:var(--text);background:var(--surface-2)}.side-pl-cover{width:40px;height:40px;border-radius:4px}.main{grid-area:main;overflow-y:auto;overflow-x:hidden;background:var(--bg);position:relative}.tabbar,.mini{display:none}.page{padding:24px 32px 48px;max-width:1400px}.page-title{font-size:30px;font-weight:800;margin-bottom:20px}.section-title{font-size:20px;font-weight:800;margin:24px 0 12px}.section-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.section-row .section-title{margin-right:auto}.empty{text-align:center;padding:64px 16px;display:flex;flex-direction:column;align-items:center;gap:12px}.empty h2{font-size:22px}.home{background:linear-gradient(to bottom,color-mix(in srgb,var(--tint) 45%,transparent),transparent 320px);max-width:none}.skel{background:var(--surface-2);border-radius:6px;animation:pulse 1.4s ease-in-out infinite}.skel-text{height:16px}.rail{margin-bottom:28px}.rail-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.rail-head h2{font-size:22px;font-weight:800}.rail-more{color:var(--muted);font-size:14px;font-weight:700}.rail-row{display:grid;grid-auto-flow:column;grid-auto-columns:180px;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}.card{position:relative;padding:12px;border-radius:var(--radius);background:var(--surface);scroll-snap-align:start;transition:background .15s}.card:hover{background:var(--surface-2)}.card-link{display:flex;flex-direction:column;gap:4px;text-decoration:none!important}.card-cover{width:100%;aspect-ratio:1;border-radius:6px;margin-bottom:8px;box-shadow:0 8px 24px #00000080}.card-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-title.is-current{color:var(--accent-text)}.card-sub{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-play{position:absolute;right:20px;top:116px;width:44px;height:44px;border-radius:50%;border:none;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 16px #0006;opacity:0;transform:translateY(8px);transition:opacity .15s,transform .15s}.card:hover .card-play,.card-play:focus-visible,.card-play.is-visible{opacity:1;transform:none}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.tiles-row{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:200px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}.is-stale{opacity:.5;transition:opacity .2s}.tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:96px;padding:14px 16px;border-radius:var(--radius);overflow:hidden;background:linear-gradient(135deg,var(--tile),color-mix(in srgb,var(--tile) 55%,#000));font-weight:800;font-size:18px;text-decoration:none!important;text-shadow:0 1px 3px rgb(0 0 0 / .5)}.tile small{font-weight:600;font-size:13px;opacity:.85}.tile:hover{filter:brightness(1.1)}.cover{display:block;overflow:hidden;flex:none}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover-empty{display:flex;align-items:center;justify-content:center;color:#ffffff80}.tracks{list-style:none;margin:0;padding:0}.track{display:grid;grid-template-columns:36px 44px minmax(0,1fr) 72px 110px 36px 48px 36px;align-items:center;gap:12px;padding:6px 8px;border-radius:6px}.track:hover{background:var(--surface-2)}.track-play{width:36px;height:36px;border:none;background:none;cursor:pointer;color:var(--muted);display:flex;align-items:center;justify-content:center;position:relative}.track-icon{display:none;color:var(--text)}.track:hover .track-n,.track.is-current .track-n:not(:empty){display:none}.track:hover .track-icon,.track-play:focus-visible .track-icon{display:flex}.track.is-current .track-n{display:none}.track.is-current .track-icon{display:flex;color:var(--accent-text)}.track-cover{width:44px;height:44px;border-radius:4px}.track-main{display:flex;flex-direction:column;min-width:0}.track-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track.is-current .track-title{color:var(--accent-text)}.track-sub,.track-meta,.track-time{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-time{text-align:right;font-variant-numeric:tabular-nums}.track-like:not(.is-liked){opacity:0}.track:hover .track-like,.track-like:focus-visible{opacity:1}.like-btn.is-liked{color:var(--accent-text)}.like-btn.is-liked:after{display:none}.like-xl{width:48px;height:48px}.pl-cover{display:block;overflow:hidden;flex:none;position:relative}.pl-cover>.cover{width:100%;height:100%}.pl-cover .cover-empty{width:100%;height:100%}.pl-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.pl-mosaic>.cover{width:100%;height:100%}.liked-cover{display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--brand-purple),var(--brand-teal))}.pl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}.pl-card{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:var(--radius);background:var(--surface);text-decoration:none!important;min-width:0;transition:background .15s}.pl-card:hover{background:var(--surface-2)}.pl-card-cover{width:100%;height:auto;aspect-ratio:1;border-radius:6px;margin-bottom:8px;box-shadow:0 8px 24px #00000080}.pl-card-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-card-sub{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-hint{margin-top:12px}.library .section-row{align-items:center}.library .section-row .page-title{margin-right:auto}.collection{background:linear-gradient(to bottom,color-mix(in srgb,var(--tint) 70%,#000),var(--bg) 380px);max-width:none}.collection-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.btn-secondary.is-on{background:#fff;color:#000;border-color:#fff}.btn-danger:hover{border-color:var(--error);color:var(--error)}.title-btn{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:text;overflow-wrap:anywhere}.title-btn:hover{text-decoration:underline;text-decoration-thickness:2px}.rename{display:flex;align-items:center;gap:8px;margin:12px 0}.rename-input{font-size:28px;font-weight:800;height:52px;flex:1;min-width:0;max-width:560px}.reorder{display:flex}.track:has(.reorder){grid-template-columns:36px 44px minmax(0,1fr) 72px 110px 36px 48px 72px}.text-input{height:40px;padding:0 12px;border-radius:6px;border:1px solid #4d4d4d;background:var(--surface-2);color:var(--text);font:inherit;font-size:15px;outline:none}.text-input:focus{border-color:#fff}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px}.modal{width:min(440px,100%);max-height:min(640px,100%);display:flex;flex-direction:column;background:var(--surface-2);border-radius:12px;box-shadow:0 24px 64px #0009;overflow:hidden}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 16px 12px 20px}.modal-head h2{font-size:20px;font-weight:800;margin-bottom:2px}.modal-head .muted{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.new-playlist{display:flex;gap:8px;padding:0 20px 12px}.new-playlist .text-input{flex:1;min-width:0}.new-playlist .btn-primary{padding:0 14px;height:40px}.limit-body{display:flex;flex-direction:column;gap:12px;padding:0 20px 20px;line-height:1.5}.limit-body .btn-primary{align-self:flex-end;height:40px;padding:0 24px;margin-top:4px}.plan-line strong{color:var(--text)}.pick-list{list-style:none;margin:0;padding:4px 8px 12px;overflow-y:auto;border-top:1px solid var(--line)}.pick-list>li.muted{padding:12px}.pick{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;border:none;border-radius:6px;background:none;cursor:pointer;text-align:left}.pick:hover{background:var(--surface-3)}.pick:disabled{opacity:.5;cursor:default}.pick-cover{width:44px;height:44px;border-radius:4px}.pick-text{display:flex;flex-direction:column;min-width:0}.pick-text strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick-text small{color:var(--muted);font-size:13px}.menu{position:relative}.menu-pop{position:absolute;right:0;top:100%;z-index:30;min-width:180px;padding:4px;background:var(--surface-3);border-radius:6px;box-shadow:0 16px 32px #00000080;display:flex;flex-direction:column}.menu-pop>*{text-align:left;background:none;border:none;padding:10px 12px;border-radius:4px;cursor:pointer;font-size:14px;text-decoration:none!important}.menu-pop>*:hover{background:#3e3e3e}.toast{position:fixed;left:50%;bottom:calc(var(--bar-h) + 16px);transform:translate(-50%);z-index:60;background:#fff;color:#000;font-weight:700;font-size:14px;padding:10px 16px;border-radius:8px;box-shadow:0 8px 24px #00000080;white-space:nowrap}.np-bar{grid-area:bar;display:grid;grid-template-columns:minmax(180px,1fr) minmax(320px,2fr) minmax(180px,1fr);align-items:center;gap:16px;padding:0 16px;background:#000;border-top:1px solid var(--line)}.np-info{display:flex;align-items:center;gap:12px;min-width:0}.np-cover{width:56px;height:56px;border-radius:4px}.np-text{display:flex;flex-direction:column;min-width:0}.np-title{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-sub{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-center{display:flex;flex-direction:column;align-items:center;gap:4px}.np-right{display:flex;align-items:center;justify-content:flex-end;gap:8px}.transport{display:flex;align-items:center;gap:12px}.transport-big{gap:20px;justify-content:center}.seek{display:flex;align-items:center;gap:8px;width:100%;max-width:620px}.seek-time{color:var(--muted);font-size:12px;min-width:36px;text-align:center;font-variant-numeric:tabular-nums}.volume{display:flex;align-items:center;gap:4px;width:150px}.song{background:linear-gradient(to bottom,color-mix(in srgb,var(--tint) 70%,#000),var(--bg) 380px);max-width:none}.song-hero{display:flex;align-items:flex-end;gap:24px;padding-top:24px}.song-cover{width:232px;height:232px;border-radius:6px;box-shadow:0 12px 40px #0009}.song-head{min-width:0}.eyebrow{font-size:13px;font-weight:700}.song-title{font-size:clamp(32px,6vw,72px);font-weight:900;line-height:1.05;margin:8px 0 12px;overflow-wrap:anywhere}.song-meta{margin:0;color:#ffffffd9;font-size:14px}.song-actions{display:flex;align-items:center;gap:16px;padding:24px 0}.song-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:40px;align-items:start}.song-lyrics h2,.sheet-lyrics h3{font-size:20px;font-weight:800;margin-bottom:12px}.song-about{background:var(--surface);border-radius:var(--radius);padding:20px}.song-summary{margin:0 0 16px;color:var(--muted);line-height:1.5}.facts{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;margin:0 0 16px;align-items:center;font-size:14px}.facts dt{color:var(--muted)}.facts dd{margin:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.tags{display:flex;flex-wrap:wrap;gap:6px}.energy{display:inline-flex;gap:3px}.energy i{width:8px;height:14px;border-radius:2px;background:#4d4d4d}.energy i.on{background:var(--accent)}.lyrics{display:flex;flex-direction:column;gap:4px}.lyrics-note{color:var(--muted);margin:0 0 8px;font-size:14px}.lyric-section{text-align:left;background:none;border:none;padding:10px 12px;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:2px;color:#ffffff8c;transition:color .3s,background .3s}.lyric-section:hover{background:#ffffff0d;color:#fffc}.lyric-section.is-past{color:#ffffff59}.lyric-section.is-active{color:#fff;background:color-mix(in srgb,var(--tint, #333) 35%,transparent)}.lyric-name{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.lyric-section.is-active .lyric-name{color:var(--accent-text)}.lyric-line{font-size:20px;font-weight:700;line-height:1.4}.lyric-instrumental{font-size:16px}.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:var(--surface-2);border:none;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none!important;white-space:nowrap}.chip:hover{background:var(--surface-3)}.chip.is-on{background:#fff;color:#000}.chip-sm{padding:4px 10px;font-size:13px}.chip-ghost{background:transparent;border:1px solid #3e3e3e;color:var(--muted)}.chip-count{opacity:.6;font-weight:500;font-size:12px}.search-top{position:sticky;top:0;z-index:10;background:var(--bg);padding:8px 0 12px;margin-top:-8px;display:flex;flex-direction:column;gap:12px}.search-box{display:flex;align-items:center;gap:10px;max-width:520px;padding:0 8px 0 16px;height:48px;border-radius:999px;background:var(--surface-2);color:var(--muted);border:2px solid transparent}.search-box:focus-within{border-color:#fff;background:var(--surface-3)}.search-box input{flex:1;min-width:0;height:100%;background:transparent;border:none;outline:none;color:var(--text);font-size:16px}.search-box input::-webkit-search-cancel-button{display:none}.sort{margin-left:auto;background:var(--surface-2);color:var(--text);border:none;border-radius:999px;padding:7px 12px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.results .section-title{margin-top:12px}.load-more{margin:20px auto 0;display:flex}.drawer-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0009;display:flex;justify-content:flex-end}.drawer{width:min(420px,100%);height:100%;background:var(--surface);display:flex;flex-direction:column;box-shadow:-16px 0 40px #00000080}.drawer-head,.drawer-foot{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.drawer-head{border-bottom:1px solid var(--line)}.drawer-foot{border-top:1px solid var(--line);padding-bottom:calc(16px + var(--safe-b))}.drawer-body{flex:1;overflow-y:auto;padding:8px 20px 20px}.facet{border:none;margin:0;padding:14px 0;border-bottom:1px solid var(--line)}.facet legend{font-weight:800;padding:0;margin-bottom:10px;float:left;width:100%}.facet legend+*{clear:both}.bpm{margin-top:14px;display:flex;flex-direction:column;gap:8px}.bpm-labels{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.bpm-row{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.bpm .range::-webkit-slider-thumb{opacity:1}.bpm .range::-moz-range-thumb{opacity:1}.settings{max-width:720px}.settings-group{margin-bottom:28px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.settings-group h2{font-size:18px;font-weight:800;margin-bottom:8px}.settings-group .btn-secondary{margin-top:12px}.setting{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:12px 0;cursor:pointer}.setting span{display:flex;flex-direction:column;gap:2px}.setting small{color:var(--muted);font-size:13px}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;width:44px;height:26px;border-radius:13px;background:#535353;position:relative;cursor:pointer;transition:background .15s;margin:0}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(18px)}.sheet{display:none}@media(max-width:767px){.shell{grid-template-columns:1fr;grid-template-rows:1fr auto;grid-template-areas:"main" "tabs"}.sidebar,.np-bar{display:none}.brand-mobile{display:flex;padding:0 0 12px;font-size:16px}.main{padding-bottom:8px}.shell.has-player .main{padding-bottom:calc(var(--mini-h) + 8px)}.tabbar{grid-area:tabs;display:flex;justify-content:space-around;background:#000000f2;height:calc(var(--tab-h) + var(--safe-b));padding-bottom:var(--safe-b);border-top:1px solid var(--line)}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:11px;font-weight:600;text-decoration:none!important}.tab-item.active{color:var(--text)}.mini{display:flex;align-items:center;gap:10px;position:fixed;z-index:40;left:8px;right:8px;bottom:calc(var(--tab-h) + var(--safe-b) + 6px);height:var(--mini-h);padding:0 10px 0 8px;border-radius:8px;overflow:hidden;cursor:pointer;background:color-mix(in srgb,var(--tint) 45%,#1a1a1a);box-shadow:0 8px 24px #00000080}.mini-cover{width:42px;height:42px;border-radius:4px}.mini-text{flex:1;min-width:0;display:flex;flex-direction:column}.mini-title{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-sub{font-size:12px;color:#ffffffbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-progress{position:absolute;left:8px;bottom:0;height:2px;background:#fff;max-width:calc(100% - 16px)}.toast{bottom:calc(var(--tab-h) + var(--mini-h) + var(--safe-b) + 20px)}.sheet{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:linear-gradient(to bottom,color-mix(in srgb,var(--tint) 75%,#000),#121212 70%);animation:sheet-up .22s ease-out}@keyframes sheet-up{0%{transform:translateY(40px);opacity:0}}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:calc(8px + env(safe-area-inset-top,0px)) 8px 8px}.sheet-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.sheet-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 24px calc(24px + var(--safe-b));display:flex;flex-direction:column;gap:18px}.sheet-cover{width:100%;max-width:360px;aspect-ratio:1;height:auto;margin:8px auto 0;border-radius:8px;box-shadow:0 16px 48px #0009}.sheet-swipe{display:flex;user-select:none;-webkit-user-select:none}.sheet-swipe img{-webkit-user-drag:none;pointer-events:none}.sheet-meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.sheet-title{font-size:24px;font-weight:800}.sheet-sub{color:#ffffffbf}.sheet .seek{max-width:none}.sheet .range::-webkit-slider-thumb{opacity:1}.sheet-lyrics{margin-top:12px;background:#00000040;border-radius:12px;padding:16px 8px}.sheet-lyrics h3{padding:0 12px}.page{padding:16px 16px 32px}.page-title{font-size:26px}.rail-row,.tiles-row{scrollbar-width:none}.rail-row::-webkit-scrollbar,.tiles-row::-webkit-scrollbar{display:none}.rail-row{grid-auto-columns:140px;gap:12px}.card{padding:0;background:none}.card:hover{background:none}.card-play{display:none}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tiles-row{grid-template-columns:none;grid-auto-columns:160px}.tile{min-height:80px;font-size:16px}.track{grid-template-columns:32px 44px minmax(0,1fr) 40px 36px;gap:10px;padding:6px 0}.hide-sm{display:none}.track-play{width:32px}.track-n{display:none}.track-icon{display:flex;color:var(--muted)}.song-hero{flex-direction:column;align-items:center;text-align:center;padding-top:8px}.song-cover{width:min(64vw,260px);height:auto;aspect-ratio:1}.song-actions{justify-content:center;flex-wrap:wrap}.collection-buttons{margin-left:0;width:100%;justify-content:center}.track:has(.reorder){grid-template-columns:32px 44px minmax(0,1fr) 40px 72px}.pl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pl-card{padding:0;background:none}.pl-card:hover{background:none}.rename-input{font-size:22px;height:44px}.modal-wrap{align-items:flex-end;padding:0}.modal{width:100%;max-height:80%;border-radius:12px 12px 0 0;padding-bottom:var(--safe-b)}.song-grid{grid-template-columns:1fr;gap:24px}.lyric-line{font-size:18px}.search-box{max-width:none}.sort{margin-left:0}.drawer{width:100%}}.settings-note{margin:-8px 0 20px}.modal:focus{outline:none}