:root{--bg:#040711;--panel:#090d1bc7;--text:#f7f8ff;--muted:#e7ebff8a;--line:#ffffff1f;--accent:#8ebdff;--danger:#ff7285;--radius-player:999px;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg)}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;color:var(--text);background:radial-gradient(circle at 50% -20%, #2d458038, transparent 48%), var(--bg);overflow:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.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}.icon-button{width:42px;height:42px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;padding:0;text-decoration:none;transition:color .18s,background-color .18s,border-color .18s;display:inline-grid}.icon-button:hover{color:var(--text);border-color:var(--line);background:#ffffff0f}.icon-button:disabled{cursor:not-allowed;opacity:.38}.icon-button svg{width:19px;height:19px}.player-page{--cover-text:#ebeff6;--cover-muted:#d2dceb94;--cover-glow:#84b1dc;--cover-ambient:#050912;isolation:isolate;width:100vw;height:100dvh;color:var(--cover-text);background:radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--cover-glow) 18%, transparent), transparent 58%), var(--cover-ambient);position:relative;overflow:hidden}.player-page:before{z-index:-1;background:radial-gradient(ellipse at 50% 54%, color-mix(in srgb, var(--cover-glow) 10%, transparent), transparent 55%), radial-gradient(circle at 18% 18%, #ffffff06, transparent 28%);content:"";filter:blur(40px);pointer-events:none;position:absolute;inset:-12%}.player-stage,.player-stage__particles,.player-stage__fallback,.player-stage__vignette{width:100%;height:100%;position:absolute;inset:0}.player-stage{z-index:0;overflow:hidden}.player-stage__particles{z-index:1;cursor:default;touch-action:none;transition:opacity .3s;display:block}.player-stage__particles[data-fallback=true]{opacity:0;pointer-events:none}.player-stage__fallback{z-index:0;object-fit:cover;filter:brightness(.58)saturate(.82)contrast(1.06);transform:scale(1.025)}.player-stage__vignette{z-index:2;pointer-events:none;background:linear-gradient(#02040a1f,#0000 28%,#02040a94),radial-gradient(#0000 38%,#02040a85 100%)}.lyrics-stage{z-index:8;pointer-events:none;align-items:end;padding:0 clamp(20px,5vw,80px) clamp(104px,15vh,158px);display:grid;position:absolute;inset:0}.lyrics-stage__ambient{width:min(920px,92vw);color:var(--cover-text);text-align:center;cursor:pointer;pointer-events:auto;text-shadow:0 2px 24px #000000eb, 0 0 34px color-mix(in srgb, var(--cover-glow) 36%, transparent);background:0 0;border:0;justify-self:center;gap:8px;padding:12px 20px;display:grid}.lyrics-stage__current{letter-spacing:.045em;text-wrap:balance;font-size:clamp(1.35rem,3.4vw,2.8rem);font-weight:540;line-height:1.25;animation:.36s both lyric-breathe-in;overflow:hidden}.lyrics-stage__adjacent{color:var(--cover-muted);letter-spacing:.055em;font-size:clamp(.78rem,1.25vw,1rem);font-weight:440;line-height:1.45;animation:.36s 40ms both lyric-breathe-in}@keyframes lyric-breathe-in{0%{opacity:0;filter:blur(3px);transform:translateY(7px)}to{opacity:1;filter:blur();transform:translateY(0)}}.lyrics-stage__overlay{z-index:40;background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--cover-glow) 12%, transparent), transparent 52%), color-mix(in srgb, var(--cover-ambient) 76%, #000000c7);cursor:zoom-out;pointer-events:auto;-webkit-backdrop-filter:blur(22px)saturate(.8);backdrop-filter:blur(22px)saturate(.8);place-items:center;padding:max(5vh,28px) 20px;animation:.22s both lyric-overlay-in;display:grid;position:fixed;inset:0}@keyframes lyric-overlay-in{0%{opacity:0}to{opacity:1}}.lyrics-stage__scroll{cursor:default;overscroll-behavior:contain;scrollbar-color:color-mix(in srgb, var(--cover-glow) 34%, transparent) transparent;scrollbar-width:thin;width:min(820px,94vw);max-height:min(78dvh,760px);padding:18vh 20px;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000,#000 14% 86%,#0000);mask-image:linear-gradient(#0000,#000 14% 86%,#0000)}.lyrics-stage__line{width:100%;color:color-mix(in srgb, var(--cover-muted) 82%, transparent);letter-spacing:.04em;text-align:center;cursor:pointer;background:0 0;border:0;padding:13px 8px;font-size:clamp(1rem,2.2vw,1.55rem);font-weight:430;line-height:1.55;transition:color .18s,opacity .18s,transform .18s;display:block}.lyrics-stage__line:hover{color:var(--cover-text)}.lyrics-stage__line[aria-current=true]{color:var(--cover-text);text-shadow:0 0 28px color-mix(in srgb, var(--cover-glow) 44%, transparent);font-size:clamp(1.25rem,2.8vw,2rem);font-weight:560;transform:scale(1.025)}.minimal-controls{z-index:16;bottom:max(18px, env(safe-area-inset-bottom));width:min(720px,100vw - 32px);color:var(--cover-text);opacity:0;pointer-events:none;grid-template-columns:46px 42px minmax(100px,1fr) 42px 46px;align-items:center;gap:clamp(8px,1.4vw,16px);padding:8px 0;transition:opacity .26s,transform .26s;display:grid;position:absolute;left:50%;transform:translate(-50%,10px)}.minimal-controls[data-visible=true]{opacity:1;pointer-events:auto;transform:translate(-50%)}.minimal-controls__button{width:46px;height:46px;color:var(--cover-text);background:color-mix(in srgb, var(--cover-ambient) 46%, transparent);cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:0;border-radius:50%;place-items:center;padding:0;transition:transform .16s,background-color .16s;display:grid;box-shadow:0 8px 34px #0000003d}.minimal-controls__button:hover{background:color-mix(in srgb, var(--cover-glow) 19%, transparent);transform:translateY(-1px)}.minimal-controls__button:disabled{cursor:default;opacity:.35}.minimal-controls__button svg{width:19px;height:19px}.minimal-controls__play{color:var(--cover-ambient);background:var(--cover-text)}.minimal-controls__play:hover{background:color-mix(in srgb, var(--cover-text) 88%, var(--cover-glow))}.minimal-controls__time{color:var(--cover-muted);font-variant-numeric:tabular-nums;text-align:center;text-shadow:0 1px 12px #000000b3;font-size:.68rem}.minimal-controls__progress{appearance:none;cursor:pointer;width:100%;height:22px;accent-color:var(--cover-text);background:0 0;margin:0}.minimal-controls__progress::-webkit-slider-runnable-track{background:color-mix(in srgb, var(--cover-text) 28%, transparent);border-radius:2px;height:2px}.minimal-controls__progress::-webkit-slider-thumb{appearance:none;background:var(--cover-text);width:11px;height:11px;box-shadow:0 0 18px color-mix(in srgb, var(--cover-glow) 58%, transparent);border:0;border-radius:50%;margin-top:-4.5px}.minimal-controls__progress::-moz-range-track{background:color-mix(in srgb, var(--cover-text) 28%, transparent);border:0;border-radius:2px;height:2px}.minimal-controls__progress::-moz-range-thumb{background:var(--cover-text);border:0;border-radius:50%;width:11px;height:11px}.playback-notice{z-index:18;max-width:calc(100vw - 40px);color:var(--cover-muted);text-align:center;text-shadow:0 2px 16px #000c;pointer-events:none;padding:8px 12px;font-size:.72rem;position:absolute;top:24px;left:50%;transform:translate(-50%)}.playback-notice:empty{display:none}.playlist-drawer{z-index:50;border:1px solid color-mix(in srgb, var(--cover-text) 10%, transparent);width:min(390px,100vw - 24px);color:var(--cover-text);background:color-mix(in srgb, var(--cover-ambient) 88%, #000000e0);-webkit-backdrop-filter:blur(28px)saturate(.86);backdrop-filter:blur(28px)saturate(.86);border-radius:22px;padding:24px 18px;animation:.22s both drawer-enter;position:fixed;top:12px;bottom:12px;right:12px;overflow:auto;box-shadow:-24px 0 90px #0000007a}@keyframes drawer-enter{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.playlist-drawer__header{justify-content:space-between;align-items:flex-start;padding:0 4px 16px 10px;display:flex}.playlist-drawer__header h2{margin:4px 0 0;font-size:1.35rem;font-weight:560}.playlist-drawer__eyebrow{color:var(--cover-muted);letter-spacing:.22em;font-size:.61rem}.playlist-drawer .icon-button{color:var(--cover-muted)}.playlist-drawer__search{border-bottom:1px solid color-mix(in srgb, var(--cover-text) 13%, transparent);color:var(--cover-muted);grid-template-columns:20px 1fr;align-items:center;gap:10px;margin:8px 4px 0;padding:0 12px;display:grid}.playlist-drawer__search svg{width:17px}.playlist-drawer__search input{width:100%;min-height:46px;color:var(--cover-text);background:0 0;border:0;outline:0}.playlist-drawer__search input::placeholder{color:var(--cover-muted)}.playlist-drawer__list{gap:3px;margin:0;padding:14px 0 0;list-style:none;display:grid}.playlist-drawer__track{width:100%;color:var(--cover-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;padding:13px 11px;display:grid}.playlist-drawer__track:hover,.playlist-drawer__track[data-active=true]{background:color-mix(in srgb, var(--cover-glow) 10%, transparent)}.playlist-drawer__track strong,.playlist-drawer__track small{display:block}.playlist-drawer__track strong{font-size:.92rem;font-weight:540}.playlist-drawer__track small,.playlist-drawer__index{color:var(--cover-muted);margin-top:3px;font-size:.69rem}.playlist-drawer__track svg{width:16px;color:var(--cover-glow)}.playlist-drawer__empty{color:var(--cover-muted);text-align:center;padding:38px 12px}.legal-page{background:radial-gradient(circle at 50% 20%,#5375bd29,#0000 42%),#03050c;place-items:center;min-height:100dvh;padding:32px 20px;display:grid}.legal-card{border:1px solid var(--line);background:#080c18e6;border-radius:30px;width:min(720px,100%);padding:clamp(28px,6vw,64px);box-shadow:0 30px 100px #0000006b}.legal-card h1{margin:8px 0 24px;font-size:clamp(2rem,6vw,4rem)}.legal-card p{color:var(--muted);line-height:1.8}.legal-card code{overflow-wrap:anywhere}.legal-card__eyebrow{letter-spacing:.18em;font-size:.68rem;color:var(--accent)!important}.legal-card__links{flex-wrap:wrap;gap:10px 20px;margin-top:28px;display:flex}.legal-card__links a{color:var(--text)}@media (width<=640px){.lyrics-stage{padding:0 14px 104px}.lyrics-stage__ambient{width:100%;padding-inline:8px}.lyrics-stage__current{font-size:clamp(1.2rem,7vw,2rem)}.lyrics-stage__overlay{padding-inline:8px}.lyrics-stage__scroll{width:100%;padding-inline:8px}.minimal-controls{grid-template-columns:42px 34px minmax(72px,1fr) 34px 42px;gap:5px;width:calc(100vw - 22px)}.minimal-controls__button{width:42px;height:42px}.minimal-controls__time{font-size:.62rem}}@media (prefers-reduced-motion:reduce){.player-stage__particles,.lyrics-stage__current,.lyrics-stage__adjacent,.lyrics-stage__overlay,.lyrics-stage__line,.minimal-controls,.minimal-controls__button,.playlist-drawer{transition-duration:.1s;animation:none}}.admin-page,.admin-login-page{z-index:100;min-width:320px;color:var(--text);background:radial-gradient(circle at 82% 4%,#688dde29,#0000 31rem),radial-gradient(circle at 8% 60%,#4c69b11a,#0000 36rem),#050812;position:fixed;inset:0;overflow-y:auto}.admin-page{align-content:start;gap:22px;width:100%;padding:clamp(18px,4vw,54px) max(18px,50vw - 560px);display:grid}.admin-header{justify-content:space-between;align-items:flex-end;gap:20px;padding:4px 2px 14px;display:flex}.admin-header a,.admin-login-card__brand{color:var(--accent);letter-spacing:.22em;font-size:.7rem;font-weight:700;text-decoration:none}.admin-header h1,.admin-login-card h1{letter-spacing:-.04em;margin:8px 0 0;font-size:clamp(1.8rem,5vw,3rem)}.admin-page button,.admin-login-page button{min-height:44px;color:var(--text);cursor:pointer;background:#8ebdff1a;border:1px solid #8ebdff47;border-radius:13px;padding:10px 16px;transition:border-color .16s,background-color .16s,opacity .16s}.admin-page button:hover,.admin-login-page button:hover{background:#8ebdff2b;border-color:#8ebdff8f}.admin-page button:disabled,.admin-login-page button:disabled{cursor:not-allowed;opacity:.42}.admin-page input,.admin-page select,.admin-page textarea,.admin-login-page input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);background:#02050dc2;border-radius:12px;padding:11px 13px}.admin-page textarea{resize:vertical;min-height:112px}.admin-page input:focus-visible,.admin-page select:focus-visible,.admin-page textarea:focus-visible,.admin-login-page input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:#0000}.admin-panel,.admin-login-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(1.08);backdrop-filter:blur(22px)saturate(1.08);background:#090d1bc7;box-shadow:0 26px 90px #00000047}.admin-panel{border-radius:26px;padding:clamp(18px,3.5vw,34px)}.admin-panel>h2{margin:0 0 22px;font-size:clamp(1.25rem,3vw,1.65rem)}.admin-form,.admin-track-edit,.admin-login-form{gap:16px;display:grid}.admin-form{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-form>label,.admin-track-edit>label,.admin-login-form>label,.admin-delete-confirm label{color:#eef1ffb8;gap:7px;font-size:.78rem;font-weight:560;display:grid}.admin-form>label:nth-of-type(n+3),.admin-form>button,.admin-form>[role=alert],.admin-form>[role=status]{grid-column:1/-1}.admin-form input[type=file]{min-height:50px;color:var(--muted)}.admin-form input[type=file]::file-selector-button{color:#071020;background:var(--text);border:0;border-radius:9px;min-height:34px;margin-right:12px}.admin-upload-progress{color:var(--muted);background:#ffffff09;border-radius:13px;grid-column:1/-1;grid-template-columns:minmax(100px,auto) minmax(100px,1fr) auto;align-items:center;gap:12px;padding:10px 12px;font-size:.75rem;display:grid}.admin-upload-progress progress{width:100%;accent-color:var(--accent)}.admin-track-list{gap:16px;display:grid}.admin-track-card{background:#02050d75;border:1px solid #ffffff16;border-radius:20px;gap:18px;padding:18px;display:grid}.admin-track-card__summary{grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.admin-track-card__summary img,.admin-track-card__placeholder{object-fit:cover;background:radial-gradient(circle at 60% 35%,#8ebdffb3,#0000 17%),linear-gradient(145deg,#17294e,#080d1c);border-radius:15px;width:58px;height:58px;display:block}.admin-track-card h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;overflow:hidden}.admin-track-card p{color:var(--muted);margin:5px 0 0;font-size:.74rem}.admin-status{color:#b9d7ff;background:#477dcd29;border-radius:999px;padding:7px 10px;font-size:.7rem}.admin-status--failed{color:#ffb9c3;background:#ff52691f}.admin-status--ready{color:#aff4d7;background:#35be861f}.admin-track-card audio{width:100%}.admin-track-retry{background:#5416221f;border:1px solid #ff728533;border-radius:16px;grid-template-columns:minmax(140px,.65fr) minmax(220px,1.35fr) auto;align-items:end;gap:12px;padding:15px;display:grid}.admin-track-retry>strong,.admin-track-retry>.admin-upload-progress,.admin-track-retry>[role=alert]{grid-column:1/-1}.admin-track-retry>strong{color:#ffd5db;font-size:.82rem}.admin-track-retry--lyrics{display:block}.admin-track-retry--lyrics p{margin:8px 0 0}.admin-track-edit{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-track-edit__lyrics,.admin-track-edit__notice,.admin-track-edit>button{grid-column:1/-1}.admin-track-edit__notice{color:var(--muted);margin:0;font-size:.74rem}.admin-track-actions,.admin-delete-confirm{flex-wrap:wrap;gap:10px;display:flex}.admin-button--danger{color:#ffd5db!important;background:#ff536b1a!important;border-color:#ff728559!important}.admin-delete-confirm{background:#5416222e;border:1px solid #ff72853d;border-radius:16px;align-items:end;padding:15px}.admin-delete-confirm p,.admin-delete-confirm label{flex:100%}.admin-form-error,.admin-page__error{color:#ffb9c3}.admin-login-page{place-items:center;min-height:100%;padding:24px;display:grid}.admin-login-card{border-radius:28px;width:min(100%,440px);padding:clamp(26px,6vw,44px)}.admin-eyebrow{color:var(--muted);letter-spacing:.21em;margin:34px 0 0;font-size:.62rem}.admin-login-card__intro,.admin-login-form__hint{color:var(--muted);line-height:1.65}.admin-login-card__intro{margin:12px 0 26px}.admin-login-form__hint{margin:-4px 0 0;font-size:.7rem}@media (width<=720px){.admin-page{gap:14px;padding:14px}.admin-header{align-items:center}.admin-header h1{font-size:1.65rem}.admin-panel{border-radius:20px;padding:17px}.admin-form,.admin-track-edit,.admin-track-retry{grid-template-columns:1fr}.admin-form>*,.admin-track-edit>*,.admin-track-retry>*{grid-column:1!important}.admin-track-card{padding:14px}.admin-track-card__summary{grid-template-columns:48px minmax(0,1fr)}.admin-track-card__summary img,.admin-track-card__placeholder{width:48px;height:48px}.admin-status{grid-column:1/-1;justify-self:start}.admin-upload-progress{grid-template-columns:1fr}.admin-track-actions>button,.admin-delete-confirm>button{flex:130px}}@media (prefers-reduced-motion:reduce){.admin-page button,.admin-login-page button{transition:none}}