:root{--accent:#8b6cff;--bg:#0b0b10;--panel:#14141b;--panel2:#1c1c26;--hover:#232331;--line:#ffffff14;--text:#f3f3f7;--muted:#9a9aaa;--danger:#ff5d6c;--side-w:248px;--player-h:88px;--row-h:56px;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#f4f4f8;--panel:#fff;--panel2:#ececf3;--hover:#e4e4ee;--line:#00000016;--text:#14141b;--muted:#636375;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=amoled]{--bg:#000;--panel:#000;--panel2:#101014;--hover:#1a1a20}[data-density=compact]{--row-h:44px}[data-motion=reduce] *{scroll-behavior:auto!important;transition:none!important;animation:none!important}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.4 Inter,Segoe UI,system-ui,-apple-system,Roboto,sans-serif;overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{opacity:.5;cursor:default}h1{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(28px,4.5vw,52px);font-weight:800;line-height:1.1}h2{letter-spacing:-.01em;margin:24px 0 12px;font-size:22px;font-weight:700}h3{margin:18px 0 6px;font-size:15px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.muted{color:var(--muted);font-size:14px}.strong{font-weight:600}.strong:hover{text-decoration:underline}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:12px;font-weight:700}.desk-only{display:contents}input,select,textarea{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:10px;min-width:0;padding:10px 12px}input:focus,select:focus{border-color:var(--accent);outline:none}input[type=number]{width:90px}.shell{grid-template-columns:var(--side-w) 1fr;grid-template-rows:1fr var(--player-h);gap:8px;height:100%;padding:8px;display:grid}.side{background:var(--panel);border-radius:var(--radius);flex-direction:column;grid-row:1;gap:4px;padding:16px 12px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;padding:4px 12px 18px;font-size:20px;font-weight:800;display:flex}.navlink{color:var(--muted);text-align:left;border-radius:10px;align-items:center;gap:16px;padding:12px;font-weight:600;transition:color .15s,background .15s;display:flex}.navlink:hover{color:var(--text)}.navlink.on{color:var(--text);background:var(--panel2)}.navlink.on svg{color:var(--accent)}.navlink.install{margin-top:auto}.main{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 22%, var(--panel)) 0, var(--panel) 340px);border-radius:var(--radius);scroll-behavior:smooth;grid-area:1/2;position:relative;overflow-y:auto}.page{max-width:1500px;padding:24px 28px 40px}.banner{z-index:3;background:var(--accent);color:#fff;text-align:center;padding:6px;font-size:13px;font-weight:600;position:sticky;top:0}.loading{place-items:center;height:60vh;display:grid}.loading .eq{align-items:flex-end;gap:4px;height:32px;display:flex}.loading .eq i{background:var(--accent);border-radius:3px;width:6px;animation:1s ease-in-out infinite bar}.loading .eq i:nth-child(2){animation-delay:.15s}.loading .eq i:nth-child(3){animation-delay:.3s}.loading .eq i:nth-child(4){animation-delay:.45s}@keyframes bar{0%,to{height:8px}50%{height:32px}}.greet{margin-bottom:20px}.quick{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:8px;display:grid}.quick-item{background:#ffffff14;border-radius:8px;align-items:center;gap:12px;padding-right:12px;font-weight:700;transition:background .2s;display:flex;overflow:hidden}.quick-item:hover{background:#ffffff26}.quick-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shelf-head{justify-content:space-between;align-items:baseline;display:flex}.shelf-row{scrollbar-width:thin;grid-auto-columns:minmax(158px,190px);grid-auto-flow:column;gap:16px;padding-bottom:8px;display:grid;overflow-x:auto}.grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px;display:grid}.card{text-align:left;background:0 0;border-radius:10px;min-width:0;padding:12px;transition:background .2s;display:block}.card:hover{background:#ffffff10}.card-cover{aspect-ratio:1;width:100%;margin-bottom:10px;box-shadow:0 8px 24px #0006;height:auto!important}.card-title{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.card-sub{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.card.artist{text-align:center}.artist-bubble{aspect-ratio:1;background:var(--panel2);color:var(--accent);border-radius:50%;place-items:center;margin-bottom:10px;font-size:48px;font-weight:800;display:grid}.card .add{aspect-ratio:1;background:var(--panel2);color:var(--accent);border-radius:8px;place-items:center;margin-bottom:10px;display:grid}.mix-art{aspect-ratio:1;background:linear-gradient(145deg, hsl(var(--h) 70% 52%), hsl(calc(var(--h) + 50) 70% 28%));color:#fff;text-align:left;border-radius:10px;flex-direction:column;justify-content:space-between;margin-bottom:10px;padding:14px;font-size:20px;font-weight:800;line-height:1.1;display:flex;box-shadow:0 8px 24px #0006}.cover{object-fit:cover;background:var(--panel2);border-radius:6px;flex-shrink:0;display:block}.cover.ph{color:var(--muted);place-items:center;display:grid}.card .cover.ph,.head .cover.ph{background:linear-gradient(145deg, var(--panel2), var(--hover))}.head{flex-wrap:wrap;align-items:flex-end;gap:24px;margin-bottom:20px;display:flex}.head-cover{border-radius:10px;box-shadow:0 16px 48px #0008}.artist-head .head-cover{border-radius:50%}.head-text h1{margin:6px 0 10px}.hero-actions{align-items:center;gap:16px;margin:20px 0;display:flex}.play-big{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:52px;height:52px;transition:transform .12s,filter .15s;display:grid}.play-big:hover{filter:brightness(1.1);transform:scale(1.06)}.play-big:active{transform:scale(.97)}.pill{background:#ffffff18;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-weight:600;display:inline-flex}.pill:hover{background:#ffffff2a}.row,.row-wrap{position:relative}.row{min-height:var(--row-h);border-radius:8px;grid-template-columns:40px minmax(0,6fr) minmax(0,4fr) 36px 52px 40px;align-items:center;gap:8px;padding:4px 8px;display:grid}.row:hover{background:#ffffff12}.row.active .row-title{color:var(--accent)}.row-idx{color:var(--muted);cursor:pointer;place-items:center;height:32px;display:grid}.row-idx .hover-play{color:var(--text);display:none}.row:hover .row-idx .n,.row:hover .row-idx svg:not(.hover-play){display:none}.row:hover .hover-play{display:block}.row-main{align-items:center;gap:12px;min-width:0;display:flex}.row-text{flex:1;min-width:0}.row-title,.row-sub,.row-album,.p-title,.p-artist{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.row-title{font-weight:600}.row-sub,.row-album,.p-artist{color:var(--muted);font-size:13px}.row-sub:hover,.row-album:hover,.p-artist:hover{color:var(--text);text-decoration:underline}.row-dur{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.row-wrap .rm{opacity:0;position:absolute;top:50%;right:-4px;transform:translateY(-50%)}.row-wrap:hover .rm{opacity:1}.menu-wrap{position:relative}.menu{z-index:40;background:var(--panel2);border:1px solid var(--line);border-radius:10px;min-width:220px;padding:6px;position:absolute;top:100%;right:0;box-shadow:0 12px 40px #000a}.menu button{text-align:left;border-radius:6px;align-items:center;gap:8px;width:100%;padding:10px 12px;display:flex}.menu button:hover{background:var(--hover)}.icon-btn{width:36px;height:36px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;transition:color .15s,transform .1s;display:inline-grid;position:relative}.icon-btn:hover{color:var(--text)}.icon-btn:active{transform:scale(.92)}.icon-btn.on,.like.on{color:var(--accent)}.row .like:not(.on){opacity:0}.row:hover .like{opacity:1}.badge{color:var(--accent);font-size:9px;position:absolute;bottom:2px;right:2px}.quick-code{background:var(--panel2);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.quick-code b{letter-spacing:.12em;font-variant-numeric:tabular-nums;color:var(--accent);font-size:40px}.checks{flex-direction:column;gap:4px;margin:4px 0 8px;padding:0;font-size:14px;list-style:none;display:flex}.checks li:before{content:"●";margin-right:8px}.checks .ok:before{color:#1ed760}.checks .bad:before{color:#ffb020}.bell-ico{display:inline-flex;position:relative}.dot{background:var(--accent);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;display:grid;position:absolute;top:-6px;right:-10px}.disc-row.notif{cursor:pointer}.disc-row.unread{background:color-mix(in srgb, var(--accent) 14%, transparent)}.artist-hero{background-position:50% 20%;background-size:cover;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:24px;padding:32px 0 8px;display:flex}.bio{color:#fffc;-webkit-line-clamp:5;white-space:pre-line;-webkit-box-orient:vertical;max-width:760px;line-height:1.6;display:-webkit-box;overflow:hidden}.bio.open{display:block}@media (width<=820px){.artist-hero{text-align:center;flex-direction:column;align-items:center}}.artist-page{padding-top:0}.sp-hero{background:linear-gradient(transparent 35%, var(--panel) 98%), var(--hero,linear-gradient(135deg, color-mix(in srgb, var(--accent) 55%, #000), #111));background-position:50% 25%;background-size:cover;align-items:flex-end;gap:24px;min-height:340px;margin:0 -28px;padding:0 28px 28px;display:flex;position:relative}.sp-hero:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0006,#0000 60%);position:absolute;inset:0}.sp-hero>*{position:relative}.sp-name{letter-spacing:-.04em;text-shadow:0 4px 30px #0008;margin:8px 0 10px;font-size:clamp(48px,9vw,104px);line-height:.95}.sp-verified{align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.sp-verified svg{color:#4cb3ff;background:#fff;border-radius:50%;padding:2px}.sp-stats{text-shadow:0 2px 10px #0008;font-size:15px}.sp-actions{flex-wrap:wrap;align-items:center;gap:14px;margin:20px 0 8px;display:flex}.play-big.lg{width:60px;height:60px}.outline{border:1px solid #fff6;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:40px;height:40px;padding:0 12px;font-weight:700;display:inline-flex}.outline.txt{padding:0 18px}.outline:hover{border-color:#fff;transform:scale(1.03)}.outline.on{border-color:var(--accent);color:var(--accent)}.more-btn{color:var(--muted);margin:8px;font-weight:700}.more-btn:hover{color:var(--text)}.card.ghost .btn{margin-top:8px}.about-card{background:linear-gradient(#000a, #000c), var(--hero,linear-gradient(135deg, var(--panel2), var(--hover)));background-position:50% 25%;background-size:cover;border-radius:14px;min-height:220px;margin-top:28px;overflow:hidden}.about-in{padding:8px 24px 24px}.sp-hero-cover{display:flex}@media (width<=820px){.sp-hero{flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:280px;margin:0 -16px;padding:0 16px 20px}.artist-page .sp-actions{justify-content:flex-start}}.disc-row.failed .row-title{color:var(--danger)}.dl-reason{color:var(--muted);margin-top:2px;font-size:13px}.disc-row .row-actions{gap:8px}.dot.new{color:#000;background:#ffb020;min-width:16px;height:16px;font-size:10px}.news{flex-direction:column;gap:18px;max-width:760px;display:flex}.news-item{background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:4px 22px 16px}.news-date{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-top:16px;font-size:13px;font-weight:700}.news-item h2{margin-top:6px}.news-item ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.news-item li{gap:10px;line-height:1.45;display:flex}.news-item li svg{color:var(--accent);flex-shrink:0;margin-top:3px}.follow-btn{border:1px solid #fff6;border-radius:999px;height:34px;padding:0 18px;font-size:14px;font-weight:700;transition:transform .1s,border-color .15s}.follow-btn:hover{border-color:#fff;transform:scale(1.04)}.follow-btn.on{border-color:var(--accent);color:var(--accent)}.follow-btn.compact{height:28px;margin-top:8px;padding:0 14px;font-size:13px}.card.artist{flex-direction:column;align-items:center;display:flex}.card.artist .card-cover{border-radius:50%}.beta{color:#ffb020;text-transform:uppercase;background:#ffb02033;border-radius:6px;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:800}.card.ghost{opacity:.7}.banner.update{color:#1a1200;background:#ffb020}.banner .chip{color:inherit;background:#00000026;margin-left:10px}.disc-list{flex-direction:column;gap:4px;display:flex}.disc-row{border-radius:10px;align-items:center;gap:14px;padding:8px;display:flex}.disc-row:hover{background:#ffffff10}.disc-art{object-fit:cover;flex-shrink:0;width:56px;height:56px}.btn.sm{padding:6px 14px;font-size:14px}.bar{background:#ffffff25;border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.bar i{background:var(--accent);height:100%;transition:width .4s;display:block}.disc-row.dl .row-text{flex:1}.row-title,.p-title{align-items:center;gap:8px;display:flex}.ellip{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.qbadge{letter-spacing:.04em;text-transform:uppercase;border:1px solid;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:1px 6px;font-size:10px;font-weight:800;line-height:1.5;display:inline-flex}.qbadge em{letter-spacing:0;text-transform:none;opacity:.85;font-style:normal;font-weight:600}.qbadge.hires{color:#ffd23f;background:#ffd23f1c}.qbadge.lossless{color:#22d3ee;background:#22d3ee1a}.qbadge.lossy{color:var(--muted)}.np-quality{margin-top:14px}@media (width<=820px){.row .qbadge,.p-title .qbadge{display:none}}.row.missing{opacity:.55;cursor:default}.row.missing:hover{background:0 0}.row.missing .row-title{font-style:italic}.row-actions{display:flex}.status{white-space:nowrap;background:#ffffff18;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.status.pending,.status.requested{color:var(--accent)}.status.notfound,.status.failed{color:var(--danger)}.pill-info{border-radius:10px;margin:8px 0;padding:8px 14px;font-size:14px}.pill-info.ok{background:#1ed7602e}.pill-info.warn{background:#ffb0202e}.wanted-head{justify-content:space-between;align-items:center;display:flex}.wanted-list{flex-direction:column;gap:2px;max-height:280px;display:flex;overflow-y:auto}.wanted-item{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:6px 4px;font-size:14px;display:flex}.wanted-item>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-wrap .rm.on{opacity:1}.tabs,.chips{flex-wrap:wrap;gap:8px;margin:8px 0 16px;display:flex}.tab,.chip{background:#ffffff14;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600}.tab:hover,.chip:hover{background:#ffffff26}.tab.on,.chip.on{background:var(--text);color:var(--bg)}.btn{background:var(--panel2);border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:600;display:inline-flex}.btn:hover{background:var(--hover)}.btn.primary{background:var(--accent);color:#fff;border-color:#0000}.btn.primary:hover{filter:brightness(1.1)}.btn.danger{color:var(--danger)}.searchbar{background:#ffffff1c;border-radius:999px;align-items:center;gap:10px;max-width:520px;margin-bottom:20px;padding:4px 18px;display:flex}.searchbar input{background:0 0;border:0;flex:1;padding:10px 0;font-size:16px}.player{background:var(--panel);border-radius:var(--radius);grid-area:2/1/auto/-1;grid-template-columns:minmax(180px,1fr) minmax(300px,2fr) minmax(180px,1fr);align-items:center;gap:16px;padding:0 12px;display:grid;position:relative}.p-left{align-items:center;gap:12px;min-width:0;display:flex}.p-text{flex:1;min-width:0}.p-title{font-weight:600}.p-center{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.p-right{justify-content:flex-end;align-items:center;gap:4px;display:flex}.controls{align-items:center;gap:12px;display:flex}.controls .play-big{background:var(--text);width:38px;height:38px;color:var(--bg)}.controls.big{justify-content:center;gap:22px;margin:12px 0}.controls.big .play-big{width:68px;height:68px}.seek{width:100%;max-width:620px;color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:12px;display:flex}.seek span{text-align:center;width:40px}.vol{align-items:center;gap:4px;width:130px;display:flex}.mini-play,.mini-prog{display:none}input[type=range]{appearance:none;cursor:pointer;--pct:0%;background:0 0;border:0;flex:1;height:20px;padding:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--text) var(--pct), #ffffff30 var(--pct));border-radius:2px;height:4px}input[type=range]::-moz-range-track{background:#ffffff30;border-radius:2px;height:4px}input[type=range]::-moz-range-progress{background:var(--text);border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);border-radius:50%;width:0;height:0;margin-top:-4px}input[type=range]::-moz-range-thumb{border:0;width:0;height:0}input[type=range]:hover::-webkit-slider-thumb{width:12px;height:12px}input[type=range]:focus-visible::-webkit-slider-thumb{width:12px;height:12px}input[type=range]:hover::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--pct), #ffffff30 var(--pct))}.panel{top:8px;right:8px;bottom:calc(var(--player-h) + 16px);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);z-index:70;flex-direction:column;width:360px;max-width:calc(100vw - 16px);display:flex;position:fixed;box-shadow:0 20px 60px #000a}.panel-head{align-items:center;gap:8px;padding:12px 16px 4px;display:flex}.panel-head h2{flex:1;margin:8px 0}.panel-body{flex:1;padding:8px;overflow-y:auto}.panel-body.pad{padding:8px 16px}.q-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:6px 8px;display:flex}.q-item:hover{background:#ffffff12}.q-item.active .row-title{color:var(--accent)}.q-item.past{opacity:.5}.sec{background:var(--panel2);border-radius:var(--radius);border:1px solid var(--line);margin-bottom:28px;padding:4px 20px 12px}.sec h2{margin-top:18px}.setting{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.setting:first-child{border-top:0}.setting.col{flex-direction:column;align-items:stretch}.setting .ctl{align-items:center;gap:10px;display:flex}.setting .ctl input[type=range]{flex:none;width:160px}.val{color:var(--muted);text-align:right;min-width:44px}.switch{background:#ffffff30;border-radius:13px;flex-shrink:0;width:46px;height:26px;transition:background .2s;position:relative}.switch i{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch.on{background:var(--accent)}.switch.on i{transform:translate(20px)}.seg{background:var(--bg);border-radius:999px;padding:3px;display:inline-flex}.seg button{color:var(--muted);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600}.seg button.on{background:var(--accent);color:#fff}.swatches{gap:8px;display:flex}.swatches button{color:#fff;border:2px solid #0000;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.swatches button.on{border-color:var(--text)}.eq-bands{justify-content:space-between;gap:4px;height:170px;margin:8px 0;display:flex}.band{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:8px;font-size:11px;display:flex}.band input[type=range]{writing-mode:vertical-lr;--pct:100%;direction:rtl;flex:none;width:20px;height:140px}.band input[type=range]::-webkit-slider-thumb{background:var(--accent);width:14px;height:14px;margin-top:0;margin-left:-5px}.band input[type=range]::-webkit-slider-runnable-track{background:#ffffff30;width:4px;height:100%}.login{background:radial-gradient(900px 500px at 50% -10%, color-mix(in srgb, var(--accent) 35%, transparent), transparent), var(--bg);place-items:center;height:100%;padding:16px;display:grid}.login-card{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:20px;flex-direction:column;align-items:stretch;gap:12px;width:min(380px,100%);padding:32px;display:flex}.login-card img{align-self:center}.login-card h1{margin:4px 0;font-size:28px}.err{color:var(--danger);font-size:14px}.toast{left:50%;bottom:calc(var(--player-h) + 24px);background:var(--text);color:var(--bg);z-index:80;border-radius:999px;padding:10px 18px;font-weight:600;animation:.2s pop;position:fixed;transform:translate(-50%)}@keyframes pop{0%{opacity:0;transform:translate(-50%,8px)}}.np{z-index:60;padding:max(16px, env(safe-area-inset-top)) 24px max(20px, env(safe-area-inset-bottom));background:linear-gradient(180deg, color-mix(in srgb, var(--np,var(--accent)) 55%, #000), #07070a 85%);flex-direction:column;align-items:center;animation:.25s ease-out up;display:flex;position:fixed;inset:0;overflow:hidden}.np-bg{filter:blur(70px)saturate(1.4);opacity:.35;z-index:-1;background-position:50%;background-size:cover;position:absolute;inset:-60px}.np-top{position:relative}.np-top .np-tabs{gap:6px;display:flex}.np-tabs button{background:#ffffff18;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600}.np-tabs button.on{color:#000;background:#fff}.np-body{flex:1;grid-template-columns:minmax(320px,520px) 1fr;align-items:center;gap:56px;width:100%;max-width:1280px;min-height:0;margin-top:12px;display:grid}.np-left{flex-direction:column;align-items:center;min-width:0;display:flex}.np-right{scrollbar-width:none;height:100%;min-height:0;padding:12vh 0;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.np-right::-webkit-scrollbar{display:none}.np-meta{min-width:0}.np-album{color:var(--muted);font-size:13px}.np-vol{margin-left:auto}.np-vol .vol{width:140px}.lyrics{flex-direction:column;gap:14px;display:flex}.lrc{color:#fff5;cursor:pointer;transform-origin:0;margin:0;font-size:clamp(22px,2.6vw,38px);font-weight:800;line-height:1.25;transition:color .25s,transform .25s}.lrc:hover{color:#fffa}.lrc.active{color:#fff;transform:scale(1.03)}.lyrics.plain .lrc{color:#fffc;cursor:default;font-size:20px;font-weight:600}.np-empty{color:#fff8;text-align:center;padding:40px 0;font-size:18px}.np-queue h3{margin:0 0 8px}@media (width<=820px){.np-body{grid-template-columns:1fr;gap:0}.np-right{padding:4vh 0;display:none}.np.tab-lyrics .np-left,.np.tab-queue .np-left{display:none}.np.tab-lyrics .np-right,.np.tab-queue .np-right{display:block}.np-vol,.np-top .eyebrow{display:none}}@keyframes up{0%{transform:translateY(100%)}}.np-top{justify-content:space-between;align-items:center;width:100%;max-width:480px;display:flex}.np-cover{border-radius:12px;max-width:480px;max-height:480px;margin:16px 0 24px;box-shadow:0 24px 64px #000a}.np-info{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:480px;display:flex}.np-title{font-size:24px;font-weight:800}.np-artist{color:var(--muted)}.np-seek{max-width:480px;margin-top:16px}.np-bottom{justify-content:space-around;width:100%;max-width:480px;margin-top:auto;padding-top:12px;display:flex}@media (width<=1100px){.row{grid-template-columns:40px minmax(0,1fr) 36px 52px 40px}.row-album{display:none}}@media (width<=820px){:root{--player-h:64px}.shell{grid-template-rows:1fr auto;grid-template-columns:1fr;gap:0;height:100%;padding:0}.main{padding-bottom:calc(var(--player-h) + 64px + env(safe-area-inset-bottom));border-radius:0;grid-column:1}.side{z-index:20;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:0;flex-direction:row;justify-content:space-around;position:fixed;bottom:0;left:0;right:0}.brand,.navlink.install{display:none}.navlink{flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;padding:6px 2px;font-size:10px;background:0 0!important}.navlink span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.player{z-index:19;left:8px;right:8px;bottom:calc(60px + env(safe-area-inset-bottom));height:var(--player-h);background:color-mix(in srgb, var(--accent) 30%, var(--panel2));grid-template-columns:1fr auto;padding:0 8px;position:fixed}.p-center,.p-right,.desk-only{display:none}.p-left .cover{width:46px!important;height:46px!important}.mini-play{place-items:center;width:44px;height:44px;display:grid}.mini-prog{background:#ffffff30;border-radius:1px;height:2px;display:block;position:absolute;bottom:3px;left:12px;right:12px}.mini-prog i{background:var(--text);border-radius:1px;height:100%;display:block}.page{padding:16px 16px 24px}.row{grid-template-columns:28px minmax(0,1fr) 36px 40px}.row-dur{display:none}.row .like:not(.on){opacity:1}.head{text-align:center;flex-direction:column;align-items:center}.head-cover{width:200px!important;height:200px!important}.panel{z-index:70;width:auto;max-width:none;padding-top:env(safe-area-inset-top);border-radius:0;inset:0}.toast{bottom:calc(var(--player-h) + 80px)}.shelf-row{grid-auto-columns:140px}.grid{grid-template-columns:repeat(2,1fr);gap:8px}.eq-bands{height:150px}}.aibadge{color:#ff5d8f;background:#ff5d8f26;border:1px solid #ff5d8f66;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:800;line-height:1.5}.settings-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:28px;display:grid}.settings-nav{flex-direction:column;gap:4px;display:flex;position:sticky;top:12px}.settings-nav button{text-align:left;color:var(--muted);border-radius:10px;padding:10px 14px;font-weight:600}.settings-nav button:hover{color:var(--text);background:#ffffff0d}.settings-nav button.on{color:var(--text);background:var(--panel2);box-shadow:inset 3px 0 0 var(--accent)}.settings-pane{min-width:0}@media (width<=820px){.settings-layout{grid-template-columns:1fr;gap:12px}.settings-nav{scrollbar-width:none;flex-direction:row;gap:6px;padding-bottom:4px;position:static;overflow-x:auto}.settings-nav button{white-space:nowrap;box-shadow:none;background:#ffffff14;border-radius:999px;padding:8px 14px}.settings-nav button.on{background:var(--text);color:var(--bg);box-shadow:none}}.linklike{color:var(--muted);align-self:center;padding:6px;font-size:14px;text-decoration:underline}.linklike:hover{color:var(--text)}.forgot{flex-direction:column;gap:8px;display:flex}.modal-back{z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.wizard{gap:12px}.wiz-list{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:2px;max-height:360px;padding:4px;display:flex;overflow-y:auto}.wiz-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.wiz-item:hover{background:#ffffff0d}.wiz-item.static{cursor:default}.wiz-item.static:hover{background:0 0}.wiz-item input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.wiz-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.wiz-count{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:14px}.steps{counter-reset:st;flex-direction:column;gap:8px;max-width:760px;margin:0 0 16px;padding:0;list-style:none;display:flex}.steps li{align-items:flex-start;gap:12px;line-height:1.4;display:flex}.steps li svg{color:var(--accent);flex-shrink:0;margin-top:2px}.status.downloading{color:#22d3ee}.status.nosource{color:var(--muted)}.wanted-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.buy{color:var(--muted);font-size:12px;text-decoration:underline}.buy:hover{color:var(--text)}.mosaic{background:var(--panel2);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.mosaic .cover{aspect-ratio:1;object-fit:cover;border-radius:0;width:100%!important;height:100%!important}.file-chip{cursor:pointer}.activity section{margin-bottom:36px}.activity h2{margin:28px 0 12px}.activity h3{color:var(--muted);margin:20px 0 8px;font-size:15px}.stats{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:14px 0;display:grid}.stat{background:#ffffff0f;border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:14px;display:flex}.stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.stat b{overflow-wrap:anywhere;font-size:20px}.stat small{color:var(--muted);font-size:12px}.bar{background:#ffffff1a;border-radius:99px;height:8px;overflow:hidden}.bar i{background:var(--accent);border-radius:99px;height:100%;display:block}.cols2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.toplist,.recent{margin:0;padding:0;list-style:none}.toplist li,.recent li{border-top:1px solid var(--line);align-items:baseline;gap:10px;min-width:0;padding:7px 0;display:flex}.toplist li a,.recent li a,.recent li>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.toplist small,.recent small{color:var(--muted)}.toplist em,.recent em{color:var(--muted);flex:none;font-size:13px;font-style:normal}.toplist .rank{width:18px;color:var(--muted);flex:none}.people{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.person{background:#ffffff0f;border-radius:12px;flex-direction:column;gap:5px;min-width:0;padding:14px;display:flex}.p-head{align-items:center;gap:8px;display:flex}.p-head small{margin-left:auto}.p-line{overflow-wrap:anywhere;font-size:13px}.chip.tiny{padding:1px 8px;font-size:11px}.dot-state{background:#777;border-radius:50%;flex:none;width:10px;height:10px}.dot-state.on{background:#f5b942}.dot-state.live{background:#3ddc84;box-shadow:0 0 0 4px #3ddc8433}.spark{align-items:flex-end;gap:10px;height:110px;display:flex}.spark>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.spark i{background:var(--accent);border-radius:6px 6px 0 0;width:100%;min-height:3px;display:block}.spark small{color:var(--muted);font-size:11px}.banner.keep{background:#ffffff12;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;padding:12px 16px;font-size:14px;display:flex}.recap-banner{background:linear-gradient(120deg, var(--accent), #ff4fa3);color:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin:14px 0;padding:18px 22px;font-size:18px;display:flex}.recap-page{max-width:760px;margin:0 auto}.rslide{color:#fff;border-radius:24px;flex-direction:column;justify-content:center;gap:12px;min-height:70vh;margin:18px 0;padding:36px 28px;display:flex}.rslide small{opacity:.8;text-transform:uppercase;letter-spacing:.08em;font-size:15px}.rslide .big{font-size:clamp(48px,14vw,110px);font-weight:900;line-height:1}.rslide h2{margin:0;font-size:clamp(22px,5vw,34px)}.rslide ol{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;font-size:clamp(18px,4vw,26px);font-weight:700;list-style:none;display:flex}.rslide ol li{align-items:baseline;gap:12px;display:flex}.rslide ol li i{opacity:.7;width:28px;font-style:normal}.rslide ol li em{opacity:.85;margin-left:auto;font-size:.6em;font-style:normal}.rslide a{color:inherit;text-decoration:none}.rs1{background:linear-gradient(135deg,#5b3df5,#b04bff)}.rs2{background:linear-gradient(135deg,#ff4fa3,#ff8a3d)}.rs3{background:linear-gradient(135deg,#0aa86b,#1ed7d0)}.rs4{background:linear-gradient(135deg,#f5b942,#ff5d5d)}.rs5{background:linear-gradient(135deg,#2a3cff,#00b3ff)}.rs6{background:linear-gradient(135deg,#9b2cff,#ff4fa3)}.rmonths{align-items:flex-end;gap:6px;height:120px;margin-top:10px;display:flex}.rmonths div{background:#fffc;border-radius:6px 6px 0 0;flex:1;min-height:4px}.topbar{z-index:15;background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 92%, transparent), transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:12px;padding:14px 24px;display:flex;position:sticky;top:0}.topbar .tsearch{flex:1;max-width:560px;margin-left:auto;position:relative}.topbar .tsearch>div.field{background:#ffffff1f;border-radius:999px;align-items:center;gap:10px;padding:2px 18px;display:flex}.topbar .tsearch:focus-within>div.field{background:#ffffff2e;box-shadow:0 0 0 2px #ffffff40}.topbar input{color:inherit;background:0 0;border:0;flex:1;min-width:0;padding:11px 0;font-size:15px}.topbar .profile{background:#ffffff1f;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.topbar .profile:hover{background:#fff3}.sugg{background:var(--panel-2,#1c1c22);border:1px solid var(--line);border-radius:16px;max-height:70vh;padding:8px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 40px #0009}.sugg h4{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:8px 10px 4px;font-size:12px}.sugg button,.sugg a{text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.sugg button:hover,.sugg a:hover,.sugg .act{background:#ffffff1a}.sugg small{color:var(--muted)}.sugg .reqrow{color:var(--accent);font-weight:600}.req-head{margin-top:40px}@media (width<=800px){.topbar{padding:10px 14px}.topbar .tsearch{max-width:none;margin-left:0}}.connect{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.dev{background:#ffffff0f;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;display:flex}.dev.live{background:color-mix(in srgb, var(--accent) 22%, transparent)}.dev-text{flex-direction:column;flex:1;gap:2px;min-width:140px;display:flex;overflow:hidden}.dev-text small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dev-text input[type=range]{width:100%}.dev-btns{align-items:center;gap:4px;display:flex}.dev-btns.wide{flex-wrap:wrap;flex-basis:100%;gap:8px}.dev-btns.wide input{flex:1;min-width:100px}.remote-bar{z-index:25;left:50%;bottom:calc(var(--player-h) + 20px);background:color-mix(in srgb, var(--accent) 40%, #111);border-radius:999px;align-items:center;gap:6px;max-width:calc(100vw - 24px);padding:8px 12px 8px 16px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 36px #000a}.remote-bar .rb-text{flex-direction:column;min-width:0;max-width:240px;margin-right:6px;display:flex}.remote-bar .rb-text b,.remote-bar .rb-text small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.remote-bar small{opacity:.8;font-size:12px}.eq-dot{background:#3ddc84;border-radius:50%;flex:none;width:10px;height:10px;margin-right:8px;box-shadow:0 0 0 4px #3ddc8444}@media (width<=800px){.remote-bar{bottom:calc(var(--player-h) + 72px + env(safe-area-inset-bottom))}}button.dev{text-align:left;width:100%;color:inherit}button.dev:hover{background:#ffffff1c}.target-label{color:#3ddc84;justify-content:center;align-items:center;gap:6px;margin-bottom:2px;font-size:12px;display:flex}.target-label .eq-dot{width:8px;height:8px;box-shadow:none;margin:0}.artist-bubble.photo{object-fit:cover;width:100%;height:auto;display:block}.howto{margin:8px 0 12px}.howto summary{cursor:pointer;font-weight:600}.howto ol{color:var(--muted);padding-left:20px;line-height:1.6}.setting.col textarea{border:1px solid var(--line);width:100%;color:inherit;background:#ffffff12;border-radius:10px;padding:10px;font-family:monospace;font-size:12px}.modal-back{z-index:90;background:#000a;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:min(440px,100%);padding:12px 18px 20px;box-shadow:0 24px 80px #000c}.share-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.share-row{align-items:center;gap:12px;display:flex}.share-row a{color:inherit;text-underline-offset:3px;text-decoration:underline}