:root{--side: 292px;--green: #1ed760;--bg: #121212;--muted: #b3b3b3;color-scheme:dark;font-family:Figtree,Segoe UI,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#000;color:#fff;-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid #fff;outline-offset:2px}.app{height:100%;display:grid;grid-template-columns:var(--side) minmax(0,1fr);grid-template-rows:minmax(0,1fr) 72px;gap:8px;padding:8px;background:#000}.app.with-panel{grid-template-columns:var(--side) minmax(0,1fr) minmax(280px,320px)}.left,.main,.now{min-width:0;min-height:0}.left{display:flex;flex-direction:column;gap:8px}.nav-card,.lib-card,.main,.now{background:var(--bg);border-radius:8px;overflow:hidden}.nav-card{padding:8px 12px 12px;flex:none}.lib-card{flex:1;display:flex;flex-direction:column;min-height:0}.main{position:relative}.scroll{height:100%;overflow:auto}.scroll.overlay .topbar{margin-bottom:-64px}.brand{display:flex;align-items:center;gap:10px;padding:8px 12px 14px}.brand-logo{width:48px;height:48px;border-radius:8px;object-fit:cover;display:block}.brand-name{font-weight:800;font-size:18px;letter-spacing:-.04em}.nav-item{width:100%;display:flex;align-items:center;gap:16px;color:var(--muted);font-weight:700;padding:10px 12px;border-radius:6px;text-align:left}.nav-item.active,.nav-item:hover{color:#fff}.lib-head{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 4px 16px}.lib-title{display:flex;align-items:center;gap:12px;color:var(--muted);font-weight:700}.lib-title:hover,.lib-tools button:hover{color:#fff}.lib-tools{display:flex}.lib-tools button,.ctrl,.icon-lg,.heart,.row-heart,.row-more,.row-play{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--muted)}.lib-tools button:hover,.ctrl:hover,.icon-lg:hover,.heart:hover{color:#fff}.lib-chips{display:flex;gap:8px;padding:8px 12px;overflow:auto}.lib-chips::-webkit-scrollbar{display:none}.lib-filter{margin:0 12px 8px;background:#2a2a2a;border:0;border-radius:4px;padding:8px 10px;outline:none}.lib-list{overflow:auto;padding:0 8px 12px;flex:1}.lib-item{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;padding:8px;border-radius:6px;text-align:left}.lib-item:hover,.lib-item.active{background:#232323}.lib-art{width:48px;height:48px;border-radius:4px;overflow:hidden;position:relative}.lib-play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:28px;height:28px;border-radius:50%;background:var(--green);color:#000;display:grid;place-items:center;opacity:0}.lib-item:hover .lib-play,.lib-item.live .lib-play{opacity:1}.lib-meta{min-width:0}.lib-name,.lib-sub span,.ellipsis,.now-title,.now-artist,.card-title,.t-name,.col-album,.col-added{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-name{display:block;font-weight:500}.lib-name.live,.t-name.on,.q-title{color:var(--green)}.lib-sub{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;min-width:0}.lib-name,.recent-title,.card-title,.t-name{min-width:0}.topbar{position:sticky;top:0;z-index:4;height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;pointer-events:none}.topbar>*{pointer-events:auto}.topbar.solid{background:var(--bg)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:8px}.topbar-right{justify-content:flex-end}.nav-arrow{width:32px;height:32px;border-radius:50%;background:#000000a6;color:#fff;display:grid;place-items:center}.nav-arrow:disabled{opacity:.35}.premium{background:#fff;color:#000;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700}.premium:hover,.solid:hover,.big-play:hover,.fab:hover,.mini-play:hover{transform:scale(1.04)}.profile{display:flex;align-items:center;gap:8px;background:#000000b3;border-radius:999px;padding:2px 10px 2px 2px;font-weight:700;font-size:14px}.avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;object-position:center 22%;display:block}.searchbox{width:min(480px,42vw);height:48px;border-radius:999px;background:#242424;display:flex;align-items:center;gap:8px;padding:0 14px;color:#fff;border:1px solid transparent}.searchbox:focus-within{border-color:#fff;background:#2a2a2a}.searchbox input{flex:1;min-width:0;background:transparent;border:0;outline:none;font-size:15px}.searchbox input::placeholder{color:var(--muted)}.home-tint{padding:76px 24px 8px;background:linear-gradient(180deg,#1d3c34,#12121200 340px)}.home-rest,.pad{padding:8px 24px 28px}.greet,.page-title,.head-title{letter-spacing:-.04em;font-weight:800}.greet{font-size:32px;margin:16px 0}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border-radius:999px;background:#ffffff14;padding:6px 12px;font-size:14px;font-weight:700;flex:none}.chip.on{background:#fff;color:#000}.chip:hover:not(.on){background:#ffffff29}.recent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.recent{height:80px;display:grid;grid-template-columns:80px minmax(0,1fr) auto;align-items:center;background:#ffffff12;border-radius:4px;overflow:hidden;text-align:left}.recent:hover{background:#ffffff24}.recent-art{width:80px;height:80px}.recent-title{padding:0 12px;font-weight:700}.mini-play,.lib-play,.fab,.big-play,.play-main{transition:transform .2s ease,opacity .2s ease,background .2s ease}.mini-play{width:40px;height:40px;margin-right:12px;border-radius:50%;background:var(--green);color:#000;display:grid;place-items:center;opacity:0;box-shadow:0 8px 8px #0000004d}.recent:hover .mini-play,.recent.playing .mini-play{opacity:1}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin:8px 0 12px}.section-title{font-size:24px;font-weight:700;letter-spacing:-.04em}button.section-title:hover{text-decoration:underline}.show-all{color:var(--muted);font-weight:700;font-size:14px}.show-all:hover{color:#fff;text-decoration:underline}.row-wrap{position:relative}.card-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 64px)/5);gap:16px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:12px}.card-row::-webkit-scrollbar{display:none}.row-nav{position:absolute;top:78px;z-index:2;width:36px;height:36px;border-radius:50%;background:#000000b3;color:#fff;display:grid;place-items:center;opacity:0}.row-wrap:hover .row-nav{opacity:1}.row-nav.left{left:0}.row-nav.right{right:0}.card{min-width:0;padding:12px;border-radius:8px;text-align:left;scroll-snap-align:start}.card:hover{background:#1f1f1f}.art{position:relative;width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden;box-shadow:0 8px 24px #00000073}.art.circle,.art.circle .cover,.result-art.circle,.result-art.circle .cover,.head-cover.round,.head-cover.round .cover{border-radius:50%}.card-title{margin-top:12px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;min-height:42px}.card-sub{color:var(--muted);font-size:14px;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px;white-space:normal}.fab{position:absolute;right:8px;bottom:8px;width:48px;height:48px;border-radius:50%;background:var(--green);color:#000;display:grid;place-items:center;opacity:0;transform:translateY(6px);box-shadow:0 8px 8px #0000004d}.card:hover .fab,.fab.show,.top-result:hover .fab{opacity:1;transform:none}.fab:hover{background:#3be477}.cover,.liked-art{width:100%;height:100%}.cover{display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(145deg,hsl(var(--h) 72% 48%),hsl(calc(var(--h) + 28) 68% 26%));color:#fff;container-type:size}.cover span{position:relative;z-index:1;font-size:28cqw;font-weight:800;letter-spacing:-.04em}.cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,rgba(255,255,255,.28),transparent 42%)}.pat-1:before,.pat-2:before,.pat-3:before,.pat-0:before{content:"";position:absolute}.pat-1:before{width:78%;height:78%;border-radius:50%;right:-18%;top:-22%;background:hsl(calc(var(--h) + 16) 90% 62% / .5)}.pat-2:before{left:-12%;top:28%;width:140%;height:14%;background:#ffffff47;transform:rotate(-16deg);box-shadow:0 26px #00000029}.pat-3:before{top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;border:8px solid rgba(255,255,255,.28)}.pat-0:before{width:90%;height:90%;left:-24%;bottom:-36%;background:#00000029;transform:rotate(16deg)}.liked-art{display:grid;place-items:center;background:linear-gradient(135deg,#450af5,#8e8ee5 55%,#e7f8f0);color:#fff}.liked-art svg{width:42%;height:42%}.page{padding:80px 24px 48px}.page-title{font-size:32px;margin:0 0 20px}.block-title{font-size:24px;margin:0 0 16px}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.cat{position:relative;height:180px;border-radius:8px;overflow:hidden;padding:16px;text-align:left;font-size:22px;font-weight:800;color:#fff}.cat:hover{filter:brightness(1.08)}.tilt{position:absolute;width:100px;height:100px;right:-16px;bottom:-8px;transform:rotate(25deg);box-shadow:-4px 4px 16px #00000059}.search-body{padding:8px 24px 48px}.search-top{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.15fr);gap:24px;margin-bottom:28px}.top-result{position:relative;min-height:280px;background:#181818;border-radius:8px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;text-align:left}.top-result:hover{background:#282828}.top-result h3{margin:0;font-size:32px;letter-spacing:-.04em}.result-art{width:92px;height:92px;border-radius:4px;overflow:hidden;margin-bottom:auto;box-shadow:0 8px 24px #00000073}.badge{width:fit-content;background:#000;border-radius:999px;padding:4px 12px;font-size:14px;font-weight:700}.song-line,.q-item{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px;border-radius:4px;text-align:left}.song-line:hover,.q-item:hover,.track:hover{background:#ffffff14}.muted,.t-artist,.col-album,.col-added,.empty-inline,.head-desc,.about p,.no-results p{color:var(--muted)}.t-artist{display:block;text-align:left;font-size:14px;background:none}.t-artist:hover,.now-artist:hover,.now-title:hover,.owner:hover{color:#fff;text-decoration:underline}.detail{min-height:100%;background:linear-gradient(180deg,hsl(var(--h) 42% 32%) 0%,var(--bg) 420px)}.detail-head{display:flex;gap:24px;align-items:flex-end;padding:88px 24px 16px}.head-cover{width:232px;height:232px;flex:none;border-radius:4px;overflow:hidden;box-shadow:0 4px 60px #00000080}.head-kicker{font-size:14px;font-weight:700}.head-title{font-size:clamp(32px,5vw,72px);line-height:1.05;margin:8px 0}.head-desc{margin:0 0 8px;max-width:680px}.head-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:14px}.owner{font-weight:700}.owner-av{width:24px;height:24px;border-radius:50%;background:#535353;display:inline-grid;place-items:center;font-size:9px;font-weight:700;margin-right:4px}.dot:before{content:"•";margin:0 6px}.detail-actions{display:flex;align-items:center;gap:16px;padding:12px 24px 8px}.big-play{width:56px;height:56px;border-radius:50%;background:var(--green);color:#000;display:grid;place-items:center}.big-play:hover{background:#3be477}.icon-lg.on,.ctrl.on,.heart.on,.row-heart.on{color:var(--green)}.follow{border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:7px 16px;font-weight:700;font-size:14px}.follow:hover,.follow.on{border-color:#fff}.more-wrap{position:relative}.tracks{padding:8px 16px 48px}.track{display:grid;grid-template-columns:28px minmax(0,4fr) minmax(0,3fr) minmax(110px,2fr) 120px;gap:16px;align-items:center;padding:8px;border-radius:4px}.track.head{position:sticky;top:64px;height:36px;color:var(--muted);font-size:12px;border-bottom:1px solid rgba(255,255,255,.1);border-radius:0;background:var(--bg);z-index:2}.track.selected{background:#ffffff1f}.title-cell,.title-copy{min-width:0}.title-cell{display:flex;align-items:center;gap:12px}.row-art{width:40px;height:40px;border-radius:4px;overflow:hidden;flex:none}.t-name{font-size:16px;display:flex;align-items:center;gap:8px}.e{border:1px solid var(--muted);color:var(--muted);font-size:9px;font-style:normal;width:16px;height:16px;display:inline-grid;place-items:center;border-radius:2px;flex:none}.idx{position:relative;width:16px;height:16px;display:grid;place-items:center;color:var(--muted);font-size:16px}.row-play{display:none;position:absolute;color:#fff}.track:hover .num,.track:hover .eq{visibility:hidden}.track:hover .row-play{display:grid}.dur-cell{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:var(--muted);font-size:14px}.row-heart,.row-more{opacity:0}.track:hover .row-heart,.track:hover .row-more,.row-heart.on{opacity:1}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.eq i{width:3px;height:4px;background:var(--green);display:block;animation:bounce .9s ease-in-out infinite alternate}.eq i:nth-child(2){animation-delay:.2s}.eq i:nth-child(3){animation-delay:.35s}@keyframes bounce{to{height:14px}}.player{display:grid;grid-template-columns:minmax(180px,1fr) minmax(280px,1.3fr) minmax(180px,1fr);align-items:center;gap:16px;min-width:0}.now-mini{display:flex;align-items:center;gap:12px;min-width:0}.mini-cover{width:56px;height:56px;border-radius:4px;overflow:hidden;flex:none}.mini-cover.empty{background:#282828}.now-meta{min-width:0}.now-title,.now-artist{display:block;width:100%;text-align:left;background:none}.now-title{font-size:14px;font-weight:600}.now-artist{font-size:12px;color:var(--muted)}.now-title.big{font-size:24px;font-weight:700;margin-top:12px}.transport{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.controls{display:flex;align-items:center;gap:8px}.play-main{width:32px;height:32px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center}.play-main:hover{transform:scale(1.06)}.timeline{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:8px;align-items:center;color:var(--muted);font-size:11px}.timeline span{text-align:center;font-variant-numeric:tabular-nums}.player-side{display:flex;align-items:center;justify-content:flex-end;gap:4px}.vol-wrap{width:136px;display:flex;align-items:center;gap:4px}.vol-wrap .bar{flex:1}.bar{position:relative;height:12px;width:100%;touch-action:none}.bar-rail{position:absolute;left:0;right:0;top:4px;height:4px;border-radius:999px;background:#4d4d4d;overflow:hidden}.bar-fill{height:100%;background:#fff;border-radius:inherit}.bar-thumb{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);opacity:0}.bar:hover .bar-fill,.bar.dragging .bar-fill{background:var(--green)}.bar:hover .bar-thumb,.bar.dragging .bar-thumb{opacity:1}.device-wrap{position:relative}.popover{position:absolute;right:0;bottom:42px;width:240px;background:#282828;border-radius:8px;padding:12px;box-shadow:0 12px 32px #00000080}.device-row{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--green)}.now{display:flex;flex-direction:column}.now-head{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.now-body{overflow:auto;padding:0 16px 24px}.now-cover-lg{width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #00000073;margin-bottom:8px}.q-label{font-size:14px;font-weight:700;margin:16px 0 8px}.q-item{grid-template-columns:40px minmax(0,1fr)}.q-title{display:block;font-weight:600}.about{margin-top:20px;background:#242424;border-radius:8px;padding:16px}.about h3{margin:0 0 8px}.about p{line-height:1.5;margin:0 0 12px}.menu{position:fixed;z-index:40;min-width:220px;background:#282828;border-radius:4px;padding:4px;box-shadow:0 16px 40px #0000008c}.menu.inline{position:absolute;top:40px;left:0}.menu button{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:2px;font-size:14px}.menu button:hover{background:#ffffff1a}.menu .sub{color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:10px 12px 4px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;z-index:60;display:grid;place-items:center;padding:24px}.modal{width:min(480px,100%);background:#282828;border-radius:8px;padding:24px}.modal h2{margin:0 0 8px;font-size:24px}.modal p{color:var(--muted);line-height:1.5}.modal input{width:100%;margin-top:16px;background:#3e3e3e;border:1px solid transparent;border-radius:4px;padding:12px;outline:none}.modal input:focus{border-color:#fff}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.solid{background:#fff;color:#000;border-radius:999px;padding:10px 22px;font-weight:700}.solid.slim{padding:6px 14px;font-size:13px}.ghost-btn{color:#fff;font-weight:700;padding:8px 12px}.toast{position:fixed;bottom:96px;left:50%;transform:translate(-50%);background:#fff;color:#000;border-radius:8px;padding:12px 18px;font-weight:700;z-index:70;box-shadow:0 8px 24px #0006}.empty-inline,.missing,.no-results,.empty-block{padding:16px 8px}.pad-inline{padding:12px}.missing,.no-results,.empty-block{padding:32px 8px 48px}.missing h2,.no-results h2,.empty-block h2{color:#fff;margin:0 0 8px}.category{min-height:100%;padding:88px 24px 48px}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(0,0,0,.25);border-top-color:#000;animation:spin .7s linear infinite;display:block}@keyframes spin{to{transform:rotate(360deg)}}.ico-play{margin-left:2px}.scroll,.lib-list,.now-body{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}@media(max-width:1100px){.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-row{grid-auto-columns:calc((100% - 32px) / 3)}.col-added{display:none}.track,.track.head{grid-template-columns:28px minmax(0,1.4fr) minmax(0,1fr) 112px}.head-cover{width:168px;height:168px}.search-top{grid-template-columns:1fr}}@media(max-width:860px){:root{--side: 80px}.app,.app.with-panel{grid-template-columns:var(--side) minmax(0,1fr);grid-template-rows:minmax(0,1fr) 108px}.now,.nav-label,.brand-name,.lib-meta,.lib-head-text,.lib-chips,.lib-filter,.premium,.hide-narrow,.player-side,.now-mini,.col-album{display:none}.brand{padding:4px 0 8px;justify-content:center}.brand-logo{width:40px;height:40px}.lib-item{grid-template-columns:48px}.player{grid-template-columns:minmax(0,1fr);align-content:center}.transport{width:100%}.track,.track.head{grid-template-columns:28px minmax(0,1fr) 88px}}@media(prefers-reduced-motion:reduce){.eq i,.spinner,.fab,.big-play,.mini-play{animation:none;transition:none}}