@font-face{font-family:GG Zero;src:url(/fonts/Zero-VF.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}:root{--bg: #000;--panel: #121212;--hover: #1f1f1f;--elev: #2a2a2a;--text: #fff;--sub: #a7a7a7;--accent: #D8D1F8;--line: rgba(255, 255, 255, .1);--bar-h: 64px;--bar-gap: max( calc(env(safe-area-inset-bottom) - 12px) , 10px);--tabbar: calc(var(--bar-h) + var(--bar-gap));--glass: rgba(46, 46, 52, .52);--font: "GG Zero", -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);letter-spacing:.03em;-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:.015em}[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;position:relative;overflow:hidden}.view{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:1}.view.away{visibility:hidden;pointer-events:none;z-index:0}.view.layer{z-index:2;background:var(--panel);transform:translate(100%);transition:transform .24s cubic-bezier(.2,.8,.2,1)}.view.layer.in{transform:none}@media(prefers-reduced-motion:reduce){.view.layer{transition:none}}.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{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:1;border-radius:4px;background:var(--elev)}.cover .ci{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.cover .ci.ready{opacity:1}.cover:not(.ph):not(:has(.ci.ready)){animation:skeleton 1.4s ease-in-out infinite}@keyframes skeleton{50%{background-color:#333}}.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;line-height:1.2;margin-bottom:22px;font-weight:800;letter-spacing:.015em}.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}.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)}.qrow{cursor:default;gap:14px;padding:8px 10px;margin:0 -10px;border-radius:12px}.qrow[data-act]{cursor:pointer}.qrow+.qrow{margin-top:2px}.qrow.playing{background:#ffffff14}.qrow .rc{width:48px;flex:none}.qrow .rc .cover{border-radius:8px}.qrow .rt{min-width:0;flex:1}.qrow .icon-btn{width:32px;height:32px;margin-right:-4px;flex:none}.queue h3{font-size:16px;margin:22px 0 10px}.queue h3:first-child{margin-top:4px}@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:76px;height:76px}.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, var(--accent)) 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, var(--accent))}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: #c6bcf4}}.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}.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){.view,.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: 72px}.app{display:block;padding:0;position:relative}.side,.bar,.rpanel{display:none}.main{position:absolute;inset:0;border-radius:0;background:var(--bg)}.view{padding-top:env(safe-area-inset-top);padding-bottom:calc(var(--tabbar) + var(--mini) + 4px)}.view.layer{background:var(--bg)}.page{padding:16px 16px 8px}.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;pointer-events:none}.topbar .icon-btn{pointer-events:auto;background:#00000080;color:var(--text)}.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,.mini-in{background:var(--glass);-webkit-backdrop-filter:blur(26px) saturate(1.8);backdrop-filter:blur(26px) saturate(1.8);border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 34px #00000080,inset 0 1px #ffffff29}.tabbar{position:fixed;left:14px;right:14px;bottom:var(--bar-gap);z-index:30;display:flex;gap:4px;height:var(--bar-h);padding:5px;border-radius:999px}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:600;color:#ffffff9e;border-radius:999px;transition:background .18s,color .18s}.tabbar a:active{background:#ffffff14}.tabbar a.on{color:var(--accent);background:#ffffff21;box-shadow:inset 0 1px #ffffff1f}.mini{position:fixed;left:14px;right:14px;bottom:calc(var(--tabbar) + 8px);z-index:30}.has-track .mini{display:block}.mini-in{position:relative;display:flex;align-items:center;gap:12px;height:62px;padding:0 8px 0 10px;border-radius:999px;overflow:hidden;cursor:pointer}.mini-in .cover{width:44px;flex:none;border-radius:50%}.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:0;top:0;bottom:0;width:0;max-width:100%;background:#ffffff21;transition:width .3s linear;pointer-events:none}.mini-in>:not(.mini-p){position:relative;z-index:1}.vp-fit .app{height:var(--app-h)}.vp-fit .np{inset:0 0 auto;height:var(--app-h)}.vp-fit .tabbar{bottom:auto;top:calc(var(--app-h) - var(--tabbar))}.vp-fit .mini{bottom:auto;top:calc(var(--app-h) - var(--tabbar) - 8px - 62px)}.vp-short{--bar-gap: 10px}.vp-short .np-in{padding-bottom:10px}.np{--pad: 24px;position:fixed;inset:0;z-index:60;background:var(--np-bg, #1a1a1a);overflow:hidden;transform:translateY(100%);transition:transform .32s cubic-bezier(.2,.8,.2,1);visibility:hidden;display:block}.np.open{transform:none;visibility:visible}.np-bg{position:absolute;inset:-70px;background-size:cover;background-position:center;filter:blur(46px) saturate(1.2);transform:scale(1.2)}.np:after{content:"";position:absolute;inset:0;background:#000000bd;pointer-events:none}.np-in{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 max(calc(env(safe-area-inset-bottom) - 8px),10px)}.np-top{display:flex;align-items:center;justify-content:space-between;height:60px;flex:none;padding:0 10px}.np-top .icon-btn{color:var(--text)}.np-from{text-align:center;font-size:11px;display:grid;gap:2px;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;padding:0 var(--pad)}.np-body[data-tab=cover]{justify-content:center;overflow:visible}.np-art{display:grid;place-items:center;padding:8px 0 20px}.np-cover{width:min(100%,50dvh);border-radius:12px;box-shadow:0 18px 50px #00000080}.np-bottom{flex:none;display:flex;flex-direction:column;gap:20px;padding:16px var(--pad) 4px}.np-meta{margin:0;min-width:0}.np-meta>div{min-width:0}.np-title{font-size:24px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-artist{display:block;margin-top:6px;font-size:16px;font-weight:500;color:#ffffffbf}.np-seek{margin:0}.seekblock{display:flex;flex-direction:column;gap:6px}.np input[type=range]{height:28px}.np input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--accent) var(--p, 0%),rgba(255,255,255,.24) var(--p, 0%))}.np input[type=range]::-webkit-slider-thumb{opacity:1;width:14px;height:14px;margin-top:-4px}.seek-t{align-self:flex-end;font-size:12.5px;font-variant-numeric:tabular-nums;color:#ffffffbf}.np .icon-btn{width:56px;height:56px;color:#ffffffe6}.np .mode.on{color:var(--accent)}.np .ctrls{justify-content:space-between;margin:0 -14px}.np-tabs{display:flex;justify-content:space-between;margin:0 -14px}.np .sub,.np .ly-msg{color:#ffffffb8}.np .lyrics{padding-top:12px}.np .queue{padding:2px 0 28px}.np .queue h3{font-size:15px;font-weight:700;color:#fff}.np .qrow.playing{background:#ffffff1a}.np .qrow:hover{background:none}.np .qrow.playing:hover{background:#ffffff1a}.np .qrow .icon-btn{width:36px;height:36px}}@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}}.quick-play{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px 0 24px;margin:0 0 32px;border-radius:999px;background:var(--accent);color:#000;font-weight:700;font-size:16px;line-height:1;transition:transform .1s,background .12s}.qp-label{display:inline-flex;align-items:center;gap:.16em;white-space:nowrap}.qp-label .smile{width:.82em;height:.82em;flex:none;color:#000}.quick-play:hover{background:#e4e0fa}.quick-play:active{transform:scale(.985)}a,button,input,.row,.card{touch-action:manipulation}.lab{font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;padding:10px 12px;color:var(--sub);-webkit-user-select:all;user-select:all}@media(max-width:899px){.greet{line-height:.88;margin-bottom:32px;letter-spacing:-.01em}.greet span{display:block;width:max-content;white-space:nowrap}.quick-play{display:flex;width:100%;height:1.6em;min-height:0;padding:0 30px;margin-bottom:36px;border-radius:999px;font-size:40px;font-weight:700;letter-spacing:-.01em}.qp-label{gap:.2em}.qp-label .smile{width:.86em;height:.86em}}