@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff)format("woff")}:root,.lyrics,.now{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111;--surface:#2a2a2a;--surface-2:#333;--panel:#2c2c2c;--panel-2:#242424;--panel-hover:#353535;--field:#1c1c1c;--field-line:#3a3a3a;--text:#f7f7f7;--text-strong:#fff;--text-2:#e6e6e6;--muted:#8e8e8e;--muted-2:#a3a3a3;--faint:#6f6f6f;--hover:#ffffff0f;--hover-weak:#ffffff0b;--ring:#ffffff29;--scrim:#00000073;--bar-bg:linear-gradient(180deg, #303030, #2a2a2a);--btn-bg:#fff;--btn-fg:#000;--folder-bg:#1b1b1b;--folder-fg:#d7d7d7;--danger-bg:#3a2222;--danger-fg:#ffb4b4;--wave-on:#f0f0f0f5;--wave-off:#c4c4c4cc;--gold:#e6c84a;--danger:#ff5d5d}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f3f5;--surface:#e4e4e8;--surface-2:#d9d9de;--panel:#fff;--panel-2:#fff;--panel-hover:#f0f0f3;--field:#e8e8ec;--field-line:#c9c9d0;--text:#17171a;--text-strong:#000;--text-2:#2a2a2e;--muted:#6c6c74;--muted-2:#6c6c74;--faint:#9a9aa2;--hover:#0000000f;--hover-weak:#0000000a;--ring:#0000002e;--scrim:#00000052;--bar-bg:linear-gradient(180deg, #fff, #f4f4f6);--btn-bg:#17171a;--btn-fg:#fff;--folder-bg:#e4e4e8;--folder-fg:#3a3a40;--danger-bg:#fde4e4;--danger-fg:#b3261e;--wave-on:#141418eb;--wave-off:#14141852;--gold:#b8960a;--danger:#d93025}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;corner-shape:squircle}.badge,button:focus:not(:focus-visible),[role=button]:focus:not(:focus-visible){outline:none}@media (hover:none) and (pointer:coarse){html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text}}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);letter-spacing:-.011em;margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}::selection{background:#ffffff29}*{scrollbar-width:thin;scrollbar-color:var(--field-line) transparent}.boot,.auth{background:var(--bg);place-items:center;min-height:100%;display:grid}.boot h1,.auth h1,.wordmark{letter-spacing:-.04em;margin:0;font-size:22px;font-weight:600}.auth-card{flex-direction:column;gap:12px;width:min(380px,100% - 48px);display:flex}.auth-card p{color:var(--muted);margin:-4px 0 8px}.auth-card input,.dialog input,.search-bar input{background:var(--field);border:0;border-radius:14px;outline:none;width:100%;height:48px;padding:0 16px}.auth-card input:focus,.dialog input:focus,.search-bar input:focus{box-shadow:inset 0 0 0 1px var(--field-line)}.form-error{color:var(--danger);margin:0;font-size:13px}.app{min-height:100%}.topbar{justify-content:space-between;align-items:center;height:84px;padding:0 28px;display:flex}.topbar-left,.topbar-right{align-items:center;gap:10px;display:flex}.folder-title{margin-left:4px}.icon-btn{background:var(--surface);width:40px;height:40px;color:var(--text-strong);border:0;border-radius:999px;place-items:center;display:grid;position:relative}.icon-btn:hover,.icon-btn.on{background:var(--surface-2)}.badge{background:var(--gold);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.search-bar{padding:0 28px 8px}.search-bar input{background:var(--surface);max-width:560px;margin:0 auto;display:block}.stage{flex-direction:column;justify-content:safe center;align-items:center;min-height:calc(100vh - 84px);padding:12px 48px 150px;display:flex}.stage-title{display:none}.grid{flex-wrap:wrap;justify-content:center;gap:54px 42px;max-width:1080px;margin:0 auto;display:flex}.card{width:210px}.card-art-wrap{width:210px;height:210px;position:relative}.card-open,.card-art{background:0 0;border:0;width:210px;height:210px;padding:0;display:block}.art{position:relative;overflow:hidden}.card-cover{border-radius:32px;width:100%;height:100%}.art img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.folder-art{background:var(--folder-bg);color:var(--folder-fg);border-radius:32px;place-items:center;display:grid}.card-play{border:5px solid var(--bg);background:var(--surface);width:46px;height:46px;color:var(--text-strong);z-index:2;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-14px;right:8px}.card-play svg.lucide-play{margin-left:2px}.card-copy{margin-top:18px}.card-title{text-align:left;letter-spacing:-.02em;background:0 0;border:0;width:100%;padding:0;font-size:15px;font-weight:600;display:block}.card-sub{color:var(--muted);justify-content:flex-start;align-items:center;gap:4px;margin-top:2px;font-size:13px;display:flex}.card-sub span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ghost-more{color:var(--muted);background:0 0;border:0;border-radius:6px;flex:none;place-items:center;width:24px;height:24px;display:grid}.ghost-more:hover{background:var(--hover);color:var(--text-strong)}.search-tracks{flex-direction:column;gap:4px;width:min(640px,100%);margin:36px auto 0;display:flex}.search-track{text-align:left;background:0 0;border:0;border-radius:12px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:8px;display:grid}.search-track:hover{background:var(--hover-weak)}.search-art{width:42px;height:42px}.track-title,.track-sub{display:block}.track-title{font-size:14.5px;font-weight:600}.track-sub{color:var(--muted);margin-top:2px;font-size:12.5px}@keyframes marquee{0%{transform:translate(0)}to{transform:translateX(calc(-1 * var(--shift)))}}@keyframes disc-spin{to{transform:rotate(360deg)}}@media (pointer:coarse){.queue-remove{opacity:.7}}@keyframes bars{0%,to{height:25%}50%{height:100%}}@media (width<=980px){.album{flex-direction:column;width:min(640px,100% - 48px)}.album-cover-btn{width:min(420px,100%)}.player{gap:16px;padding-right:20px;left:14px;right:14px}.player-controls{gap:10px}.volume-slider{display:none}}@media (width<=760px){.player-mid{display:none}.player-id{flex:auto}}@property --on{syntax:"<color>";inherits:true;initial-value:#ffffff5c}@property --off{syntax:"<color>";inherits:true;initial-value:#ffffff5c}@media (hover:hover){.ly[role=button]:not(.hot):hover .ly-in{filter:none;--on:#ffffff9e;--off:#ffffff9e}}.lw-word{white-space:pre;align-items:flex-start;display:inline-flex}@keyframes dots-breathe{50%{translate:0 -.12em}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(14px)scale(.95)}}@keyframes pop-out{to{opacity:0;transform:translateY(10px)scale(.96)}}@keyframes drop-in{0%{opacity:0;transform:translateY(-8px)scale(.96)}}@keyframes drop-out{to{opacity:0;transform:translateY(-6px)scale(.97)}}@keyframes rise-in{0%{opacity:0;transform:translateY(24px)}}@keyframes rise-out{to{opacity:0;transform:translateY(24px)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-14px)scale(.96)}}@keyframes toast-out{to{opacity:0;transform:translate(-50%,-10px)scale(.97)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}}@keyframes item-in{0%{opacity:0;transform:translateY(8px)}}@keyframes card-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes breathe{0%,to{opacity:.35;transform:scale(.7)}50%{opacity:.9;transform:scale(1)}}@keyframes lyrics-in{0%{opacity:0}}@keyframes lyrics-out{to{opacity:0}}.choice-list .choice,.queue-row{animation:item-in .22s var(--ease-out) both}::view-transition-old(album-hero){object-fit:cover;height:100%}::view-transition-new(album-hero){object-fit:cover;height:100%}::view-transition-group(player){animation-duration:.3s}::view-transition-group(add-button){animation-duration:.3s}@keyframes page-in-back{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}.track-dur{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.album{align-items:flex-start;gap:72px;width:min(1120px,100% - 96px);margin:8px auto 0;padding-bottom:160px;display:flex}.album-cover-btn{aspect-ratio:1;background:0 0;border:0;border-radius:28px;flex:none;width:min(420px,38vw);padding:0;display:block;position:relative;overflow:hidden}.album-cover{width:100%;height:100%}.cover-hint{background:var(--scrim);color:var(--text-strong);opacity:0;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:600;transition:opacity .15s;display:flex;position:absolute;inset:0}.album-cover-btn:hover .cover-hint,.album-cover-btn:focus-visible .cover-hint{opacity:1}.album-main{flex:1;min-width:0;padding-top:12px}.album-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.album-title{letter-spacing:-.04em;margin:0;font-size:32px;font-weight:600}.album-meta{color:var(--muted);margin:6px 0 0;font-size:14px}.play-cluster{flex:none;align-items:center;gap:12px;display:flex}.shuffle-btn,.big-play{border:0;border-radius:50%;place-items:center;display:grid}.shuffle-btn{width:40px;height:40px;color:var(--text-2);background:0 0}.shuffle-btn:hover{background:var(--hover)}.shuffle-btn.on,.ctrl.is-on{color:var(--gold)}.big-play{background:var(--btn-bg);width:54px;height:54px;color:var(--btn-fg)}.big-play svg.lucide-play{margin-left:2px}.add-tracks{background:var(--surface);border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;margin-top:22px;font-size:15px;font-weight:500;display:flex}.add-tracks:hover{background:var(--surface-2)}.track-list{flex-direction:column;margin-top:18px;display:flex}.track{border-radius:10px;grid-template-columns:1fr auto;align-items:center;display:grid}.track:hover,.track.active{background:var(--hover-weak)}.track:hover .track-title{text-underline-offset:3px;text-decoration:underline}.track-hit{text-align:left;background:0 0;border:0;grid-template-columns:28px 1fr;align-items:center;gap:12px;min-width:0;padding:10px 4px 10px 8px;display:grid}.track-num{color:var(--muted);font-variant-numeric:tabular-nums;place-items:center;font-size:14px;display:grid}.track.active .track-num,.track.active .track-title{color:var(--text-strong)}.track-copy{min-width:0}.track-copy .track-title,.track-copy .track-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-more{margin-right:4px}.add-btn{z-index:20;background:var(--panel);border:0;border-radius:999px;align-items:center;gap:8px;height:52px;padding:0 28px;font-size:16px;font-weight:500;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000047}.add-btn:hover{background:var(--panel-hover)}.has-player .add-btn{bottom:112px}.player{z-index:30;background:var(--bar-bg);border-radius:33px;align-items:center;gap:28px;height:66px;padding:0 34px 0 6px;display:flex;position:fixed;bottom:20px;left:36px;right:36px;box-shadow:0 18px 50px #0006,inset 0 1px #ffffff0a}.player-id{cursor:pointer;flex:0 230px;align-items:center;gap:12px;min-width:0;display:flex}.player-art,.player-art img{corner-shape:round}.player-art{flex:none;width:54px;height:54px}.player-names{min-width:0}.player-title,.player-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-title{color:var(--text-strong);font-size:14.5px;font-weight:600}.player-title.marquee{white-space:nowrap;text-overflow:clip;overflow:hidden}.player-title.marquee:has(.running){-webkit-mask-image:linear-gradient(90deg,#0000,#000 10px calc(100% - 14px),#0000);mask-image:linear-gradient(90deg,#0000,#000 10px calc(100% - 14px),#0000)}.marquee-track{will-change:transform;display:inline-flex}.marquee-track.running{animation:marquee var(--dur,8s) linear infinite}.player-art{animation:16s linear infinite paused disc-spin}.player.is-playing .player-art{animation-play-state:running}.player .player-art{opacity:1;transition:opacity 0s linear .3s}.player.expanded .player-art{opacity:0;transition:none}.player-id{touch-action:pan-x}.player-sub{color:var(--muted-2);margin-top:1px;font-size:13.5px}.player-mid{flex:300px;align-items:center;gap:16px;min-width:0;max-width:430px;display:flex}.waveform{cursor:pointer;flex:1;width:100%;min-width:120px;height:48px}.player-time{color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap;font-feature-settings:"tnum";font-size:13.5px}.player-time span{color:var(--text-2)}.player-controls{align-items:center;gap:22px;margin-left:auto;display:flex}.ctrl{width:30px;height:36px;color:var(--text-2);background:0 0;border:0;border-radius:10px;place-items:center;transition:transform .15s,color .15s,opacity .15s;display:grid}.ctrl:hover{color:var(--text-strong);transform:scale(1.1)}.ctrl.is-on{color:var(--gold)}.play-toggle{width:34px}.volume{align-items:center;display:flex}.volume-slider{opacity:0;width:0;transition:width .18s,opacity .18s,margin .18s}.volume:hover .volume-slider,.volume:focus-within .volume-slider{opacity:1;width:104px;margin-left:6px}.queue-panel{z-index:29;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(24px)saturate(1.4);backdrop-filter:blur(24px)saturate(1.4);border-radius:24px;flex-direction:column;width:min(400px,100vw - 40px);max-height:min(560px,100vh - 140px);padding:8px;display:flex;position:fixed;bottom:100px;right:22px;box-shadow:0 22px 60px #00000073,inset 0 0 0 1px #ffffff0f}.queue-head{justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 8px;display:flex}.queue-name{letter-spacing:-.03em;font-size:20px;font-weight:700}.queue-sub{color:var(--muted);margin-top:2px;font-size:12.5px}.queue-clear{padding:7px 14px;font-size:13px}.queue-list{scrollbar-width:none;flex:1;min-height:0;padding:0 2px 6px;overflow-y:auto}.queue-list::-webkit-scrollbar{display:none}.queue-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:12px 10px 6px;font-size:12px;font-weight:650}.queue-cover{flex:none;width:44px;height:44px}.queue-text{text-align:left;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.queue-title{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:600;overflow:hidden}.queue-artist{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.queue-now{background:color-mix(in srgb, var(--gold) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gold) 30%, transparent);border-radius:16px;align-items:center;gap:12px;padding:10px;display:flex}.queue-now .queue-cover{width:52px;height:52px}.queue-now .queue-title{font-size:15.5px}.queue-row{border-radius:14px;align-items:center;transition:background .15s;display:flex}.queue-row:hover{background:var(--hover-weak)}.queue-row.played{opacity:.55}.queue-row.played:hover{opacity:.9}.queue-main{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;flex:1;align-items:center;gap:12px;padding:7px 4px 7px 8px;display:flex}.queue-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12.5px}.queue-remove{width:30px;height:30px;color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin-right:6px;transition:opacity .15s,background .15s,color .15s;display:grid}.queue-row:hover .queue-remove,.queue-remove:focus-visible{opacity:1}.queue-remove:hover{background:var(--hover);color:var(--text-strong)}@media (pointer:coarse){.queue-remove{opacity:.7}}.bars{align-items:flex-end;gap:3px;height:16px;margin-right:6px;display:flex}.bars i{background:var(--gold);border-radius:2px;width:3px;height:30%}.bars.on i{animation:.9s ease-in-out infinite bars}.bars.on i:nth-child(2){animation-delay:.2s}.bars.on i:nth-child(3){animation-delay:.4s}.scrim{z-index:50;background:var(--scrim);place-items:center;display:grid;position:fixed;inset:0}.scrim.clear{background:0 0}.add-stack{flex-direction:column;align-items:center;gap:16px;display:flex}.add-card,.menu{background:var(--panel);border-radius:22px;width:260px;padding:8px;box-shadow:0 20px 60px #00000059}.menu{z-index:60;width:228px;position:fixed}.add-row,.menu-item,.close-pill{width:100%;color:var(--text-strong);text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:14px;padding:13px 16px;font-size:16px;display:flex}.add-row svg{flex:none}.add-row:hover,.menu-item:hover{background:var(--hover)}.menu-item.danger{color:var(--danger)}.close-pill{background:var(--panel);border-radius:999px;justify-content:center;gap:8px;width:auto;padding:12px 28px;box-shadow:0 10px 30px #00000047}.create-inline{align-self:flex-start;padding-left:4px}.dialog{background:var(--panel-2);border-radius:22px;flex-direction:column;gap:14px;width:min(420px,100vw - 40px);padding:22px;display:flex;box-shadow:0 24px 70px #0006}.dialog.wide{width:min(480px,100vw - 40px)}.dialog h2{margin:0;font-size:20px;font-weight:600}.dialog p{color:var(--muted);margin:0;line-height:1.45}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.white-btn,.danger-btn,.text-btn{border:0;border-radius:999px;height:44px;padding:0 18px}.white-btn{background:var(--btn-bg);color:var(--btn-fg);font-weight:600}.white-btn:disabled{opacity:.45;cursor:default}.danger-btn{background:var(--danger-bg);color:var(--danger-fg)}.text-btn{color:var(--muted);background:0 0}.choice-list{flex-direction:column;gap:4px;max-height:320px;display:flex;overflow:auto}.choice{text-align:left;background:0 0;border:0;border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.choice small{color:var(--muted)}.choice:hover,.choice.on{background:var(--hover)}.choice.on{box-shadow:inset 0 0 0 1px var(--ring)}.popover{z-index:45;background:var(--panel-2);border-radius:18px;width:320px;padding:16px;position:fixed;top:76px;right:28px;box-shadow:0 18px 50px #0006}.popover h2{color:var(--muted);margin:0 0 10px;font-size:14px;font-weight:500}.activity{text-align:left;background:0 0;border:0;border-radius:8px;flex-direction:column;gap:2px;width:100%;padding:8px 4px;display:flex}.activity:hover{background:var(--hover-weak)}.activity small{color:var(--muted)}.account-name{margin:0;font-weight:600}.account-email,.account-note{color:var(--muted);margin:2px 0 0;font-size:13px}.settings .white-btn{margin-top:8px}.panel-scrim{z-index:44;background:0 0;border:0;position:fixed;inset:0}.upload-pill,.toast{z-index:70;background:var(--panel);border-radius:999px;padding:10px 16px;font-size:13px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}.upload-pill{gap:10px;max-width:min(520px,100% - 32px);display:flex;bottom:96px}.has-player .upload-pill{bottom:188px}.toast{top:18px}.upload-pill span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.drop-overlay{z-index:80;pointer-events:none;background:#111111b8;border:2px dashed #ffffff59;border-radius:28px;place-items:center;font-size:22px;font-weight:550;display:grid;position:fixed;inset:16px}.empty-note{color:var(--muted);text-align:center;margin:24px 0}.hidden-input{display:none}@media (width<=980px){.album{flex-direction:column;width:min(640px,100% - 48px)}.album-cover-btn{width:min(420px,100%)}.player{gap:16px;padding-right:20px;left:14px;right:14px}.player-controls{gap:10px}.volume-slider{display:none}}@media (width<=760px){.player-mid{display:none}.player-id{flex:auto}}.lyrics{box-sizing:border-box;z-index:28;color:var(--text);background:#151515;flex-direction:column;padding-bottom:100px;display:flex;position:fixed;inset:0;overflow:hidden}.lyrics-bg{filter:blur(70px)saturate(1.5)brightness(.55);opacity:.9;pointer-events:none;inset:-12%;width:124%!important;height:124%!important;position:absolute!important}.lyrics-bg img{object-fit:cover;width:100%;height:100%}.lyrics-shade{pointer-events:none;background:linear-gradient(#0e0e0e8c,#0e0e0e40 40%,#0e0e0eb3);position:absolute;inset:0}.lyrics-head{z-index:1;align-items:center;gap:14px;padding:20px 28px 8px;display:flex;position:relative}.lyrics-names{flex:1;min-width:0}.lyrics-title{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:650;overflow:hidden}.lyrics-artist{color:#ffffff9e;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:13.5px;overflow:hidden}.lyrics-chip{color:#ffffffc7;white-space:nowrap;background:#ffffff1a;border-radius:999px;padding:6px 12px;font-size:12px}.lyrics-chip.word{color:var(--gold);background:#e6c84a2e}.lyrics-chip.estimated{color:#ffffffc7;background:#ffffff1a}.lyrics-scroll{z-index:1;scrollbar-width:none;flex:1;padding:26vh 40px 55vh;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 12% 88%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 12% 88%,#0000 100%)}.lyrics-scroll::-webkit-scrollbar{display:none}.lyrics-lines{max-width:880px;margin:0 auto}.ly{--spring:cubic-bezier(.3, 1.3, .5, 1);letter-spacing:-.03em;will-change:transform;padding:.3em 0;font-size:clamp(26px,3.4vw,44px);font-weight:700;line-height:1.2}.ly-in{--on:#ffffff5c;--off:#ffffff5c;color:var(--on);transform-origin:0;filter:blur(calc(var(--d,0) * .7px));transition:transform .6s var(--spring), filter .5s ease, --on .5s ease, --off .5s ease;transform:scale(.93)}.ly.right{text-align:right}.ly.right .ly-in{transform-origin:100%}.ly[role=button]{cursor:pointer}@media (hover:hover){.ly[role=button]:not(.hot):hover .ly-in{filter:none;--on:#ffffff9e;--off:#ffffff9e}}.ly.hot .ly-in{--on:#fff;--off:#ffffff5c;filter:none;transform:scale(1)}.ly.plain .ly-in{--on:#ffffffdb;--off:#ffffffdb;filter:none;font-size:clamp(20px,2.2vw,28px);font-weight:600;transform:none}.ly.plain{padding:.18em 0}.ly-main{white-space:pre-wrap;flex-wrap:wrap;align-items:flex-start;display:flex}.ly.right .ly-main{justify-content:flex-end}.ly.plain .ly-main{display:block}.ly-gap{height:26px}.lw{--p:0;white-space:pre;color:#0000;background-image:linear-gradient(90deg, var(--on) calc(var(--p) * (100% + .55em) - .55em), var(--off) calc(var(--p) * (100% + .55em)));transition:transform .5s var(--spring), filter .5s ease;-webkit-background-clip:text;background-clip:text;display:inline-block}.ly.past .lw,.ly.plain .lw{--p:1}.ly.hot .lw{transform:translateY(calc(var(--p) * -.07em))}.ly.hot .lw.long{filter:drop-shadow(0 0 calc(var(--p) * .32em) rgba(255, 255, 255, calc(var(--p) * .55)))}.rg{flex-direction:column;align-items:flex-start;display:inline-flex}.ly.right .rg{align-items:flex-end}.rg-w{white-space:pre}.rg-r,.ly-roman{letter-spacing:0;color:var(--on);opacity:.78;white-space:pre;font-size:.4em;font-weight:650;line-height:1.25}.rg-r{min-height:1.25em;margin-top:.1em}.ly-roman{white-space:pre-wrap;margin-top:.2em}.ly.right .ly-roman{text-align:right}.ly-bg{opacity:0;transform-origin:0;filter:blur(4px);transition:opacity .45s ease, transform .55s var(--spring), filter .45s ease;margin-top:.1em;font-size:.62em;font-weight:700;line-height:1.2;transform:scale(.92)}.ly.right .ly-bg{transform-origin:100%}.ly-bg.on{opacity:.86;filter:none;transform:none}.ly-bg .ly-roman{font-size:.55em}.ly.backing .ly-in{font-size:.66em}.ly-dots{--out:0;opacity:0;transform-origin:0;height:1.5em;transition:opacity .5s ease, transform .6s var(--spring);align-items:center;gap:.5em;padding:.3em 0 .3em .15em;font-size:clamp(20px,2.6vw,30px);display:flex;transform:scale(.6)}.ly-dots.on{opacity:calc(1 - var(--out));transform:scale(calc(1 - var(--out) * .45));animation:3.2s ease-in-out infinite dots-breathe}.ly-dots i{--p:0;background:rgba(255, 255, 255, calc(.3 + var(--p) * .7));width:.62em;height:.62em;transform:scale(calc(.85 + var(--p) * .2));border-radius:50%}.lyrics-state{color:#ffffffb3;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:40vh;display:flex}.lyrics-state p{color:#fff;margin:0;font-size:17px;font-weight:550}.lyrics-state small{color:#ffffff80}.lyrics-skeleton{flex-direction:column;gap:22px;width:min(560px,80%);display:flex}.lyrics-skeleton span{background:linear-gradient(90deg,#ffffff0f,#ffffff29,#ffffff0f) 0 0/200% 100%;border-radius:12px;height:30px;animation:1.4s linear infinite shimmer}.lyrics-skeleton span:nth-child(2){width:82%}.lyrics-skeleton span:nth-child(3){width:64%}.lyrics-skeleton span:nth-child(4){width:74%}.text-btn svg{vertical-align:-2px;margin-right:6px}.presence{display:contents}.presence[data-state=closed]{pointer-events:none}:root{--ease-out:cubic-bezier(.2, .85, .25, 1)}.scrim{animation:.2s both fade-in}.add-stack{animation:pop-in .3s var(--ease-out) both}.add-row{animation:item-in .3s var(--ease-out) both}.add-row:first-child{animation-delay:30ms}.add-row:nth-child(2){animation-delay:60ms}.add-row:nth-child(3){animation-delay:90ms}.add-row:nth-child(4){animation-delay:.12s}.add-row:nth-child(5){animation-delay:.15s}.close-pill{animation:item-in .34s var(--ease-out) .12s both}.menu{animation:drop-in .2s var(--ease-out) both;transform-origin:100% 0}.dialog{animation:pop-in .26s var(--ease-out) both}.popover{animation:drop-in .22s var(--ease-out) both;transform-origin:100% 0}.panel-scrim{animation:.2s both fade-in}.search-bar{animation:slide-down .22s var(--ease-out) both}.queue-panel{animation:pop-in .26s var(--ease-out) both;transform-origin:100% 100%}.toast{animation:toast-in .3s var(--ease-out) both}.upload-pill{animation:rise-in .3s var(--ease-out) both}.drop-overlay{animation:.15s both fade-in}.player{animation:rise-in .42s var(--ease-out) both;view-transition-name:player}.lyrics{animation:lyrics-in .42s var(--ease-out) both}.add-btn{view-transition-name:add-button}.choice-list .choice,.queue-row{animation:item-in .22s var(--ease-out) both}.presence[data-state=closed] .scrim,.presence[data-state=closed] .panel-scrim{animation:.17s both fade-out}.presence[data-state=closed] .add-stack,.presence[data-state=closed] .dialog,.presence[data-state=closed] .queue-panel{animation:.17s both pop-out}.presence[data-state=closed] .add-row,.presence[data-state=closed] .close-pill{animation:none}.presence[data-state=closed] .menu,.presence[data-state=closed] .popover,.presence[data-state=closed] .search-bar{animation:.16s both drop-out}.presence[data-state=closed] .toast{animation:.17s both toast-out}.presence[data-state=closed] .lyrics{animation:.2s both lyrics-out}.card{animation:card-in .34s var(--ease-out) both;animation-delay:calc(min(var(--i,0), 12) * 28ms)}.track{animation:item-in .26s var(--ease-out) both}.track:nth-child(n+2){animation-delay:30ms}.track:nth-child(n+3){animation-delay:60ms}.track:nth-child(n+4){animation-delay:90ms}.track:nth-child(n+5){animation-delay:.12s}.track:nth-child(n+8){animation-delay:.15s}.album-cover-btn{animation:card-in .4s var(--ease-out) both}.album-main{animation:item-in .4s var(--ease-out) 60ms both}.card-open,.card-play,.icon-btn,.add-btn,.white-btn,.close-pill,.track{transition:transform .16s,background-color .16s,opacity .16s,box-shadow .16s}.card-open:hover{transform:translateY(-3px)scale(1.02)}html.vt .card,html.vt .album-cover-btn,html.vt .album-main{animation:none}.album-cover{view-transition-name:album-hero}::view-transition-group(album-hero){animation-duration:.46s;animation-timing-function:cubic-bezier(.22,.9,.2,1)}::view-transition-old(album-hero){object-fit:cover;height:100%}::view-transition-new(album-hero){object-fit:cover;height:100%}::view-transition-group(player){animation-duration:.3s}::view-transition-group(add-button){animation-duration:.3s}::view-transition-old(root){animation:.2s both fade-out}::view-transition-new(root){animation:.34s var(--ease-out) both page-in}html[data-nav=back]::view-transition-new(root){animation-name:page-in-back}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}.track{grid-template-columns:1fr auto auto}.track.unavailable{opacity:.38}.track.unavailable .track-hit{cursor:default}.track.unavailable:hover .track-title{text-decoration:none}.search-track:disabled{opacity:.38;cursor:default}.track-dur{align-items:center;gap:4px;display:inline-flex}.track,.card,.search-track{-webkit-touch-callout:none}@media (hover:none){.track,.card,.search-track{-webkit-user-select:none;user-select:none}}.now{color:var(--text);z-index:40;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.now-backdrop{background:#151515;animation:.34s both fade-in;position:absolute;inset:0;overflow:hidden}@keyframes now-rise{0%{opacity:0;transform:translateY(28px)}}@keyframes now-fall{to{opacity:0;transform:translateY(28px)}}.now-head,.now-panel{animation:now-rise .46s var(--ease-out) 60ms both}.presence[data-state=closed] .now-backdrop{animation:.34s both fade-out}.presence[data-state=closed] .now-head,.presence[data-state=closed] .now-panel{animation:.22s both now-fall}.now-bg{filter:blur(80px)saturate(1.5)brightness(.5);pointer-events:none;inset:-12%;width:124%!important;height:124%!important;position:absolute!important}.now-bg img{object-fit:cover;width:100%;height:100%}.now-shade{pointer-events:none;background:linear-gradient(#0e0e0e59,#0e0e0ea6);position:absolute;inset:0}.now-head{z-index:1;padding:calc(18px + env(safe-area-inset-top)) 22px 0;position:relative}.now-body{z-index:1;min-height:0;padding:8px clamp(24px, 6vw, 80px) calc(28px + env(safe-area-inset-bottom));flex:1;justify-content:center;align-items:center;gap:clamp(32px,6vw,88px);display:flex;position:relative}.now-art-wrap{flex:0 auto;justify-content:center;align-items:center;min-width:0;display:flex}.now-art{width:min(46vw,62vh,560px);height:min(46vw,62vh,560px);box-shadow:0 30px 80px #00000080}.now-panel{flex-direction:column;flex:0 460px;gap:26px;min-width:0;display:flex}.now-title{letter-spacing:-.03em;font-size:clamp(24px,3vw,34px);font-weight:700;line-height:1.15}.now-artist{color:#ffffffa8;margin-top:6px;font-size:clamp(16px,1.8vw,20px);font-weight:550}.now-seek .waveform{width:100%;height:48px;display:block}.now-times{color:#fff9;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:8px;font-size:13px;display:flex}.now-controls{justify-content:space-between;align-items:center;display:flex}.now-controls .ctrl,.now-extras .ctrl{width:48px;height:48px}.now-play{color:#111;cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;width:72px;height:72px;transition:transform .15s;display:grid}.now-extras{justify-content:space-between;align-items:center;gap:12px;display:flex}.now-volume{flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.now-volume .volume-slider{opacity:1;width:100%;max-width:180px;margin-left:6px;display:block}@media (width<=760px){.now-body{flex-direction:column;justify-content:flex-start;gap:26px;padding-top:clamp(8px,5vh,48px);overflow-y:auto}.now-art{aspect-ratio:1;width:min(100%,52vh,420px);height:auto}.now-art-wrap{width:100%}.now-panel{flex:none;width:100%;max-width:460px}}.settings-page{width:min(720px,100% - 48px);padding-bottom:calc(var(--player-space,130px) + 20px);margin:0 auto}.settings-title{text-align:left;letter-spacing:-.04em;align-self:flex-start;margin:6px 0 22px;font-size:30px;font-weight:700}.settings-group{width:100%;margin-bottom:26px}.settings-group h2{letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin:0 0 8px 6px;font-size:13px;font-weight:600}.settings-row{background:var(--surface);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.settings-row>div:first-child{flex:200px;min-width:0}.settings-row+.settings-row{margin-top:8px}.settings-label{letter-spacing:-.02em;font-size:16px;font-weight:600}.settings-hint{color:var(--muted);margin-top:3px;font-size:13.5px;line-height:1.35}.segmented{background:var(--field);border-radius:14px;flex:none;gap:2px;padding:3px;display:flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:11px;height:34px;padding:0 14px;font-size:14px;font-weight:600}.segmented button.on{background:var(--btn-bg);color:var(--btn-fg)}.switch{background:var(--field-line);border:0;border-radius:16px;flex:none;align-items:center;width:52px;height:32px;padding:3px;transition:background .2s;display:flex}.switch span{width:26px;height:26px;transition:transform .22s var(--ease-out);background:#fff;border-radius:13px;box-shadow:0 1px 4px #0000004d}.switch.on{background:var(--gold)}.switch.on span{transform:translate(20px)}.settings-actions{flex:none;gap:8px;display:flex}.pill-btn:disabled{opacity:.4}.pill-btn{background:var(--btn-bg);height:38px;color:var(--btn-fg);border:0;border-radius:999px;flex:none;padding:0 16px;font-size:14px;font-weight:600}@media (width<=600px){.settings-page{width:calc(100% - 32px)}:root{--player-space:calc(138px + env(safe-area-inset-bottom))}.topbar{height:calc(72px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0}.stage{padding:8px 16px calc(var(--player-space) + 20px);min-height:calc(100vh - 72px)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 16px;width:100%;display:grid}.card{width:auto;min-width:0}.card-art-wrap,.card-open,.card-art{aspect-ratio:1;width:100%;height:auto}.card-cover,.folder-art{border-radius:24px}.card-title{max-width:100%}.album{width:calc(100% - 32px);padding-bottom:calc(var(--player-space) + 20px);align-items:stretch;gap:28px}.album-cover-btn{width:100%}.album-title{font-size:26px}.add-btn{bottom:calc(24px + env(safe-area-inset-bottom))}.has-player .add-btn{bottom:calc(var(--player-space) - 20px)}.has-player .upload-pill{bottom:calc(var(--player-space) + 56px)}.toast{top:calc(18px + env(safe-area-inset-top))}.player{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));border-radius:30px;flex-wrap:wrap;gap:6px;height:auto;padding:6px 12px 8px 6px}.player-id{flex:1 1 0;min-width:0}.player-art{width:46px;min-width:46px;height:46px}.player-mid{flex:100%;order:3;gap:10px;max-width:none;padding:0 8px 2px;display:flex}.waveform{min-width:0;height:26px}.player-time{font-size:12px}.player-controls{flex:none;gap:0;margin-left:0}.ctrl{width:34px}.player-controls .ctrl[aria-label=Repeat],.player-controls .volume,.bell-btn{display:none}.lyrics{padding-bottom:var(--player-space)}.lyrics-head{padding-top:env(safe-area-inset-top)}.lyrics-scroll{padding:24vh 22px 52vh}.ly{font-size:clamp(26px,8vw,36px)}.queue-panel{width:auto;left:10px;right:10px;bottom:var(--player-space);max-height:50vh}}.settings-eq>.pill-btn{flex:none}.eq-graph{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;max-height:190px;margin-top:4px;display:block}.eq-grid{stroke:var(--field-line);stroke-width:1px;opacity:.55}.eq-zero{stroke:var(--muted);stroke-width:1px;stroke-dasharray:3 4;opacity:.8}.eq-line{fill:none;stroke:var(--gold);stroke-width:2.5px;stroke-linecap:round}.eq-fill{fill:var(--gold);opacity:.12}.eq-handle{fill:var(--btn-bg);stroke:var(--gold);stroke-width:3px;cursor:grab;outline:none}.eq-handle:focus-visible{stroke-width:5px}.eq-handle:active{cursor:grabbing}.eq-label{fill:var(--muted);font-size:11px;font-weight:600}.eq-value{fill:var(--text);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.settings-slider{color:var(--muted);font-variant-numeric:tabular-nums;flex:100%;align-items:center;gap:12px;font-size:13.5px;display:flex}.settings-slider .slider{--accent:var(--gold);flex:1}.slider-value{text-align:right;min-width:34px;color:var(--text);font-weight:600}.settings-sub{flex-direction:column;flex:100%;align-items:flex-start;gap:8px;display:flex}.slider{--p:0;--thumb:18px;--track:6px;--accent:var(--text-strong);--rail:color-mix(in srgb, var(--text) 24%, transparent);appearance:none;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;background:0 0;outline:none;height:28px;margin:0;padding:0}.slider::-webkit-slider-runnable-track{height:var(--track);background:linear-gradient(to right, var(--accent) calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--p)), var(--rail) calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--p)));border-radius:99px;transition:height .14s}.slider::-webkit-slider-thumb{appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc((var(--track) - var(--thumb)) / 2);background:#fff;border:0;border-radius:50%;transition:transform .14s,box-shadow .14s;box-shadow:0 1px 5px #00000073}.slider::-moz-range-track{height:var(--track);background:var(--rail);border-radius:99px}.slider::-moz-range-progress{height:var(--track);background:var(--accent);border-radius:99px}.slider::-moz-range-thumb{width:var(--thumb);height:var(--thumb);background:#fff;border:0;border-radius:50%;box-shadow:0 1px 5px #00000073}.slider:hover,.slider:active{--track:8px}.slider:active::-webkit-slider-thumb{transform:scale(1.25)}.slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 45%, transparent), 0 1px 5px #00000073}@media (pointer:coarse){.slider{--thumb:22px;height:36px}}.source-ok{color:var(--muted)}.source-bad{color:#ff8a80}button.lyrics-chip{font:inherit;cursor:pointer;border:0;font-size:12px}.lyrics-why{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#ffffffd1;background:#0000008c;border-radius:16px;margin:0 16px 8px;padding:12px 14px;font-size:13px;line-height:1.5;position:relative}.lyrics-why-title{color:#fff;margin-bottom:4px;font-weight:600}