:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-serif:"Noto Serif SC", "Source Han Serif SC", "Songti SC", "SimSun", "STSong", serif;--step--1:clamp(.76rem, .74rem + .1vw, .85rem);--step-0:clamp(.9rem, .87rem + .15vw, 1rem);--step-1:clamp(1.02rem, .95rem + .3vw, 1.2rem);--step-2:clamp(1.24rem, 1.1rem + .55vw, 1.5rem);--step-3:clamp(1.5rem, 1.25rem + 1vw, 1.95rem);--step-4:clamp(1.8rem, 1.4rem + 1.6vw, 2.5rem);--step-5:clamp(2.1rem, 1.5rem + 2.4vw, 3.2rem);--ink-950:#08080a;--ink-900:#0c0c0f;--ink-850:#111115;--ink-800:#16161b;--ink-700:#1d1d23;--glass:#ffffff0b;--glass-strong:#ffffff14;--glass-bright:#ffffff21;--hairline:#ffffff1a;--hairline-soft:#ffffff0f;--text-1:#f4f4f7f5;--text-2:#d2d2dca8;--text-3:#b0b0be66;--lyric-muted:#d2d2dc8f;--lyric-active:#f4f4f757;--lyric-progress:#f4f4f752;--lyric-flow:#ffffffe0;--lyric-translation:#b0b0be6b;--lyric-translation-active:#d2d2dc99;--lyric-hover:#e8e8f0eb;--lyric-sweep-glow:0 0 20px #ffffffc7, 0 0 40px #767ebeb8;--lyric-flow-glow:0 0 .2em #ffffffe0, 0 0 .65em #767ebeb3;--rose:#e0a3ab;--accent:#c9cdea;--accent-solid:#e7e6ee;--accent-ink:#131318;--accent-control:#c9cdea;--accent-control-hover:#b3bae8;--accent-control-soft:#c9cdea1f;--accent-control-surface:#c9cdea;--accent-control-ink:#191b27;--aurora:linear-gradient(120deg, #fff 0%, #e3e3ec 50%, #c3c8e4 100%);--aurora-soft:linear-gradient(120deg, #ffffffe6, #e3e3ecd9, #c3c8e4cc);--shadow-soft:0 14px 40px -26px #000000e6;--shadow-card:0 24px 60px -34px #000000f2, 0 8px 22px -16px #000000bf;--shadow-poster:0 18px 46px -26px #000000e6;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-back:cubic-bezier(.34, 1.56, .64, 1);--ease-in-out-soft:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.22, 1.2, .36, 1);--dur-fast:.2s;--dur:.4s;--dur-slow:.7s;--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-pill:999px;--header-h:84px;--player-h:84px;--page-max:1180px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink-950:#f5f5f7;--ink-900:#fff;--ink-850:#f1f1f4;--ink-800:#e9e9ee;--ink-700:#dedee5;--glass:#ffffffad;--glass-strong:#ffffffd1;--glass-bright:#fffffff0;--hairline:#23243024;--hairline-soft:#23243017;--text-1:#1b1c26f5;--text-2:#2d2e3ab8;--text-3:#393b4b85;--lyric-muted:#2d2e3a9e;--lyric-active:#1b1c267a;--lyric-progress:#1b1c2675;--lyric-flow:#1b1c26e6;--lyric-translation:#393b4b9e;--lyric-translation-active:#2d2e3ad1;--lyric-hover:#1b1c26f5;--lyric-sweep-glow:0 0 12px #ffffffc7, 0 0 28px #767ebe6b;--lyric-flow-glow:0 0 .2em #ffffffe0, 0 0 .65em #767ebe80;--accent:#6871a4;--accent-solid:#d8dced;--accent-ink:#25283b;--accent-control:#6871a4;--accent-control-hover:#5d6594;--accent-control-soft:#6871a41f;--accent-control-surface:#e3e5f0;--accent-control-ink:#191b27;--aurora:linear-gradient(120deg, #49547f 0%, #767ea7 50%, #9ba3c9 100%);--aurora-soft:linear-gradient(120deg, #49547fe6, #767ea7d9, #9ba3c9cc);--shadow-soft:0 14px 40px -26px #23243038;--shadow-card:0 24px 60px -34px #2324303d, 0 8px 22px -16px #2324302e;--shadow-poster:0 18px 46px -26px #23243038}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;min-height:100%}body{min-height:100dvh;font-family:var(--font-serif);font-size:var(--step-0);color:var(--text-1);background-color:var(--ink-950);transition:background-color .3s var(--ease-out-expo), color .3s var(--ease-out-expo);letter-spacing:.01em;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7;overflow-x:hidden}#app{isolation:isolate;min-height:100dvh;position:relative}html.lyrics-page,html.lyrics-page body,html.lyrics-page #app{overscroll-behavior:none;scrollbar-width:none;width:100%;height:100%;min-height:0;overflow:hidden}html.lyrics-page body::-webkit-scrollbar{display:none}html.lyrics-page::-webkit-scrollbar{display:none}:root[data-theme=light] body{background-image:radial-gradient(at 50% 0,#ffffffe6,#0000 62%)}:root[data-theme=light] ::selection{background:var(--accent-control-soft);color:var(--text-1)}h1,h2,h3,h4{letter-spacing:.02em;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:none;font-family:inherit}input{color:inherit;font-family:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}::selection{color:#fff;background:#fff3}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#ffffff1f padding-box content-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:#ffffff38 padding-box content-box}.page{width:100%;max-width:var(--page-max);margin:0 auto;padding:0 clamp(1.1rem,4vw,3rem)}.glass{background:var(--glass);border:1px solid var(--hairline-soft);-webkit-backdrop-filter:blur(18px)saturate(120%)}:root[data-theme=light] .glass{border-color:var(--hairline-soft);background-color:#ffffffb8}.text-aurora{background:var(--aurora);color:#0000;-webkit-background-clip:text;background-clip:text}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fade-slide-enter-active{transition:opacity .6s var(--ease-out-expo), transform .7s var(--ease-out-expo), filter .6s var(--ease-out-expo)}.fade-slide-leave-active{transition:opacity .32s var(--ease-in-out-soft), transform .32s var(--ease-in-out-soft)}.fade-slide-enter-from{opacity:0;filter:blur(8px);transform:translateY(26px)scale(.985)}.fade-slide-leave-to{opacity:0;transform:translateY(-14px)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (pointer:coarse){a,button,[role=button]{-webkit-tap-highlight-color:transparent}}.bg[data-v-7a81aff1]{z-index:-1;position:fixed;inset:0;overflow:hidden}.bg__wash[data-v-7a81aff1]{filter:blur(120px);opacity:.34;will-change:transform;border-radius:50%;position:absolute}.bg__wash--top[data-v-7a81aff1]{background:radial-gradient(circle at 50% 50%, rgba(var(--wash-rgb,112, 116, 150), .52), transparent 68%);width:68vw;height:52vw;animation:drift-a-7a81aff1 34s var(--ease-in-out-soft) infinite alternate;top:-28vw;left:50%;transform:translate(-50%)}.bg__wash--bottom[data-v-7a81aff1]{background:radial-gradient(circle at 50% 50%, rgba(var(--wash-rgb,78, 86, 104), .34), transparent 68%);filter:blur(120px)hue-rotate(34deg);width:58vw;height:44vw;animation:drift-b-7a81aff1 40s var(--ease-in-out-soft) infinite alternate;bottom:-26vw;right:-12vw}.bg__wash--side[data-v-7a81aff1]{opacity:.22;background:radial-gradient(ellipse at center, rgba(var(--wash-rgb,112, 116, 150), .42), transparent 70%);width:54vw;height:42vw;animation:drift-b-7a81aff1 36s var(--ease-in-out-soft) infinite alternate-reverse;top:28%;left:-24vw}.bg--monet .bg__wash[data-v-7a81aff1]{opacity:.4}.bg--monet .bg__wash--top[data-v-7a81aff1]{opacity:.52}.bg--monet .bg__wash--bottom[data-v-7a81aff1]{opacity:.34}.bg--monet .bg__wash--side[data-v-7a81aff1]{opacity:.3}.bg__veil[data-v-7a81aff1]{background:radial-gradient(85% 65% at 50% 35%,#0000 30%,#05050747 100%),linear-gradient(#ffffff04,#0000 28%);position:absolute;inset:0}:root[data-theme=light] .bg__veil{background:radial-gradient(85% 65% at 50% 35%,#0000 42%,#e5e6ed1a 100%),linear-gradient(#ffffff03,#0000 28%)}:root[data-theme=light] .bg__wash{filter:blur(88px);opacity:.1;mix-blend-mode:multiply}:root[data-theme=light] .bg__wash--top{opacity:.17}:root[data-theme=light] .bg__wash--bottom{filter:blur(88px)hue-rotate(34deg);opacity:.12}:root[data-theme=light] .bg__wash--side{opacity:.1}:root[data-theme=light] .bg--monet .bg__wash--top{opacity:.22}:root[data-theme=light] .bg--monet .bg__wash--bottom{opacity:.16}:root[data-theme=light] .bg--monet .bg__wash--side{opacity:.13}@keyframes drift-a-7a81aff1{0%{transform:translate(-50%)translate(0,0)scale(1)}to{transform:translate(-50%)translate(3vw,4vh)scale(1.1)}}@keyframes drift-b-7a81aff1{0%{transform:translate(0,0)scale(1.04)}to{transform:translate(-5vw,-4vh)scale(.96)}}@media (prefers-reduced-motion:reduce){.bg__wash[data-v-7a81aff1]{animation:none}}.header[data-v-645a2b67]{z-index:40;transition:transform .55s var(--ease-out-expo), opacity .4s var(--ease-out-expo);padding:calc(14px + env(safe-area-inset-top,0px)) clamp(.75rem, 3vw, 2rem) 14px;pointer-events:none;padding-right:calc(clamp(.75rem,3vw,2rem) + 60px);position:fixed;inset:0 0 auto}.header.is-hidden[data-v-645a2b67]{opacity:0;pointer-events:none;transform:translateY(-130%)}.header__inner[data-v-645a2b67]{pointer-events:auto;width:100%;max-width:var(--page-max);border-radius:var(--radius-pill);border:1px solid var(--hairline-soft);-webkit-backdrop-filter:blur(28px)saturate(150%);background:#0e0e118c;justify-content:space-between;align-items:center;gap:1rem;height:56px;margin:0 auto;padding:0 6px 0 18px;display:flex;box-shadow:0 16px 40px -28px #000000e6}.brand[data-v-645a2b67]{letter-spacing:.04em;color:var(--text-1);flex-shrink:0;align-items:center;gap:.6rem;font-size:.95rem;font-weight:600;display:inline-flex}.brand__logo[data-v-645a2b67]{object-fit:cover;width:30px;height:30px;box-shadow:0 0 14px var(--theme-glow,#767ebe3d);border-radius:50%;flex:none}.brand__text[data-v-645a2b67]{white-space:nowrap}.nav[data-v-645a2b67]{flex-shrink:0;align-items:center;gap:2px;display:flex}.fab[data-v-645a2b67]{top:calc(20px + env(safe-area-inset-top,0px));z-index:60;transition:color var(--dur-fast) var(--ease-out-expo), background var(--dur-fast) var(--ease-out-expo), border-color var(--dur-fast) var(--ease-out-expo), transform var(--dur-slow) var(--ease-out-expo), opacity .4s var(--ease-out-expo);border:1px solid var(--hairline);-webkit-backdrop-filter:blur(28px)saturate(150%);width:44px;height:44px;color:var(--text-2);touch-action:manipulation;background:#0e0e118c;border-radius:50%;place-items:center;display:grid;position:fixed;right:clamp(.75rem,3vw,2rem);box-shadow:0 12px 34px -16px #000000e6}.fab.is-hidden[data-v-645a2b67]{opacity:0;pointer-events:none;transform:translateY(-180%)}.fab[data-v-645a2b67]:hover{color:var(--accent-control-hover);background:var(--accent-control-soft);border-color:var(--accent-control);transform:rotate(45deg)}.fab.is-active[data-v-645a2b67]{color:var(--accent-control);background:var(--accent-control-soft);border-color:var(--accent-control)}.fab.is-active svg[data-v-645a2b67]{transform:rotate(0)}.nav__link[data-v-645a2b67]{border-radius:var(--radius-pill);letter-spacing:.06em;min-height:44px;color:var(--text-2);transition:color var(--dur-fast) var(--ease-out-expo), background var(--dur-fast) var(--ease-out-expo);justify-content:center;align-items:center;padding:.48rem 1rem;font-size:.86rem;display:inline-flex}.nav__link[data-v-645a2b67]:hover,.nav__link.is-active[data-v-645a2b67]{color:var(--accent-control);background:var(--accent-control-soft)}@media (width<=640px){.header[data-v-645a2b67]{padding:calc(8px + env(safe-area-inset-top,0px)) calc(.45rem + 48px) 8px .45rem}.header__inner[data-v-645a2b67]{gap:.2rem;height:48px;padding:0 4px 0 9px}.brand[data-v-645a2b67]{letter-spacing:0;gap:.35rem;font-size:.72rem}.brand__logo[data-v-645a2b67]{border-radius:50%;width:26px;height:26px}.nav__link[data-v-645a2b67]{letter-spacing:0;min-height:44px;padding:.3rem .42rem;font-size:.72rem}.fab[data-v-645a2b67]{top:calc(10px + env(safe-area-inset-top,0px));width:44px;height:44px;right:.45rem}}@media (width<=360px){.brand[data-v-645a2b67]{font-size:.66rem}.nav__link[data-v-645a2b67]{padding-inline:.3rem;font-size:.68rem}}:root[data-theme=light] .header__inner,:root[data-theme=light] .fab{background:#ffffffc7;box-shadow:0 12px 34px -16px #2324302e}:root[data-theme=light] .nav__link:hover,:root[data-theme=light] .nav__link.is-active{background:var(--accent-control-soft)}:root[data-theme=light] .nav__link.is-active{color:var(--accent-control)}:root[data-theme=light] .fab:hover{background:var(--accent-control-soft)}.player[data-v-e594e634]{inset:auto 0 env(safe-area-inset-bottom,0px) 0;z-index:50;pointer-events:none;padding:0 12px 12px;position:fixed}.player--compact[data-v-e594e634]{justify-content:center;padding-bottom:14px;display:flex}.player__glow[data-v-e594e634]{filter:blur(48px)saturate(130%);opacity:.16;pointer-events:none;transition:background-image var(--dur-slow) var(--ease-out-expo);background-position:50%;background-size:cover;border-radius:22px;position:absolute;inset:14% 3% 10%}.player__inner[data-v-e594e634]{pointer-events:auto;height:var(--player-h);border-radius:var(--radius-lg);border:1px solid var(--hairline);-webkit-backdrop-filter:blur(30px)saturate(150%);background:#0c0c0f99;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);grid-template-areas:"now controls volume""now progress volume";align-items:center;gap:.3rem 1.5rem;padding:.55rem 18px;display:grid;position:relative;box-shadow:0 24px 60px -32px #000000f2}.now[data-v-e594e634]{border-radius:var(--radius-sm);outline:none;grid-area:now;align-items:center;gap:.9rem;min-width:0;display:flex}.now:hover .now__cover img[data-v-e594e634]{transform:scale(1.08)}.now:hover .now__title[data-v-e594e634]{color:var(--accent-control)}.now[data-v-e594e634]:focus-visible{box-shadow:0 0 0 2px var(--accent-control-soft)}.now__expand[data-v-e594e634]{color:var(--text-3);opacity:0;transition:opacity var(--dur-fast) var(--ease-out-expo), transform var(--dur-fast) var(--ease-out-expo);place-items:center;margin-left:auto;display:grid;transform:translateY(2px)}.now:hover .now__expand[data-v-e594e634]{opacity:.85;transform:translateY(0)}.now__cover[data-v-e594e634]{border-radius:var(--radius-sm);background:var(--ink-800);border:1px solid var(--hairline-soft);flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.now__cover img[data-v-e594e634]{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-slow) var(--ease-out-expo)}.now__note[data-v-e594e634]{color:var(--text-3);font-size:1.4rem}.now__meta[data-v-e594e634]{min-width:0}.now__title[data-v-e594e634]{white-space:nowrap;text-overflow:ellipsis;transition:color var(--dur-fast) var(--ease-out-expo);font-size:.88rem;font-weight:600;overflow:hidden}.now__artist[data-v-e594e634]{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.controls[data-v-e594e634]{grid-area:controls;justify-content:center;align-items:center;gap:.7rem;display:flex}.ctl[data-v-e594e634]{width:36px;height:36px;color:var(--accent-control);transition:color var(--dur-fast) var(--ease-out-expo), transform var(--dur-fast) var(--ease-out-expo), background var(--dur-fast) var(--ease-out-expo);border-radius:50%;place-items:center;display:grid}.ctl[data-v-e594e634]:hover:not(:disabled){color:var(--accent-control-hover);background:var(--accent-control-soft)}.ctl[data-v-e594e634]:disabled{opacity:.3;cursor:not-allowed}.ctl--main[data-v-e594e634]{width:44px;height:44px;color:var(--accent-control-ink);background:var(--accent-control-surface)}.ctl--main[data-v-e594e634]:hover:not(:disabled){color:var(--accent-control-ink);background:var(--accent-control-hover)}.progress[data-v-e594e634]{grid-area:progress;align-items:center;gap:.7rem;display:flex}.progress__time[data-v-e594e634]{font-size:var(--step--1);color:var(--text-3);font-variant-numeric:tabular-nums;text-align:center;min-width:2.6em}.progress__track[data-v-e594e634]{border-radius:var(--radius-pill);cursor:pointer;touch-action:none;background:#ffffff17;flex:1;height:4px;position:relative}.progress__fill[data-v-e594e634]{border-radius:inherit;background:var(--accent-control);width:0;position:absolute;inset:0 auto 0 0}.progress__thumb[data-v-e594e634]{background:var(--accent-control);opacity:0;width:10px;height:10px;transition:opacity var(--dur-fast) var(--ease-out-expo);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress__track:hover .progress__thumb[data-v-e594e634]{opacity:1}.volume[data-v-e594e634]{color:var(--accent-control);grid-area:volume;justify-self:end;align-items:center;gap:.5rem;display:flex}.volume input[type=range][data-v-e594e634]{appearance:none;border-radius:var(--radius-pill);cursor:pointer;background:#ffffff24;width:90px;height:4px}.volume input[type=range][data-v-e594e634]::-webkit-slider-thumb{appearance:none;background:var(--accent-control);border-radius:50%;width:12px;height:12px}.volume input[type=range][data-v-e594e634]::-moz-range-thumb{background:var(--accent-control);border:none;border-radius:50%;width:12px;height:12px}.player__error[data-v-e594e634]{border-radius:var(--radius-pill);font-size:var(--step--1);color:var(--rose);white-space:nowrap;background:#0a0a0cb8;padding:.2rem .7rem;position:absolute;top:-1.7rem;left:50%;transform:translate(-50%)}.compact[data-v-e594e634]{pointer-events:auto;position:relative}.pill[data-v-e594e634]{border-radius:var(--radius-pill);border:1px solid var(--hairline);-webkit-backdrop-filter:blur(30px)saturate(150%);width:min(264px,100vw - 24px);height:44px;transition:width .55s var(--ease-out-expo), height .55s var(--ease-out-expo), border-radius .55s var(--ease-out-expo);background:#0c0c0f99;position:relative;overflow:hidden;box-shadow:0 22px 54px -32px #000000f2}.pill.is-expanded[data-v-e594e634]{border-radius:26px;width:min(860px,100vw - 24px);height:88px}.pill__compact[data-v-e594e634]{cursor:pointer;opacity:1;transition:opacity .2s var(--ease-out-expo);align-items:center;gap:.7rem;padding:0 20px;display:flex;position:absolute;inset:0}.pill__compact.is-hidden[data-v-e594e634]{opacity:0;pointer-events:none}.pill__time[data-v-e594e634]{text-align:center;min-width:2.4em;color:var(--text-3);font-variant-numeric:tabular-nums;font-size:.7rem}.pill__track[data-v-e594e634]{border-radius:var(--radius-pill);touch-action:none;background:#ffffff1a;flex:1;height:4px;position:relative}.pill__fill[data-v-e594e634]{border-radius:inherit;background:linear-gradient(90deg, var(--accent-control-hover), var(--accent-control));width:0;position:absolute;inset:0 auto 0 0}.pill__dot[data-v-e594e634]{z-index:1;background:var(--accent-control);width:8px;height:8px;box-shadow:0 0 10px var(--theme-glow);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.pill__full[data-v-e594e634]{opacity:0;pointer-events:none;transition:opacity .3s 80ms var(--ease-out-expo);flex-direction:row;justify-content:center;gap:6px;padding:12px 18px;display:flex;position:absolute;inset:0}.pill__full.is-visible[data-v-e594e634]{opacity:1;pointer-events:auto}.pill__row[data-v-e594e634]{flex:auto;justify-content:flex-start;align-items:center;gap:0;min-width:0;padding-right:6rem;display:flex;position:relative}.pill__controls[data-v-e594e634]{align-items:center;gap:.65rem;width:100%;min-width:0;display:flex}.pill__track-info[data-v-e594e634]{flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:0;min-width:0;display:flex}.pill__track-controls[data-v-e594e634]{flex:none;justify-content:center;align-items:center;gap:.1rem;min-width:0;display:flex}.pill__title[data-v-e594e634]{width:clamp(6rem,22vw,18rem);min-width:0;max-width:clamp(6rem,22vw,18rem);color:var(--text-1);text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:0 auto;font-size:.82rem;font-weight:500;overflow:hidden}.pill__ctl[data-v-e594e634]{width:34px;height:34px;color:var(--accent-control);transition:color var(--dur-fast) var(--ease-out-expo), background var(--dur-fast) var(--ease-out-expo);border-radius:50%;place-items:center;display:grid}.pill__ctl[data-v-e594e634]:hover:not(:disabled){color:var(--accent-control-hover);background:var(--accent-control-soft)}.pill__ctl[data-v-e594e634]:disabled{opacity:.3;cursor:not-allowed}.pill__ctl--main[data-v-e594e634]{width:42px;height:42px;color:var(--accent-control-ink);background:var(--accent-control-surface)}.pill__ctl--main[data-v-e594e634]:hover:not(:disabled){color:var(--accent-control-ink);background:var(--accent-control-hover)}.pill__spinner[data-v-e594e634]{border:2px solid #13131840;border-top-color:var(--accent-control);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin-e594e634}.pill__tools[data-v-e594e634]{align-items:center;gap:.35rem;display:flex;position:absolute;right:0}.pill__tool[data-v-e594e634]{width:32px;height:32px;color:var(--accent-control);transition:color var(--dur-fast) var(--ease-out-expo), background var(--dur-fast) var(--ease-out-expo);border-radius:50%;place-items:center;display:grid}.pill__tool[data-v-e594e634]:hover,.pill__tool.is-active[data-v-e594e634]{color:var(--accent-control-hover);background:var(--accent-control-soft)}.pill__progress[data-v-e594e634]{flex:none;align-items:center;gap:.7rem;width:100%;min-width:0;display:flex}.pill__progress .pill__track[data-v-e594e634]{flex:auto;width:0;min-width:40px}.pill__track--seek[data-v-e594e634]{cursor:pointer}.pill__thumb[data-v-e594e634]{background:var(--accent-control);opacity:0;width:9px;height:9px;transition:opacity var(--dur-fast) var(--ease-out-expo);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.pill__track--seek:hover .pill__thumb[data-v-e594e634]{opacity:1}.queue[data-v-e594e634]{border:1px solid var(--hairline);-webkit-backdrop-filter:blur(30px)saturate(140%);background:#0c0c0fbd;border-radius:20px;flex-direction:column;width:min(820px,100vw - 24px);max-height:min(48vh,420px);display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 30px 80px -40px #000000f2}.queue[data-v-e594e634]:after{content:"";height:6px;position:absolute;top:100%;left:0;right:0}.queue__head[data-v-e594e634]{justify-content:space-between;align-items:center;padding:.9rem 1.1rem .55rem;display:flex}.queue__title[data-v-e594e634]{font-size:var(--step-0);color:var(--text-1);font-weight:600}.queue__count[data-v-e594e634]{font-size:var(--step--1);color:var(--text-3)}.queue__list[data-v-e594e634]{scrollbar-width:none;padding:.2rem .5rem .6rem;overflow-y:auto}.queue__list[data-v-e594e634]::-webkit-scrollbar{display:none}.queue__item[data-v-e594e634]{border-radius:var(--radius);cursor:pointer;transition:background var(--dur-fast) var(--ease-out-expo);grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.5rem .6rem;display:grid}.queue__item[data-v-e594e634]:hover{background:#ffffff0f}.queue__item.is-current[data-v-e594e634]{color:var(--accent-control);background:var(--accent-control-soft)}.queue__index[data-v-e594e634]{font-size:var(--step--1);color:var(--text-3);font-variant-numeric:tabular-nums}.queue__item.is-current .queue__index[data-v-e594e634]{color:var(--accent-control)}.queue__meta[data-v-e594e634]{flex-direction:column;min-width:0;display:flex}.queue__name[data-v-e594e634]{font-size:var(--step--1);color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.queue__artist[data-v-e594e634]{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.queue__dur[data-v-e594e634]{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:.72rem}.queue__empty[data-v-e594e634]{text-align:center;font-size:var(--step--1);color:var(--text-3);padding:1.4rem}.queue-enter-active[data-v-e594e634],.queue-leave-active[data-v-e594e634]{transition:opacity .25s var(--ease-out-expo), transform .3s var(--ease-out-expo)}.queue-enter-from[data-v-e594e634],.queue-leave-to[data-v-e594e634]{opacity:0;transform:translate(-50%,8px)scale(.98)}@keyframes spin-e594e634{to{transform:rotate(360deg)}}.player-enter-active[data-v-e594e634]{transition:transform .6s var(--ease-out-expo), opacity .6s var(--ease-out-expo)}.player-leave-active[data-v-e594e634]{transition:transform .4s var(--ease-in-out-soft), opacity .4s var(--ease-in-out-soft)}.player-enter-from[data-v-e594e634],.player-leave-to[data-v-e594e634]{opacity:0;transform:translateY(100%)}@media (width<=860px){.player[data-v-e594e634]{padding:0 8px 8px}:root[data-theme=light] .player,:root[data-theme=light] .pill{color:var(--text-1)}:root[data-theme=light] .player--compact .pill{border-color:var(--hairline);background:#ffffffd1;box-shadow:0 22px 54px -32px #2324304d}.player__glow[data-v-e594e634]{inset:0 3% 4%}.player__inner[data-v-e594e634]{grid-template-columns:1fr auto;grid-template-areas:"now volume""controls controls""progress progress";gap:.55rem;height:auto;padding:.7rem 1rem}.now[data-v-e594e634]{grid-area:now}.controls[data-v-e594e634]{grid-area:controls}.progress[data-v-e594e634]{grid-area:progress}.volume[data-v-e594e634]{grid-area:volume;display:none}.pill.is-expanded[data-v-e594e634]{height:88px}.pill__full[data-v-e594e634]{gap:4px;padding:10px 14px}.pill__row[data-v-e594e634]{gap:0;padding-right:5rem}.pill__ctl[data-v-e594e634]{width:30px;height:30px}.pill__controls[data-v-e594e634]{gap:.25rem}.pill__track-info[data-v-e594e634]{min-width:0}.pill__progress[data-v-e594e634]{gap:.3rem}.pill__progress .pill__time[data-v-e594e634]{display:none}.pill__title[data-v-e594e634]{width:auto;max-width:min(34vw,14rem)}.pill__ctl--main[data-v-e594e634]{width:38px;height:38px}.pill__tool[data-v-e594e634]{width:28px;height:28px}}@media (width<=640px){.player--compact[data-v-e594e634]{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.player--compact .pill[data-v-e594e634]{width:min(320px,100vw - 24px);height:132px}.player--compact .pill.is-expanded[data-v-e594e634]{height:132px}.player--compact .pill__full[data-v-e594e634]{padding:0;display:block}.player--compact .pill__row[data-v-e594e634]{height:100%;padding:0;display:block}.player--compact .pill__controls[data-v-e594e634]{width:100%;height:100%;display:block}.player--compact .pill__track-info[data-v-e594e634]{display:contents}.player--compact .pill__track-controls[data-v-e594e634]{justify-content:center;gap:.2rem;position:absolute;top:8px;left:8px;right:8px}.player--compact .pill__ctl[data-v-e594e634]{width:40px;height:40px}.player--compact .pill__title[data-v-e594e634]{width:auto;max-width:calc(100vw - 140px)}.player--compact .pill__ctl--main[data-v-e594e634]{width:46px;height:46px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player--compact .pill__tools[data-v-e594e634]{pointer-events:none;display:block;position:absolute;inset:0}.player--compact .pill__tool[data-v-e594e634]:first-child{pointer-events:auto;width:40px;height:40px;position:absolute;top:50%;left:calc(50% - 88px);transform:translateY(-50%)}.player--compact .pill__tool[data-v-e594e634]:nth-child(2){pointer-events:auto;width:40px;height:40px;position:absolute;top:50%;left:calc(50% + 48px);transform:translateY(-50%)}.player--compact .pill__tool[data-v-e594e634]:nth-child(3){display:none}.player--compact .pill__progress[data-v-e594e634]{gap:.4rem;width:auto;position:absolute;bottom:10px;left:12px;right:12px}.player--compact .pill__progress .pill__time[data-v-e594e634]{min-width:2.5em;font-size:.62rem;display:block}}:root[data-theme=light] .player--compact .pill,:root[data-theme=light] .player--compact .queue{color:var(--text-1);border-color:var(--hairline);-webkit-backdrop-filter:blur(24px)saturate(125%);background:#ffffffe0;box-shadow:0 22px 54px -32px #23243042}:root[data-theme=light] .player--compact .pill__track{background:#23243029}:root[data-theme=light] .player--compact .queue__item.is-current{color:var(--accent-control);background:var(--accent-control-soft)}:root[data-theme=light] .player:not(.player--compact) .player__inner{color:var(--text-1);border-color:var(--hairline);-webkit-backdrop-filter:blur(24px)saturate(125%);background:#ffffffdb;box-shadow:0 18px 46px -30px #23243047}:root[data-theme=light] .player:not(.player--compact) .now:hover .now__title{color:var(--accent)}:root[data-theme=light] .player:not(.player--compact) .ctl{color:var(--accent-control)}:root[data-theme=light] .player:not(.player--compact) .now:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-control) 34%, transparent)}:root[data-theme=light] .player:not(.player--compact) .ctl:hover:not(:disabled){background:var(--accent-control-soft)}:root[data-theme=light] .player:not(.player--compact) .ctl--main,:root[data-theme=light] .player--compact .pill__ctl--main{color:var(--accent-control-ink);background:var(--accent-control-surface)}:root[data-theme=light] .player:not(.player--compact) .ctl--main:hover:not(:disabled),:root[data-theme=light] .player--compact .pill__ctl--main:hover:not(:disabled){color:var(--accent-control-ink);background:color-mix(in srgb, var(--accent-control) 18%, white)}:root[data-theme=light] .player--compact .pill__ctl,:root[data-theme=light] .player--compact .pill__tool{color:var(--accent-control)}:root[data-theme=light] .player--compact .pill__ctl:hover:not(:disabled),:root[data-theme=light] .player--compact .pill__tool:hover,:root[data-theme=light] .player--compact .pill__tool.is-active,:root[data-theme=light] .player--compact .queue__item:hover{color:var(--accent-control);background:var(--accent-control-soft)}:root[data-theme=light] .player:not(.player--compact) .progress__track,:root[data-theme=light] .player:not(.player--compact) .volume input[type=range]{background:#23243029}:root[data-theme=light] .player:not(.player--compact) .progress__fill,:root[data-theme=light] .player:not(.player--compact) .progress__thumb,:root[data-theme=light] .player--compact .pill__fill,:root[data-theme=light] .player--compact .pill__dot,:root[data-theme=light] .player--compact .pill__thumb{background:var(--accent-control)}:root[data-theme=light] .player:not(.player--compact) .volume input[type=range]::-webkit-slider-thumb{background:var(--accent-control)}:root[data-theme=light] .player:not(.player--compact) .volume input[type=range]::-moz-range-thumb{background:var(--accent-control)}:root[data-theme=light] .player--compact .pill__fill{background:linear-gradient(90deg, color-mix(in srgb, var(--accent-control) 68%, var(--accent-control-surface)), var(--accent-control))}:root[data-theme=light] .player:not(.player--compact) .ctl--main:hover:not(:disabled){background:var(--accent-control-hover)}:root[data-theme=light] .player:not(.player--compact) .player__error{box-shadow:var(--shadow-soft);background:#fffffff0}:root[data-theme=light] .player:not(.player--compact) .player__glow{opacity:.1}.ambient[data-v-7f44b1f1]{z-index:-2;filter:blur(64px)saturate(150%);opacity:.3;pointer-events:none;will-change:transform;animation:ambient-drift-7f44b1f1 32s var(--ease-in-out-soft) infinite;transition:background-image 1.2s var(--ease-out-expo), opacity .9s var(--ease-out-expo), filter .9s var(--ease-out-expo);background-position:50%;background-size:cover;position:fixed;inset:-12%;transform:scale(1.3)}.ambient--lyrics[data-v-7f44b1f1]{filter:blur(12px)saturate(150%)brightness(.94);opacity:.72;animation:ambient-drift-lyrics-7f44b1f1 16s var(--ease-in-out-soft) infinite;-webkit-mask-image:radial-gradient(at 50% 42%,#000 18%,#0000 88%);mask-image:radial-gradient(at 50% 42%,#000 18%,#0000 88%)}html.lyrics-flow .ambient--lyrics{filter:blur(16px)saturate(135%)brightness(.68);opacity:.72;animation-duration:24s;-webkit-mask-image:none;mask-image:none}html.lyrics-flow .bg{opacity:0;transition:opacity .8s var(--ease-out-expo)}html.lyrics-flow .lyrics-veil{background:radial-gradient(120% 80%,#08080a06,#08080a24 78%),linear-gradient(#08080a0f,#08080a4d 96%)}@keyframes ambient-drift-7f44b1f1{0%{transform:scale(1.3)translate(-2%,-3.5%)}25%{transform:scale(1.34)translate(2.4%,-4%)}50%{transform:scale(1.31)translate(2.8%,2%)}75%{transform:scale(1.36)translate(-2.4%,4.2%)}to{transform:scale(1.3)translate(-2%,-3.5%)}}@keyframes ambient-drift-lyrics-7f44b1f1{0%{transform:scale(1.36)translate(-7%,-9%)}25%{transform:scale(1.5)translate(8%,-10%)}50%{transform:scale(1.4)translate(9%,8%)}75%{transform:scale(1.52)translate(-8%,11%)}to{transform:scale(1.36)translate(-7%,-9%)}}.lyrics-veil[data-v-7f44b1f1]{z-index:-1;pointer-events:none;background:radial-gradient(120% 80% at 50% 0,#08080a0a,#08080a24 78%),linear-gradient(#08080a0f,#08080a47 96%);position:fixed;inset:0}.veil-enter-active[data-v-7f44b1f1]{transition:opacity .5s var(--ease-out-expo)}.veil-leave-active[data-v-7f44b1f1]{transition:opacity .4s var(--ease-in-out-soft)}.veil-enter-from[data-v-7f44b1f1],.veil-leave-to[data-v-7f44b1f1]{opacity:0}.app-main[data-v-7f44b1f1]{z-index:1;padding-top:var(--header-h);padding-bottom:calc(var(--player-h) + 3rem);min-height:100dvh;position:relative}:root[data-theme=light] .ambient--lyrics{opacity:.28;filter:blur(12px)saturate(105%)brightness(1.04)}:root[data-theme=light] .lyrics-veil{background:radial-gradient(120% 80% at 50% 0,#f7f7fa04,#f7f7fa0d 78%),linear-gradient(#f7f7fa03,#f7f7fa14 96%)}:root[data-theme=light].lyrics-flow .lyrics-veil{background:radial-gradient(120% 80%,#f7f7fa06,#f7f7fa1a 78%),linear-gradient(#f7f7fa05,#f7f7fa29 96%)}.app-main--lyrics[data-v-7f44b1f1]{height:100dvh;min-height:0;padding:var(--header-h) 0 0;overflow:hidden}html.lyrics-flow .app-main--lyrics{height:100dvh;padding:0;position:fixed;inset:0}@media (width<=860px){.app-main[data-v-7f44b1f1]{padding-bottom:9.5rem}.app-main--lyrics[data-v-7f44b1f1]{padding:0}}