@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/sora-latin-ext-wght-normal-CawQDOvP.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/sora-latin-wght-normal-DdqRvwsR.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f7f7f9;--surface:#fff;--text:#17161c;--muted:#6b6a78;--line:#17161c1f;--fill:#17161c0d;--fill-2:#17161c17;--track:#17161c29;--accent:#7c3aed;--accent-solid:#7c3aed;--accent-press:#6425d4;--err:#d70015;--r-lg:16px;--r-md:12px;--r-sm:10px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--rail:84px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#0f0e13;--surface:#18171e;--text:#f3f2f7;--muted:#9a99a8;--line:#ffffff1a;--fill:#ffffff0f;--fill-2:#ffffff1a;--track:#fff3;--accent:#b49cff;--accent-solid:#8b5cf6;--accent-press:#7440e0;--err:#ff6b6b}}:root[data-theme=dark]{--bg:#0f0e13;--surface:#18171e;--text:#f3f2f7;--muted:#9a99a8;--line:#ffffff1a;--fill:#ffffff0f;--fill-2:#ffffff1a;--track:#fff3;--accent:#b49cff;--accent-solid:#8b5cf6;--accent-press:#7440e0;--err:#ff6b6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:14px/1.45 Inter Variable,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer;border-radius:var(--r-sm);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-width:36px;min-height:36px;transition:background-color .12s ease, color .12s ease, opacity .12s ease, transform .12s var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:0;display:inline-flex}button:active:not(:disabled),.btn:active{transform:scale(.97)}button:disabled{opacity:.3;cursor:default}@media (hover:hover) and (pointer:fine){button:hover:not(:disabled),.btn:hover{background-color:var(--fill-2)}.tracks a:hover,.pb-text a:hover,.np-artist:hover,.detail-artist:hover{text-underline-offset:3px;text-decoration:underline}}:focus-visible{outline:2px solid var(--accent-solid);outline-offset:2px}input,textarea,select{font-size:16px}.m-only{display:none!important}h1,h2,.tile-title,.np-title,.logo{font-family:Sora Variable,Inter Variable,system-ui,sans-serif}h1{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:28px;font-weight:700;line-height:1.12}h1.large{letter-spacing:-.035em;font-size:34px}h2{letter-spacing:-.025em;margin:0;font-size:18px;font-weight:650}h2.section{margin:32px 0 10px}.page-head{margin-bottom:22px}.lede{color:var(--muted);margin:4px 0 0;font-size:15px}.error{color:var(--err)}.small{font-size:12px}.login-page{place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{gap:20px;width:min(100%,380px);display:grid}.login-card label{gap:8px;display:grid}.login-card input{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);width:100%;min-height:48px;padding:10px 12px}.login-card button{min-height:48px}.sign-out{min-height:44px;margin-left:auto;padding:0 12px}.home-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.artist-more{margin-top:8px}.artist-more>summary{cursor:pointer;width:fit-content;min-height:44px;color:var(--accent);align-items:center;gap:8px;font-weight:550;list-style:none;display:flex}.artist-more>summary::-webkit-details-marker{display:none}.artist-more:not([open]) .more-open,.artist-more[open] .more-closed{display:none}.artist-more[open]>summary .icon{transform:rotate(180deg)}.artist-more>.grid{margin-top:8px}.artist-albums>h2{margin-bottom:14px}.settings-page{max-width:860px}.settings-section{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);margin:24px 0;padding:24px}.setting-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 24px;margin:20px 0 12px;display:flex}.setting-row>span{flex:240px}.setting-row strong{font-weight:600}.setting-help{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.6;display:block}.setting-row select{border:1px solid var(--line);border-radius:var(--r-sm);background-color:var(--bg);width:min(100%,300px);min-height:46px;color:var(--text);padding:10px 32px 10px 12px}@media (width<=600px){.settings-section{padding:18px}.setting-row select{width:100%}}.title{text-overflow:ellipsis;white-space:nowrap;font-weight:550;overflow:hidden}.sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.center{text-align:center}.time{font-variant-numeric:tabular-nums}.icon{flex:none;display:block}.app{grid-template-columns:var(--rail) minmax(0, 1fr);height:100dvh;display:grid}.sidebar{scrollbar-width:none;border-right:1px solid var(--line);flex-direction:column;align-items:stretch;gap:4px;padding:18px 10px;display:flex;overflow-y:auto}.logo{border-radius:var(--r-md);background:var(--accent-solid);color:#fff;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 16px;display:flex}.sidebar a:not(.logo){border-radius:var(--r-md);color:var(--muted);flex-direction:column;align-items:center;gap:4px;padding:10px 0 8px;font-size:11px;font-weight:600;transition:background-color .12s,color .12s;display:flex}@media (hover:hover) and (pointer:fine){.sidebar a:not(.logo):hover{background:var(--fill);color:var(--text)}}.sidebar a.active:not(.logo){color:var(--text);background:var(--fill-2)}.sidebar a.active:not(.logo) .icon{color:var(--accent)}.content{flex-direction:column;min-width:0;min-height:0;display:flex}.appbar{flex:none;align-items:center;height:72px;padding:0 36px 0 28px;display:flex}.search-pill{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);width:min(480px,100%);height:42px;color:var(--muted);align-items:center;gap:10px;padding:0 14px;display:flex}.search-pill:focus-within{border-color:var(--accent-solid)}.search-input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:15px}.search-input::placeholder{color:var(--muted)}.search-pill kbd{background:var(--fill-2);color:var(--muted);border-radius:6px;padding:4px 7px;font:600 11px/1 Inter Variable,system-ui}.search-input:focus~kbd{display:none}main{overscroll-behavior:contain;flex:1;padding:4px 36px 130px 28px;overflow-y:auto}.page{animation:.16s both fade-in}@keyframes fade-in{0%{opacity:0}}.cover{--h:262;border-radius:var(--r-sm);flex:none;position:relative;overflow:hidden}.cover>img{object-fit:cover;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.shelf{margin-top:36px}.shelf-head{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.see-all{color:var(--accent);font-size:13px;font-weight:600}@media (hover:hover) and (pointer:fine){.see-all:hover{text-underline-offset:3px;text-decoration:underline}}.shelf-row,.grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:24px 20px;display:grid}.card{min-width:0;display:block;position:relative}.card .cover-wrap{margin-bottom:10px;position:relative}.card .cover{aspect-ratio:1;border-radius:var(--r-md);width:100%}.card.round .cover{border-radius:50%}.card .title{font-size:14px}.card .sub{font-size:13px}.fab{background:var(--accent-solid);color:#fff;opacity:0;pointer-events:none;border-radius:50%;width:40px;min-width:40px;height:40px;min-height:40px;position:absolute;bottom:8px;right:8px}.fab .icon{margin-left:2px}@media (hover:hover) and (pointer:fine){.card:hover .fab,.card:focus-within .fab{opacity:1;pointer-events:auto}.fab:hover:not(:disabled){background:var(--accent-press)}}@media (hover:none){.fab{display:none}}.hero-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:1.7fr 1fr;gap:16px;height:360px;display:grid}.tile{border-radius:var(--r-lg);isolation:isolate;position:relative;overflow:hidden}.tile.big{grid-row:1/span 2}.tile-art,.tile-art .cover{border-radius:0;width:100%;height:100%;position:absolute;inset:0}.tile-over{color:#fff;pointer-events:none;background:#00000061;padding:14px 18px 16px;position:absolute;inset:auto 0 0}.badge{letter-spacing:.03em;background:#fff3;border-radius:6px;margin-bottom:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.tile-title{letter-spacing:-.03em;font-size:20px;font-weight:700;line-height:1.15}.tile.big .tile-title{font-size:28px}.tile-sub{color:#ffffffc7;font-size:14px}.tile-play{background:var(--accent-solid);color:#fff;z-index:2;border-radius:50%;width:46px;height:46px;position:absolute;bottom:16px;right:16px}.tile-play .icon{margin-left:2px}@media (hover:hover) and (pointer:fine){.tile-play:hover:not(:disabled){background:var(--accent-press)}}.detail-head{align-items:flex-end;gap:28px;margin-bottom:26px;display:flex}.detail-head.round .cover{border-radius:50%}.detail-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.detail-head h1{font-size:clamp(28px,4vw,40px)}.detail-artist{color:var(--accent);font-size:17px;font-weight:600}.actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.btn-accent,.btn-gray{border-radius:var(--r-md);height:42px;padding:0 20px;font-size:15px;font-weight:600}.btn-accent{background:var(--accent-solid);color:#fff}.btn-gray{background:var(--fill-2);color:var(--text)}@media (hover:hover) and (pointer:fine){.btn-accent:hover:not(:disabled){background:var(--accent-press)}.btn-gray:hover:not(:disabled){background:var(--track)}}.plain{margin:0;padding:0;list-style:none}.plain li a{border-radius:var(--r-sm);flex-direction:column;padding:12px;display:flex}@media (hover:hover) and (pointer:fine){.plain li a:hover{background:var(--fill)}}.searchbox{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);width:100%;height:44px;color:var(--text);outline:0;margin-bottom:16px;padding:0 14px}.searchbox:focus{border-color:var(--accent-solid)}.skeleton{background:var(--fill-2);border-radius:8px;animation:1.4s ease-in-out infinite pulse}.skeleton.sq{aspect-ratio:1;border-radius:var(--r-md);margin-bottom:10px}.skeleton.line{height:11px;margin-bottom:6px}.skeleton.short{width:60%}.skeleton.row{border-radius:var(--r-sm);height:56px;margin-bottom:6px}@keyframes pulse{50%{opacity:.5}}.tracks{margin:0;padding:0;list-style:none}.tracks li{border-radius:var(--r-sm);align-items:center;gap:14px;min-height:54px;padding:5px 12px 5px 6px;display:flex}@media (hover:hover) and (pointer:fine){.tracks li:hover{background:var(--fill)}}.tracks li.active{background:var(--fill)}.tracks li.active .title{color:var(--accent)}.tracks .meta{flex:1;min-width:0}.tracks .title{font-size:15px}.tracks .idx{width:40px;min-width:40px;height:40px;color:var(--muted);font-variant-numeric:tabular-nums}.tracks .idx .p{display:none}@media (hover:hover) and (pointer:fine){.tracks li:hover .idx .n{display:none}.tracks li:hover .idx .p{color:var(--text);display:inline-flex}}.row-actions{opacity:0;color:var(--muted);gap:2px;display:flex}.tracks li:hover .row-actions,.row-actions:focus-within{opacity:1}@media (hover:none){.row-actions{opacity:1}}.dur{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;width:44px;font-size:13px}.eq{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.eq i{background:var(--accent-solid);width:3px;height:35%}.eq.on i{animation:.9s ease-in-out infinite eq}.eq.on i:nth-child(2){animation-delay:-300ms}.eq.on i:nth-child(3){animation-delay:-600ms}@keyframes eq{0%,to{height:25%}50%{height:100%}}.seek{width:100%;color:var(--muted);align-items:center;gap:12px;font-size:11px;font-weight:500;display:flex}.seekwrap{flex:1;align-items:center;min-width:0;display:flex;position:relative}.seekwrap .range{flex:1;width:100%}.tick{background:var(--muted);opacity:.6;pointer-events:none;width:2px;height:8px;margin-top:-4px;position:absolute;top:50%}input[type=range].range{--p:0%;appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;height:20px;margin:0}.range::-webkit-slider-runnable-track{background:linear-gradient(var(--text), var(--text)) 0 / var(--p) 100% no-repeat, var(--track);border-radius:2px;height:4px}.range::-moz-range-track{background:var(--track);border-radius:2px;height:4px}.range::-moz-range-progress{background:var(--text);border-radius:2px;height:4px}.range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);width:12px;height:12px;transition:transform .12s var(--ease-out);border:0;border-radius:50%;margin-top:-4px;transform:scale(0)}.range::-moz-range-thumb{background:var(--text);width:12px;height:12px;transition:transform .12s var(--ease-out);border:0;border-radius:50%;transform:scale(0)}@media (hover:hover) and (pointer:fine){.range:hover::-webkit-slider-runnable-track{background:linear-gradient(var(--accent-solid), var(--accent-solid)) 0 / var(--p) 100% no-repeat, var(--track)}.range:hover::-moz-range-progress{background:var(--accent-solid)}.range:hover::-webkit-slider-thumb{transform:scale(1)}.range:focus-visible::-webkit-slider-thumb{transform:scale(1)}.range:hover::-moz-range-thumb{transform:scale(1)}.range:focus-visible::-moz-range-thumb{transform:scale(1)}}.range:active::-webkit-slider-thumb{transform:scale(1.1)}.range:active::-moz-range-thumb{transform:scale(1.1)}.range:disabled{cursor:default}.playerbar{z-index:20;left:calc(var(--rail) + 16px);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1fr);align-items:center;gap:24px;height:76px;padding:0 18px 0 12px;display:grid;position:fixed;bottom:18px;right:36px}.pb-track{align-items:center;gap:12px;min-width:0;display:flex}.pb-art{border-radius:var(--r-sm);flex:none;min-width:52px;min-height:52px;padding:0}.pb-text{min-width:0}.pb-text .title{font-size:14px}.audio-info{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px;line-height:1.5;display:block}.playback-status{z-index:100;background:var(--bg);border:1px solid var(--muted);border-radius:14px;max-width:min(90vw,560px);padding:12px 18px;font-size:13px;position:fixed;bottom:110px;left:50%;transform:translate(-50%);box-shadow:0 4px 30px #0003}.playback-status button{margin-top:8px;font-weight:600;text-decoration:underline;display:block}.np-info .audio-info{margin-top:6px;font-size:12px}.mini-detail{align-items:baseline;gap:8px;min-width:0;display:flex}.mini-detail .sub{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mini-detail .audio-info{flex-shrink:0;font-size:10px}.mini .audio-provider{display:none}.pb-idle{color:var(--muted);align-items:center;gap:10px;padding-left:8px;display:flex}.pb-center{flex-direction:column;align-items:center;min-width:0;display:flex}.pb-center .seek{max-width:600px}.buttons{align-items:center;gap:4px;display:flex}.buttons button{border-radius:50%;width:38px;height:38px}.buttons .opt{color:var(--muted)}.buttons .opt.on{color:var(--accent)}@media (hover:hover) and (pointer:fine){.buttons .opt:hover:not(:disabled){color:var(--text)}}.buttons .play{background:var(--text);width:42px;height:42px;color:var(--bg)}.buttons .play .icon{margin-left:1px}@media (hover:hover) and (pointer:fine){.buttons .play:hover:not(:disabled){background:var(--text);opacity:.85}}.pb-right{justify-content:flex-end;align-items:center;gap:4px;display:flex}.btn{border-radius:50%;justify-content:center;align-items:center;min-width:36px;min-height:36px;transition:background-color .12s;display:inline-flex}.volume{color:var(--muted);align-items:center;gap:4px;margin-right:6px;display:flex}.volume .vol{width:100px}.pb-right button{border-radius:50%}.mini{display:none}.np{--text:#fff;--muted:#ffffffad;--line:#fff3;--fill:#ffffff1f;--fill-2:#fff3;--track:#ffffff4d;--accent:#fff;--bg:#0f0e13;z-index:50;color:#fff;visibility:hidden;transition:transform .4s var(--ease-drawer), visibility 0s linear .4s;padding-top:env(safe-area-inset-top,0px);background:#0f0e13;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden;transform:translateY(100%)}.np.open{visibility:visible;transition:transform .4s var(--ease-drawer), visibility 0s;transform:none}.np-bg{--h:262;pointer-events:none;background:hsl(var(--h) 32% 15%);position:absolute;inset:0}.np-top{z-index:2;touch-action:none;flex:none;justify-content:space-between;align-items:center;height:58px;padding:0 14px;display:flex;position:relative}.np-close{background:var(--fill);border-radius:50%;width:42px;height:42px}.grip{pointer-events:none;background:#fff6;border-radius:2px;width:40px;height:4px;margin-left:-20px;position:absolute;top:6px;left:50%}@media (width>=801px){.grip{display:none}}.seg{z-index:3;background:var(--fill);border-radius:var(--r-sm);padding:3px;display:none;position:absolute;top:13px;left:50%;transform:translate(-50%)}.seg button{min-height:32px;color:var(--muted);border-radius:8px;padding:0 16px;font-size:13px;font-weight:600}.seg button[aria-selected=true]{color:#17161c;background:#fff}.np-body{z-index:1;flex:1;grid-template-columns:minmax(320px,440px) minmax(0,1fr);align-items:center;gap:6vw;width:100%;max-width:1400px;min-height:0;margin:0 auto;padding:8px 6vw 32px;display:grid;position:relative}.np[data-lyrics=no] .np-body{grid-template-columns:minmax(320px,440px);justify-content:center}.np[data-lyrics=no] .np-lyrics{display:none}.np-main{flex-direction:column;gap:18px;min-width:0;display:flex}.np-art{aspect-ratio:1;border-radius:var(--r-lg);width:min(100%,100dvh - 430px);min-width:220px;margin:0}.np-art .cover{border-radius:var(--r-lg);width:100%;height:100%}.np-info{min-width:0}.np-title{letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;font-size:24px;font-weight:700;line-height:1.15;overflow:hidden}.np-artist{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:16px;display:block;overflow:hidden}.np .range{height:24px}.np .range::-webkit-slider-runnable-track{background:linear-gradient(#fff, #fff) 0 / var(--p) 100% no-repeat, var(--track);border-radius:3px;height:5px}.np .range::-moz-range-progress{background:#fff;border-radius:3px;height:5px}.np .range::-moz-range-track{border-radius:3px;height:5px}.np .range::-webkit-slider-thumb{background:#fff;margin-top:-3.5px}.np .range::-moz-range-thumb{background:#fff}.np .range:hover::-webkit-slider-runnable-track{background:linear-gradient(#fff, #fff) 0 / var(--p) 100% no-repeat, var(--track)}.np .buttons{justify-content:center;gap:22px}.np .buttons button{width:52px;height:52px}.np .buttons .play{color:#17161c;background:#fff;width:64px;height:64px}.np .buttons .opt.on{color:#fff;background:#fff3}.np .volume{justify-content:center;margin:0}.np .volume .vol{flex:1;max-width:280px}.np-lyrics{overscroll-behavior:contain;scrollbar-width:none;height:100%;min-height:0;overflow-y:auto}.np-lyrics::-webkit-scrollbar{display:none}.np-hint,.np-empty{color:var(--muted);text-align:center;padding:40px 0;font-size:16px}.lyrics{padding:34vh 0 44vh}.lyrics.unsynced{padding:12px 0 40px}.part{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:26px 0 2px;font-size:12px;font-weight:700}.lline{letter-spacing:-.03em;cursor:pointer;color:#fff;opacity:calc(.6 - min(var(--d,0), 4) * .1);touch-action:manipulation;padding:9px 0;font-family:Sora Variable,Inter Variable,system-ui,sans-serif;font-size:clamp(24px,2.8vw,34px);font-weight:700;line-height:1.25;transition:opacity .25s}@media (hover:hover) and (pointer:fine){.lline:hover{opacity:.9}}.lline.active{opacity:1}.lline.plain{opacity:.9;cursor:default}.lline .agent{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700;display:block}.lline .w{white-space:pre-wrap}.lline.active .w{--p:0;color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg, #fff calc(var(--p) * 100%), #fff6 calc(var(--p) * 100%))}.credits{padding-bottom:40px}.credits h2{color:var(--muted);margin-bottom:8px;font-size:14px}.credits dl{margin:0}.credits dl div{gap:12px;padding:4px 0;display:flex}.credits dt{width:120px;color:var(--muted);text-transform:capitalize}.credits dd{margin:0}@media (width<=800px),(height<=500px) and (pointer:coarse){body{font-size:15px}.m-only{display:flex!important}.d-only,.appbar,.playerbar{display:none!important}.app{flex-direction:column;display:flex}.content{flex:1;order:1}main{padding:calc(20px + env(safe-area-inset-top,0px)) calc(18px + env(safe-area-inset-right,0px)) 18px calc(18px + env(safe-area-inset-left,0px))}h1.large{font-size:30px}.page-head{margin-bottom:16px}.sidebar{padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px));background:var(--surface);border-right:0;border-top:1px solid var(--line);flex-direction:row;order:3;justify-content:space-around;align-items:center;gap:0;overflow:visible}.logo{display:none}.sidebar a:not(.logo){flex:1;justify-content:center;min-height:52px;padding:7px 0 6px;font-size:10.5px}.sidebar a.active:not(.logo){color:var(--accent);background:0 0}.mini{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);order:2;align-items:center;gap:4px;margin:0 8px 8px;padding:6px 6px 8px;display:flex;position:relative}.mini-main{text-align:left;flex:1;justify-content:flex-start;gap:12px;min-width:0;min-height:48px;padding:0}.mini-main .cover{border-radius:8px}.mini-text{flex-direction:column;min-width:0;display:flex}.mini-text .title{font-size:14px}.mini button:not(.mini-main){border-radius:50%;width:46px;height:46px}.mini-progress{background:var(--track);pointer-events:none;height:2px;position:absolute;bottom:2px;left:6px;right:6px;overflow:hidden}.mini-progress i{background:var(--text);transform-origin:0;height:100%;transform:scaleX(var(--p,0));display:block}.detail-head{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-bottom:18px}.detail-head .cover{width:min(56vw,34dvh)!important;height:min(56vw,34dvh)!important}.detail-head.round .cover{border-radius:50%}.detail-meta{align-items:center;width:100%}.detail-artist{font-size:17px}.actions{width:100%;margin-top:10px}.actions>button{flex:1;height:48px;font-size:16px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.shelf{margin-top:28px}.shelf-row{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;margin:0 calc(-18px - env(safe-area-inset-right,0px)) 0 calc(-18px - env(safe-area-inset-left,0px));padding:2px 0 12px;padding-left:calc(18px + env(safe-area-inset-left,0px));scroll-padding-left:calc(18px + env(safe-area-inset-left,0px));gap:14px;padding-right:18px;display:flex;overflow-x:auto}.shelf-row::-webkit-scrollbar{display:none}.shelf-row>*{scroll-snap-align:start;flex:none}.shelf-row .card{width:148px}.hero-grid{scroll-snap-type:x mandatory;scrollbar-width:none;height:auto;margin:0 calc(-18px - env(safe-area-inset-right,0px)) 0 calc(-18px - env(safe-area-inset-left,0px));padding:2px 0 12px;padding-left:calc(18px + env(safe-area-inset-left,0px));scroll-padding-left:calc(18px + env(safe-area-inset-left,0px));gap:12px;padding-right:18px;display:flex;overflow-x:auto}.hero-grid::-webkit-scrollbar{display:none}.hero-grid .tile{scroll-snap-align:start;aspect-ratio:1;flex:none;width:min(80vw,360px)}.tile.big .tile-title,.tile-title{font-size:22px}.tracks li{min-height:58px}.tracks .dur,.row-actions .pn{display:none}.row-actions{opacity:1}.row-actions button{min-width:44px;min-height:44px}.plain li a{justify-content:center;min-height:60px}.np-body{padding:0 24px calc(20px + env(safe-area-inset-bottom,0px));flex-direction:column;justify-content:center;align-items:stretch;gap:0;display:flex}.np[data-lyrics=yes] .seg{display:flex}.np-main{flex:1;justify-content:center;gap:14px;min-height:0}.np-art{width:min(100%,46dvh);min-width:0;margin:0 auto}.np .buttons{gap:18px}.np .volume{display:none}.np-lyrics{flex:1}.np[data-view=lyrics] .np-main,.np[data-view=art] .np-lyrics{display:none}.np[data-lyrics=yes][data-view=lyrics] .np-body{justify-content:stretch}.lyrics{padding-top:12vh}.lline{font-size:24px}}@media (height<=500px) and (orientation:landscape) and (pointer:coarse){.app{flex-direction:row}.sidebar{width:calc(60px + env(safe-area-inset-left,0px));padding:6px 0 6px env(safe-area-inset-left,0px);border-top:0;border-right:1px solid var(--line);flex-direction:column;order:0;justify-content:center;gap:2px}.sidebar a:not(.logo){flex:none;min-height:46px;padding:0}.sidebar a span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mini{z-index:10;left:calc(68px + env(safe-area-inset-left,0px));right:calc(10px + env(safe-area-inset-right,0px));margin:0;position:fixed;bottom:8px}main{padding:14px calc(20px + env(safe-area-inset-right,0px)) 84px 20px}h1.large{font-size:26px}.detail-head{text-align:left;flex-direction:row;align-items:flex-end;gap:16px}.detail-head .cover{width:112px!important;height:112px!important}.detail-meta{align-items:flex-start;width:auto}.actions{width:auto}.actions>button{flex:none;height:40px;padding:0 18px}.np-top{height:46px}.seg{top:5px}.np-body{padding:0 calc(24px + env(safe-area-inset-right,0px)) 10px calc(24px + env(safe-area-inset-left,0px));justify-content:center}.np-main{flex:none;grid-template-rows:1fr auto auto auto 1fr;grid-template-columns:min(40vw,100dvh - 76px) minmax(0,1fr);gap:8px 28px;display:grid}.np-art{grid-area:1/1/-1;align-self:center;width:100%;margin:0}.np-info{grid-area:2/2}.np .seek{grid-area:3/2}.np .buttons{grid-area:4/2;gap:16px}.np .buttons button{width:48px;height:48px}.np .buttons .play{width:56px;height:56px}.lyrics{padding-top:8vh}.lline{font-size:22px}}@media (width>=801px) and (width<=1100px){.playerbar{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:14px}.volume .vol{display:none}.hero-grid{grid-template-columns:1.3fr 1fr;height:300px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}