@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/app/assets/onest-cyrillic-ext-wght-normal-DOFToQv1.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/app/assets/onest-cyrillic-wght-normal-DayYxulF.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/app/assets/onest-math-wght-normal-Bl4ZGkZl.woff2) format("woff2-variations");unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/app/assets/onest-symbols-wght-normal-DxQzqQfC.woff2) format("woff2-variations");unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/app/assets/onest-vietnamese-wght-normal-BBxOatbv.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/app/assets/onest-latin-ext-wght-normal-QAhDxQuo.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/app/assets/onest-latin-wght-normal-Dun_Rd-l.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@property --glow{syntax: "<color>"; inherits: false; initial-value: rgb(120 120 140);}@property --scrim{syntax: "<number>"; inherits: false; initial-value: .55;}:root{--like: #ff4f7b;--bg: #0e0e10;--panel: #141417;--main: #121215;--surface: rgba(255, 255, 255, .05);--surface-2: rgba(255, 255, 255, .085);--surface-3: rgba(255, 255, 255, .13);--well: rgba(0, 0, 0, .28);--popover: rgba(26, 26, 31, .96);--glass-side: rgb(8 8 11 / .4);--glass-main: rgb(8 8 11 / .46);--glass-bar: rgb(8 8 11 / .56);--glass-edge: rgba(255, 255, 255, .07);--shell-gap: 8px;--panel-radius: 16px;--line: rgba(255, 255, 255, .07);--line-2: rgba(255, 255, 255, .12);--text: #ededf0;--text-2: #a3a3ad;--text-3: #7a7a86;--accent: #f4f4f6;--accent-ink: #0e0e10;--danger: #ff5a5f;--ok: #3ddc84;--warn: #ffb547;--dyn: 120 120 140;--dyn-soft: color-mix(in oklab, rgb(var(--dyn)) 55%, #fff);--hdr: var(--dyn);--radius: 14px;--radius-sm: 10px;--ease: cubic-bezier(.22, 1, .36, 1);--topbar: 56px;--playerbar: 88px;--sidebar-w: 250px;color-scheme:dark}@media(max-height:700px){:root{--playerbar: 76px}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#060608;color:var(--text);font-family:Onest Variable,Segoe UI Variable,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:default}input{font:inherit;color:inherit;caret-color:var(--dyn-soft)}h1,h2,h3{margin:0;letter-spacing:-.02em}:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:2px}::selection{background:rgb(var(--dyn) / .5)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:#ffffff1a;border:4px solid transparent;background-clip:padding-box;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#fff3}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}.drag{-webkit-app-region:drag}.no-drag,.drag button,.drag input{-webkit-app-region:no-drag}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.app{position:relative;isolation:isolate;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) var(--playerbar);row-gap:var(--shell-gap);height:100vh;padding:var(--shell-gap)}.app:before{content:"";position:fixed;inset:0 0 auto 0;height:var(--shell-gap);z-index:2;-webkit-app-region:drag}.sidebar,.main,.queue,.playerbar{border-radius:var(--panel-radius);box-shadow:inset 0 0 0 1px var(--glass-edge),0 18px 50px #00000038}.main{grid-column:2;grid-row:1;position:relative;z-index:1;min-width:0;margin-left:var(--shell-gap);background:var(--glass-main);overflow:hidden}.app-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:radial-gradient(70% 60% at 18% 12%,rgb(92 64 178 / .55),transparent 70%),radial-gradient(60% 55% at 85% 90%,rgb(40 92 170 / .45),transparent 70%),#0b0b10;pointer-events:none}.app-backdrop-drift{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform;transform:scale(1.2)}.app-backdrop-layer{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;background-size:cover;background-position:center;opacity:0;animation:fade-in 1.4s var(--ease) forwards}.app-backdrop-layer:not(.top){animation:none;opacity:1}.app-backdrop-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgb(6 6 9 / calc(var(--scrim) - .06)),rgb(6 6 9 / var(--scrim)) 55%,rgb(6 6 9 / calc(var(--scrim) + .12)));transition:--scrim 1.4s var(--ease)}.app-backdrop-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.page-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;padding-top:var(--topbar);scroll-behavior:smooth;container:main / inline-size;scrollbar-width:none}.overlay-scroll{position:absolute;top:calc(var(--topbar) + 4px);right:0;bottom:12px;z-index:2;width:14px}.overlay-scroll[data-hidden]{visibility:hidden}.overlay-scroll-thumb{position:absolute;top:0;right:3px;width:8px;will-change:transform}.overlay-scroll-thumb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;background:#fff3;box-shadow:0 0 0 1px #00000014;transform:scaleX(.5);transform-origin:100% 50%;transition:transform .15s var(--ease),background-color .15s var(--ease)}.overlay-scroll:hover .overlay-scroll-thumb:before,.overlay-scroll.dragging .overlay-scroll-thumb:before{transform:none;background:#ffffff52}.page{--gutter: clamp(20px, 3.4cqi, 52px);position:relative;padding:8px var(--gutter) 56px;max-width:1720px;margin:0 auto}.page-title{font-size:clamp(28px,1.4cqi + 18px,40px);font-weight:750;margin:8px 0 22px}.page-greeting{font-size:clamp(26px,1.2cqi + 16px,36px);font-weight:750;margin:6px 0 18px}.topbar{position:absolute;z-index:5;inset:0 0 auto 0;height:var(--topbar);display:flex;align-items:center;gap:16px;padding:0 160px 0 clamp(16px,2.2vw,40px);transition:background .3s var(--ease),box-shadow .3s var(--ease)}.topbar.scrolled{background:#0c0c10b8;-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);box-shadow:0 1px 0 var(--line)}.topbar-nav{display:flex;gap:8px}.topbar-title{font-weight:650;font-size:16px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.topbar-title.show{opacity:1;transform:none}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--text-2);transition:color .15s,background .15s,transform .15s,opacity .15s;flex:none}.icon-btn:hover:not(:disabled){color:var(--text);background:#ffffff0f}.icon-btn:active:not(:disabled){transform:scale(.92)}.icon-btn:disabled{opacity:.35}.icon-btn.small{width:28px;height:28px}.icon-btn.round{background:#ffffff0d}.icon-btn.round.lg{width:48px;height:48px;border:1px solid var(--line-2);background:transparent}.icon-btn.toggle.on{color:var(--text);position:relative}.icon-btn.toggle.on:after{content:"";position:absolute;bottom:3px;width:4px;height:4px;border-radius:50%;background:currentColor}.icon-btn.like.on{color:#ff4f7b}.text-btn{display:inline-flex;align-items:center;gap:4px;color:var(--text-2);font-weight:550;font-size:13px;transition:color .15s}.text-btn:hover{color:var(--text)}.text-btn.inline{color:var(--text);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;background:var(--surface-2);font-weight:600;transition:background .15s,transform .15s,opacity .15s;white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-3)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.primary:hover:not(:disabled){background:#fff}.btn.ghost{background:transparent;box-shadow:inset 0 0 0 1px var(--line-2)}.btn.ghost:hover:not(:disabled){background:#ffffff0d}.btn.danger{background:var(--danger);color:#fff}.btn.small{height:32px;padding:0 12px;font-size:13px}.play-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--accent-ink);transition:transform .2s var(--ease),background .15s,box-shadow .3s;flex:none}.play-btn:hover:not(:disabled){transform:scale(1.06);background:#fff}.play-btn:active:not(:disabled){transform:scale(.95)}.play-btn:disabled{opacity:.4}.play-btn.xl{width:60px;height:60px;box-shadow:0 10px 30px rgb(var(--hdr) / .35)}.play-icon{margin-left:2px}.sidebar{grid-column:1;grid-row:1;display:flex;flex-direction:column;position:relative;z-index:1;background:var(--glass-side);min-height:0;padding:0 10px 10px}.brand{display:flex;align-items:center;gap:10px;height:var(--topbar);padding:0 12px;flex:none}.brand-logo{width:28px;height:28px;border-radius:8px;flex:none;box-shadow:0 4px 12px #0006}.brand-name{font-weight:800;font-size:19px;letter-spacing:-.03em}.side-nav{display:flex;flex-direction:column;gap:2px;margin-bottom:14px}.side-link{display:flex;align-items:center;gap:14px;height:42px;padding:0 12px;border-radius:var(--radius-sm);color:var(--text-2);font-weight:600;font-size:14.5px;transition:color .15s,background .15s;text-align:left}.side-link:hover{color:var(--text);background:#ffffff0a}.side-link.active{color:var(--text);background:#ffffff14}.side-section{flex:1;min-height:0;display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:12px}.side-section-head{display:flex;align-items:center;justify-content:space-between;padding:0 6px 8px 12px;color:var(--text-3);font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.06em}.side-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px;margin:0 -4px;padding:0 4px}.side-item{display:flex;align-items:center;gap:11px;padding:6px 8px;border-radius:var(--radius-sm);text-align:left;transition:background .15s;min-width:0}.side-item:hover{background:#ffffff0a}.side-item.active{background:#ffffff14}.side-thumb{width:40px;height:40px;border-radius:8px;flex:none}.likes-thumb,.spotify-thumb{display:grid;place-items:center}.likes-thumb{background:#ff4f7b29;box-shadow:inset 0 0 0 1px #ff4f7b38;color:var(--like)}.spotify-thumb{background:#1ed76024;box-shadow:inset 0 0 0 1px #1ed76038}.side-item-text{display:flex;flex-direction:column;min-width:0;font-weight:550}.side-item-text small{display:flex;align-items:center;gap:5px;color:var(--text-3);font-size:12px;font-weight:500}.settings-link{flex:none;margin-top:8px}.cover{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-2);flex:none}.cover>img{width:100%;height:100%;object-fit:cover;display:block}.cover-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--text-3);background:var(--surface-2)}.cover-empty svg{width:36%;height:36%}.mosaic{display:grid;grid-template-columns:1fr 1fr}.mosaic img{width:100%;height:100%;object-fit:cover;display:block}.source-icon{flex:none;display:block}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.eq i{width:3px;height:100%;border-radius:2px;background:currentColor;transform-origin:bottom;transform:scaleY(.6)}.spinner{display:inline-block;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite;opacity:.8;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.tag{display:inline-grid;place-items:center;height:16px;min-width:16px;padding:0 4px;border-radius:4px;background:#ffffff24;color:var(--text-2);font-size:10px;font-weight:700;flex:none}.tag.wide{background:#ff55002e;color:#ff9a66}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px 20px;gap:8px}.empty-icon{width:64px;height:64px;display:grid;place-items:center;color:var(--text-3);margin-bottom:8px}.empty h3{font-size:18px}.empty p{margin:0 0 10px;color:var(--text-2);max-width:380px}.center-pad{display:grid;place-items:center;padding:48px;color:var(--text-2)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border-radius:999px;background:var(--surface-2);font-weight:550;font-size:13px;transition:background .15s,color .15s}.chip:hover{background:var(--surface-3)}.chip.active{background:var(--accent);color:var(--accent-ink)}.input{width:100%;height:42px;padding:0 14px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line-2);outline:none;transition:border-color .15s,background .15s;-webkit-user-select:text;user-select:text}.input:focus{border-color:#ffffff59;background:var(--surface-2)}.input::placeholder{color:var(--text-3)}.slider{position:relative;flex:1;height:16px;display:flex;align-items:center;cursor:pointer;touch-action:none}.slider-track{position:relative;width:100%;height:4px;border-radius:4px;background:#ffffff24;overflow:hidden;transition:transform .15s var(--ease)}.slider-fill{position:absolute;inset:0 auto 0 0;background:var(--text);border-radius:4px}.slider-thumb{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0006;transform:scale(0);transition:transform .15s var(--ease)}.slider:hover .slider-track,.slider.dragging .slider-track{transform:scaleY(1.3)}.slider:hover .slider-thumb,.slider.dragging .slider-thumb,.slider:focus-visible .slider-thumb{transform:scale(1)}.slider-tip{position:absolute;bottom:20px;transform:translate(-50%);padding:3px 7px;border-radius:6px;background:var(--popover);font-size:11px;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap}.tracklist{--cols: 48px minmax(200px, 5fr) minmax(120px, 3fr) 28px 40px 56px 40px;display:flex;flex-direction:column}.tracklist.no-album{--cols: 48px minmax(200px, 1fr) 28px 40px 56px 40px}.tl-head,.tl-row{display:grid;grid-template-columns:var(--cols);align-items:center;gap:12px;padding:0 12px}.tl-head{height:36px;color:var(--text-3);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);margin-bottom:6px}.tl-row{height:60px;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s;content-visibility:auto;contain-intrinsic-size:auto 60px}.tl-row:hover{background:#ffffff0d}.tl-row.current{background:rgb(var(--dyn) / .12)}.tl-row.current .tl-title{color:var(--dyn-soft)}.tl-index{position:relative;display:grid;place-items:center;color:var(--text-3);font-variant-numeric:tabular-nums;font-size:14px}.tl-index>*{grid-area:1 / 1}.tl-row .eq{color:var(--text)}.tl-play{display:none;color:var(--text)}.tl-row:hover .tl-play{display:flex}.tl-row:hover .tl-num,.tl-row:hover .eq{visibility:hidden}.tl-main{display:flex;align-items:center;gap:12px;min-width:0}.tl-cover{width:44px;height:44px;border-radius:7px}.tl-text{min-width:0}.tl-title{display:flex;align-items:center;gap:6px;font-weight:600;font-size:14.5px;min-width:0}.tl-artist,.tl-album{color:var(--text-2);font-size:13px}.tl-source{display:flex;justify-content:center;opacity:.85}.tl-like .icon-btn{opacity:0}.tl-like .icon-btn.on,.tl-row:hover .tl-like .icon-btn{opacity:1}.tl-dur{color:var(--text-3);font-variant-numeric:tabular-nums;text-align:right;display:flex;justify-content:flex-end}.tl-more{opacity:0}.tl-row:hover .tl-more{opacity:1}@container main (max-width: 860px){.tracklist{--cols: 40px minmax(160px, 1fr) 28px 40px 52px 36px}.tracklist .tl-album,.tracklist:not(.no-album) .tl-head>:nth-child(3){display:none}.tl-head,.tl-row{gap:8px;padding:0 8px}}.shelf{margin:clamp(28px,2.6cqi,44px) 0 0}.shelf-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.shelf-head h2{font-size:clamp(19px,.5cqi + 15px,24px);font-weight:720}.shelf-head p{margin:2px 0 0;color:var(--text-2);font-size:13px}.shelf-actions{display:flex;gap:6px;align-items:center}.shelf-actions .icon-btn.round{width:32px;height:32px}.shelf-row{--shelf-cols: 7;--shelf-gap: clamp(14px, 1.3cqi, 22px);display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--shelf-cols) - 1) * var(--shelf-gap)) / var(--shelf-cols));gap:var(--shelf-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1 * var(--gutter));padding:10px var(--gutter) 44px;margin-top:-6px;margin-bottom:-34px;scroll-padding:0 var(--gutter)}@container main (max-width: 1599px){.shelf-row{--shelf-cols: 6}}@container main (max-width: 1299px){.shelf-row{--shelf-cols: 5}}@container main (max-width: 1019px){.shelf-row{--shelf-cols: 4}}@container main (max-width: 719px){.shelf-row{--shelf-cols: 3}}.shelf-row::-webkit-scrollbar{display:none}.card{scroll-snap-align:start;display:flex;flex-direction:column;gap:4px;cursor:pointer;min-width:0}.card-art{position:relative;margin-bottom:8px}.card-art .cover{width:100%;border-radius:var(--radius);box-shadow:0 8px 24px #00000059;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.card:hover .card-art .cover{transform:translateY(-4px);box-shadow:0 16px 36px #00000080}.card-art .cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.45),transparent 45%);opacity:0;transition:opacity .25s}.card:hover .card-art .cover:after,.card.active .card-art .cover:after{opacity:1}.card-source{position:absolute;top:10px;left:10px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));opacity:0;transition:opacity .2s,transform .35s var(--ease)}.card:hover .card-source{opacity:1;transform:translateY(-4px)}.card-play{position:absolute;right:12px;bottom:12px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);box-shadow:0 8px 20px #00000073;opacity:0;transform:translateY(8px) scale(.9);transition:opacity .25s,transform .35s var(--ease)}.card-play svg{margin-left:1px}.card:hover .card-play,.card.active .card-play{opacity:1;transform:translateY(-4px)}.card-play:hover{transform:translateY(-4px) scale(1.08)!important}.card-title{font-weight:650;font-size:14.5px}.card.active .card-title{color:var(--dyn-soft)}.card-sub{color:var(--text-2);font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(150px,13cqi,210px),1fr));gap:26px clamp(14px,1.3cqi,22px)}.special-tile{width:100%;display:grid;place-items:center}.likes-cover{background:#ff4f7b24;box-shadow:inset 0 0 0 1px #ff4f7b33!important;color:var(--like)}.spotify-cover{background:#1ed7601f;box-shadow:inset 0 0 0 1px #1ed76033!important}.soundcloud-cover{background:#ff55001f;box-shadow:inset 0 0 0 1px #f503!important}.youtube-cover{background:#ff00331f;box-shadow:inset 0 0 0 1px #f033!important}.create-tile{background:transparent;border:2px dashed var(--line-2);color:var(--text-2);box-shadow:none!important}.create-card:hover .create-tile{color:var(--text);border-color:#ffffff4d}.wave-hero{position:relative;height:clamp(230px,38vh,340px);border-radius:24px;overflow:hidden;background:radial-gradient(140% 120% at 100% 0%,#ffffff0f,#00000047);box-shadow:inset 0 0 0 1px var(--glass-edge);isolation:isolate}.wave-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;opacity:.85;filter:blur(14px);transition:opacity .8s}.wave-hero.active .wave-canvas{opacity:1}.wave-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,rgba(8,8,11,.7) 0%,rgba(8,8,11,.25) 55%,transparent 100%)}.wave-content{height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(24px,3.6cqi,60px);max-width:min(600px,70%)}.wave-content h1{font-size:clamp(40px,3.2cqi + 18px,68px);font-weight:800;letter-spacing:-.04em;line-height:1}.wave-content p{margin:clamp(8px,1.2vh,14px) 0 clamp(16px,2.6vh,26px);color:var(--text-2);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wave-play{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 26px 0 20px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:15px;box-shadow:0 12px 32px rgb(var(--dyn) / .35);transition:transform .25s var(--ease),box-shadow .4s}.wave-play:hover{transform:scale(1.04)}.wave-play:active{transform:scale(.97)}.wave-actions{display:flex;align-items:center;gap:18px}.wave-now{display:flex;align-items:center;gap:10px;min-width:0;margin:clamp(10px,1.4vh,16px) 0 clamp(16px,2.6vh,26px);color:var(--text-2);font-size:15px}.wave-now b{color:var(--text);font-weight:650}.wave-now-cover{width:34px;height:34px;border-radius:8px;box-shadow:0 6px 16px #0006}.search-box{display:flex;align-items:center;gap:12px;height:54px;padding:0 14px 0 18px;border-radius:16px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--text-2);transition:box-shadow .2s,background .2s}.search-box:focus-within{background:var(--surface-2);box-shadow:inset 0 0 0 1px #ffffff4d,0 0 0 4px rgb(var(--dyn) / .12)}.search-box input{flex:1;height:100%;background:none;border:0;outline:none;font-size:16px;color:var(--text);-webkit-user-select:text;user-select:text}.search-box input::placeholder{color:var(--text-3)}.filters{margin-bottom:8px}.result-section{margin-top:30px}.result-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.result-head h2{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700}.link-title{margin:4px 0 12px}.inline-error{padding:12px 14px;border-radius:var(--radius-sm);background:#ff5a5f1a;color:#ff9a9d}.muted-text{color:var(--text-3);padding:8px 12px}.notice-card{display:flex;align-items:center;gap:14px;padding:16px 18px;margin-top:24px;border-radius:var(--radius);background:var(--surface);color:var(--text-2)}.skeleton-list{display:flex;flex-direction:column;gap:6px}.skeleton-row{height:54px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface) 0%,var(--surface-2) 50%,var(--surface) 100%);background-size:200% 100%;animation:shimmer 1.3s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.genre-hit{width:min(100%,300px);margin:8px 0 4px}.genre-hit .genre{width:100%}.genre-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.genre{position:relative;container-type:inline-size;aspect-ratio:16 / 9;border-radius:var(--radius-sm);overflow:hidden;text-align:left;display:flex;align-items:flex-start;padding:14px 16px;background:var(--g);isolation:isolate}.genre-title{position:relative;z-index:1;display:block;max-width:72%;font-size:clamp(16px,10cqi,24px);font-weight:800;line-height:1.12;letter-spacing:-.01em;color:#fff;text-wrap:balance}.genre-art{position:absolute;right:0;bottom:0;height:76%;aspect-ratio:1;object-fit:cover;border-radius:6px;box-shadow:0 6px 16px #0000004d;transform:translate(18%,4%) rotate(25deg);opacity:0;transition:opacity .3s var(--ease),transform .3s var(--ease)}.genre-art.ready{opacity:1}.genre:hover .genre-art{transform:translate(14%,1%) rotate(20deg) scale(1.04)}.item{padding-top:0}.item-glow{position:absolute;inset:calc(-1 * var(--topbar)) calc(-1 * var(--gutter)) auto calc(-1 * var(--gutter));height:480px;--glow: rgb(var(--hdr));background:linear-gradient(180deg,color-mix(in srgb,var(--glow) 45%,transparent) 0%,color-mix(in srgb,var(--glow) 12%,transparent) 60%,transparent 100%);pointer-events:none;transition:--glow .8s var(--ease)}.item-header{position:relative;display:flex;align-items:flex-end;gap:clamp(18px,2.4cqi,36px);padding:20px 0 26px}.item-cover{width:clamp(150px,17cqi,264px);height:clamp(150px,17cqi,264px);border-radius:18px;box-shadow:0 24px 60px #00000080;display:grid;place-items:center}.item-meta{min-width:0;padding-bottom:6px}.item-title{font-size:clamp(34px,4.4cqi + 8px,84px);font-weight:850;letter-spacing:-.04em;line-height:1.02;margin:0 0 12px;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.item-title.long{font-size:clamp(28px,2.6cqi + 10px,56px)}.item-desc{margin:0 0 8px;color:#ffffffb3;max-width:720px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-sub{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#ffffffc7;font-weight:550}@container main (max-width: 620px){.item-header{flex-direction:column;align-items:flex-start}}.item-actions{position:relative;display:flex;align-items:center;gap:14px;margin-bottom:22px}.tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:22px}.tab{position:relative;padding:10px 0 14px;color:var(--text-2);font-weight:650;font-size:15px;transition:color .15s}.tab:hover,.tab.active{color:var(--text)}.tab-underline{position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:var(--text)}.play-row{display:flex;gap:10px;margin-bottom:18px}.playerbar{grid-column:1 / -1;grid-row:2;position:relative;display:grid;grid-template-columns:minmax(170px,1fr) minmax(300px,1.6fr) minmax(170px,1fr);align-items:center;gap:clamp(12px,2vw,28px);padding:0 clamp(12px,1.6vw,24px);background:var(--glass-bar);z-index:10;overflow:hidden}.pb-glow{--glow: rgb(var(--dyn));position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 140% at 10% 100%,color-mix(in srgb,var(--glow) 16%,transparent),transparent 70%);pointer-events:none;transition:--glow 1.2s var(--ease)}.pb-track,.pb-idle{position:relative;display:flex;align-items:center;gap:14px;min-width:0}.pb-cover{position:relative;width:58px;height:58px;border-radius:10px;overflow:hidden;flex:none;box-shadow:0 6px 18px #00000073}.pb-cover .cover{width:100%;height:100%;border-radius:0}.pb-cover.placeholder{background:var(--surface-2);box-shadow:none}.pb-cover-hover{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000080;opacity:0;transition:opacity .2s}.pb-cover:hover .pb-cover-hover{opacity:1}.pb-text{min-width:0;display:flex;flex-direction:column;gap:2px}.pb-title{display:flex;font-weight:650;font-size:14.5px;min-width:0}.pb-title .link{cursor:pointer}.pb-title .link:hover{text-decoration:underline}.pb-artist{display:flex;align-items:center;gap:6px;color:var(--text-2);font-size:13px;min-width:0}.pb-idle .pb-title{color:var(--text-2)}.pb-idle .pb-artist{color:var(--text-3)}.pb-idle .pb-title,.pb-idle .pb-artist{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pb-center{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;max-width:680px;width:100%;justify-self:center}.controls{display:flex;align-items:center;gap:10px}.controls.lg{gap:22px}.controls.lg .play-btn{width:70px;height:70px}.controls.lg .icon-btn{width:48px;height:48px}.progress{display:flex;align-items:center;gap:10px;width:100%}.progress .time{width:42px;color:var(--text-3);font-size:11.5px;font-variant-numeric:tabular-nums;text-align:center}.progress.lg .time{font-size:13px;color:#ffffffb3;width:48px}.progress.lg .slider-track{height:5px;background:#fff3}.pb-right{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:6px}.volume{display:flex;align-items:center;gap:6px;width:clamp(120px,10vw,170px)}@media(max-width:1080px){.volume{width:auto}.volume .slider{display:none}}@media(max-height:700px){.pb-cover{width:50px;height:50px}}.queue{grid-column:3;grid-row:1;position:relative;z-index:1;margin-left:var(--shell-gap);background:var(--glass-side);overflow:hidden;min-height:0}.queue-inner{width:340px;height:100%;display:flex;flex-direction:column}.queue-head{display:flex;align-items:center;justify-content:space-between;height:var(--topbar);padding:0 12px 0 20px;flex:none;margin-top:44px}@media(max-width:1379px){.queue{position:fixed;top:var(--shell-gap);right:var(--shell-gap);bottom:calc(var(--playerbar) + var(--shell-gap) * 2);z-index:30;margin:0;background:#0e0e12e6;-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);box-shadow:inset 0 0 0 1px var(--glass-edge),-24px 0 60px #0000008c}}.queue-head h3{font-size:18px}.queue-scroll{flex:1;overflow-y:auto;padding:0 10px 20px}.queue-label{padding:14px 10px 8px;color:var(--text-3);font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.06em}.queue-label.row{display:flex;justify-content:space-between;align-items:center}.queue-label .text-btn{text-transform:none;letter-spacing:0}.q-item{display:flex;align-items:center;gap:11px;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s}.q-item:hover{background:#ffffff0d}.q-item.current{background:rgb(var(--dyn) / .14)}.q-cover{width:44px;height:44px;border-radius:7px}.q-eq{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000080}.q-text{flex:1;min-width:0}.q-title{font-weight:600}.q-artist{display:flex;align-items:center;gap:5px;color:var(--text-2);font-size:12.5px}.q-dur{color:var(--text-3);font-size:12px;font-variant-numeric:tabular-nums}.q-remove{display:none}.q-item:hover .q-remove{display:inline-flex}.q-item:hover .q-dur{display:none}.fs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;overflow:hidden;background:#0b0b0d;isolation:isolate}.fs-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;background:#0b0b0d}.fs-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 55% at 22% 18%,rgb(var(--dyn) / .24),transparent 70%),radial-gradient(55% 50% at 82% 88%,rgb(var(--dyn) / .16),transparent 70%)}.fs-bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:0;animation:fade-in .9s var(--ease) forwards}.fs-bg-layer:not(.top),.fs-bg-layer.instant{animation:none;opacity:.8}.fs-bg-layer.top{--to: .8}@keyframes fade-in{to{opacity:var(--to, 1)}}.fs-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(120% 90% at 50% 40%,#0a0a0c40,#0a0a0cd9)}.fs-head{display:flex;align-items:center;gap:16px;height:64px;padding:0 160px 0 clamp(16px,2vw,32px)}.fs-from{display:flex;align-items:center;gap:8px;color:#ffffffbf;font-weight:600;font-size:13px}.fs-body{height:calc(100% - 64px);display:flex;align-items:center;justify-content:center;gap:clamp(32px,5vw,88px);padding:0 clamp(24px,4vw,64px) clamp(20px,4vh,48px)}.fs-main{display:flex;flex-direction:column;align-items:stretch;gap:clamp(12px,2.4vh,24px);width:min(500px,50vh,62vw)}.fs-main.video{width:min(900px,60vw,calc((100vh - 330px) * 16 / 9))}.fs-cover .cover{width:100%;border-radius:20px;box-shadow:0 40px 90px #0009}.fs-video-slot{width:100%;aspect-ratio:16 / 9;border-radius:20px;background:#0006;box-shadow:0 40px 90px #0009}.fs-info{display:flex;align-items:center;gap:16px}.fs-text{flex:1;min-width:0}.fs-text h1{font-size:clamp(22px,2.6vh + 8px,34px);font-weight:800;letter-spacing:-.03em}.fs-text p{margin:4px 0 0;color:#ffffffb3;font-size:17px}.fs-main .controls{justify-content:center}.fs .icon-btn{color:#fffc}.fs .icon-btn:hover:not(:disabled){color:#fff;background:#ffffff1a}.fs .icon-btn.like.on{color:#ff4f7b}.fs-next{width:clamp(280px,22vw,360px);padding:18px;border-radius:20px;background:#0000004d;box-shadow:inset 0 0 0 1px #ffffff14}.fs-next-label{color:#fff9;font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px 6px}.fs-next-item{display:flex;align-items:center;gap:11px;width:100%;padding:6px;border-radius:10px;text-align:left;transition:background .15s}.fs-next-item:hover{background:#ffffff14}.fs-next-cover{width:42px;height:42px;border-radius:7px}.fs-next-text{flex:1;min-width:0;display:flex;flex-direction:column;font-weight:600}.fs-next-text small,.fs-next-dur{color:#fff9;font-weight:500;font-size:12px}@media(max-width:1200px){.fs-next{display:none}}@media(max-height:720px){.fs-head{height:52px}.fs-body{height:calc(100% - 52px)}.controls.lg{gap:14px}.controls.lg .play-btn{width:58px;height:58px}.controls.lg .icon-btn{width:42px;height:42px}}.yt-host{position:fixed;right:0;bottom:0;width:400px;height:225px;opacity:0;pointer-events:none;z-index:-1;border-radius:20px;overflow:hidden}.yt-host.staged{opacity:1;z-index:60;transition:opacity .35s}.yt-host.staged.leaving{z-index:61;opacity:0;transition:opacity var(--mix-ms, 6s) linear}.yt-host iframe{width:100%;height:100%;border:0;display:block}.engine-frame{position:fixed;left:0;bottom:0;width:300px;height:166px;z-index:-1;opacity:0;pointer-events:none;border:0}.menu{position:fixed;z-index:100;min-width:230px;padding:6px;border-radius:12px;background:#222227f5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 50px #0000008c,inset 0 0 0 1px var(--line-2);animation:pop .2s var(--ease)}@keyframes pop{0%{opacity:0;transform:scale(.98) translateY(-2px)}}.menu-item{display:flex;align-items:center;gap:12px;width:100%;height:36px;padding:0 10px;border-radius:8px;color:var(--text);font-size:13.5px;font-weight:500;text-align:left}.menu-item svg{color:var(--text-2)}.menu-item:hover{background:#ffffff14}.menu-item.danger,.menu-item.danger svg{color:var(--danger)}.menu-divider{height:1px;margin:5px 6px;background:var(--line)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(440px,calc(100vw - 32px));padding:24px;border-radius:18px;background:var(--popover);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);box-shadow:0 30px 80px #0009,inset 0 0 0 1px var(--line-2)}.modal h3{font-size:20px;margin-bottom:16px}.modal-text{margin:-6px 0 8px;color:var(--text-2)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.pick-list{display:flex;flex-direction:column;gap:2px;max-height:340px;overflow-y:auto;margin:0 -8px}.pick-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:10px;text-align:left;font-weight:600}.pick-item small{color:var(--text-3);font-weight:500}.pick-item:hover{background:#ffffff0f}.pick-thumb{width:44px;height:44px;border-radius:8px}.pick-thumb.new{display:grid;place-items:center;background:var(--surface-3);flex:none}.toasts{position:fixed;right:20px;bottom:calc(var(--playerbar) + 16px);z-index:110;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;max-width:440px;padding:11px 16px;border-radius:12px;background:#28282ef5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 30px #00000073,inset 0 0 0 1px var(--line-2);font-weight:550;font-size:13.5px}.toast svg{flex:none;color:var(--text-2)}.toast.error svg{color:var(--danger)}.toast.success svg{color:var(--ok)}.settings-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:40px;align-items:start}.settings-nav{position:sticky;top:12px;display:flex;flex-direction:column;gap:2px}.settings-nav button{display:flex;align-items:center;gap:12px;height:40px;padding:0 12px;border-radius:var(--radius-sm);color:var(--text-2);font-weight:600;text-align:left;transition:background-color .18s var(--ease),color .18s var(--ease)}.settings-nav button:hover{color:var(--text);background:var(--surface)}.settings-nav button.active{color:var(--text);background:var(--surface-2)}.settings-sections{display:flex;flex-direction:column;gap:36px;min-width:0}.settings-section{display:flex;flex-direction:column;gap:16px;scroll-margin-top:calc(var(--topbar) + 16px)}@container main (max-width: 900px){.settings-layout{grid-template-columns:minmax(0,1fr);gap:20px}.settings-nav{top:0;z-index:2;flex-direction:row;gap:6px;margin:0 calc(-1 * var(--gutter));padding:8px var(--gutter);overflow-x:auto;scrollbar-width:none;background:var(--glass-main);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.settings-nav button{flex:none;height:34px;border-radius:17px}.settings-nav button svg{display:none}.settings-section{scroll-margin-top:calc(var(--topbar) + 66px)}}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:18px;align-items:start}.settings-card{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.settings-card>header{display:flex;align-items:center;gap:14px}.settings-card>header>div{flex:1}.settings-card h2{font-size:18px}.settings-card .btn{align-self:flex-start}.settings-text{margin:0;color:var(--text-2)}.status{display:inline-flex;align-items:center;gap:6px;color:var(--text-3);font-size:13px;font-weight:550}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.status.ok{color:var(--ok)}.status.warn{color:var(--warn)}.field{display:flex;flex-direction:column;gap:6px;flex:1}.field-label{font-size:12.5px;font-weight:650;color:var(--text-2)}.field-hint{font-size:12.5px;color:var(--text-3);margin:4px 0 0}.field-row{display:flex;gap:12px}.guide{border-radius:12px;background:#ffffff08;box-shadow:inset 0 0 0 1px var(--line)}.guide-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px;font-weight:600;color:var(--text-2);text-align:left}.guide-toggle svg{transition:transform .2s;transform:rotate(-90deg)}.guide.open .guide-toggle svg{transform:none}.guide-body{display:flex;flex-direction:column;gap:12px;padding:0 16px 16px;color:var(--text-2);-webkit-user-select:text;user-select:text}.guide-body p{margin:0}.guide-body ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.guide-body b{color:var(--text)}.copy-value{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:6px;padding:8px 12px;border-radius:8px;background:var(--well);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2)}.copy-value code{font-family:Cascadia Code,Consolas,monospace;font-size:13px}.callout{padding:12px 14px;border-radius:10px;background:#ffffff0d;color:var(--text-2)}.callout.warn{background:#ffb5471a;color:#ffd08a}.player-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:#ffffff08}.player-status .status{margin-top:4px}.hotkeys{display:flex;flex-direction:column;gap:10px}.hotkey{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-2)}kbd{font-family:inherit;font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px;background:var(--surface-3);color:var(--text);box-shadow:inset 0 -1px #0006;white-space:nowrap}.about{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--line);color:var(--text-3);font-size:13px}:root[data-motion=reduced] *,:root[data-motion=reduced] *:before,:root[data-motion=reduced] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}:root[data-motion=reduced] .eq i{transform:scaleY(.55)}:root[data-motion=reduced] .eq i:nth-child(2){transform:scaleY(1)}:root[data-motion=reduced] .eq i:nth-child(3){transform:scaleY(.75)}:root[data-motion=reduced] .spinner{animation-duration:1.4s!important;animation-iteration-count:infinite!important}:root[data-motion=reduced] .app-backdrop-scrim{transition-duration:1.4s!important}:root[data-motion=reduced] .app-backdrop-layer.top{animation-duration:1.4s!important}:root[data-motion=reduced] .item-glow,:root[data-motion=reduced] .page-hero,:root[data-motion=reduced] .page-hero-art{transition-duration:.8s!important}:root[data-motion=reduced] .fs-bg-layer.top{animation-duration:.9s!important}:root[data-motion=reduced] .yt-host.staged.leaving{transition-duration:var(--mix-ms, 6s)!important}@media(max-width:1140px){:root{--sidebar-w: 76px}.sidebar{padding:0 10px 10px}.brand{justify-content:center;padding:0}.brand-name,.side-link span,.side-item-text,.side-section-head span{display:none}.side-link{justify-content:center;padding:0;gap:0}.side-section-head{justify-content:center;padding:0 0 8px}.side-item{justify-content:center;padding:6px 0}.side-list{scrollbar-width:none}}.segmented{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:12px;background:var(--well);box-shadow:inset 0 0 0 1px var(--line);align-self:flex-start}.segmented button{height:32px;padding:0 12px;border-radius:8px;color:var(--text-2);font-weight:600;font-size:13px;font-variant-numeric:tabular-nums;transition:background .15s,color .15s}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--surface-3);color:var(--text)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}.switch-row>span{display:flex;flex-direction:column;gap:2px}.switch-row .field-hint{margin:0}.switch{position:relative;flex:none;width:42px;height:24px;border-radius:999px;background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line-2);transition:background .2s var(--ease)}.switch span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--text-2);box-shadow:0 1px 3px #0006;transition:transform .2s var(--ease),background .2s}.switch.on{background:var(--ok);box-shadow:none}.switch.on span{transform:translate(18px);background:#fff}.callout{display:flex;flex-direction:column;gap:8px}.callout p{margin:0}.page-enter{animation:page-in .32s var(--ease) backwards}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}.artist-links{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-link{display:inline;font:inherit;color:inherit;text-align:left;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .15s}.artist-link:hover{color:var(--text);text-decoration:underline}.fs-text .artist-link:hover{color:#fff}.artist-page{padding-top:0}.page-hero{position:relative;display:flex;align-items:flex-end;min-height:clamp(300px,40vh,440px);margin:calc(-1 * var(--topbar)) calc(-1 * var(--gutter)) 0;padding:calc(var(--topbar) + 32px) var(--gutter) 30px;isolation:isolate;overflow:hidden;--glow: rgb(var(--hdr));background:linear-gradient(180deg,color-mix(in srgb,var(--glow) 42%,transparent) 0%,color-mix(in srgb,var(--glow) 16%,transparent) 70%,transparent 100%);transition:--glow .8s var(--ease)}.page-hero-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-size:cover;background-position:center 30%;opacity:0;transition:opacity .8s var(--ease);-webkit-mask-image:linear-gradient(180deg,#000 25%,rgb(0 0 0 / .35) 62%,transparent 90%);mask-image:linear-gradient(180deg,#000 25%,rgb(0 0 0 / .35) 62%,transparent 90%)}.page-hero-art.ready{opacity:1}.page-hero-art.blurred{background-size:125%}.page-hero-art.banner{filter:saturate(1.05)}.page-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,rgb(0 0 0 / .25) 0%,rgb(0 0 0 / .05) 40%,transparent 100%),linear-gradient(90deg,rgb(0 0 0 / .4) 0%,transparent 65%)}.page-hero-content{display:flex;align-items:flex-end;gap:clamp(18px,2.4cqi,36px);min-width:0}.artist-hero-avatar{width:clamp(128px,14cqi,220px);border-radius:50%;box-shadow:0 24px 60px #0000008c,0 0 0 1px #ffffff14}.artist-hero-meta{min-width:0;padding-bottom:6px}.artist-name{font-size:clamp(42px,5.4cqi + 10px,110px);font-weight:850;letter-spacing:-.04em;line-height:.95;margin:0 0 14px;text-wrap:balance;word-break:break-word;text-shadow:0 4px 30px rgba(0,0,0,.3)}.artist-name.long{font-size:clamp(34px,3.6cqi + 10px,76px)}.artist-stats{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;color:#ffffffd1;font-weight:560}.artist-stats span+span:before{content:"·";margin-right:10px;opacity:.6}.artist-actions{margin-top:22px}.artist-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:clamp(20px,2.4cqi,40px);align-items:start}.artist-layout .artist-section{margin-top:0}@container main (max-width: 980px){.artist-layout{grid-template-columns:minmax(0,1fr)}}@container main (max-width: 620px){.page-hero-content{flex-direction:column;align-items:flex-start}}.artist-about{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:16px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.artist-about h3{font-size:15px;font-weight:700;margin-bottom:6px}.artist-latest{display:flex;align-items:center;gap:12px;padding:8px 10px;margin:0 -10px;border-radius:var(--radius-sm);text-align:left;transition:background-color .18s var(--ease)}.artist-latest:hover{background:var(--surface-2)}.artist-latest-cover{width:56px;height:56px;flex:none;border-radius:8px}.artist-about h3.artist-about-next{margin-top:12px}.artist-place{display:flex;align-items:center;gap:12px;padding:10px;margin:0 -10px;border-radius:10px;text-align:left;color:var(--text-3);transition:background .15s,color .15s}.artist-place:hover{background:#ffffff0d;color:var(--text-2)}.artist-place-text{display:flex;flex-direction:column;flex:1;min-width:0}.artist-place-text b{color:var(--text);font-weight:650}.artist-place-text small{color:var(--text-2);font-size:12.5px}.artist-genres{display:flex;flex-wrap:wrap;gap:6px;padding-top:12px;margin-top:6px;border-top:1px solid var(--line)}.tag-chip{padding:4px 10px;border-radius:999px;background:var(--surface-2);color:var(--text-2);font-size:12.5px;font-weight:550}.artist-avatar-empty{display:grid;place-items:center;color:var(--text-3);background:var(--surface-2)}.artist-section{margin-top:clamp(26px,2.4cqi,40px)}.artist-card{text-align:center}.artist-card .card-art .cover.artist-cover{border-radius:50%}.artist-card .card-art .cover:after{border-radius:50%}.search-wrap{position:relative;max-width:820px;margin:8px 0 16px;z-index:6}.suggest{position:absolute;top:calc(100% + 6px);left:0;right:0;padding:6px;border-radius:14px;background:#202025fa;box-shadow:0 24px 60px #0000008c,inset 0 0 0 1px var(--line-2);animation:pop .2s var(--ease)}.suggest-item{display:flex;align-items:center;gap:12px;width:100%;height:40px;padding:0 12px;border-radius:9px;color:var(--text);font-size:14.5px;font-weight:500;text-align:left}.suggest-item svg{flex:none;color:var(--text-3)}.suggest-item.active{background:#ffffff12}.top-results{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.6fr);gap:clamp(16px,2cqi,32px);margin-top:28px}@container main (max-width: 820px){.top-results{grid-template-columns:minmax(0,1fr)}}.best-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;min-height:250px;transition:background .2s}.best-card:hover{background:var(--surface-2)}.best-cover{width:clamp(92px,9cqi,124px);border-radius:12px;margin-bottom:14px;box-shadow:0 12px 30px #00000073}.best-cover.round{border-radius:50%}.best-title{font-size:clamp(22px,1cqi + 14px,30px);font-weight:800;letter-spacing:-.03em}.best-card.active .best-title{color:var(--dyn-soft)}.best-sub{display:flex;align-items:center;gap:8px;min-width:0;color:var(--text-2);font-size:14px}.best-card .card-play{right:20px;bottom:20px}.best-card:hover .card-play,.best-card.active .card-play{opacity:1;transform:none}.top-results .tracklist{margin-top:-4px}.fs-tabs{display:flex;gap:4px;margin-left:auto;padding:4px;border-radius:999px;background:#00000047;box-shadow:inset 0 0 0 1px #ffffff14}.fs-tab{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 14px;border-radius:999px;color:#ffffffb3;font-weight:650;font-size:13px;transition:background .2s,color .2s}.fs-tab:hover{color:#fff}.fs-tab.active{background:#ffffffeb;color:#111}.fs-body.with-lyrics{justify-content:center;gap:clamp(28px,4.5vw,96px)}.fs-body.with-lyrics .fs-main{width:min(420px,42vh,34vw)}.fs-body.with-lyrics .fs-main.video{width:min(560px,40vw,calc((100vh - 330px) * 16 / 9))}.fs-lyrics{flex:1;max-width:720px;height:min(78vh,760px);min-width:0;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 80%,transparent 100%);will-change:transform;transform:translateZ(0)}@media(max-width:1000px){.fs-body.with-lyrics .fs-main{width:min(320px,36vh,38vw)}}.lyrics{position:relative;height:100%;overflow-y:auto;scrollbar-width:none;padding:36vh 8px 40vh 4px;overscroll-behavior:contain}.lyrics::-webkit-scrollbar{display:none}.lyric{display:block;width:100%;padding:.28em 0;text-align:left;font-size:clamp(22px,1.4vw + 12px,38px);font-weight:800;line-height:1.22;letter-spacing:-.02em;color:#ffffff4d;transform:scale(.94);transform-origin:left center;transition:transform .6s var(--ease),color .5s var(--ease),opacity .5s var(--ease);cursor:pointer;text-wrap:pretty}.lyric.past{color:#ffffff75}.lyric:hover{color:#ffffffc7}.lyric.active{transform:scale(1);color:#fff}.lyric.active .lyric-text{color:transparent;background:linear-gradient(90deg,#fff var(--p, 0%),rgba(255,255,255,.42) calc(var(--p, 0%) + 6%));-webkit-background-clip:text;background-clip:text}.lyric-gap{--g: 0;display:flex;gap:9px;padding:.5em 0}.lyric-gap i{width:10px;height:10px;border-radius:50%;background:#fff;opacity:.22;transition:opacity .35s ease-out}.lyric-gap.active i:nth-child(1){opacity:calc(.22 + .78*clamp(0,var(--g) * 3,1))}.lyric-gap.active i:nth-child(2){opacity:calc(.22 + .78*clamp(0,var(--g) * 3 - 1,1))}.lyric-gap.active i:nth-child(3){opacity:calc(.22 + .78*clamp(0,var(--g) * 3 - 2,1))}.lyric-gap.past i{opacity:.12}.lyrics-credit,.lyrics-note{margin-top:28px;color:#fff6;font-size:12px;font-weight:600}.lyrics-note{margin:0 0 16px}.lyrics.plain{padding:8vh 8px 12vh 4px}.lyrics.plain p{margin:0 0 .35em;font-size:clamp(18px,.8vw + 12px,26px);font-weight:700;line-height:1.35;color:#ffffffd1;-webkit-user-select:text;user-select:text}.lyrics.plain p.lyric-section{margin:1.2em 0 .3em;font-size:13px;font-weight:650;color:var(--text-3)}.lyrics.plain p.lyric-section:first-of-type{margin-top:0}.lyrics-loading{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:0}.lyric-skeleton{height:30px;border-radius:10px;background:linear-gradient(90deg,#ffffff12,#ffffff29,#ffffff12);background-size:200% 100%;animation:shimmer 1.3s ease-in-out infinite}.lyrics-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:#ffffffb3}.lyrics-empty h3{color:#fff;font-size:20px;margin-top:8px}.lyrics-empty p{margin:0;max-width:320px}.modal.wide{width:min(560px,calc(100vw - 32px))}.check{display:grid;place-items:center;width:20px;height:20px;flex:none;border-radius:6px;box-shadow:inset 0 0 0 1.5px var(--line-2);color:transparent;transition:background .15s,box-shadow .15s,color .15s}.check.on{background:var(--accent);box-shadow:none;color:var(--accent-ink)}.pick-all{display:flex;align-items:center;gap:12px;padding:8px 0;margin-bottom:4px;color:var(--text-2);font-weight:600}.pick-text{min-width:0;display:flex;flex-direction:column}.pick-item .check{margin-right:2px}.pick-loading{display:flex;align-items:center;gap:10px;padding:12px 8px;color:var(--text-2)}.import-progress h3{margin-bottom:8px}.import-bar{height:6px;margin-top:18px;border-radius:6px;background:var(--surface-3);overflow:hidden}.import-bar span{display:block;height:100%;border-radius:6px;background:var(--accent);transform-origin:left center;transition:transform .4s var(--ease)}svg.lucide{stroke-width:1.85;flex:none}.play-btn svg.lucide,.card-play svg.lucide,.wave-play svg.lucide{stroke-width:2}.update-pill{display:flex;align-items:center;gap:12px;margin:8px 2px 0;padding:10px 12px;border-radius:var(--radius-sm);background:#3ddc841f;box-shadow:inset 0 0 0 1px #3ddc8447;color:var(--ok);text-align:left;font-weight:650;font-size:13px;transition:background .15s}.update-pill:hover{background:#3ddc8433}.update-pill span{display:flex;flex-direction:column;min-width:0}.update-pill small{color:var(--text-2);font-weight:500;font-size:12px}@media(max-width:1140px){.update-pill{justify-content:center;padding:10px 0}.update-pill span{display:none}}.about-logo{width:40px;height:40px;border-radius:11px;flex:none;box-shadow:0 6px 16px #0006}.about-actions{display:flex;flex-wrap:wrap;gap:10px}.settings-card .about-actions .btn{align-self:auto}.btn.danger-text{color:var(--danger)}.btn.danger-text:hover:not(:disabled){background:#ff5a5f1a}.icon-btn.danger-hover:hover:not(:disabled){color:var(--danger);border-color:#ff5a5f73;background:#ff5a5f14}.tracklist.no-num{--cols: minmax(200px, 5fr) minmax(120px, 3fr) 28px 40px 56px 40px}.tracklist.no-num.no-album{--cols: minmax(200px, 1fr) 28px 40px 56px 40px}.tracklist.no-num .tl-head,.tracklist.no-num .tl-row{padding-left:8px}@container main (max-width: 860px){.tracklist.no-num{--cols: minmax(160px, 1fr) 28px 40px 52px 36px}}.tl-cover-state{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000080;color:#fff;opacity:0;transition:opacity .15s}.tl-cover-state>*{grid-area:1 / 1}.tl-cover-state.current{opacity:1}.tl-cover-state .tl-play{display:none}.tl-row:hover .tl-cover-state{opacity:1}.tl-row:hover .tl-cover-state .tl-play{display:flex}.tl-row:hover .tl-cover-state .eq{visibility:hidden}.ai-toggle{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;color:var(--text-2);font-weight:650;font-size:13px;box-shadow:inset 0 0 0 1px var(--line-2);transition:background .15s,color .15s,box-shadow .15s;flex:none}.ai-toggle:hover{color:var(--text);background:#ffffff0d}.ai-toggle.on{color:var(--accent-ink);background:var(--accent);box-shadow:none}.search-box.ai>svg:first-child{color:var(--text)}.ai-results{margin-top:26px}.ai-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}.ai-head-text{flex:1;min-width:0}.ai-head-text h2{font-size:20px}.ai-head-text p{margin:2px 0 0;color:var(--text-2)}.ai-actions{display:flex;flex-wrap:wrap;gap:8px}.ai-progress{display:flex;align-items:center;gap:10px;padding:10px 2px 16px;color:var(--text-2)}@container main (max-width: 720px){.ai-head{flex-wrap:wrap}}.sleep-btn{position:relative}.sleep-left{position:absolute;top:2px;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--accent);color:var(--accent-ink);font-size:10px;font-weight:800;line-height:16px;font-variant-numeric:tabular-nums}.sleep-btn.on:after{display:none}.tl-row[draggable=true],.q-item[draggable=true]{cursor:grab}.tl-row.drop-before,.q-item.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.tl-row.drop-after{box-shadow:inset 0 -2px 0 var(--accent)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--line);color:var(--text-2)}.discord-badge{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;background:#5865f2}.settings-card>header>.discord-badge{flex:none}.modal.account{width:min(420px,calc(100vw - 32px));padding:28px}.account-modal{display:flex;flex-direction:column;gap:14px}.account-modal h3{margin:0;font-size:24px}.account-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:12px;background:var(--well);box-shadow:inset 0 0 0 1px var(--line)}.account-tabs button{height:36px;border-radius:9px;color:var(--text-2);font-weight:650;transition:background .15s,color .15s}.account-tabs button.active{background:var(--surface-3);color:var(--text)}.account-fields{display:flex;flex-direction:column;gap:10px}.account-note{display:flex;gap:10px;align-items:flex-start;margin:0;line-height:1.45}.account-note svg{flex:none;margin-top:2px}.account-legal{margin:0;color:var(--text-3);font-size:12.5px;text-align:center}.back-link{align-self:flex-start;margin-bottom:-4px}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap .input{padding-right:40px}.input-eye{position:absolute;right:6px}.input-wrap.prefix .input{padding-left:30px;padding-right:14px}.input-prefix{position:absolute;left:14px;color:var(--text-3);font-weight:600;pointer-events:none}.code-input{height:52px;text-align:center;font-size:24px;font-weight:700;letter-spacing:.35em;font-variant-numeric:tabular-nums}.field-hint.good{color:var(--ok)}.field-hint.bad{color:var(--danger)}.btn.wide{width:100%;height:44px}.text-btn.center{align-self:center}.text-btn:disabled{opacity:.5;cursor:default}.textarea{height:84px;padding:10px 14px;resize:none;line-height:1.45}.avatar{display:inline-grid;place-items:center;flex:none;border-radius:50%;object-fit:cover;background:var(--surface-3)}.avatar-letter{color:#fff;font-weight:800;-webkit-user-select:none;user-select:none}.side-bottom{display:flex;flex-direction:column;gap:2px;margin-top:8px}.side-bottom .settings-link{margin-top:0}.account-chip{display:flex;align-items:center;gap:11px;padding:7px 10px;border-radius:var(--radius-sm);text-align:left;transition:background .15s;min-width:0}.account-chip:hover{background:#ffffff0a}.account-chip.active{background:#ffffff14}.account-chip-text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.account-chip-text small{color:var(--text-3);font-size:12px}.side-link{position:relative}.side-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--danger);color:#fff;font-style:normal;font-size:11px;font-weight:800;line-height:20px;text-align:center}@media(max-width:1140px){.account-chip{justify-content:center;padding:7px 0}.account-chip-text{display:none}.side-badge{position:absolute;top:4px;right:8px;min-width:16px;height:16px;line-height:16px;font-size:10px;padding:0 4px}}.profile-hero{display:flex;align-items:center;gap:clamp(18px,2.4cqi,36px);padding:24px 0 26px}.profile-meta{min-width:0}.profile-meta .item-title{margin-bottom:8px}.profile-bio{margin:10px 0 0;color:var(--text-2);max-width:560px}.profile-actions{margin:16px 0 0}.avatar-edit{position:relative;border-radius:50%;flex:none;box-shadow:0 20px 50px #00000080}.avatar-edit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:50%;background:#0000008c;color:#fff;opacity:0;transition:opacity .2s}.avatar-edit:hover .avatar-edit-overlay,.avatar-edit:focus-visible .avatar-edit-overlay{opacity:1}.profile-row{display:flex;align-items:center;gap:14px;padding:14px 18px;margin-bottom:18px;border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--text-2)}.profile-row-text{flex:1;display:flex;flex-direction:column;min-width:0}.profile-row-text b{color:var(--text)}.profile-row-text .bad{color:var(--danger)}.profile-empty{margin-top:26px}.friend-badge{display:inline-flex;align-items:center;gap:4px;color:var(--ok)}@container main (max-width: 620px){.profile-hero{flex-direction:column;align-items:flex-start}}.friend-search{max-width:560px;margin:4px 0 8px}.friend-search input{flex:1;height:100%;background:none;border:0;outline:none;font-size:15px;color:var(--text)}.people{display:flex;flex-direction:column;gap:2px}.person{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s}.person:hover{background:#ffffff0d}.person-text{flex:1;display:flex;flex-direction:column;min-width:0}.person-text>span{color:var(--text-2);font-size:13px}.person-actions{display:flex;align-items:center;gap:8px}.tag.ok{background:#3ddc8426;color:var(--ok)}.friend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}.friend-card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:16px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:background .15s}.friend-card:hover{background:var(--surface-2)}.friend-card.live{box-shadow:inset 0 0 0 1px #3ddc8440}.friend-top{display:flex;align-items:center;gap:12px}.friend-now{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:#ffffff0a}.friend-cover{width:48px;height:48px;border-radius:8px}.friend-live{display:inline-flex;align-items:center;gap:7px;color:var(--ok)!important;font-size:12px!important;font-weight:700}.friend-live .eq{height:11px}.friend-idle{color:var(--text-3);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-listening{display:flex;align-items:center;gap:14px;max-width:560px;padding:14px;margin-bottom:8px;border-radius:16px;background:var(--surface);box-shadow:inset 0 0 0 1px #3ddc8440;cursor:pointer}.now-cover{width:64px;height:64px;border-radius:10px}.owner-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#fff}.owner-link:hover{text-decoration:underline}.btn.shared-on{color:var(--ok)}.code-alt{color:var(--text-2);font-size:13.5px}.code-alt summary{cursor:pointer;margin-bottom:8px;width:fit-content}.code-alt summary:hover{color:var(--text)}.automix-badge{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;background:rgb(var(--dyn) / .18);box-shadow:inset 0 0 0 1px rgb(var(--dyn) / .3);color:var(--dyn-soft)}.settings-card>header>.automix-badge{flex:none}.automix-card>header>.switch{align-self:center}.automix-body{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;border:0;min-width:0;transition:opacity .2s}.automix-body:disabled{opacity:.45}.automix-body:disabled *{cursor:default}.mix-curve{margin:2px 0 0;padding:14px 16px 10px;border-radius:14px;background:var(--well);box-shadow:inset 0 0 0 1px var(--line)}.mix-curve svg{display:block;width:100%;height:92px;overflow:visible}.mix-curve polyline{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.mix-out{stroke:var(--text-3)}.mix-in{stroke:var(--dyn-soft)}.mix-grid{stroke:var(--line-2);stroke-width:1;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.mix-curve figcaption{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;color:var(--text-3)}.mix-key{display:inline-flex;align-items:center;gap:6px}.mix-key:before{content:"";width:12px;height:3px;border-radius:2px;background:var(--text-3)}.mix-key.in{color:var(--text-2)}.mix-key.in:before{background:var(--dyn-soft)}.mix-len{font-weight:650;color:var(--text-2);font-variant-numeric:tabular-nums}.automix-row{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:14px}.automix-row.styles{grid-template-columns:112px minmax(0,1fr)}.automix-row .segmented{justify-self:start}.automix-value{min-width:36px;text-align:right;font-weight:650;font-variant-numeric:tabular-nums}.automix-style-hint{margin:-6px 0 0 126px}.automix-toggles{display:flex;flex-direction:column;gap:14px;padding-top:14px;border-top:1px solid var(--line)}.automix-preview{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding-top:14px;border-top:1px solid var(--line)}.automix-preview .field-hint{margin:0}@container main (max-width: 560px){.automix-row,.automix-row.styles{grid-template-columns:minmax(0,1fr) auto}.automix-row .field-label{grid-column:1 / -1}.automix-style-hint{margin-left:0}}.slider-zone{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,rgb(var(--dyn) / 0),rgb(var(--dyn) / .75));border-radius:4px}.pb-title{align-items:center;gap:8px}.mix-badge{display:none;align-items:center;gap:4px;flex:none;height:18px;padding:0 7px;border-radius:999px;background:rgb(var(--dyn) / .22);color:var(--dyn-soft);font-size:10.5px;font-weight:700;letter-spacing:.02em;opacity:0;transform:translate(-4px);transition:opacity .3s,transform .3s var(--ease),display .3s allow-discrete;pointer-events:none}.mix-badge.on{display:inline-flex;opacity:1;transform:none}@starting-style{.mix-badge.on{opacity:0;transform:translate(-4px)}}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}@container main (max-width: 1180px){.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container main (max-width: 780px){.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.quick-grid>:nth-child(n+9){display:none}@container main (max-width: 1180px){.quick-grid>:nth-child(n+7){display:none}}@container main (max-width: 780px){.quick-grid>:nth-child(n+5){display:none}}.quick-genre{display:block;width:100%;height:100%;background:var(--g)}.quick-genre img{width:100%;height:100%;object-fit:cover}.quick-art .cover.round{border-radius:50%;transform:scale(.84)}.quick-tile{position:relative;display:flex;align-items:center;gap:14px;height:60px;padding-right:10px;border-radius:10px;background:#ffffff0e;overflow:hidden;cursor:pointer;transition:background .2s}.quick-tile:hover,.quick-tile:focus-visible{background:#ffffff1a}.quick-tile:focus-visible{outline-offset:0}.quick-art{width:60px;height:60px;flex:none;box-shadow:6px 0 18px #00000047}.quick-art .cover{width:100%;height:100%;border-radius:0}.quick-likes{display:grid;place-items:center;width:100%;height:100%;background:#ff4f7b29;color:var(--like)}.quick-title{flex:1;min-width:0;font-weight:700;font-size:14px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.quick-tile.active .quick-title{color:var(--dyn-soft)}.quick-play{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 16px #0006;opacity:0;transform:scale(.85);transition:opacity .2s,transform .25s var(--ease)}.quick-tile:hover .quick-play,.quick-tile:focus-visible .quick-play,.quick-tile.active .quick-play{opacity:1;transform:none}.quick-play:hover{transform:scale(1.08)!important}.mix-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgb(var(--mix, 70 70 86) / .96) 0%,rgb(var(--mix, 70 70 86) / .5) 34%,transparent 64%);pointer-events:none}.hint-banner{display:flex;align-items:center;gap:14px;margin-top:16px;padding:12px 12px 12px 16px;border-radius:12px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--text-2)}.hint-banner>span{flex:1;min-width:0}.hint-banner b{color:var(--text);font-weight:650}.first-steps{margin-top:clamp(28px,2.6cqi,44px)}.first-steps h2{font-size:clamp(19px,.5cqi + 15px,24px);font-weight:720}.first-steps p{margin:4px 0 14px;color:var(--text-2);max-width:64ch}.result-sources{display:inline-flex;gap:6px;opacity:.9}.more-btn{display:flex;align-items:center;justify-content:center;width:100%;height:40px;margin-top:6px;border-radius:var(--radius-sm);color:var(--text-2);font-weight:600;font-size:13.5px;transition:background .15s,color .15s}.more-btn:hover{background:#ffffff0d;color:var(--text)}.list-filter{display:flex;align-items:center;gap:8px;margin-left:auto;height:38px;width:min(260px,40cqi);padding:0 6px 0 12px;border-radius:999px;background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--line);color:var(--text-3);transition:background .2s,box-shadow .2s,color .2s;cursor:text}.list-filter:focus-within,.list-filter.filled{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--text-2)}.list-filter input{flex:1;min-width:0;height:100%;background:none;border:0;outline:none;color:var(--text);-webkit-user-select:text;user-select:text}.list-filter input::placeholder{color:var(--text-3)}.item-header.page-hero{gap:0}.tl-none{color:var(--text-3)}.mix-journal summary{cursor:pointer;color:var(--text-2);font-weight:600;font-size:13px;width:fit-content}.mix-journal summary:hover{color:var(--text)}.mix-journal pre{max-height:220px;overflow:auto;margin:10px 0;padding:10px 12px;border-radius:10px;background:var(--well);color:var(--text-2);font:12px/1.55 Consolas,Cascadia Mono,monospace;white-space:pre-wrap;-webkit-user-select:text;user-select:text}.queue-scroll::-webkit-scrollbar-track,.side-list::-webkit-scrollbar-track{margin:4px 0 12px}.best-why{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:4px 10px;border-radius:999px;background:rgb(var(--dyn) / .18);color:var(--dyn-soft);font-size:12px;font-weight:650;width:fit-content}.lyric-hits{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:8px}.lyric-hit{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 10px;border-radius:12px;background:var(--surface);text-align:left;transition:background .15s}.lyric-hit:hover{background:var(--surface-2)}.lyric-hit-cover{width:52px;height:52px;border-radius:8px}.lyric-hit-text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.lyric-hit-text b{font-weight:650}.lyric-hit-text small{color:var(--text-2);font-size:12.5px}.lyric-snippet{margin-top:4px;color:var(--text-3);font-size:12.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lyric-snippet mark{background:none;color:var(--text);font-weight:650}.lyric-hit-play{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:var(--accent);color:var(--accent-ink);opacity:0;transform:scale(.85);transition:opacity .2s,transform .2s var(--ease)}.lyric-hit:hover .lyric-hit-play,.lyric-hit:focus-visible .lyric-hit-play{opacity:1;transform:none}.layout-notice{display:flex;align-items:center;gap:10px;margin:4px 0 8px;color:var(--text-2)}.layout-notice b{color:var(--text);font-weight:650}.library-chips{margin-bottom:8px}.wave-fan{position:absolute;right:clamp(28px,7cqi,110px);top:50%;width:clamp(150px,15cqi,220px);aspect-ratio:1;transform:translateY(-50%);pointer-events:none}.wave-fan-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border-radius:14px;box-shadow:0 18px 40px #00000080,0 0 0 1px #ffffff0f;transition:transform .6s var(--ease)}.wave-fan-cover.f0{transform:translate(-46%) rotate(-9deg) scale(.86);filter:brightness(.72)}.wave-fan-cover.f1{z-index:1}.wave-fan-cover.f2{transform:translate(46%) rotate(9deg) scale(.86);filter:brightness(.72)}.wave-hero:hover .wave-fan-cover.f0{transform:translate(-56%) rotate(-12deg) scale(.86)}.wave-hero:hover .wave-fan-cover.f2{transform:translate(56%) rotate(12deg) scale(.86)}.wave-hero.active .wave-fan-cover.f1{transform:scale(1.04)}@container main (max-width: 900px){.wave-fan{display:none}}.suggest-item.song{height:56px;cursor:pointer}.suggest-cover{width:40px;height:40px;border-radius:6px}.pick-item.version .pick-text{flex:1;min-width:0}.pick-item.version small{display:flex;align-items:center;gap:5px}.pick-item.version.current{background:#ffffff0f;cursor:default}.version-dur{color:var(--text-3);font-size:13px;font-variant-numeric:tabular-nums}.version-mark{width:20px;display:grid;place-items:center;color:var(--ok)}.suggest-cover.round{border-radius:50%}.suggest-song{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.3}.suggest-song b{font-weight:650}.suggest-song small{color:var(--text-2);font-size:12.5px}.suggest-play{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;background:var(--accent);color:var(--accent-ink);opacity:0;transition:opacity .15s}.suggest-item.song.active .suggest-play,.suggest-play:focus-visible{opacity:1}.suggest-item.first-text{margin-top:6px;position:relative}.suggest-item.first-text:before{content:"";position:absolute;left:12px;right:12px;top:-4px;height:1px;background:var(--line)}.side-link.active,.side-item.active{background:rgb(var(--dyn) / .2);box-shadow:inset 0 0 0 1px rgb(var(--dyn) / .22)}.side-link.active svg{color:var(--dyn-soft)}.side-link,.side-item{transition:background .25s,box-shadow .25s,color .15s}.pb-cover{box-shadow:0 6px 18px #0006,0 0 0 1px #ffffff12}.progress .slider-fill{background:linear-gradient(90deg,rgb(var(--dyn) / .9),var(--dyn-soft) 70%,#fff)}.fs-bg{will-change:transform;transform:scale(1.2)}.fs-cover{position:relative;isolation:isolate}.fs-cover:before{content:"";position:absolute;top:10%;right:6%;bottom:-4%;left:6%;z-index:-1;border-radius:40px;background:rgb(var(--dyn));filter:blur(70px);opacity:.55}.fs-cover .cover{border-radius:22px;box-shadow:0 40px 90px #0000008c,0 0 0 1px #ffffff14}.fs-text h1{font-size:clamp(26px,3.2vh + 10px,46px);line-height:1.08;letter-spacing:-.035em}.fs-text p{margin-top:6px;font-size:clamp(16px,.8vh + 11px,20px);font-weight:550}.fs-tabs{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.side-playing{margin-left:auto;padding-left:8px;color:var(--dyn-soft);flex:none}.side-playing .eq{height:12px}@media(max-width:1140px){.side-playing{display:none}}.sidebar:after,.main:after,.queue:after,.playerbar:after,.glass-rim:after,.menu:after,.modal:after,.toast:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;padding:1px;background:linear-gradient(150deg,#ffffff57,#ffffff1a 22%,#ffffff08,#ffffff0d 78%,#ffffff29);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.search-box,.modal,.toast,.fs-tabs,.settings-card,.quick-tile,.hint-banner{position:relative}.sidebar,.main,.queue,.playerbar{box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #00000040,0 20px 50px #00000047}.topbar-nav .icon-btn,.search-box,.fs-tabs,.menu,.toast,.list-filter{background:#ffffff12;-webkit-backdrop-filter:blur(22px) saturate(1.8);backdrop-filter:blur(22px) saturate(1.8);box-shadow:inset 0 1px #ffffff29,0 8px 24px #00000038}.topbar-nav .icon-btn{width:38px;height:38px}.topbar-nav .icon-btn:hover:not(:disabled){background:#ffffff21}.search-box:focus-within{background:#ffffff1a;box-shadow:inset 0 1px #fff3,0 0 0 4px rgb(var(--dyn) / .16),0 12px 30px #00000040}.menu,.toast{background:#1e1e24b8}.modal{background:#1a1a20c7;-webkit-backdrop-filter:blur(30px) saturate(1.8);backdrop-filter:blur(30px) saturate(1.8)}.settings-card,.quick-tile,.hint-banner,.artist-about{box-shadow:inset 0 1px #ffffff14}.play-btn,.wave-play{background:#f4f4f6;box-shadow:0 6px 18px #0000004d}.play-btn:hover:not(:disabled){background:#fff}.segmented button.active,.fs-tab.active{box-shadow:inset 0 1px #ffffff38,0 2px 8px #00000040}.tl-index .tl-num,.tl-index .eq,.tl-index .tl-play{transition:opacity .18s var(--ease)}.tl-index .tl-play{display:flex!important;opacity:0;pointer-events:none}.tl-row:hover .tl-index .tl-play{opacity:1;pointer-events:auto}.tl-row:hover .tl-index .tl-num,.tl-row:hover .tl-index .eq{visibility:visible;opacity:0}.chip,.btn,.icon-btn,.side-link,.side-item,.tl-row,.q-item,.menu-item,.suggest-item,.quick-tile,.card-title{transition-timing-function:var(--ease)}.tl-row,.q-item,.menu-item,.suggest-item{transition:background .18s var(--ease),color .18s var(--ease)}.btn.primary:disabled{opacity:1;background:#ffffff1a;color:var(--text-3);box-shadow:inset 0 0 0 1px #ffffff14}.btn.primary:disabled .source-icon{opacity:.6}.shelf-genre{scroll-snap-align:start}.shelf-row:has(>.shelf-genre){--genre-cols: round(var(--shelf-cols) * .7, 1);grid-auto-columns:calc((100% - (var(--genre-cols) - 1) * var(--shelf-gap)) / var(--genre-cols))}.genre-hero{--glow: var(--g);background:linear-gradient(180deg,color-mix(in srgb,var(--g) 88%,transparent) 0%,color-mix(in srgb,var(--g) 50%,transparent) 45%,color-mix(in srgb,var(--g) 20%,transparent) 75%,color-mix(in srgb,var(--g) 6%,transparent) 90%,transparent 100%)}.genre-hero-cover{width:clamp(150px,17cqi,264px);height:clamp(150px,17cqi,264px);flex:none;border-radius:18px;box-shadow:0 24px 60px #00000080}.genre-hero-empty{background:color-mix(in oklab,var(--g) 30%,rgb(14 14 18 / .8))}.recs{margin-top:40px}.recs .text-btn{display:inline-flex;align-items:center;gap:6px}.recs-list{display:flex;flex-direction:column;gap:2px}.rec-row{display:grid;grid-template-columns:44px minmax(0,1.4fr) minmax(0,1fr) 52px auto;align-items:center;gap:14px;padding:8px 12px 8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .18s var(--ease)}.rec-row:hover{background:#ffffff0f}.rec-row.current{background:rgb(var(--dyn) / .16)}.rec-row.current b{color:var(--dyn-soft)}.rec-cover{position:relative;width:44px;height:44px;border-radius:8px}.rec-eq{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000073}.rec-text{display:flex;flex-direction:column;min-width:0}.rec-text b{font-weight:650}.rec-text small,.rec-album{color:var(--text-2);font-size:13px}.rec-dur{color:var(--text-3);font-size:13px;font-variant-numeric:tabular-nums;text-align:right}@container main (max-width: 760px){.rec-row{grid-template-columns:44px minmax(0,1fr) auto}.rec-album,.rec-dur{display:none}}.notices{position:fixed;top:58px;right:22px;z-index:120;display:flex;flex-direction:column;align-items:stretch;gap:10px;width:340px;pointer-events:none}.notice{position:relative;overflow:hidden;border-radius:18px;background:radial-gradient(120% 90% at 0% 0%,rgb(var(--dyn) / .2),transparent 60%),#141419bd;-webkit-backdrop-filter:blur(28px) saturate(1.7);backdrop-filter:blur(28px) saturate(1.7);box-shadow:0 24px 60px #00000073,0 2px 8px #00000040,inset 0 1px #ffffff14;pointer-events:auto;transform-origin:100% 0}.notice:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;padding:1px;background:linear-gradient(150deg,#ffffff57,#ffffff1a 22%,#ffffff08,#ffffff0d 78%,#ffffff29);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.notice-body{display:flex;flex-direction:column;gap:12px;padding:14px 14px 15px}.notice-head{display:flex;align-items:center;gap:11px;min-width:0}.notice-title{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.notice-title b{font-size:14px;font-weight:650;letter-spacing:-.005em}.notice-sub{color:var(--text-2);font-size:12.5px;line-height:1.35}.notice-live{display:inline-flex;align-items:center;gap:6px;color:var(--ok);font-size:12px;font-weight:650}.notice-live .eq{height:10px}.notice-avatar{position:relative;display:grid;flex:none;border-radius:50%}.notice-avatar.live:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;box-shadow:0 0 0 1.5px #3ddc84d9;animation:notice-breathe 2.4s var(--ease) infinite}@keyframes notice-breathe{50%{box-shadow:0 0 0 1.5px #3ddc8459,0 0 0 5px #3ddc8414}}.notice-icon{display:grid;flex:none;width:34px;height:34px;place-items:center;border-radius:11px;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff14;color:var(--text)}.notice-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0 4px 2px 18px;color:var(--text-2);font-size:13px;line-height:1.4}.notice-list li::marker{color:var(--text-3)}.notice-icon.update.ready{background:#3ddc8424;box-shadow:inset 0 0 0 1px #3ddc8440;color:var(--ok)}.notice-close{display:grid;flex:none;align-self:flex-start;width:26px;height:26px;place-items:center;margin:-3px -3px 0 0;border-radius:50%;color:var(--text-3);transition:background .18s var(--ease),color .18s var(--ease)}.notice-close:hover{background:#ffffff14;color:var(--text)}.notice-track{display:flex;align-items:center;gap:11px;min-width:0;padding:8px;border-radius:12px;background:#00000038;box-shadow:inset 0 0 0 1px #ffffff0d}.notice-cover{flex:none;width:44px;height:44px;border-radius:8px;box-shadow:0 4px 12px #00000059}.notice-track-text{display:flex;flex-direction:column;gap:3px;min-width:0}.notice-track-text b{font-size:13.5px;font-weight:650}.notice-track-text span{display:flex;align-items:center;gap:5px;color:var(--text-2);font-size:12.5px}.notice-actions{display:flex;gap:8px}.notice-actions .btn.primary{flex:1;justify-content:center}.notice-actions .btn{height:34px}.notice-progress{height:4px;overflow:hidden;border-radius:99px;background:#ffffff14}.notice-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgb(var(--dyn) / .9),var(--accent));transform-origin:0 50%;transition:transform .5s var(--ease)}.notice-timer{position:absolute;right:0;bottom:0;left:0;height:2px;background:#ffffff47;transform-origin:0 50%;animation:notice-timer linear forwards}.notice:hover .notice-timer{animation-play-state:paused}@keyframes notice-timer{to{transform:scaleX(0)}}:root[data-motion=reduced] .notice-timer{display:none}.together-dock{position:fixed;right:0;bottom:calc(var(--playerbar) + var(--shell-gap, 8px) + 12px);left:0;z-index:40;display:flex;justify-content:center;pointer-events:none}.together-pill{display:flex;align-items:center;gap:7px;height:32px;padding:0 5px 0 6px;border-radius:99px;background:#141419b8;-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);box-shadow:0 10px 30px #0006,inset 0 0 0 1px #3ddc844d;color:var(--text-2);font-size:12.5px;pointer-events:auto}.together-pill>svg{color:var(--ok)}.together-pill b{color:var(--text);font-weight:650}.together-pill button{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;color:var(--text-3);transition:background .18s var(--ease),color .18s var(--ease)}.together-pill button:hover{background:#ffffff1a;color:var(--text)}.friend-now .icon-btn.round.on{background:#3ddc8429;color:var(--ok)}.fs-head{position:relative;z-index:4}.fs-gear{flex:none;background:#00000047;box-shadow:inset 0 0 0 1px #ffffff14;transition:background .2s var(--ease),color .2s var(--ease)}.fs-gear svg{transition:transform .5s var(--ease)}.fs-gear:hover svg,.fs-gear.on svg{transform:rotate(60deg)}.fs-gear.on{background:#ffffff29;color:#fff}.fs-settings{position:absolute;top:58px;right:160px;z-index:10;display:flex;flex-direction:column;gap:4px;width:340px;padding:10px;border-radius:18px;background:#121216b8;-webkit-backdrop-filter:blur(30px) saturate(1.7);backdrop-filter:blur(30px) saturate(1.7);box-shadow:0 24px 60px #00000080,inset 0 1px #ffffff14;transform-origin:calc(100% - 20px) 0}.fs-settings:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(150deg,#ffffff57,#ffffff1a 22%,#ffffff08,#ffffff0d 78%,#ffffff29);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.fs-settings-title{padding:6px 10px 8px;color:#ffffff8c;font-size:12px;font-weight:650;letter-spacing:.02em}.fs-set-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px;border-radius:12px;cursor:pointer;transition:background .18s var(--ease)}.fs-set-row:hover{background:#ffffff0d}.fs-set-row.column{flex-direction:column;align-items:stretch;gap:10px;cursor:default}.fs-set-row.column:hover{background:none}.fs-set-row>span{display:flex;flex-direction:column;gap:3px;min-width:0}.fs-set-row b{font-size:14px;font-weight:650}.fs-set-row small{color:#ffffff8c;font-size:12.5px;line-height:1.35}.fs-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:12px;background:#0000004d;box-shadow:inset 0 0 0 1px #ffffff0f}.fs-seg button{display:flex;align-items:baseline;justify-content:center;gap:6px;height:34px;align-items:center;border-radius:9px;color:#fff9;font-size:12.5px;font-weight:600;transition:background .2s var(--ease),color .2s var(--ease)}.fs-seg button:hover{color:#fff}.fs-seg button.active{background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff1a;color:#fff}.fs-seg-a{font-weight:800;line-height:1}.fs-seg-a.size-s{font-size:11px}.fs-seg-a.size-m{font-size:13.5px}.fs-seg-a.size-l{font-size:16px}.fs-lyrics[data-size=s] .lyric{font-size:clamp(18px,1vw + 10px,28px)}.fs-lyrics[data-size=l] .lyric{font-size:clamp(26px,1.9vw + 14px,50px)}.fs-lyrics[data-size=s] .lyrics.plain p{font-size:clamp(15px,.6vw + 10px,21px)}.fs-lyrics[data-size=l] .lyrics.plain p{font-size:clamp(21px,1.1vw + 14px,32px)}.censor{--cz: rgba(255, 255, 255, .34);position:relative;display:inline-block;-webkit-user-select:none;user-select:none}.lyric.past .censor{--cz: rgba(255, 255, 255, .5)}.lyric:hover .censor,.lyrics.plain .censor{--cz: rgba(255, 255, 255, .78)}.lyric.active .censor{--cz: rgba(255, 255, 255, .86)}.censor-word{visibility:hidden}.censor:before{content:attr(data-w);position:absolute;top:0;left:0;white-space:pre;color:transparent;background:linear-gradient(100deg,var(--cz) 35%,rgb(255 255 255 / .95) 50%,var(--cz) 65%) 0 0 / 300% 100%;-webkit-background-clip:text;background-clip:text;filter:blur(.1em);animation:censor-sheen 2.8s linear infinite;animation-delay:var(--d, 0s)}.censor-dots{position:absolute;top:-.08em;right:-.06em;bottom:-.08em;left:-.06em;pointer-events:none;background-image:radial-gradient(circle,rgb(255 255 255 / .95) 0 .022em,transparent .045em),radial-gradient(circle,rgb(255 255 255 / .75) 0 .018em,transparent .04em),radial-gradient(circle,rgb(255 255 255 / .85) 0 .026em,transparent .05em),radial-gradient(circle,rgb(255 255 255 / .6) 0 .016em,transparent .035em);background-size:.21em .17em,.33em .26em,.47em .29em,.17em .37em;background-position:0 0,.11em .07em,.23em .13em,.05em .19em;-webkit-mask-image:radial-gradient(closest-side,#000 55%,transparent);mask-image:radial-gradient(closest-side,#000 55%,transparent);animation:censor-dots 3.6s linear infinite,censor-twinkle 1.4s ease-in-out infinite alternate;animation-delay:var(--d, 0s)}@keyframes censor-sheen{0%{background-position:100% 0}to{background-position:-50% 0}}@keyframes censor-dots{to{background-position:.42em -.34em,-.55em .33em,.7em .71em,-.34em -.55em}}@keyframes censor-twinkle{0%{opacity:.45}to{opacity:.95}}.sc-import h3{display:flex;align-items:center;gap:10px}.sc-import-form{display:flex;gap:8px;margin:14px 0 10px}.sc-import-form .btn{min-width:84px;justify-content:center}.sc-import-field{display:flex;flex:1;align-items:center;gap:10px;min-width:0;height:40px;padding:0 14px;border-radius:12px;background:var(--well);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--text-3);transition:box-shadow .2s var(--ease)}.sc-import-field:focus-within{box-shadow:inset 0 0 0 1px #ff55008c,0 0 0 3px #ff55001f}.sc-import-field input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--text);font:inherit;font-size:14px}.sc-import-profile{display:flex;align-items:center;gap:12px;margin:8px 0 6px;padding:10px 12px;border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.sc-import-profile .pick-text{flex:1;min-width:0}.sc-import-profile .pick-all{margin:0;padding:0;font-size:13px}.sc-import-avatar{flex:none;width:42px;height:42px;border-radius:50%}.pick-section{padding:12px 8px 4px;color:var(--text-3);font-size:12px;font-weight:650;letter-spacing:.02em}.pick-section:first-child{padding-top:4px}.link-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 12px}.link-head .link-title{margin:0}.link-profile{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.link-profile-avatar{flex:none;width:52px;height:52px;border-radius:50%}.link-profile-text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:140px}.link-profile-text b{font-size:16px}.link-profile-text span{color:var(--text-2);font-size:13px}.volume.lg{align-self:center;gap:10px;width:min(320px,72%)}.volume.lg .slider{display:flex;flex:1}.volume.lg .slider-track{height:5px;background:#fff3}.volume.lg .icon-btn{width:40px;height:40px}.volume-level{width:38px;color:#ffffffb3;font-size:12.5px;font-variant-numeric:tabular-nums;text-align:right}.card-art{isolation:isolate}.card-art:before{content:"";position:absolute;top:6%;right:2%;bottom:-6%;left:2%;z-index:-1;border-radius:var(--radius);background:var(--art, none) center / cover;filter:blur(26px) saturate(1.8) brightness(1.15);opacity:0;transform:translateY(6px) scale(.88);transition:opacity .5s var(--ease),transform .5s var(--ease);pointer-events:none}.card:hover .card-art:before{opacity:.55;transform:translateY(14px) scale(1)}.card.active .card-art:before{opacity:.45;transform:translateY(12px) scale(.98)}.artist-card .card-art:before{border-radius:50%}.card-art .cover{transition:transform .55s var(--ease),box-shadow .4s var(--ease)}.card:hover .card-art .cover{transform:translateY(-4px);box-shadow:0 18px 36px #0000006b}.card-play,.card-source{z-index:3}.card-title,.card-sub{position:relative;z-index:1}:root{--glass-pop: rgb(22 22 28 / .72);--glass-pop-blur: blur(36px) saturate(1.9)}.suggest,.menu,.modal,.fs-settings{background:var(--glass-pop);-webkit-backdrop-filter:var(--glass-pop-blur);backdrop-filter:var(--glass-pop-blur)}.suggest{border-radius:16px;box-shadow:0 24px 60px #00000080,inset 0 1px #ffffff14}.suggest:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;padding:1px;background:linear-gradient(150deg,#ffffff57,#ffffff1a 22%,#ffffff08,#ffffff0d 78%,#ffffff29);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.wave-hero{background:radial-gradient(140% 120% at 100% 0%,#ffffff14,#0000001a);box-shadow:inset 0 0 0 1px var(--glass-edge),inset 0 1px #ffffff1a}.wave-hero:after{background:linear-gradient(90deg,rgb(8 8 11 / .5) 0%,rgb(8 8 11 / .14) 55%,transparent 100%)}.restart-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-2px;padding:10px 12px;border-radius:12px;background:rgb(var(--dyn) / .12);box-shadow:inset 0 0 0 1px rgb(var(--dyn) / .22);color:var(--text-2);font-size:13px}:root[data-render=soft] .wave-canvas{filter:none}.cover.yt-lb>img,.mosaic>img.yt-lb{object-view-box:inset(12.5% 0)}.lyric-tr{display:block;margin-top:.18em;font-size:.5em;font-weight:600;line-height:1.3;letter-spacing:0;color:#ffffff57}.lyric.active .lyric-tr{color:#ffffff9e}.lyrics.plain .lyric-tr{font-size:.72em;color:#ffffff75}.wave-new{display:inline-block;margin-right:8px;padding:2px 8px;border-radius:99px;background:rgb(var(--dyn) / .22);box-shadow:inset 0 0 0 1px rgb(var(--dyn) / .35);color:var(--text);font-size:11.5px;font-style:normal;font-weight:700;vertical-align:1px}.dislike-btn{color:var(--text-3)}.dislike-btn:hover:not(:disabled){color:var(--text)}.fs-reactions{display:flex;align-items:center;gap:6px}.stats-page{--viz: #9085e9}.stats-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.stats-head .page-title{margin:0}.stats-hero{margin:12px 0 26px}.stats-figure{font-size:clamp(48px,4.6vw + 16px,76px);font-weight:800;line-height:1;letter-spacing:-.035em}.stats-sub{margin:12px 0 0;color:var(--text-2);font-size:15px}.stats-delta{margin:6px 0 0;color:var(--text-3);font-size:13.5px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:18px;align-items:start}.stats-card{position:relative;padding:20px 20px 16px;border-radius:18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line),inset 0 1px #ffffff0f}.stats-card.wide{grid-column:1 / -1}.stats-card h2{margin:0 0 14px;font-size:17px}.stats-list{display:flex;flex-direction:column;gap:2px;margin:0 -8px;padding:0;list-style:none}.stats-row{display:flex;align-items:center;gap:12px;width:100%;padding:8px;border-radius:12px;text-align:left;transition:background .18s var(--ease)}.stats-row:hover{background:#ffffff0d}.stats-rank{width:18px;flex:none;color:var(--text-3);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;text-align:center}.stats-cover{flex:none;width:44px;height:44px;border-radius:9px}.stats-cover.round{border-radius:50%}.stats-text{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.stats-text b{font-size:14px;font-weight:650}.stats-text small{display:flex;align-items:center;gap:5px;color:var(--text-2);font-size:12.5px}.stats-count{display:flex;flex:none;flex-direction:column;align-items:flex-end;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.stats-count small{color:var(--text-3);font-size:11.5px;font-weight:600}.stats-meter{display:block;height:4px;margin-top:3px;overflow:hidden;border-radius:99px;background:#ffffff12}.stats-meter i{display:block;height:100%;border-radius:inherit;background:var(--viz)}.stats-sources{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none}.stats-sources li{display:flex;align-items:center;gap:12px}.viz-plot{position:relative;display:flex;align-items:stretch;gap:2px;height:150px;border-bottom:1px solid rgb(255 255 255 / .1)}.viz-col{display:flex;flex:1;align-items:flex-end;justify-content:center;min-width:0;padding:0;border-radius:4px 4px 0 0;cursor:default}.viz-col:focus-visible{outline:2px solid var(--viz);outline-offset:2px}.viz-bar{display:block;width:100%;max-width:24px;border-radius:4px 4px 0 0;background:var(--viz);transition:filter .15s var(--ease)}.viz-bar.empty{height:2px!important;background:#ffffff14}.viz-col:hover .viz-bar{filter:brightness(1.2)}.viz-axis{display:flex;gap:2px;margin-top:6px;color:var(--text-3);font-size:11px;font-variant-numeric:tabular-nums}.viz-axis span{flex:1;min-width:0;overflow:visible;text-align:center;white-space:nowrap}.viz-tip{position:absolute;bottom:calc(100% + 8px);z-index:5;display:flex;flex-direction:column;gap:2px;padding:7px 10px;border-radius:10px;background:var(--glass-pop, rgb(22 22 28 / .9));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 30px #00000073,inset 0 0 0 1px #ffffff1a;transform:translate(-50%);pointer-events:none;white-space:nowrap}.viz-tip b{font-size:13.5px}.viz-tip span{color:var(--text-2);font-size:12px}.viz-table{margin-top:12px;color:var(--text-2);font-size:13px}.viz-table summary{width:fit-content;color:var(--text-3);cursor:pointer}.viz-table table{width:100%;margin-top:8px;border-collapse:collapse}.viz-table th,.viz-table td{padding:5px 4px;border-bottom:1px solid var(--line);text-align:left;font-variant-numeric:tabular-nums}.viz-table th{color:var(--text-3);font-weight:600}.stats-summary-figure{font-size:36px;font-weight:800;letter-spacing:-.03em}.stats-sources .stats-count{min-width:92px}.source-icon.mono{color:var(--text-3);transition:color .18s var(--ease)}.tl-row:hover .source-icon.mono,.q-item:hover .source-icon.mono{color:var(--brand)}.settings-glyph{flex:none;color:var(--text-2)}.list-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}.list-tools .list-filter{margin-left:0}.list-sources{display:flex;gap:2px;padding:3px;border-radius:999px;background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--line)}.list-sources button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;color:var(--text-2);font-size:13px;font-weight:600;transition:background .18s var(--ease),color .18s var(--ease)}.list-sources button:hover{color:var(--text)}.list-sources button.active{background:#ffffff1f;color:var(--text)}@container main (max-width: 1180px){.list-sources button span{display:none}.list-sources button{padding:0 10px}}.list-tools .list-filter{width:min(240px,30cqi)}.list-sort{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:999px;color:var(--text-2);font-size:13px;font-weight:600;transition:background .18s var(--ease),color .18s var(--ease)}.list-sort:hover{background:#ffffff0f;color:var(--text)}.menu-check{margin-left:auto;padding-left:12px;box-sizing:content-box;color:var(--text)}.tl-row.selected,.tl-row.selected:hover{background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff14}.selection-dock{position:fixed;right:0;bottom:calc(var(--playerbar) + var(--shell-gap, 8px) + 12px);left:0;z-index:45;display:flex;justify-content:center;pointer-events:none}.selection-bar{display:flex;align-items:center;gap:2px;max-width:calc(100vw - 32px);padding:6px 6px 6px 16px;border-radius:16px;background:var(--glass-pop, rgb(22 22 28 / .9));-webkit-backdrop-filter:blur(30px) saturate(1.7);backdrop-filter:blur(30px) saturate(1.7);box-shadow:0 18px 44px #00000080,inset 0 0 0 1px #ffffff17;pointer-events:auto}.selection-count{margin-right:8px;font-size:13.5px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.selection-btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border-radius:10px;color:var(--text-2);font-size:13px;font-weight:600;white-space:nowrap;transition:background .18s var(--ease),color .18s var(--ease)}.selection-btn:hover{background:#ffffff14;color:var(--text)}.selection-btn.danger:hover{color:var(--danger)}@media(max-width:860px){.selection-btn span{display:none}}html.mini-root,html.mini-root body{background:#141418;overflow:hidden}.mini{--mini-tint: 60 60 72;position:relative;display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:12px;height:100vh;padding:12px 14px 14px 12px;background:linear-gradient(115deg,rgb(var(--mini-tint) / .34),rgb(var(--mini-tint) / .08) 60%,transparent),#141418;transition:background .8s var(--ease);-webkit-app-region:drag;-webkit-user-select:none;user-select:none}.mini-cover{width:76px;height:76px;border-radius:10px;box-shadow:0 6px 16px #0006}.mini-text{display:flex;flex-direction:column;gap:3px;min-width:0}.mini-text b{font-size:14px;font-weight:650}.mini-text span{color:var(--text-2);font-size:12.5px}.mini-controls{display:flex;align-items:center;gap:2px;margin-top:14px;-webkit-app-region:no-drag}.mini-btn,.mini-small{display:grid;place-items:center;border-radius:50%;color:var(--text-2);transition:background .18s var(--ease),color .18s var(--ease),opacity .18s var(--ease)}.mini-btn{width:34px;height:34px}.mini-btn:hover:not(:disabled),.mini-small:hover:not(:disabled){background:#ffffff1a;color:var(--text)}.mini-play{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#f4f4f6;color:#0e0e10;box-shadow:0 4px 12px #0000004d}.mini-play:disabled,.mini-btn:disabled{opacity:.4}.mini-corner{position:absolute;top:6px;right:8px;display:flex;gap:2px;opacity:0;transition:opacity .2s var(--ease);-webkit-app-region:no-drag}.mini:hover .mini-corner,.mini-corner:focus-within{opacity:1}.mini-small{width:24px;height:24px}.mini-small.liked{color:var(--like)}.mini-progress{position:absolute;right:0;bottom:0;left:0;height:12px;cursor:pointer;-webkit-app-region:no-drag;--bar-y: .6}.mini-progress:hover{--bar-y: 1}.mini-progress:before,.mini-progress i{content:"";position:absolute;right:0;bottom:0;left:0;height:5px;transition:transform .18s var(--ease)}.mini-progress:before{background:#ffffff1f;transform:scaleY(var(--bar-y));transform-origin:50% 100%}.mini-progress i{display:block;background:#ffffffd9;transform-origin:0 100%}.share-preview{display:grid;place-items:center;min-height:300px;margin:14px 0 6px}.share-preview img{width:auto;max-width:100%;max-height:min(56vh,520px);border-radius:14px;box-shadow:0 18px 44px #00000080,0 0 0 1px #ffffff0f}.stats-head .btn{margin-left:auto}.stats-head .page-title+.segmented{margin-left:auto}.modal.health{width:min(620px,calc(100vw - 32px))}.health-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.health-badge{display:grid;flex:none;width:44px;height:44px;place-items:center;border-radius:13px;background:rgb(var(--dyn) / .16);box-shadow:inset 0 0 0 1px rgb(var(--dyn) / .3);color:var(--dyn-soft)}.health-badge.good{background:#3ddc8424;box-shadow:inset 0 0 0 1px #3ddc8447;color:var(--ok)}.health-head-text{display:flex;flex-direction:column;gap:2px;min-width:0}.modal .health-head h3{margin:0}.health-head-text span{color:var(--text-2);font-size:13px}.health-progress{margin:0 0 8px}.health-progress-text{display:flex;justify-content:space-between;gap:12px;color:var(--text-2);font-size:13px}.health-count{flex:none;color:var(--text-3);font-variant-numeric:tabular-nums}.health-progress .import-bar{margin-top:10px}.modal-text.health-summary{margin:0 0 10px;line-height:1.5}.health-list{display:flex;flex-direction:column;max-height:min(46vh,380px);margin:4px -8px 0;padding:0;overflow-y:auto;list-style:none}.health-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px 8px}.health-item+.health-item{border-top:1px solid var(--line)}.health-cover{width:44px;height:44px;border-radius:8px;filter:grayscale(.8) brightness(.75)}.health-body{display:flex;flex-direction:column;gap:3px;min-width:0}.health-name{color:var(--text-2);font-size:14px}.health-name b{color:var(--text);font-weight:600}.health-item.replaced .health-name b{text-decoration:line-through;text-decoration-color:#ffffff59}.health-reason{display:flex;align-items:center;gap:6px;color:#ff8f93;font-size:12.5px}.health-reason .source-icon.mono{color:currentColor}.health-fix{display:flex;align-items:center;gap:8px;min-width:0;margin-top:5px;color:var(--text-2);font-size:13px}.health-fix-arrow{flex:none;color:var(--text-3)}.health-fresh{display:flex;align-items:center;gap:8px;min-width:0;padding:4px 10px 4px 4px;border-radius:9px;background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--line)}.health-item.replaced .health-fresh{background:#3ddc8414;box-shadow:inset 0 0 0 1px #3ddc8438}.health-item.undone .health-fresh{opacity:.5}.health-fresh-cover{flex:none;width:26px;height:26px;border-radius:5px}.health-fresh .ellipsis{min-width:0;color:var(--text-2)}.health-fresh b{color:var(--text);font-weight:600}.health-dur{flex:none;color:var(--text-3);font-size:12.5px;font-variant-numeric:tabular-nums}.health-note{display:inline-flex;align-items:center;gap:7px;color:var(--text-3)}.health-actions{display:flex;align-items:center;align-self:center;gap:14px}.health-actions .btn.small{height:30px}.text-btn.danger:hover{color:var(--danger)}.health-tag{color:var(--text-3);font-size:12.5px;font-weight:550;white-space:nowrap}.tag.dead{background:#ff5a5f29;color:#ff8f93}.tl-row.dead .tl-cover,.tl-row.dead .tl-title>.ellipsis,.tl-row.dead .tl-artist{opacity:.55}.notice-icon.health.ready{background:#3ddc8424;box-shadow:inset 0 0 0 1px #3ddc8440;color:var(--ok)}.health-log{display:flex;flex-direction:column;padding-top:2px}.health-log .field-label{margin-bottom:4px}.health-log-row{display:grid;grid-template-columns:14px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:36px;color:var(--text-2);font-size:13px}.health-log-row+.health-log-row{border-top:1px solid var(--line)}.health-log-row b{color:var(--text);font-weight:600}.health-log-to{display:inline-flex;align-items:center;gap:6px;color:var(--text-3)}.web-gate{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:24px;padding:24px 16px;background:var(--bg, #111113)}.web-gate-card{position:static;width:min(420px,100%)}html.web .topbar{padding-right:clamp(16px,2.2vw,40px)}@media(hover:none){html.web .tl-more,html.web .tl-row .tl-like .icon-btn{opacity:1}html.web .overlay-scroll{display:none}}@media(max-width:767px){html.web{--topbar: 52px;--mnav: 56px;--mini: 62px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}html.web body{overscroll-behavior-y:none}html.web .app{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);row-gap:0;height:100dvh;padding:0}html.web .app:before,html.web .sidebar,html.web .queue{display:none}html.web .main{grid-column:1;grid-row:1;margin:0;border-radius:0;box-shadow:none;background:#08080b80}html.web .page-scroll{padding-top:calc(var(--topbar) + var(--safe-t));padding-bottom:calc(var(--mnav) + var(--mini) + var(--safe-b) + 20px);scroll-behavior:auto}html.web .page{--gutter: 16px;padding-bottom:12px}html.web .page-title{font-size:30px;margin:4px 0 18px}html.web .topbar{height:calc(var(--topbar) + var(--safe-t));padding:var(--safe-t) 8px 0;gap:8px}html.web .topbar-title{font-size:16px}html.web .topbar-gear{margin-left:auto}html.web .topbar .icon-btn{width:40px;height:40px}html.web .mnav{position:fixed;inset:auto 0 0 0;z-index:20;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:calc(var(--mnav) + var(--safe-b));padding-bottom:var(--safe-b);background:#0a0a0de0;-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);box-shadow:0 -1px 0 var(--line)}html.web .mnav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;color:var(--text-3);font-size:11px;font-weight:600;letter-spacing:.01em;transition:color .2s var(--ease),transform .15s var(--ease)}html.web .mnav-tab.active{color:var(--text)}html.web .mnav-tab .avatar{opacity:.75;transition:opacity .2s var(--ease),box-shadow .2s var(--ease)}html.web .mnav-tab.active .avatar{opacity:1;box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px var(--text)}html.web .mnav-tab:active{transform:scale(.94)}html.web .playerbar{position:fixed;left:8px;right:8px;bottom:calc(var(--mnav) + var(--safe-b) + 6px);height:var(--mini);grid-template-columns:minmax(0,1fr) auto;gap:4px;padding:0 6px 0 8px;border-radius:14px;background:#18181de6;-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);box-shadow:inset 0 0 0 1px var(--glass-edge),0 10px 30px #00000073}html.web .pb-track,html.web .pb-idle{gap:10px}html.web .playerbar .pb-cover{width:46px;height:46px;border-radius:8px;box-shadow:none}html.web .pb-cover-hover,html.web .playerbar .mix-badge,html.web .pb-track .icon-btn,html.web .pb-right{display:none}html.web .pb-text{flex:1;cursor:pointer}html.web .pb-text a,html.web .pb-text button{pointer-events:none}html.web .pb-title{font-size:14px}html.web .pb-artist{font-size:12.5px}html.web .pb-center{position:static;display:flex;align-items:center}html.web .playerbar .controls{gap:2px}html.web .playerbar .controls>:nth-child(1),html.web .playerbar .controls>:nth-child(2),html.web .playerbar .controls>:nth-child(5){display:none}html.web .playerbar .controls .icon-btn{width:44px;height:44px;color:var(--text)}html.web .playerbar .play-btn{width:44px;height:44px;background:transparent;color:var(--text);box-shadow:none}html.web .playerbar .progress{position:absolute;left:14px;right:14px;bottom:0;height:2px;pointer-events:none}html.web .playerbar .progress .time,html.web .playerbar .slider-thumb,html.web .playerbar .slider-zone{display:none}html.web .playerbar .slider{height:2px}html.web .playerbar .slider-track{height:2px;background:#ffffff1a}html.web .toasts{left:12px;right:12px;bottom:calc(var(--mnav) + var(--mini) + var(--safe-b) + 16px);align-items:stretch}html.web .toast{max-width:none}html.web .menu-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:#00000080;animation:sheet-fade .2s var(--ease)}html.web .menu.sheet{left:8px;right:8px;bottom:calc(8px + var(--safe-b));min-width:0;max-height:72dvh;overflow-y:auto;overscroll-behavior:contain;padding:8px;border-radius:18px;animation:sheet-up .32s var(--ease)}html.web .menu.sheet .menu-item{min-height:48px;font-size:15.5px;gap:14px}@keyframes sheet-up{0%{transform:translateY(24px);opacity:0}}@keyframes sheet-fade{0%{opacity:0}}html.web .fs{padding:var(--safe-t) 0 var(--safe-b)}html.web .fs-head{height:56px;gap:8px;padding:0 10px;touch-action:none}html.web .fs-from{display:none}html.web .fs-tab{height:34px;padding:0 13px}html.web .fs-body.phone{height:calc(100% - 56px);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:16px;padding:0 22px 18px}html.web .fs-body.phone .fs-main,html.web .fs-body.phone .fs-main.video{width:100%;gap:16px}html.web .fs-body.phone .volume{display:none}html.web .fs-body.phone .controls.lg{justify-content:space-between;gap:0}html.web .fs-body.phone .controls.lg .play-btn{width:68px;height:68px}html.web .fs-body.phone .controls.lg .icon-btn{width:48px;height:48px}html.web .fs-body.phone .fs-text h1{font-size:24px}html.web .fs-body.phone .fs-text p{font-size:16px}html.web .pane-player .fs-main{flex:1;min-height:0}html.web .pane-player .fs-stage{align-self:center;width:min(100%,calc(100dvh - 400px - var(--safe-t) - var(--safe-b)));margin:auto 0;touch-action:none}html.web .pane-player .fs-cover:before{filter:blur(44px)}html.web .pane-lyrics .fs-main,html.web .pane-next .fs-main{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;column-gap:12px;row-gap:12px}html.web .pane-lyrics .fs-stage,html.web .pane-next .fs-stage{width:52px}html.web .pane-lyrics .fs-cover:before,html.web .pane-next .fs-cover:before{display:none}html.web .pane-lyrics .fs-cover .cover,html.web .pane-next .fs-cover .cover{border-radius:8px;box-shadow:none}html.web .pane-lyrics .fs-text h1,html.web .pane-next .fs-text h1{font-size:17px;letter-spacing:-.01em}html.web .pane-lyrics .fs-text p,html.web .pane-next .fs-text p{margin-top:2px;font-size:14px}html.web .pane-lyrics .progress,html.web .pane-lyrics .controls,html.web .pane-next .progress,html.web .pane-next .controls{grid-column:1 / -1}html.web .fs-body.phone .fs-lyrics{flex:1;min-height:0;max-width:none;height:auto;margin:0 -6px}html.web .fs-body.phone .lyrics{padding:28dvh 6px 34dvh}html.web .fs-body.phone .lyric{font-size:25px}html.web .fs-body.phone .fs-lyrics[data-size=s] .lyric{font-size:21px}html.web .fs-body.phone .fs-lyrics[data-size=l] .lyric{font-size:30px}html.web .fs-body.phone .fs-next{display:flex;flex-direction:column;flex:1;min-height:0;width:auto;max-height:none;overflow-y:auto;overscroll-behavior:contain}html.web .fs-body.phone .fs-next-item{min-height:56px}html.web .tracklist{--cols: 32px minmax(0, 1fr) 40px 40px}html.web .tracklist.no-num{--cols: minmax(0, 1fr) 40px 40px}html.web .tl-head,html.web .tl-album,html.web .tl-source,html.web .tl-dur{display:none}html.web .tl-row{min-height:58px}html.web .search-box{height:48px;gap:8px;padding:0 8px 0 14px}html.web .search-box input{min-width:0}html.web .ai-toggle{padding:0 10px;font-size:12.5px}html.web input,html.web textarea,html.web select{font-size:max(16px,1em)}html.web .playerbar:has(.pb-idle){display:none}}