:root{--bg: #000;--panel: #121212;--hover: #1f1f1f;--elev: #2a2a2a;--text: #fff;--sub: #a7a7a7;--accent: #1ed760;--line: rgba(255, 255, 255, .1);--tabbar: calc(56px + env(safe-area-inset-bottom)) ;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font:400 14px/1.35 var(--font);-webkit-font-smoothing:antialiased}body{overscroll-behavior:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input{font:inherit;color:inherit}img{display:block}h1,h2,h3{font-weight:800;letter-spacing:-.01em}[hidden]{display:none!important}.app{height:100dvh;display:grid;gap:8px;padding:8px;grid-template-columns:300px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.panel{background:var(--panel);border-radius:8px;min-height:0}.side{display:flex;flex-direction:column;gap:8px;min-height:0;grid-row:1}.main{container-type:inline-size;grid-row:1;grid-column:2;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.rpanel{grid-row:1;grid-column:3;display:flex;flex-direction:column;overflow:hidden}.bar{grid-column:1 / -1;display:grid;grid-template-columns:minmax(220px,1fr) minmax(300px,640px) minmax(200px,1fr);align-items:center;gap:16px;height:0;overflow:hidden;padding:0 8px}.has-track .bar{height:72px}.rp-open .app{grid-template-columns:300px minmax(0,1fr) 340px}.nav{padding:8px 12px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:8px 12px 14px;font-size:20px;font-weight:800;letter-spacing:-.02em}.brand img{width:30px;height:30px;border-radius:7px}.nav-i,.libp-h{display:flex;align-items:center;gap:18px;padding:10px 12px;font-weight:700;font-size:15px;color:var(--sub);border-radius:6px;transition:color .15s}.nav-i.on,.libp-h.on,.nav-i:hover,.libp-h:hover{color:var(--text)}.libp{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:8px 8px 0}.libp-list{overflow-y:auto;padding:4px 0 8px}.lrow{display:flex;align-items:center;gap:12px;padding:8px;border-radius:6px}.lrow:hover{background:var(--hover)}.lrow .cover{width:48px;height:48px;flex:none}.lrow>div{min-width:0}.tabbar,.mini{display:none}.cover{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;background:var(--elev)}.cover.round{border-radius:50%}.cover.ph{display:grid;place-items:center;color:var(--sub)}.title{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub,.cs{color:var(--sub);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;color:var(--sub);border-radius:50%;position:relative;flex:none}.icon-btn:hover{color:var(--text)}.icon-btn:active{transform:scale(.94)}.icon-btn.on,.mode.on{color:var(--accent)}.dot{position:absolute;bottom:3px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--accent)}.empty{color:var(--sub);padding:40px 0;text-align:center}.boot-err{display:grid;gap:12px;place-content:center;height:100dvh;text-align:center;padding:24px}.boot-err button{background:var(--text);color:#000;padding:10px 20px;border-radius:999px;font-weight:700;justify-self:center}.page{padding:24px 24px 40px}.greet{font-size:28px;margin-bottom:18px}.sec{margin-top:28px}.sec-h{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.sec h2{font-size:22px}.pill-link{display:inline-block;padding:10px 18px;background:var(--elev);border-radius:999px;font-weight:700}.topbar{display:none}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.q{display:flex;align-items:center;gap:12px;background:#ffffff14;border-radius:4px;overflow:hidden;font-weight:700;padding-right:8px}.q:hover{background:#ffffff29}.q .cover{width:56px;height:56px;border-radius:0;flex:none}.q span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hrow{display:flex;gap:8px;overflow-x:auto;margin:0 -24px;padding:0 24px 4px;scroll-snap-type:x proximity;scroll-padding-inline:24px;scrollbar-width:none}.hrow::-webkit-scrollbar{display:none}.hrow .card{flex:none;width:168px;scroll-snap-align:start}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.card{padding:12px;border-radius:8px;display:block;min-width:0}.card:hover{background:var(--hover)}.card .cover{margin-bottom:12px}.card .ct{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card.artist{text-align:left}.chips{display:flex;gap:8px;margin-bottom:20px}.chip{padding:7px 14px;border-radius:999px;background:#ffffff1a;font-weight:600;font-size:14px}.chip.on{background:var(--text);color:#000}.searchbox{display:flex;align-items:center;gap:10px;background:var(--elev);border-radius:999px;padding:0 16px;height:46px;color:var(--sub);max-width:480px;margin-bottom:8px}.searchbox input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--text);font-size:16px;-webkit-appearance:none}.searchbox input::-webkit-search-cancel-button{display:none}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.tile{position:relative;overflow:hidden;border-radius:8px;aspect-ratio:1.7;padding:14px;font-weight:800;font-size:18px}.tile .cover{position:absolute;width:46%;right:-8px;bottom:-6px;transform:rotate(22deg);box-shadow:0 2px 10px #0006}.t0{background:#264653}.t1{background:#5b3a6b}.t2{background:#7a3b2e}.t3{background:#2f5d46}.t4{background:#6b5a2a}.t5{background:#3a4a7a}.hero{display:flex;align-items:flex-end;gap:24px;padding:12px 0 8px}.hero .hero-cover{width:220px;height:220px;flex:none;border-radius:6px;box-shadow:0 6px 30px #00000080}.hero .hero-cover.round{border-radius:50%}.hero-t{min-width:0}.kind{font-size:13px;font-weight:600;margin-bottom:6px}.hero h1{font-size:clamp(28px,5vw,64px);line-height:1.05;font-weight:900;margin-bottom:14px;overflow-wrap:anywhere}.meta{color:var(--sub);font-size:14px}.meta a{color:var(--text);font-weight:700}.meta a:hover{text-decoration:underline}.actions{display:flex;align-items:center;gap:20px;padding:20px 0 16px}.big-play{width:56px;height:56px;border-radius:50%;background:var(--accent);color:#000;display:grid;place-items:center;transition:transform .1s}.big-play:hover{transform:scale(1.05)}.big-play:active{transform:scale(.97)}.shuf{color:var(--sub)}@container (max-width: 720px){.hero{flex-direction:column;align-items:flex-start}.hero .hero-cover{width:180px;height:180px}.quick{grid-template-columns:repeat(2,1fr)}}.tracks{display:flex;flex-direction:column}.row{display:flex;align-items:center;gap:14px;padding:6px 12px;margin:0 -12px;border-radius:6px;cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto 56px}.row:hover{background:#ffffff14}.row .num{width:24px;text-align:center;color:var(--sub);font-variant-numeric:tabular-nums;flex:none}.row .eq{display:none;color:var(--text)}.row .rc{width:40px;flex:none}.row .rt{flex:1;min-width:0}.row .ra{flex:1;min-width:0;color:var(--sub);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .ra:hover{color:var(--text);text-decoration:underline}.row .dur{color:var(--sub);font-variant-numeric:tabular-nums;font-size:14px}.row.playing .title,.row.playing .num{color:var(--accent)}.row.q{cursor:default}.row.q[data-act]{cursor:pointer}@media(hover:hover){.row:hover .n{display:none}.row:hover .eq{display:block}.row .more{opacity:0}.row:hover .more,.row .more:focus-visible{opacity:1}}.bar-l{display:flex;align-items:center;gap:14px;min-width:0}.bar-cover{width:56px;height:56px;flex:none}.bar-t{display:flex;flex-direction:column;min-width:0}.bar-t .title:hover,.bar-t .sub:hover{text-decoration:underline}.bar-c{display:flex;flex-direction:column;align-items:center;gap:4px}.bar-r{display:flex;align-items:center;justify-content:flex-end;gap:4px}.volwrap{display:flex;align-items:center;gap:8px;color:var(--sub);margin-left:8px}.vol{width:96px}.ctrls{display:flex;align-items:center;justify-content:center;gap:12px}.play-btn{width:36px;height:36px;border-radius:50%;background:var(--text);color:#000;display:grid;place-items:center}.play-btn:hover{transform:scale(1.06)}.play-btn:active{transform:scale(.96)}.play-btn.big{width:64px;height:64px}.seekrow{display:flex;align-items:center;gap:10px;width:100%;color:var(--sub);font-size:12px;font-variant-numeric:tabular-nums}.seekrow span{min-width:36px}.seekrow .t-cur{text-align:right}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;flex:1;height:20px;cursor:pointer;min-width:0}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--fill, #fff) var(--p, 0%),#4d4d4d var(--p, 0%))}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:#4d4d4d}input[type=range]::-moz-range-progress{height:4px;border-radius:2px;background:var(--fill, #fff)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;margin-top:-4px;opacity:0}input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff;opacity:0}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:active::-webkit-slider-thumb{opacity:1}input[type=range]:hover::-moz-range-thumb,input[type=range]:active::-moz-range-thumb{opacity:1}@media(hover:hover){.bar .seek:hover,.vol:hover{--fill: var(--accent)}}.vol{--p: 100%}.rp-head{display:flex;align-items:center;justify-content:space-between;padding:16px 12px 8px 20px;font-size:16px}.rp-body{flex:1;overflow-y:auto;padding:8px 20px 24px;overscroll-behavior:contain}.rp-body .np-art{padding:8px 0 16px}.rp-meta .np-title{font-size:24px;font-weight:800}.rp-meta .np-artist{color:var(--sub);font-weight:600}.rp-meta .np-artist:hover{text-decoration:underline}.queue h3{font-size:16px;margin:16px 0 8px}.queue .row{margin:0 -8px}.lyrics{padding:24px 0 45vh}.rp-body .lyrics{padding:8px 0 40vh}.ly{font-size:26px;line-height:1.25;font-weight:800;padding:8px 0;color:#fff;opacity:.38;cursor:pointer;transition:opacity .25s,transform .25s;transform-origin:left center;overflow-wrap:anywhere}.ly.past{opacity:.55}.ly.on{opacity:1}.ly.plain,.lyrics.plain .ly{opacity:.95;cursor:default;font-size:20px;font-weight:700;padding:4px 0}.rp-body .ly{font-size:20px}.rp-body .lyrics.plain .ly{font-size:16px}.ly-msg{color:var(--sub);padding:24px 0;text-align:center;font-weight:600}.sheet-wrap{position:fixed;inset:0;z-index:100}.sheet-bg{position:absolute;inset:0;background:#0009}.sheet{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:min(480px,100%);background:var(--elev);border-radius:14px 14px 0 0;padding:12px 8px calc(12px + env(safe-area-inset-bottom));animation:up .2s ease-out}@keyframes up{0%{transform:translate(-50%,30px);opacity:0}}.sheet-h{display:flex;gap:12px;align-items:center;padding:8px 12px 14px;margin-bottom:4px;border-bottom:1px solid var(--line)}.sheet-h .cover{width:48px;flex:none}.sheet-h>div{min-width:0}.sheet button,.sheet a{display:flex;align-items:center;gap:16px;width:100%;padding:14px 12px;font-size:16px;font-weight:600;border-radius:8px;text-align:left}.sheet button:hover,.sheet a:hover{background:#ffffff14}.sheet svg{color:var(--sub)}.toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%,10px);background:var(--text);color:#000;padding:10px 16px;border-radius:8px;font-weight:700;opacity:0;pointer-events:none;transition:.2s;z-index:120}.toast.show{opacity:1;transform:translate(-50%)}@media(hover:hover){.main,.libp-list,.rp-body{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}}@media(max-width:899px){:root{--mini: 0px}.has-track{--mini: 64px}.app{display:block;padding:0;position:relative}.side,.bar,.rpanel{display:none}.main{position:absolute;inset:0;border-radius:0;background:var(--bg);padding-top:env(safe-area-inset-top);padding-bottom:calc(var(--tabbar) + var(--mini) + 12px)}.page{padding:16px 16px 24px}.greet{font-size:26px}.quick{grid-template-columns:repeat(2,1fr)}.hrow{margin:0 -16px;padding:0 16px 4px;scroll-padding-inline:16px}.hrow .card{width:148px;padding:0 8px 0 0}.grid{grid-template-columns:repeat(2,1fr);gap:16px 12px}.grid .card{padding:0}.hrow .card:hover,.grid .card:hover{background:none}.tiles{grid-template-columns:repeat(2,1fr)}.row{margin:0 -8px;padding:6px 8px}.row .ra,.row .dur{display:none}.row .num .eq{display:none!important}.row .num .n{display:inline!important}.topbar{display:flex;align-items:center;gap:4px;position:sticky;top:0;z-index:5;margin:-16px -16px 0;padding:8px;background:var(--bg)}.topbar .tb-title{font-weight:800;font-size:16px;opacity:0}.hero{flex-direction:column;align-items:center;text-align:center;gap:18px;padding-top:4px}.hero .hero-cover{width:min(64vw,260px);height:min(64vw,260px)}.hero-t{width:100%;text-align:left}.actions{padding-top:12px}.actions .big-play{margin-left:auto;order:2}.actions .shuf{order:1}.actions{gap:8px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;height:var(--tabbar);padding-bottom:env(safe-area-inset-bottom);background:var(--bg);border-top:1px solid rgba(255,255,255,.06)}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:600;color:var(--sub)}.tabbar a.on{color:var(--text)}.mini{position:fixed;left:8px;right:8px;bottom:calc(var(--tabbar) + 8px);z-index:30}.has-track .mini{display:block}.mini-in{position:relative;display:flex;align-items:center;gap:10px;height:56px;padding:0 4px 0 8px;background:var(--np-bg, var(--elev));border-radius:8px;overflow:hidden;cursor:pointer}.mini-in .cover{width:40px;flex:none}.mini-t{flex:1;min-width:0}.mini-t .sub{color:#ffffffb3}.mini-in .icon-btn{color:var(--text);width:48px;height:48px}.mini-p{position:absolute;left:8px;bottom:0;height:2px;background:#fff;max-width:calc(100% - 16px)}.np{position:fixed;inset:0;z-index:60;background:var(--np-bg, #2a2a2a);transform:translateY(100%);transition:transform .32s cubic-bezier(.2,.8,.2,1),background-color .4s;visibility:hidden;display:block}.np.open{transform:none;visibility:visible}.np-in{height:100%;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 20px env(safe-area-inset-bottom)}.np-top{display:flex;align-items:center;justify-content:space-between;height:56px;flex:none;margin:0 -10px}.np-top .icon-btn{color:var(--text)}.np-from{text-align:center;font-size:11px;display:grid;gap:1px;min-width:0}.np-from span{text-transform:uppercase;letter-spacing:.08em;opacity:.7;font-weight:600}.np-from b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;overscroll-behavior:contain;margin:0 -20px;padding:0 20px}.np-body[data-tab=cover]{justify-content:center}.np-art{display:grid;place-items:center;padding:8px 0}.np-cover{width:min(100%,52dvh);border-radius:8px;box-shadow:0 10px 40px #00000073}.np-bottom{flex:none;padding-bottom:8px}.np-title{font-size:22px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-artist{color:#ffffffb8;font-weight:600}.np-meta{margin:8px 0 4px}.np-meta>div{min-width:0}.np .seekrow{color:#ffffffb3}.np input[type=range]{height:28px}.np input[type=range]::-webkit-slider-thumb{opacity:1;width:12px;height:12px}.np .icon-btn{color:#ffffffd9}.np .mode.on{color:var(--accent)}.np .ctrls{justify-content:space-between;margin:4px 0}.np .icon-btn{width:48px;height:48px}.np-tabs{display:flex;justify-content:space-between;margin:0 -8px}.np .row{margin:0 -8px}.np .queue h3{color:#fff}.np .sub,.np .ly-msg{color:#ffffffb3}.np .row:hover{background:none}.np .lyrics{padding-top:12px}}@media(max-width:899px)and (max-height:640px){.np-cover{width:min(100%,40dvh)}}@media(min-width:900px){.np{display:none}.row .more{margin-right:-6px}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}