@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-wght.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-ext-wght.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bg:#000;--bg-elev:#0c0c0c;--surface:#151515;--surface-2:#1d1d1d;--surface-3:#282828;--line:#ffffff14;--line-strong:#ffffff2e;--text:#f4f4f4;--text-2:#a6a6a6;--text-3:#6d6d6d;--inv:#f4f4f4;--on-inv:#0a0a0a;--scrim:#0009;--glass:#121212b8;--shadow:0 18px 40px #0000008c;--stage:#060606;--r-s:10px;--r-m:14px;--r-l:22px;--r-xl:32px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-io:cubic-bezier(.65, 0, .35, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--tabbar-h:62px;--mini-h:62px;--gutter:20px;--ambient:120, 120, 120}:root[data-theme=light]{--bg:#f5f5f5;--bg-elev:#fff;--surface:#fff;--surface-2:#ececec;--surface-3:#e0e0e0;--line:#00000014;--line-strong:#0000002e;--text:#0b0b0b;--text-2:#5c5c5c;--text-3:#8f8f8f;--inv:#0b0b0b;--on-inv:#f5f5f5;--scrim:#00000059;--glass:#ffffffc7;--shadow:0 18px 40px #00000024;--stage:#dcdcdc}@property --glow-color{syntax:"<color>";inherits:true;initial-value:#0000}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--stage);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none;-webkit-user-select:none;user-select:none;text-rendering:optimizelegibility;font-size:15px;line-height:1.4}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;touch-action:manipulation;background:0 0;border:0;padding:0}input{font:inherit;color:inherit;-webkit-user-select:text;user-select:text}img{display:block}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:8px}:focus:not(:focus-visible){outline:none}::selection{background:var(--text);color:var(--bg)}.ico{flex:none;place-items:center;display:inline-grid}.ico svg{display:block}.stage{background:radial-gradient(60% 50% at 50% 0%, color-mix(in srgb, var(--text) 5%, transparent), transparent 70%), var(--stage);place-items:center;display:grid;position:fixed;inset:0}.shell{background:var(--bg);contain:layout paint;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}@media (min-width:640px) and (min-height:720px){.shell{border:1px solid var(--line-strong);--safe-t:0px;--safe-b:0px;border-radius:40px;width:430px;height:min(100dvh - 48px,900px);box-shadow:0 40px 120px #0000008c}}.view{overscroll-behavior:contain;min-height:0;padding-top:var(--safe-t);padding-bottom:calc(var(--tabbar-h) + var(--safe-b) + 28px);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.view::-webkit-scrollbar{display:none}.cards::-webkit-scrollbar{display:none}.chips::-webkit-scrollbar{display:none}.has-mini .view{padding-bottom:calc(var(--tabbar-h) + var(--mini-h) + var(--safe-b) + 40px)}.view-inner{min-height:100%}.top{padding:22px var(--gutter) 10px;justify-content:space-between;align-items:center;display:flex}.top-eyebrow{color:var(--text-2);letter-spacing:.01em;margin-bottom:2px;font-size:13px}.top-title{letter-spacing:-.03em;font-size:30px;font-weight:700;line-height:1.1}.section-head{padding:22px var(--gutter) 10px;justify-content:space-between;align-items:baseline;display:flex}.section-title{letter-spacing:-.015em;font-size:18px;font-weight:600}.link-btn{color:var(--text-2);padding:4px 0;font-size:13px;font-weight:500;transition:color .2s}.link-btn:hover{color:var(--text)}.icon-btn{width:40px;height:40px;transition:background .2s, transform .2s var(--spring), color .2s;border-radius:50%;flex:none;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-2)}.icon-btn:active{transform:scale(.88)}.btn{letter-spacing:-.005em;height:46px;transition:transform .2s var(--spring), background .2s, opacity .2s;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:15px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.96)}.btn-lg{height:54px;font-size:16px}.btn-sm{height:38px;padding:0 16px;font-size:14px}.btn-primary{background:var(--inv);color:var(--on-inv)}.btn-ghost{border:1px solid var(--line-strong)}.btn-ghost:hover{background:var(--surface)}.art{aspect-ratio:1;background:var(--surface-2);border-radius:10px;flex:none;position:relative;overflow:hidden}.art img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .45s var(--ease-out);position:absolute;inset:0}.art.loaded img{opacity:1}.art-round{border-radius:50%}.skel{background:linear-gradient(90deg, var(--surface) 0%, var(--surface-2) 50%, var(--surface) 100%);background-size:220% 100%;border-radius:8px;animation:1.5s linear infinite shimmer}.skel-art{border-radius:8px;width:48px;height:48px}.skel-line{width:70%;height:12px;margin-bottom:8px}.skel-line.short{width:40%;height:10px;margin:0}.skel-card{border-radius:12px;width:132px;height:132px;margin-bottom:10px}.skel-hero{border-radius:16px;width:200px;height:200px;margin:20px auto}.skel-row{animation:none}.empty{text-align:center;justify-items:center;gap:8px;padding:56px 32px;display:grid}.empty-title{font-size:17px;font-weight:600}.empty-text{color:var(--text-2);max-width:280px;font-size:14px}.empty .btn{margin-top:12px}.empty-sheet{padding:28px 24px 36px}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.88)}}@keyframes swap-in{0%{opacity:0;transform:translateY(8px)}}@keyframes cover-swap{0%{opacity:.2;transform:scale(.95)}}@keyframes shimmer{to{background-position:-220% 0}}@keyframes view-fade{0%{opacity:0;transform:translateY(8px)}}@keyframes view-push{0%{opacity:0;transform:translate(28px)}}@keyframes view-pop{0%{opacity:0;transform:translate(-28px)}}@keyframes eq{0%,to{height:22%}50%{height:100%}}@keyframes heart-pop{0%{transform:scale(1)}35%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes mini-in{0%{opacity:0;transform:translateY(24px)scale(.96)}}@keyframes tab-bounce{0%{transform:translateY(0)}40%{transform:translateY(-3px)scale(1.08)}to{transform:none}}@keyframes ico-in{0%{opacity:0;transform:scale(.7)}}.enter-fade{animation:view-fade .38s var(--ease-out) backwards}.enter-push{animation:view-push .42s var(--ease-out) backwards}.enter-pop{animation:view-pop .42s var(--ease-out) backwards}::view-transition-old(root){animation-duration:.3s;animation-timing-function:ease}::view-transition-new(root){animation-duration:.3s;animation-timing-function:ease}::view-transition-group(cover){animation-duration:.46s;animation-timing-function:var(--ease-out)}::view-transition-old(cover){object-fit:cover;border-radius:14px;height:100%}::view-transition-new(cover){object-fit:cover;border-radius:14px;height:100%}html:not(.player-open) .mini .mini-art,html.player-open .pl-cover .pl-art{view-transition-name:cover}html[data-vt] .ov,html[data-vt] .ov *{transition:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.list{flex-direction:column;display:flex}.row{min-height:66px;padding:8px var(--gutter);cursor:pointer;animation:rise .5s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 38ms);align-items:center;gap:14px;transition:background .2s;display:flex;position:relative}.row:active{background:var(--surface)}@media (hover:hover){.row:hover{background:var(--surface)}}.row-art{border-radius:8px;width:50px;height:50px}.row-art.art-round{border-radius:50%}.row-text{flex:1;min-width:0}.row-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.row-sub{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:13px;overflow:hidden}.row-more{color:var(--text-2);margin-right:-8px}.row-chev{color:var(--text-3)}.row-num{text-align:center;width:22px;color:var(--text-3);font-variant-numeric:tabular-nums;font-size:14px}.row-eq{width:14px;height:14px;color:var(--text);align-items:flex-end;gap:2px;display:none}.row-eq i{background:currentColor;border-radius:2px;flex:1;height:30%;animation:.95s ease-in-out infinite paused eq}.row-eq i:nth-child(2){animation-delay:-.4s}.row-eq i:nth-child(3){animation-delay:-.75s}.row.is-current .row-eq,.row-eq.always{display:inline-flex}.row.is-playing .row-eq i,.row-eq.always i{animation-play-state:running}.row.is-current .row-title{font-weight:650}.liked-tile{color:#fff;background:linear-gradient(135deg,#2a2a2a 0%,#8f8f8f 100%);border-radius:8px;place-items:center;display:grid}:root[data-theme=light] .liked-tile{background:linear-gradient(135deg,#111 0%,#777 100%)}.cards{padding:4px var(--gutter) 10px;scroll-snap-type:x proximity;scroll-padding-left:var(--gutter);gap:14px;display:flex;overflow-x:auto}.card{text-align:left;scroll-snap-align:start;width:132px;animation:rise .55s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 60ms);flex:none}.card-art{width:132px;height:132px;transition:transform .4s var(--ease-out), box-shadow .4s;border-radius:12px;box-shadow:0 10px 24px -12px #0009}.card:active .card-art{transform:scale(.95)}@media (hover:hover){.card:hover .card-art{transform:translateY(-3px)}}.card-title{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.005em;margin-top:9px;font-size:13px;font-weight:600;overflow:hidden}.card-title.center{text-align:center}.card-sub{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;overflow:hidden}.cards-round .card{width:96px}.cards-round .card-art{width:96px;height:96px}.cards.as-grid{scroll-snap-type:none;grid-template-columns:repeat(2,1fr);row-gap:18px;display:grid;overflow:visible}.cards.as-grid .card{width:auto;animation-name:pop-in;animation-duration:.45s}.cards.as-grid .card-art{width:100%;height:auto}.chips{padding:4px var(--gutter) 10px;gap:8px;display:flex;overflow-x:auto}.chip{background:var(--surface);height:34px;color:var(--text-2);transition:background .25s, color .25s, transform .2s var(--spring);border-radius:999px;flex:none;padding:0 15px;font-size:14px;font-weight:500}.chip:active{transform:scale(.94)}.chip.is-active{background:var(--inv);color:var(--on-inv)}.tabbar{z-index:10;height:calc(var(--tabbar-h) + var(--safe-b));padding-bottom:var(--safe-b);background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(1.5);backdrop-filter:blur(22px)saturate(1.5);border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;bottom:0;left:0;right:0}.tab{color:var(--text-3);transition:color .3s, transform .2s var(--spring);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:500;display:flex}.tab:active{transform:scale(.92)}.tab.is-active{color:var(--text)}.tab.is-active .tab-ico{animation:tab-bounce .5s var(--spring)}.tab-indicator{width:33.3333%;height:2px;transform:translateX(calc(var(--tab,0) * 100%));transition:transform .55s var(--ease-out), opacity .3s;pointer-events:none;position:absolute;top:-1px;left:0}.tab-indicator:after{content:"";background:var(--text);border-radius:2px;width:28px;height:2px;margin:0 auto;display:block}.mini{z-index:12;left:10px;right:10px;bottom:calc(var(--tabbar-h) + var(--safe-b) + 8px);height:var(--mini-h);background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);border:1px solid var(--line-strong);box-shadow:var(--shadow);cursor:pointer;touch-action:pan-y;animation:mini-in .6s var(--spring) backwards;border-radius:20px;position:absolute;overflow:hidden}.mini-body{height:100%;transition:transform .35s var(--ease-out), opacity .35s;align-items:center;gap:12px;padding:0 6px 0 9px;display:flex}.mini-art{border-radius:10px;width:44px;height:44px}.mini-meta{flex:1;min-width:0}.mini-title{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:14px;font-weight:600;overflow:hidden}.mini-sub{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mini-body.swap .mini-meta,.mini-body.swap .mini-art{animation:swap-in .45s var(--ease-out)}.mini-progress{background:var(--line);border-radius:2px;height:2px;position:absolute;bottom:0;left:16px;right:16px}.mini-progress-bar{background:var(--text);transform-origin:0;border-radius:2px;height:100%;transform:scaleX(0)}.mini-play svg{animation:ico-in .3s var(--spring)}.ov{z-index:30;visibility:hidden;pointer-events:none;transition:visibility 0s .55s;position:absolute;inset:0}.ov.open{visibility:visible;pointer-events:auto;transition-delay:0s}.ov-sheet{z-index:50}.sheet-scrim{background:var(--scrim);opacity:0;transition:opacity .35s var(--ease-out);position:absolute;inset:0}.ov-sheet.open .sheet-scrim{opacity:1}.sheet-panel{scrollbar-width:none;background:var(--bg-elev);border-top:1px solid var(--line-strong);max-height:82%;padding:8px 8px calc(var(--safe-b) + 18px);transition:transform .5s var(--ease-out);border-radius:26px 26px 0 0;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(102%)}.ov-sheet.open .sheet-panel{transform:none}.sheet-grab{background:var(--line-strong);border-radius:4px;width:38px;height:4px;margin:4px auto 10px}.sheet-head{border-bottom:1px solid var(--line);align-items:center;gap:14px;margin-bottom:6px;padding:8px 14px 14px;display:flex}.sheet-cover{border-radius:10px;width:52px;height:52px}.sheet-titles{min-width:0}.sheet-title{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:16px;font-weight:650;overflow:hidden}.sheet-sub{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.sheet-list{flex-direction:column;display:flex}.sheet-item{height:52px;animation:rise .45s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 30ms + .12s);border-radius:14px;align-items:center;gap:16px;padding:0 14px;font-weight:500;transition:background .2s;display:flex}.sheet-item:active{background:var(--surface-2)}.sheet-label{flex:1}.sheet-hint{color:var(--text-3);font-size:13px}.toast-host{z-index:90;left:0;right:0;bottom:calc(var(--tabbar-h) + var(--safe-b) + 24px);pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute}.has-mini .toast-host{bottom:calc(var(--tabbar-h) + var(--mini-h) + var(--safe-b) + 34px)}.toast{background:var(--inv);color:var(--on-inv);box-shadow:var(--shadow);opacity:0;transition:opacity .3s, transform .4s var(--spring);border-radius:999px;padding:11px 18px;font-size:13.5px;font-weight:550;transform:translateY(14px)scale(.94)}.toast.in{opacity:1;transform:none}.toast.out{opacity:0;transform:translateY(8px)scale(.97)}.pill{--pill-h:68px;--tx:-50%;z-index:120;top:calc(var(--safe-t) + 12px);width:min(380px,100vw - 24px);height:var(--pill-h);background:var(--glass);-webkit-backdrop-filter:blur(26px)saturate(1.6);backdrop-filter:blur(26px)saturate(1.6);border:1px solid var(--line-strong);box-shadow:var(--shadow);pointer-events:none;cursor:pointer;clip-path:inset(0 calc(100% - var(--pill-h)) 0 0 round 22px);opacity:0;visibility:hidden;transform:translateX(var(--tx)) translateY(-26px) scale(.9);transition:clip-path .6s var(--ease-out), opacity .35s, transform .55s var(--ease-out), visibility 0s .45s;border-radius:22px;align-items:center;gap:12px;padding:8px 16px 8px 8px;display:flex;position:fixed;left:50%}.pill[data-phase=enter],.pill[data-phase=open],.pill[data-phase=collapse]{visibility:visible;opacity:1;pointer-events:auto;transform:translateX(var(--tx)) none;transition-delay:0s}.pill[data-phase=open]{clip-path:inset(0 round 22px)}.pill[data-phase=collapse]{clip-path:inset(0 calc(100% - var(--pill-h)) 0 0 round 22px);transition-duration:.55s;transition-timing-function:var(--ease-io)}.pill[data-phase=exit]{visibility:visible;opacity:0;transform:translateX(var(--tx)) translateY(-16px) scale(.92)}.pill-art{border-radius:14px;width:52px;height:52px}.pill-text{flex:1;min-width:0}.pill-app{color:var(--text-3);letter-spacing:.04em;font-size:11px}.pill-title{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:15px;font-weight:650;overflow:hidden}.pill-artist{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pill-state{width:28px;color:var(--text);place-items:center;display:inline-grid}.pill-state svg{animation:ico-in .4s var(--spring) .2s backwards}.pill-wave{align-items:center;gap:2.5px;height:20px;display:inline-flex}.pill-wave i{background:currentColor;border-radius:2px;width:2.5px;height:100%;animation:.9s ease-in-out infinite eq}.pill-wave i:first-child{animation-delay:-.2s}.pill-wave i:nth-child(2){animation-delay:-.55s}.pill-wave i:nth-child(3){animation-delay:-.1s}.pill-wave i:nth-child(4){animation-delay:-.7s}.pill-wave i:nth-child(5){animation-delay:-.35s}@media (hover:hover) and (min-width:900px){.pill{--tx:0px;inset:auto 28px 28px auto;transform:translateY(26px)scale(.9)}.pill[data-phase=enter],.pill[data-phase=open],.pill[data-phase=collapse]{transform:none}.pill[data-phase=exit]{transform:translateY(14px)scale(.92)}}.range{appearance:none;background:linear-gradient(90deg, var(--text) var(--v,50%), var(--line-strong) var(--v,50%));outline-offset:6px;cursor:pointer;border-radius:4px;width:110px;height:4px}.range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);width:12px;height:12px;transition:transform .2s var(--spring);border-radius:50%}.range:active::-webkit-slider-thumb{transform:scale(1.3)}.range::-moz-range-thumb{background:var(--text);border:0;border-radius:50%;width:12px;height:12px}.switch{background:var(--surface-3);border-radius:999px;flex:none;width:50px;height:30px;transition:background .3s;position:relative}.switch i{background:var(--text-2);width:24px;height:24px;transition:transform .4s var(--spring), background .3s;border-radius:50%;position:absolute;top:3px;left:3px}.switch.is-on{background:var(--inv)}.switch.is-on i{background:var(--on-inv);transform:translate(20px)}.seg{background:var(--surface-2);border-radius:12px;padding:3px;display:inline-flex}.seg-btn{height:34px;color:var(--text-2);transition:background .3s var(--ease-out), color .3s;border-radius:9px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:550;display:inline-flex}.seg-btn.is-active{background:var(--inv);color:var(--on-inv)}.settings{gap:4px;padding:4px 14px 8px;display:grid}.set-row,.set-account{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:14px 4px;display:flex}.set-account{border-bottom:0;padding-top:18px}.set-label{font-weight:600}.set-hint{color:var(--text-2);margin-top:1px;font-size:13px}.set-foot{text-align:center;color:var(--text-3);padding:14px 0 4px;font-size:12px}.btn-text{height:44px;color:var(--text-2);font-weight:550}.btn-text:hover{color:var(--text)}.set-source{border-bottom:1px solid var(--line);gap:10px;padding:14px 4px;display:grid}.set-source .seg{width:100%}.set-source .seg-btn{flex:1;justify-content:center}.searchbar{width:calc(100% - var(--gutter) * 2);height:48px;margin:8px var(--gutter) 4px;background:var(--surface);color:var(--text-3);transition:background .25s, transform .25s var(--spring);border-radius:16px;align-items:center;gap:10px;padding:0 16px;font-size:14px;display:flex}.searchbar:active{background:var(--surface-2);transform:scale(.985)}.search-sticky{z-index:5;background:linear-gradient(var(--bg) 88%, transparent);padding-top:20px;position:sticky;top:0}.searchfield{margin:0 var(--gutter) 10px;background:var(--surface);height:48px;color:var(--text-3);border:1px solid #0000;border-radius:16px;align-items:center;gap:10px;padding:0 6px 0 16px;transition:border-color .25s,background .25s;display:flex}.searchfield:focus-within{border-color:var(--line-strong);background:var(--surface-2);color:var(--text)}.search-input{min-width:0;height:100%;color:var(--text);appearance:none;background:0 0;border:0;outline:none;flex:1;font-size:15px}.search-input::placeholder{color:var(--text-3)}.search-input::-webkit-search-cancel-button{display:none}.search:not(.has-query) .search-clear,.search:not(.has-query) .chips{display:none}.search .chips{animation:swap-in .35s var(--ease-out)}.recent{padding:0 calc(var(--gutter) - 8px) 0 var(--gutter);animation:rise .45s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 30ms);align-items:center;display:flex}.recent-main{height:48px;color:var(--text-2);flex:1;align-items:center;gap:14px;min-width:0;display:flex}.recent-main span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatar{background:var(--surface-2);border:1px solid var(--line-strong);width:40px;height:40px;transition:transform .25s var(--spring);border-radius:50%;place-items:center;display:grid;overflow:hidden}.avatar:active{transform:scale(.9)}.avatar-art{border-radius:50%;width:100%;height:100%}.lib-menu{flex-direction:column;gap:2px;padding:6px 12px;display:flex}.lib-item{height:48px;color:var(--text-2);animation:rise .45s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 40ms);transition:background .3s var(--ease-out), color .3s;border-radius:14px;align-items:center;gap:16px;padding:0 14px;font-weight:500;display:flex}.lib-item.is-active{background:var(--surface-2);color:var(--text)}.lib-item:active{transform:scale(.99)}.divider{background:var(--line);height:1px;margin:10px var(--gutter) 14px}.lib-title{padding:2px var(--gutter) 8px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);animation:swap-in .35s var(--ease-out);font-size:12px;font-weight:600}.col-bar{z-index:6;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:56px;padding:0 8px;transition:background .3s,border-color .3s;display:flex;position:sticky;top:0}.col-bar.is-solid{background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-color:var(--line)}.col-bar-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;opacity:0;transition:opacity .3s, transform .4s var(--ease-out);flex:1;padding:0 8px;font-size:15px;font-weight:650;overflow:hidden;transform:translateY(6px)}.col-bar.is-solid .col-bar-title{opacity:1;transform:none}.col-hero{text-align:center;padding:0 var(--gutter) 8px;flex-direction:column;align-items:center;margin-top:-8px;display:flex}.col-cover-wrap{--p:0;transform:translateY(calc(var(--p) * -18px)) scale(calc(1 - var(--p) * .14));opacity:calc(1 - var(--p) * .7);will-change:transform;animation:pop-in .6s var(--ease-out) backwards}.col-cover{border-radius:16px;width:min(210px,56vw);height:min(210px,56vw);box-shadow:0 28px 50px -22px #000c}.col-cover.art-round{border-radius:50%}.col-title{letter-spacing:-.025em;animation:swap-in .5s var(--ease-out) 80ms backwards;margin-top:20px;font-size:24px;font-weight:700;line-height:1.15}.col-meta{color:var(--text-2);animation:swap-in .5s var(--ease-out) .14s backwards;margin-top:4px;font-size:13px}.play-fab{background:var(--inv);width:64px;height:64px;color:var(--on-inv);transition:transform .3s var(--spring);animation:pop-in .5s var(--spring) .2s backwards;border-radius:50%;place-items:center;margin:18px 0 16px;display:grid;box-shadow:0 14px 30px -12px #000000b3}.play-fab:active{transform:scale(.92)}.play-fab .ico{margin-left:3px}.col-actions{animation:swap-in .5s var(--ease-out) .26s backwards;justify-content:center;gap:30px;margin-bottom:10px;display:flex}.col-action{color:var(--text-2);transition:transform .2s var(--spring), color .2s;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;font-weight:500;display:flex}.col-action:active{color:var(--text);transform:scale(.9)}.ov-player{z-index:30;transition:transform .55s var(--ease-out), visibility 0s .55s;transform:translateY(100%)}.ov-player.open{transition-delay:0s;transform:none}.pl-sheet{z-index:1;padding:calc(var(--safe-t) + 12px) 24px calc(var(--safe-b) + 22px);background:var(--bg);transition:transform .45s var(--ease-out);will-change:transform;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.ov-player.is-dragging .pl-sheet{border-radius:28px;transition:none}.ambient{z-index:0;pointer-events:none;background:radial-gradient(55% 55% at 50% 40%, var(--glow-color,transparent), transparent 72%);filter:blur(36px);height:70%;opacity:calc(var(--glow,0) * .5 * (1 - var(--drag,0)));transition:--glow-color 1.1s,opacity .8s;position:absolute;top:-10%;left:-25%;right:-25%}:root[data-theme=light] .ambient{opacity:calc(var(--glow,0) * .38 * (1 - var(--drag,0)))}.pl-sheet>:not(.ambient){z-index:1;position:relative}.pl-head{justify-content:space-between;align-items:center;gap:8px;margin:0 -10px;display:flex}.pl-from{text-align:center;min-width:0}.pl-from-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-size:10.5px}.pl-from-name{white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:13px;font-weight:600;overflow:hidden}.pl-cover{flex:auto;justify-content:center;align-items:center;min-height:120px;padding:6px 0 14px;display:flex;container-type:size}.pl-cover.swap{animation:cover-swap .5s var(--ease-out)}.pl-art{border-radius:18px;width:min(100cqw,100cqh);height:min(100cqw,100cqh);transition:transform .7s cubic-bezier(.3,1.35,.5,1),box-shadow .6s;box-shadow:0 34px 60px -24px #000000d9}.ov-player.is-paused .pl-art{transform:scale(.9);box-shadow:0 18px 30px -20px #000000b3}.pl-info{align-items:center;gap:10px;margin-top:4px;display:flex}.pl-titles{flex:1;min-width:0}.pl-titles.swap{animation:swap-in .45s var(--ease-out)}.pl-title{letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis;font-size:23px;font-weight:700;line-height:1.2;overflow:hidden}.pl-artist{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:16px;overflow:hidden}.pl-heart{color:var(--text-2);margin-right:-8px}.pl-heart.is-on{color:var(--text)}.pl-heart.pop .ico{animation:heart-pop .5s var(--spring)}.pl-error{background:var(--surface-2);animation:swap-in .3s var(--ease-out);border-radius:12px;margin-top:10px;padding:10px 14px;font-size:13px;line-height:1.35}.wave{touch-action:none;cursor:pointer;height:58px;margin-top:14px;position:relative}.wave-canvas{outline-offset:4px;width:100%;height:100%;display:block}.wave-tip{background:var(--inv);color:var(--on-inv);font-variant-numeric:tabular-nums;opacity:0;pointer-events:none;border-radius:9px;padding:4px 9px;font-size:12px;font-weight:600;transition:opacity .2s;position:absolute;bottom:calc(100% + 4px);left:0}.wave.is-dragging .wave-tip{opacity:1}.pl-times{color:var(--text-2);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:4px;font-size:12px;display:flex}.pl-controls{justify-content:space-between;align-items:center;margin:10px -6px 6px;display:flex}.ctl{width:56px;height:56px;transition:transform .25s var(--spring), color .25s, background .25s;border-radius:50%;place-items:center;display:grid;position:relative}.ctl:active{transform:scale(.86)}.ctl-sm{width:46px;height:46px;color:var(--text-3)}.ctl-sm.is-on{color:var(--text)}.ctl-sm.is-on:after{content:"";width:4px;height:4px;animation:pop-in .3s var(--spring);background:currentColor;border-radius:50%;margin-left:-2px;position:absolute;bottom:4px;left:50%}.ctl-main{background:var(--inv);width:78px;height:78px;color:var(--on-inv);box-shadow:0 16px 34px -14px #000000b3}.ctl-main svg{animation:ico-in .35s var(--spring)}.pl-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:10px;display:flex}.pl-queue{background:var(--surface);height:44px;transition:transform .25s var(--spring), background .2s;border-radius:14px;align-items:center;gap:10px;padding:0 16px;font-size:14px;font-weight:550;display:inline-flex}.pl-queue:active{background:var(--surface-2);transform:scale(.95)}.pl-vol{color:var(--text-2);align-items:center;gap:10px;display:none}@media (hover:hover) and (pointer:fine){.pl-vol{display:flex}}@media (max-height:700px){.pl-title{font-size:20px}.ctl-main{width:68px;height:68px}.wave{height:48px}}.ov-queue{z-index:40;background:var(--scrim);opacity:0;transition:opacity .35s,visibility 0s .55s}.ov-queue.open{opacity:1;transition-delay:0s}.q-sheet{bottom:0;left:0;right:0;top:calc(var(--safe-t) + 48px);background:var(--bg-elev);border-top:1px solid var(--line-strong);transition:transform .55s var(--ease-out);border-radius:26px 26px 0 0;flex-direction:column;display:flex;position:absolute;transform:translateY(102%)}.ov-queue.open .q-sheet{transform:none}.q-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 12px 8px 24px;display:flex}.q-title{letter-spacing:-.02em;font-size:18px;font-weight:700}.q-body{padding-bottom:calc(var(--safe-b) + 20px);scrollbar-width:none;flex:1;overflow-y:auto}.q-section{padding:18px var(--gutter) 6px;font-size:14px;font-weight:600}.q-end{text-align:center;color:var(--text-3);padding:24px;font-size:13px}.splash{z-index:300;color:#fff;transition:opacity .5s ease, transform .6s var(--ease-out);background:#000;place-items:center;display:grid;position:fixed;inset:0}.splash.is-leaving{opacity:0;pointer-events:none;transform:scale(1.04)}.splash-center{text-align:center;flex-direction:column;align-items:center;margin-top:-40px;display:flex}.splash-logo .logo-bar,.login-logo .logo-bar{transform-box:fill-box;transform-origin:50%;animation:bar-rise .9s var(--ease-out) backwards, bar-breathe 2.6s ease-in-out 1.4s infinite;animation-delay:calc(var(--i) * .11s + .12s), calc(var(--i) * .26s + 1.4s)}.splash-name{letter-spacing:-.03em;animation:swap-in .7s var(--ease-out) .9s backwards;margin-top:26px;font-size:30px;font-weight:650}.splash-tag{color:#8d8d8d;animation:swap-in .7s var(--ease-out) 1.1s backwards;margin-top:14px;font-size:14px;line-height:1.5}.splash-load{left:50%;bottom:calc(var(--safe-b) + 56px);background:#ffffff24;border-radius:3px;width:92px;height:3px;margin-left:-46px;animation:.6s .5s backwards swap-in;position:absolute;overflow:hidden}.splash-load i{width:42%;height:100%;animation:load 1.3s var(--ease-io) infinite;background:#fff;border-radius:3px;display:block}@keyframes bar-rise{0%{opacity:0;transform:scaleY(.05)}}@keyframes bar-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(.88)}}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(240%)}}.login{padding:calc(var(--safe-t) + 72px) 28px calc(var(--safe-b) + 34px);animation:view-fade .6s var(--ease-out) backwards;justify-content:space-between}.login-hero{text-align:center;flex-direction:column;align-items:center;margin-top:40px;display:flex}.login-name{letter-spacing:-.035em;margin-top:26px;font-size:38px;font-weight:700}.login-tag{color:var(--text-2);margin-top:8px;font-size:16px}.login-actions{animation:swap-in .7s var(--ease-out) .4s backwards;gap:12px;display:grid}.login-note{text-align:center;color:var(--text-3);margin-top:6px;padding:0 10px;font-size:12.5px}.login-error{background:var(--surface-2);text-align:center;border-radius:12px;padding:12px 14px;font-size:13.5px}