.theme-picker.is-compact[data-v-4baeb2db]{position:relative}.theme-panel.is-popover[data-v-4baeb2db]{position:absolute;right:0;top:calc(100% + 12px);width:292px;padding:15px 16px;border-radius:var(--radius);background:var(--surface-strong);border:1px solid var(--border);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));box-shadow:var(--shadow-lg);z-index:40;animation:fade-in .2s ease both}.field-label[data-v-4baeb2db]{font-size:12px;font-weight:650;color:var(--text-soft)}.back-btn[data-v-646134a8]{flex:none;width:40px;height:40px;border-radius:999px;border:1px solid var(--border);background:var(--surface-strong);color:var(--text-soft)}.back-btn[data-v-646134a8]:hover:not(:disabled){color:var(--brand-600);border-color:var(--brand-300)}.back-btn[data-v-646134a8]:disabled{opacity:.4;background:transparent;color:var(--text-mute);border-color:var(--border);cursor:not-allowed;transform:none}.user-menu[data-v-646134a8]{position:absolute;right:0;top:calc(100% + 10px);min-width:190px;padding:7px;border-radius:var(--radius);display:flex;flex-direction:column;gap:2px;z-index:40;background:var(--surface-strong);box-shadow:var(--shadow-lg)}.user-menu-item[data-v-646134a8]{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:var(--radius-sm);font-weight:600;font-size:13px;color:var(--text-soft);transition:all .16s ease;text-align:left}.user-menu-item[data-v-646134a8]:hover{background:var(--surface-hover);color:var(--brand-600)}.device-anchor[data-v-62280d2f]{position:relative;display:flex;align-items:center}.device-dot[data-v-62280d2f]{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--brand-600);box-shadow:0 0 0 2px var(--surface-strong)}.device-panel[data-v-62280d2f]{position:absolute;width:min(360px,calc(100vw - 34px));padding:12px;border-radius:var(--radius);display:flex;flex-direction:column;gap:10px;z-index:45;background:var(--surface-strong);border:1px solid var(--border);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));box-shadow:var(--shadow-lg)}.device-panel.is-up[data-v-62280d2f]{bottom:calc(100% + 10px)}.device-panel.is-down[data-v-62280d2f]{top:calc(100% + 10px)}.device-panel.is-align-end[data-v-62280d2f]{right:0}.device-panel.is-align-start[data-v-62280d2f]{left:0}@media(max-width:860px){.device-panel.is-down[data-v-62280d2f]{position:fixed;left:12px;right:12px;width:auto;top:calc(var(--safe-top, 0px) + 76px);bottom:auto}}.device-panel-head[data-v-62280d2f]{display:flex;align-items:center;justify-content:space-between;gap:8px}.device-list[data-v-62280d2f]{display:flex;flex-direction:column;gap:8px;max-height:min(60vh,460px);overflow-y:auto}.device-empty[data-v-62280d2f]{margin:0;padding:6px 4px;font-size:12px;line-height:1.6}.device-card[data-v-62280d2f]{display:flex;flex-direction:column;gap:6px;padding:10px 11px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface)}.device-card.is-self[data-v-62280d2f]{background:transparent;border-style:dashed}.device-card.is-following[data-v-62280d2f]{border-color:var(--brand-300);box-shadow:inset 2px 0 0 var(--brand-600)}.device-card-head[data-v-62280d2f]{display:flex;align-items:center;gap:8px;min-width:0}.device-card-name[data-v-62280d2f]{min-width:0;font-weight:620;font-size:13px}.device-card-rename[data-v-62280d2f]{margin-left:auto;flex:none;width:28px;height:28px}.device-transport[data-v-62280d2f]{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;font-size:11.5px;font-weight:600;color:var(--text-soft)}.device-transport.is-playing[data-v-62280d2f]{color:var(--brand-600);border-color:var(--brand-300)}.device-transport[data-v-62280d2f]:disabled{opacity:.5;cursor:not-allowed}.device-card-track[data-v-62280d2f]{margin:0;font-size:12px}.device-control[data-v-62280d2f]{display:flex;align-items:center;gap:8px}.device-control-time[data-v-62280d2f]{flex:none;font-size:11px;font-variant-numeric:tabular-nums;color:var(--text-mute)}.device-control-icon[data-v-62280d2f]{display:grid;place-items:center;flex:none;width:16px;color:var(--text-mute)}.device-card-actions[data-v-62280d2f]{display:flex;flex-wrap:wrap;gap:6px;padding-top:2px}.device-btn[data-v-62280d2f]{flex:1 1 auto;min-width:64px;padding:5px 6px;font-size:12px;font-weight:600;white-space:nowrap}.device-btn.is-active[data-v-62280d2f]{color:var(--brand-600);border-color:var(--brand-300);background:var(--surface-hover)}.device-badge[data-v-62280d2f]{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;color:var(--text-soft);background:var(--surface-strong);border:1px solid var(--border)}.device-badge.is-playing[data-v-62280d2f]{color:var(--brand-600);border-color:var(--brand-300)}.device-following[data-v-62280d2f]{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:var(--radius-sm);font-size:12px;color:var(--brand-600);background:var(--surface-hover)}.device-following-stop[data-v-62280d2f]{margin-left:auto;flex:none;padding:2px 8px;font-size:11.5px}.device-slider[data-v-62280d2f]{flex:1;min-width:0;height:14px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.device-slider[data-v-62280d2f]::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:var(--border)}.device-slider[data-v-62280d2f]::-moz-range-track{height:3px;border-radius:999px;background:var(--border)}.device-slider[data-v-62280d2f]::-webkit-slider-thumb{width:12px;height:12px;margin-top:-4.5px;border-radius:50%;background:var(--brand-600);-moz-appearance:none;appearance:none;-webkit-appearance:none}.device-slider[data-v-62280d2f]::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--brand-600)}@media(hover:none),(pointer:coarse){.device-card[data-v-62280d2f]{padding:11px 12px}.device-card-rename[data-v-62280d2f]{width:34px;height:34px}.device-btn[data-v-62280d2f]{padding:8px 6px;font-size:12.5px}.device-slider[data-v-62280d2f]{height:24px}}.mode-picker[data-v-c6fbaf2e]{position:relative;display:flex;align-items:center}.mode-menu[data-v-c6fbaf2e]{position:absolute;bottom:calc(100% + 12px);left:-4px;z-index:45;width:216px;padding:6px;border-radius:var(--radius);background:var(--surface-strong);border:1px solid var(--border);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));box-shadow:var(--shadow-lg);animation:pop-in .2s cubic-bezier(.2,.9,.3,1.1) both}.mode-option[data-v-c6fbaf2e]{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:var(--radius-sm);text-align:left;color:var(--text);font-size:12.5px;transition:background .16s ease}.mode-option[data-v-c6fbaf2e]:hover{background:var(--surface-hover)}.mode-option.is-active[data-v-c6fbaf2e]{color:var(--brand-600);background:linear-gradient(135deg,rgba(var(--brand-rgb),.16),rgba(var(--brand-rgb),.06))}.mode-icon[data-v-c6fbaf2e]{display:inline-flex;justify-content:center;width:20px;color:var(--text-soft)}.mode-option.is-active .mode-icon[data-v-c6fbaf2e]{color:var(--brand-600)}.progress-bar[data-v-46d9a099]{display:flex;align-items:center;gap:12px;width:100%}.progress-time[data-v-46d9a099]{font-size:11.5px;color:var(--text-mute);font-variant-numeric:tabular-nums;min-width:42px;text-align:center}.progress-bar.is-md .progress-time[data-v-46d9a099]{font-size:12px;min-width:46px}.bar[data-v-46d9a099]{position:relative;flex:1;height:5px;border-radius:99px;background:var(--border-strong);cursor:pointer;touch-action:none;transition:height .18s ease}.bar[data-v-46d9a099]:before{content:"";position:absolute;left:0;right:0;top:50%;height:30px;transform:translateY(-50%)}.progress-bar.is-md .bar[data-v-46d9a099]{height:7px}.bar[data-v-46d9a099]:hover{height:8px}.bar-fill[data-v-46d9a099]{position:absolute;inset:0 auto 0 0;border-radius:99px;background:linear-gradient(90deg,var(--brand-300),var(--brand-600));transition:width .12s linear}.bar.is-dragging .bar-fill[data-v-46d9a099]{transition:none}.bar-thumb[data-v-46d9a099]{position:absolute;right:-6px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:999px;background:#fff;box-shadow:0 2px 8px #00000047,0 0 0 3px rgba(var(--brand-rgb),.32);opacity:0;transform:scale(.6);transition:opacity .18s ease,transform .18s ease}.bar:hover .bar-thumb[data-v-46d9a099],.bar.is-dragging .bar-thumb[data-v-46d9a099]{opacity:1;transform:none}@media(hover:none),(pointer:coarse){.bar-thumb[data-v-46d9a099]{opacity:1;transform:none}}.quality-picker[data-v-b3707866]{position:relative;display:flex;align-items:center}.quality-trigger[data-v-b3707866]{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;border:1px solid var(--border);background:var(--surface-strong);color:var(--text-soft);font-size:11.5px;font-weight:650;white-space:nowrap;transition:all .18s ease}.quality-trigger[data-v-b3707866]:hover{color:var(--brand-600);border-color:var(--brand-300)}.quality-caret[data-v-b3707866]{transition:transform .22s ease}.quality-caret.is-open[data-v-b3707866]{transform:rotate(180deg)}.quality-menu[data-v-b3707866]{position:absolute;bottom:calc(100% + 10px);z-index:45;width:216px;padding:6px;border-radius:var(--radius);background:var(--surface-strong);border:1px solid var(--border);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));box-shadow:var(--shadow-lg);animation:pop-in .2s cubic-bezier(.2,.9,.3,1.1) both}.quality-menu.is-right[data-v-b3707866]{right:0}.quality-menu.is-left[data-v-b3707866]{left:0}.quality-option[data-v-b3707866]{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:8px 10px;border-radius:var(--radius-sm);text-align:left;color:var(--text);font-size:12.5px;transition:background .16s ease}.quality-option[data-v-b3707866]:hover{background:var(--surface-hover)}.quality-option.is-active[data-v-b3707866]{color:var(--brand-600);background:linear-gradient(135deg,rgba(var(--brand-rgb),.16),rgba(var(--brand-rgb),.06))}.quality-note[data-v-b3707866]{margin:6px 4px 2px;padding-top:7px;border-top:1px solid var(--border);font-size:10.5px;line-height:1.5;color:var(--text-mute)}.queue-panel[data-v-ad76f21a]{position:absolute;right:0;bottom:calc(100% + 14px);z-index:40;display:flex;flex-direction:column;width:min(390px,calc(100vw - 40px));max-height:min(58vh,540px);padding:14px 14px 8px;border-radius:var(--radius-lg);background:var(--surface-strong);border:1px solid var(--border);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));box-shadow:var(--shadow-lg);animation:pop-in .22s cubic-bezier(.2,.9,.3,1.1) both}.queue-panel.is-down[data-v-ad76f21a]{top:calc(100% + 14px);bottom:auto}.queue-head[data-v-ad76f21a]{padding-bottom:10px;border-bottom:1px solid var(--border)}.queue-list[data-v-ad76f21a]{position:relative;flex:1;min-height:0;overflow-y:auto;padding:6px 0 4px}.queue-empty[data-v-ad76f21a]{padding:26px 0;text-align:center;font-size:12.5px}.queue-row[data-v-ad76f21a]{display:grid;grid-template-columns:22px 34px minmax(0,1fr) auto 28px;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background .16s ease}.queue-row[data-v-ad76f21a]:hover{background:var(--surface-hover)}.queue-row.is-current[data-v-ad76f21a]{background:linear-gradient(135deg,rgba(var(--brand-rgb),.18),rgba(var(--brand-rgb),.07))}.queue-row.is-current .queue-index[data-v-ad76f21a]{color:var(--brand-600)}.queue-index[data-v-ad76f21a]{font-size:11.5px;color:var(--text-mute);text-align:center;font-variant-numeric:tabular-nums}.queue-duration[data-v-ad76f21a]{font-size:11.5px;font-variant-numeric:tabular-nums}.queue-remove[data-v-ad76f21a]{width:26px;height:26px;opacity:0;transition:opacity .16s ease}.queue-row:hover .queue-remove[data-v-ad76f21a]{opacity:1}@media(hover:none),(pointer:coarse){.queue-remove[data-v-ad76f21a]{opacity:1;width:34px;height:34px}}.queue-anchor[data-v-27460540],.source-picker[data-v-0edf4a7c]{position:relative;display:flex;align-items:center}.source-trigger[data-v-0edf4a7c]{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;border:1px solid var(--border);background:var(--surface-strong);color:var(--text-soft);font-size:11.5px;font-weight:650;white-space:nowrap;transition:all .18s ease}.source-trigger[data-v-0edf4a7c]:hover:not(:disabled){color:var(--text);border-color:var(--brand-300)}.source-trigger[data-v-0edf4a7c]:disabled{cursor:default;opacity:.85}.source-dot[data-v-0edf4a7c]{width:7px;height:7px;border-radius:999px;flex:none;box-shadow:0 0 0 2px #ffffff59}.source-caret[data-v-0edf4a7c]{transition:transform .22s ease}.source-caret.is-open[data-v-0edf4a7c]{transform:rotate(180deg)}.source-menu[data-v-0edf4a7c]{position:absolute;bottom:calc(100% + 10px);z-index:45;width:226px;padding:6px;border-radius:var(--radius);background:var(--surface-strong);border:1px solid var(--border);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));box-shadow:var(--shadow-lg);animation:pop-in .2s cubic-bezier(.2,.9,.3,1.1) both}.source-menu.is-right[data-v-0edf4a7c]{right:0}.source-menu.is-left[data-v-0edf4a7c]{left:0}.source-option[data-v-0edf4a7c]{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:var(--radius-sm);text-align:left;color:var(--text);font-size:12.5px;transition:background .16s ease}.source-option[data-v-0edf4a7c]:hover{background:var(--surface-hover)}.source-option.is-active[data-v-0edf4a7c]{color:var(--brand-600);background:linear-gradient(135deg,rgba(var(--brand-rgb),.16),rgba(var(--brand-rgb),.06))}.source-note[data-v-0edf4a7c]{margin:6px 4px 2px;padding-top:7px;border-top:1px solid var(--border);font-size:10.5px;line-height:1.5;color:var(--text-mute)}.volume-control[data-v-651eb2a7]{position:relative;display:flex;align-items:center}.volume-pop[data-v-651eb2a7]{position:absolute;left:50%;bottom:calc(100% + 14px);display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);background:var(--surface-strong);border:1px solid var(--border);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.volume-pop[data-v-651eb2a7]:after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:14px}.volume-control:hover .volume-pop[data-v-651eb2a7],.volume-pop[data-v-651eb2a7]:hover,.volume-control.is-open .volume-pop[data-v-651eb2a7]{opacity:1;visibility:visible;transform:translate(-50%)}.volume-track[data-v-651eb2a7]{position:relative;width:104px;height:6px;border-radius:99px;background:var(--border-strong);cursor:pointer;touch-action:none}.volume-track-fill[data-v-651eb2a7]{position:absolute;inset:0 auto 0 0;border-radius:99px;background:linear-gradient(90deg,var(--brand-300),var(--brand-600))}.volume-thumb[data-v-651eb2a7]{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:999px;background:#fff;box-shadow:0 2px 8px #00000047,0 0 0 3px rgba(var(--brand-rgb),.32)}.volume-value[data-v-651eb2a7]{min-width:20px;text-align:right;font-size:11px;color:var(--text-mute);font-variant-numeric:tabular-nums}.lyric-overlay[data-v-ce892ff3]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.lyric-backdrop[data-v-ce892ff3]{position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;background-size:cover;background-position:center;filter:blur(64px) saturate(1.6);transform:scale(1.18);opacity:.5}.lyric-scrim[data-v-ce892ff3]{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(80% 60% at 16% 4%,rgba(var(--brand-rgb),.24),transparent 64%),radial-gradient(70% 60% at 92% 96%,rgba(var(--brand-rgb),.16),transparent 62%),linear-gradient(180deg,#ffffffc7,#ffffffe6 55%,#fffffff5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}[data-theme=dark] .lyric-scrim[data-v-ce892ff3]{background:radial-gradient(80% 60% at 16% 4%,rgba(var(--brand-rgb),.28),transparent 64%),radial-gradient(70% 60% at 92% 96%,rgba(var(--brand-rgb),.18),transparent 62%),linear-gradient(180deg,#0c090ed1,#0c090ee6 55%,#0c090ef2)}.lyric-top[data-v-ce892ff3]{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:calc(20px + var(--safe-top)) 26px 0}.lyric-top-left[data-v-ce892ff3]{display:flex;align-items:center;gap:10px}.lyric-actions[data-v-ce892ff3]{display:flex;align-items:center;gap:4px}.lyric-badge[data-v-ce892ff3]{display:inline-flex;align-items:center;gap:9px;padding:6px 14px 6px 12px;border-radius:999px;font-size:12px;font-weight:650;letter-spacing:.02em;color:var(--text-soft);background:var(--surface-strong);border:1px solid var(--border);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur))}.eq[data-v-ce892ff3]{display:inline-flex;align-items:flex-end;gap:2.5px;height:12px;color:var(--brand-500)}.eq i[data-v-ce892ff3]{width:2.5px;height:4px;border-radius:2px;background:currentColor;opacity:.8}.eq.is-playing i[data-v-ce892ff3]{animation:eq-bounce-ce892ff3 .9s ease-in-out infinite}.eq.is-playing i[data-v-ce892ff3]:nth-child(2){animation-delay:.15s}.eq.is-playing i[data-v-ce892ff3]:nth-child(3){animation-delay:.3s}@keyframes eq-bounce-ce892ff3{0%,to{height:4px}50%{height:12px}}.lyric-content[data-v-ce892ff3]{position:relative;z-index:1;flex:1;min-height:0;display:grid;grid-template-columns:clamp(200px,32vh,340px) minmax(320px,clamp(420px,48vw,700px));justify-content:center;column-gap:clamp(24px,5vw,96px);padding:2vh clamp(20px,4vw,56px) 0}.lyric-aside[data-v-ce892ff3]{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0;padding-bottom:3vh}.cover-stage[data-v-ce892ff3]{display:block;width:100%;aspect-ratio:1;padding:0;border:none;background:none;cursor:pointer;margin-bottom:26px;border-radius:24px;box-shadow:0 34px 60px -30px rgba(var(--brand-rgb),.6),0 12px 30px -18px #00000059;transition:transform .3s ease,box-shadow .3s ease;animation:fade-in .5s ease both}.cover-stage[data-v-ce892ff3]:hover{transform:translateY(-6px) scale(1.012);box-shadow:0 44px 70px -30px rgba(var(--brand-rgb),.72),0 16px 34px -18px #0006}.lyric-title[data-v-ce892ff3]{font-size:clamp(22px,2.4vw,30px);font-weight:780;letter-spacing:-.01em;line-height:1.25}.lyric-meta[data-v-ce892ff3]{margin:0;font-size:13.5px;font-weight:600;color:var(--text-soft)}.lyric-link[data-v-ce892ff3]{color:inherit;text-decoration:none;transition:color .18s ease}.lyric-link[data-v-ce892ff3]:hover{color:var(--brand-600);text-decoration:underline;text-underline-offset:3px}.lyric-sep[data-v-ce892ff3]{margin:0 5px;color:var(--text-mute)}.lyric-album[data-v-ce892ff3]{font-size:12.5px;font-weight:500;color:var(--text-mute)}.lyric-tags[data-v-ce892ff3]{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px}.delivery-tag[data-v-ce892ff3]{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;border:1px dashed var(--border-strong);font-size:11px;font-weight:650;color:var(--text-mute);cursor:help}.delivery-tag.is-direct[data-v-ce892ff3]{color:var(--success);border-style:solid;border-color:#2fa86b61}.lyric-stage[data-v-ce892ff3]{position:relative;min-width:0;min-height:0;overflow:hidden}.lyric-scroll[data-v-ce892ff3]{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overscroll-behavior:contain;padding:32vh 4px 32vh 2px;scrollbar-width:none;mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.2) 7%,rgba(0,0,0,.62) 17%,#000 30%,#000 70%,rgba(0,0,0,.62) 83%,rgba(0,0,0,.2) 93%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.2) 7%,rgba(0,0,0,.62) 17%,#000 30%,#000 70%,rgba(0,0,0,.62) 83%,rgba(0,0,0,.2) 93%,transparent 100%)}.lyric-scroll[data-v-ce892ff3]::-webkit-scrollbar{display:none}.lyric-line[data-v-ce892ff3]{margin:0;padding:9px 0;font-size:clamp(19px,1.9vw,27px);font-weight:700;line-height:1.4;letter-spacing:-.01em;color:var(--text);cursor:pointer;transform-origin:left center;transition:opacity .45s ease,color .3s ease,transform .3s ease}.lyric-line:hover .lyric-text[data-v-ce892ff3]{color:var(--brand-600)}.lyric-text[data-v-ce892ff3]{display:block;transition:color .25s ease}.lyric-trans[data-v-ce892ff3]{display:block;margin-top:3px;font-size:.58em;font-weight:600;color:var(--text-soft)}.lyric-line.is-active[data-v-ce892ff3]{transform:scale(1.045);color:var(--brand-600)}.lyric-line.is-active .lyric-text[data-v-ce892ff3]{text-shadow:0 0 26px rgba(var(--brand-rgb),.4)}[data-theme=dark] .lyric-line.is-active[data-v-ce892ff3]{color:var(--brand-300)}.lyric-empty[data-v-ce892ff3]{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:6vh;text-align:center;color:var(--text-soft)}.lyric-empty strong[data-v-ce892ff3]{font-size:15px}.lyric-empty span[data-v-ce892ff3]{font-size:12.5px;color:var(--text-mute)}.lyric-controls[data-v-ce892ff3]{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 8vw calc(22px + var(--safe-bottom))}.lyric-controls[data-v-ce892ff3]>:first-child{max-width:720px}.lyric-hints[data-v-ce892ff3]{display:flex;align-items:center;gap:10px;margin:0;font-size:11.5px;color:var(--text-mute)}.lyric-hints-close[data-v-ce892ff3]{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;border-radius:999px;color:var(--text-mute);opacity:.45;transition:all .18s ease}.lyric-hints-close[data-v-ce892ff3]:hover{opacity:1;color:var(--text);background:var(--surface-strong)}.lyric-hints kbd[data-v-ce892ff3]{display:inline-block;padding:1px 6px;margin:0 1px;border-radius:5px;font-family:inherit;font-size:10.5px;font-weight:650;color:var(--text-soft);background:var(--surface-strong);border:1px solid var(--border)}.lyric-enter-active[data-v-ce892ff3],.lyric-leave-active[data-v-ce892ff3]{transition:opacity .32s ease,transform .32s ease}.lyric-enter-from[data-v-ce892ff3],.lyric-leave-to[data-v-ce892ff3]{opacity:0;transform:translateY(26px) scale(.985)}@media(max-width:900px){.lyric-backdrop[data-v-ce892ff3]{filter:blur(28px) saturate(1.4)}.lyric-content[data-v-ce892ff3]{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:14px;padding:0 6vw}.lyric-aside[data-v-ce892ff3]{align-items:center;text-align:center;justify-content:flex-start;padding-bottom:0}.cover-stage[data-v-ce892ff3]{width:min(38vh,46vw,200px);margin-bottom:16px}.lyric-tags[data-v-ce892ff3]{justify-content:center}.lyric-line[data-v-ce892ff3]{text-align:center;transform-origin:center center}.lyric-scroll[data-v-ce892ff3]{padding-top:26vh;padding-bottom:13vh}.lyric-hints[data-v-ce892ff3]{display:none}}@media(max-width:480px){.lyric-content[data-v-ce892ff3]{gap:10px;padding:0 5vw}.cover-stage[data-v-ce892ff3]{width:min(30vh,42vw,156px);margin-bottom:12px}.lyric-title[data-v-ce892ff3]{font-size:19px}.lyric-meta[data-v-ce892ff3]{font-size:12.5px}.lyric-tags[data-v-ce892ff3]{margin-top:8px}.lyric-line[data-v-ce892ff3]{padding:6px 0;font-size:18px}.lyric-scroll[data-v-ce892ff3]{padding-bottom:8vh}}@media(max-height:560px){.lyric-content[data-v-ce892ff3]{grid-template-rows:minmax(0,1fr);grid-template-columns:clamp(120px,26vh,240px) minmax(300px,clamp(380px,46vw,640px))}.cover-stage[data-v-ce892ff3]{margin-bottom:14px}.lyric-scroll[data-v-ce892ff3]{padding-top:22vh;padding-bottom:22vh}}.playlist-option[data-v-559e6b13]{display:flex;align-items:center;gap:11px;padding:8px 11px;border-radius:var(--radius-sm);text-align:left;transition:background .16s ease}.playlist-option[data-v-559e6b13]:hover:not(:disabled){background:var(--surface-hover)}.playlist-option[data-v-559e6b13]:disabled{opacity:.6}.cover-button[data-v-7315c15d]{position:relative;display:block;flex:none;padding:0;border-radius:12px;overflow:hidden;line-height:0;transition:transform .2s ease}.cover-button[data-v-7315c15d]:hover{transform:translateY(-2px)}.cover-button-hint[data-v-7315c15d]{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;background:#00000080;opacity:0;transition:opacity .2s ease}.cover-button:hover .cover-button-hint[data-v-7315c15d]{opacity:1}.qr-area[data-v-0070c00d]{padding:18px 0 4px}.qr-frame[data-v-0070c00d]{display:grid;place-items:center;width:208px;height:208px;margin:0 auto;padding:10px;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-md)}.qr-frame img[data-v-0070c00d]{width:100%;height:100%;object-fit:contain}.qr-loading[data-v-0070c00d]{color:var(--brand-500)}.mode-grid[data-v-0070c00d]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.mode-card[data-v-0070c00d]{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:15px;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--surface);text-align:left;transition:all .2s ease}.mode-card span[data-v-0070c00d]{font-size:12px;line-height:1.5}.mode-card[data-v-0070c00d]:hover{border-color:var(--brand-300);transform:translateY(-2px)}.mode-card.is-selected[data-v-0070c00d]{border-color:var(--brand-500);background:linear-gradient(135deg,rgba(var(--brand-rgb),.16),rgba(var(--brand-rgb),.08));box-shadow:0 12px 26px -18px var(--brand-500)}@media(max-width:560px){.mode-grid[data-v-0070c00d]{grid-template-columns:1fr}}.toast-enter-active[data-v-40a8ba39],.toast-leave-active[data-v-40a8ba39]{transition:all .28s ease}.toast-enter-from[data-v-40a8ba39],.toast-leave-to[data-v-40a8ba39]{opacity:0;transform:translateY(-10px) scale(.96)}:root{--brand-50: #f2f8ff;--brand-100: #e2f0ff;--brand-200: #c4e0ff;--brand-300: #93c8fb;--brand-400: #5aa8f0;--brand-500: #2f8ae0;--brand-600: #1e6fbe;--brand-700: #175699;--brand-rgb: 47, 138, 224;--bg: #f4f9fd;--bg-accent: radial-gradient(circle at 12% 6%, rgba(147, 200, 251, .42), transparent 45%), radial-gradient(circle at 88% 4%, rgba(196, 224, 255, .44), transparent 42%), radial-gradient(circle at 72% 92%, rgba(178, 222, 245, .32), transparent 48%);--glass-tint: 251, 253, 255;--bg-image: none;--bg-dim: .42;--bg-blur: 0px;--surface: rgba(var(--glass-tint), .66);--surface-strong: rgba(var(--glass-tint), .88);--surface-hover: rgba(var(--glass-tint), .96);--text: #2b2230;--text-soft: #6f6475;--text-mute: #a094a6;--border: rgba(140, 96, 124, .14);--border-strong: rgba(140, 96, 124, .24);--shadow-sm: 0 4px 14px -8px rgba(150, 80, 115, .35);--shadow-md: 0 18px 40px -26px rgba(150, 80, 115, .5);--shadow-lg: 0 32px 70px -40px rgba(140, 70, 105, .6);--player-bg: rgba(var(--glass-tint), .8);--blur: 22px;--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--radius-xl: 32px;--danger: #e0453a;--success: #2fa86b;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}[data-theme=dark]{--bg: #0d141c;--bg-accent: radial-gradient(circle at 12% 6%, rgba(47, 138, 224, .2), transparent 45%), radial-gradient(circle at 88% 4%, rgba(147, 200, 251, .14), transparent 42%), radial-gradient(circle at 72% 94%, rgba(30, 111, 190, .16), transparent 48%);--glass-tint: 30, 40, 52;--surface: rgba(var(--glass-tint), .62);--surface-strong: rgba(var(--glass-tint), .88);--surface-hover: rgba(var(--glass-tint), .94);--text: #f4edf6;--text-soft: #b8aabc;--text-mute: #8b7f90;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .18);--shadow-sm: 0 4px 14px -8px rgba(0, 0, 0, .6);--shadow-md: 0 18px 40px -26px rgba(0, 0, 0, .75);--shadow-lg: 0 32px 70px -40px rgba(0, 0, 0, .85);--player-bg: rgba(var(--glass-tint), .9)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background-color:var(--bg);background-image:var(--bg-accent);background-attachment:fixed;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;transition:background-color .35s ease,color .35s ease}body:before{content:"";position:fixed;top:-48px;right:-48px;bottom:-48px;left:-48px;z-index:-1;background-image:linear-gradient(rgba(var(--glass-tint),var(--bg-dim)),rgba(var(--glass-tint),var(--bg-dim))),var(--bg-image);background-repeat:no-repeat;background-position:center;background-size:auto,cover;pointer-events:none;opacity:0;transition:opacity .45s ease}html[data-custom-bg="1"] body:before{opacity:1;filter:blur(var(--bg-blur))}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;padding:0;border:none;background:none}input,select,textarea{font:inherit;color:inherit}::selection{background:var(--brand-200);color:var(--brand-700)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid transparent;background-clip:padding-box;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--brand-300);background-clip:padding-box}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;height:100vh;height:100dvh;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);position:relative;z-index:1}.app-sidebar{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:6px;padding:20px 14px;margin:14px 0 14px 14px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));box-shadow:var(--shadow-md);overflow-y:auto}.app-main{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-width:0;min-height:0;padding:14px 14px 0}.app-content{flex:1;min-height:0;overflow-y:auto;padding:18px 8px 28px}.player-bar{grid-column:1 / -1;grid-row:2;position:relative;z-index:25}.glass{background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.card{padding:16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.card:hover{background:var(--surface-strong);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface-strong);color:var(--text);font-weight:600;font-size:13px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(0) scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--brand-400),var(--brand-600));border-color:transparent;color:#fff;box-shadow:0 12px 26px -14px var(--brand-500)}.btn-primary:hover{box-shadow:0 18px 32px -14px var(--brand-500)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--surface-strong);border-color:var(--border)}.btn-danger{color:var(--danger);border-color:#e0453a47}.btn-danger-solid{color:#fff;background:linear-gradient(135deg,#ef6155,var(--danger));border-color:transparent;box-shadow:0 10px 22px -14px var(--danger)}.btn-danger-solid:hover{filter:brightness(1.06)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;color:var(--text-soft);transition:background .18s ease,color .18s ease,transform .18s ease}.icon-btn:hover{background:var(--surface-strong);color:var(--brand-600);transform:translateY(-1px)}.icon-btn.is-active{color:var(--brand-600)}.icon-btn:disabled{opacity:.35;cursor:not-allowed;color:var(--text-mute);background:none;transform:none}.input{width:100%;padding:11px 15px;border-radius:999px;border:1px solid var(--border);background:var(--surface-strong);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input:focus{border-color:var(--brand-300);box-shadow:0 0 0 4px rgba(var(--brand-rgb),.16)}@media(pointer:coarse){.input{font-size:16px}}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:999px;background:var(--surface-strong);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text-soft);transition:all .18s ease}.chip:hover{border-color:var(--brand-300);color:var(--brand-600)}.chip.is-active{background:linear-gradient(135deg,var(--brand-400),var(--brand-600));border-color:transparent;color:#fff}.chip:disabled{opacity:.5;cursor:not-allowed;border-color:var(--border);color:var(--text-mute)}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;min-width:110px;height:4px;border-radius:99px;background:var(--border-strong);cursor:pointer}.range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border:none;border-radius:999px;background:#fff;box-shadow:0 2px 8px #00000047,0 0 0 3px rgba(var(--brand-rgb),.28)}.range::-moz-range-thumb{width:13px;height:13px;border:none;border-radius:999px;background:#fff;box-shadow:0 2px 8px #00000047,0 0 0 3px rgba(var(--brand-rgb),.28)}.range:focus-visible{outline:2px solid var(--brand-400);outline-offset:4px}.tag{display:inline-flex;align-items:center;padding:1px 7px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.02em;border:1px solid currentColor;opacity:.85}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:flex;flex-direction:column}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.muted{color:var(--text-soft)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.section-title{font-size:19px;font-weight:760}.panel{padding:20px 22px;margin:0 6px 18px;border-radius:var(--radius-lg)}.panel-title{display:flex;align-items:center;gap:9px;margin-bottom:14px;color:var(--brand-600)}.panel-title h2{font-size:15px;color:var(--text)}.field-label{font-size:12px;font-weight:650;color:var(--text-soft);padding-left:2px}.cred-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.cred-card{padding:16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);transition:all .22s ease}.cred-card:hover{border-color:var(--brand-200);transform:translateY(-2px)}.fade-in{animation:fade-in .4s ease both}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.petals{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.petal{position:absolute;top:-8vh;width:12px;height:12px;border-radius:12px 2px;background:linear-gradient(135deg,var(--brand-300),var(--brand-500));opacity:.5;animation:petal-fall linear infinite,petal-sway ease-in-out infinite alternate}@keyframes petal-fall{to{transform:translateY(115vh) rotate(420deg)}}@keyframes petal-sway{0%{margin-left:-22px}to{margin-left:26px}}.brand{display:flex;align-items:center;gap:11px;padding:6px 8px 16px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;font-size:20px;background:linear-gradient(135deg,var(--brand-300),var(--brand-600));box-shadow:0 12px 24px -12px var(--brand-500)}.brand-text{font-size:17px;font-weight:800;letter-spacing:-.02em}.brand-sub{font-size:11px;color:var(--text-mute);letter-spacing:.08em;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 13px;border-radius:var(--radius-sm);color:var(--text-soft);font-weight:600;transition:all .18s ease}.nav-item:hover{background:var(--surface-strong);color:var(--text)}.nav-item.is-active{background:linear-gradient(135deg,rgba(var(--brand-rgb),.22),rgba(var(--brand-rgb),.1));color:var(--brand-700);box-shadow:inset 0 0 0 1px rgba(var(--brand-rgb),.26)}[data-theme=dark] .nav-item.is-active{color:var(--brand-200)}.nav-group-title{padding:16px 13px 6px;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--text-mute);text-transform:uppercase}.topbar{position:relative;z-index:20;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));box-shadow:var(--shadow-sm)}.search-box{position:relative;flex:1;max-width:520px}.search-box .input{padding-left:40px}.search-box .search-icon{position:absolute;left:14px;top:50%;display:flex;align-items:center;line-height:0;transform:translateY(-50%);color:var(--text-mute);pointer-events:none}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;overflow:hidden;font-weight:700;font-size:13px;color:#fff;flex:none}.avatar img{width:100%;height:100%;object-fit:cover}.track-list{display:flex;flex-direction:column}.track-row{display:grid;grid-template-columns:34px 46px minmax(0,1.5fr) minmax(0,.85fr) minmax(0,.85fr) 62px 108px;align-items:center;gap:12px;padding:7px 12px;border-radius:var(--radius-sm);transition:background .16s ease}.track-row:hover{background:var(--surface-strong)}.track-row.is-current{background:linear-gradient(135deg,rgba(var(--brand-rgb),.18),rgba(var(--brand-rgb),.08))}.track-row .row-index{color:var(--text-mute);font-variant-numeric:tabular-nums;font-size:12px;text-align:center}.track-row .row-title{display:flex;align-items:center;gap:8px;min-width:0}.track-row .row-sub{color:var(--text-soft);font-size:12.5px}.track-row .row-meta{display:contents}.track-row .row-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px;opacity:0;transition:opacity .18s ease}.track-row:hover .row-actions,.track-row.is-current .row-actions{opacity:1}.cover{border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-strong);flex:none;position:relative}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover-fallback{width:100%;height:100%;display:grid;place-items:center;color:#fff;font-size:18px}.platform-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:700;border:1px solid transparent;transition:all .18s ease;white-space:nowrap}.platform-badge:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.player-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1.4fr) minmax(0,1fr);align-items:center;gap:16px;margin:0 14px 14px;padding:11px 18px;border-radius:var(--radius-lg);background:var(--player-bg);border:1px solid var(--border);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));box-shadow:var(--shadow-lg)}.play-btn{display:grid;place-items:center;width:62px;height:44px;border-radius:999px;color:#fff;background:linear-gradient(150deg,var(--brand-400),var(--brand-500));box-shadow:0 12px 26px -14px rgba(var(--brand-rgb),.9);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.play-btn:hover{transform:scale(1.045);filter:saturate(1.08);box-shadow:0 16px 30px -14px rgba(var(--brand-rgb),1)}.play-btn:active{transform:scale(.97)}.play-btn.is-compact{width:54px;height:40px}.transport{display:flex;align-items:center;justify-content:center;gap:12px}.transport-side{color:var(--text-soft)}.transport-side:hover{color:var(--text)}.transport-side.is-active{color:var(--brand-600)}.transport-skip{width:38px;height:38px;color:var(--text)}.transport-skip:hover{color:var(--brand-600)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:calc(20px + var(--safe-top)) calc(20px + var(--safe-right)) calc(20px + var(--safe-bottom)) calc(20px + var(--safe-left));background:#0000006b;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade-in .22s ease both}.modal{width:min(460px,100%);max-height:86vh;max-height:min(86dvh,760px);overflow-y:auto;overscroll-behavior:contain;padding:24px;border-radius:var(--radius-lg);background:var(--surface-strong);border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:pop-in .25s cubic-bezier(.2,.9,.3,1.2) both}@keyframes pop-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}.modal-title{font-size:18px;font-weight:750;margin-bottom:4px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.toast-host{position:fixed;top:calc(22px + var(--safe-top));left:50%;transform:translate(-50%);z-index:90;display:flex;flex-direction:column;gap:9px;pointer-events:none}.toast{padding:10px 18px;border-radius:999px;background:var(--surface-strong);border:1px solid var(--border);box-shadow:var(--shadow-md);font-weight:600;font-size:13px;backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));animation:fade-in .24s ease both}.toast.is-error{color:var(--danger);border-color:#e0453a4d}.toast.is-success{color:var(--success);border-color:#2fa86b4d}.rail{display:flex;gap:14px;overflow-x:auto;padding:4px 4px 14px;scroll-snap-type:x proximity}.rail>*{scroll-snap-align:start}.track-card{width:150px;flex:none;cursor:pointer;transition:transform .22s ease}.track-card:hover{transform:translateY(-4px)}.track-card .track-card-title{margin-top:9px;font-weight:650;font-size:13px}.card-stage{display:block;width:100%;padding:0;border:none;background:none;color:inherit;font:inherit;cursor:pointer}.row-link{color:inherit;transition:color .16s ease}.row-link:hover{color:var(--brand-600);text-decoration:underline;text-underline-offset:2px}.track-card-cover{position:relative;width:150px;height:150px}.grid-cards .track-card,.grid-cards .track-card-cover{width:100%}.grid-cards .track-card-cover{height:auto;aspect-ratio:1}.grid-cards .track-card-cover .cover{height:100%!important}.track-card-play{position:absolute;right:9px;bottom:9px;display:grid;place-items:center;width:32px;height:32px;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--brand-400),var(--brand-600));opacity:0;transform:translateY(6px);transition:all .2s ease}.track-card:hover .track-card-play{opacity:1;transform:none}.empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:56px 20px;text-align:center;color:var(--text-soft)}.empty-icon{font-size:40px;opacity:.7}.page-header{display:flex;align-items:flex-end;gap:22px;padding:18px;margin-bottom:20px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border)}.page-header .cover{width:148px;height:148px;border-radius:var(--radius);box-shadow:var(--shadow-md)}@media(max-width:1180px){.track-row{grid-template-columns:34px 46px minmax(0,1.6fr) minmax(0,.9fr) 62px 108px}.track-row .row-album{display:none}}@media(max-width:900px){.track-row{grid-template-columns:30px 42px minmax(0,1fr) 62px 100px}.track-row .row-artist{display:none}}@media(max-width:860px){.app-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto}.app-sidebar{grid-column:1;grid-row:3;flex-direction:row;justify-content:center;justify-content:safe center;align-items:center;overflow-x:auto;margin:0 10px 10px;padding:10px}.app-sidebar .sidebar-spacer,.app-sidebar .brand,.app-sidebar .nav-group-title,.app-sidebar .sidebar-playlists,.app-sidebar .sidebar-legal{display:none}.app-sidebar .sidebar-nav,.app-sidebar .sidebar-bind{flex-direction:row;align-items:center}.app-sidebar .sidebar-bind{padding:0}.app-sidebar .nav-item{padding:8px 11px;white-space:nowrap}.app-main{grid-column:1;grid-row:1;padding:10px 10px 0}.player-bar{grid-column:1;grid-row:2}.topbar-summary,.topbar-username{display:none}.topbar .search-box{min-width:0}.player-inner{grid-template-columns:minmax(0,1fr);gap:10px;margin:0 10px 10px;padding:10px 12px}.player-inner .player-left{order:-1}.player-inner .player-center{grid-column:1 / -1}.player-center .progress-bar{order:-1}.player-inner .player-right{display:none}.track-row{grid-template-columns:30px 42px minmax(0,1fr) 96px}.track-row .row-duration{display:none}}@media(hover:none),(pointer:coarse){.track-row .row-actions{opacity:1}.track-card-play{opacity:1;transform:none}.btn:hover,.icon-btn:hover,.track-card:hover,.cred-card:hover,.platform-badge:hover{transform:none}}@media(max-width:480px){.app-main{padding:8px 8px 0}.app-content{padding:12px 4px 20px}.app-sidebar{margin:0 8px 8px}.player-inner{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;row-gap:5px;padding:8px 10px 0;overflow:hidden}.player-inner .player-center{display:contents}.player-inner .player-center .progress-bar{grid-row:2;grid-column:1 / -1;padding:0;gap:0}.player-inner .player-center .progress-time{display:none}.player-inner .player-center .progress-bar .bar{height:3px;border-radius:0}.player-inner .player-center .progress-bar .bar-thumb{display:none}.player-inner .player-left{grid-row:1;grid-column:1}.player-inner .player-center .transport{grid-row:1;grid-column:2;gap:4px}.player-inner .player-center .transport .mode-picker,.player-inner .player-center .transport .volume-control{display:none}.player-inner .play-btn{width:54px;height:40px}.player-inner .cover-button .cover{width:44px!important;height:44px!important}.track-row{grid-template-columns:36px minmax(0,1fr) auto;grid-template-rows:auto auto;row-gap:1px;column-gap:8px;padding:6px}.track-row .cover-btn{grid-row:1 / 3;grid-column:1}.track-row .row-title{grid-row:1;grid-column:2}.track-row .row-actions{grid-row:1 / 3;grid-column:3;gap:0}.track-row .row-meta{display:flex;grid-row:2;grid-column:2;min-width:0;font-size:12px}.track-row .row-meta .row-artist,.track-row .row-meta .row-album{display:block;min-width:0}.track-row .row-meta .row-artist:not(:last-child):after{content:"·";margin:0 5px;color:var(--text-mute)}.track-row .cover-btn .cover{width:36px!important;height:36px!important}.track-row .row-index{display:none}.track-row .row-actions .icon-btn{width:30px;height:30px}.track-row .platform-badge{padding:2px 6px}.track-row .platform-badge .badge-label{display:none}.track-row .row-sub{font-size:12px}.panel{padding:16px 14px;margin:0 2px 14px}.page-header{flex-direction:column;align-items:flex-start;gap:14px;padding:14px;margin-bottom:14px}.page-header .cover{width:112px;height:112px}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:12px}.cred-grid{grid-template-columns:minmax(0,1fr)}.section-title{font-size:17px}.empty{padding:40px 14px}.petal:nth-child(n+7){display:none}}@media(prefers-reduced-motion:reduce){.petal{display:none}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}html[data-preset=sakura]{--brand-50: #fff5f8;--brand-100: #ffe8ef;--brand-200: #ffd0de;--brand-300: #ffabc3;--brand-400: #ff86a6;--brand-500: #f9678f;--brand-600: #e04a74;--brand-700: #b93459;--brand-rgb: 249, 103, 143;--bg: #fdf6f8;--bg-accent: radial-gradient(circle at 12% 6%, rgba(255, 171, 195, .4), transparent 45%), radial-gradient(circle at 88% 4%, rgba(255, 208, 222, .42), transparent 42%), radial-gradient(circle at 70% 92%, rgba(214, 200, 255, .32), transparent 48%);--glass-tint: 255, 255, 255}html[data-theme=dark][data-preset=sakura]{--bg: #16111a;--bg-accent: radial-gradient(circle at 12% 6%, rgba(249, 103, 143, .22), transparent 45%), radial-gradient(circle at 88% 4%, rgba(160, 120, 255, .18), transparent 42%), radial-gradient(circle at 72% 94%, rgba(249, 103, 143, .14), transparent 48%);--glass-tint: 42, 32, 47}html[data-preset=matcha]{--brand-50: #f2fbf4;--brand-100: #e0f6e6;--brand-200: #c0ecd0;--brand-300: #93dcb0;--brand-400: #5fc78d;--brand-500: #35ab6d;--brand-600: #238f58;--brand-700: #1a7046;--brand-rgb: 53, 171, 109;--bg: #f5fbf7;--bg-accent: radial-gradient(circle at 12% 6%, rgba(147, 220, 176, .42), transparent 45%), radial-gradient(circle at 88% 4%, rgba(192, 236, 208, .44), transparent 42%), radial-gradient(circle at 72% 92%, rgba(206, 238, 214, .34), transparent 48%);--glass-tint: 252, 255, 253}html[data-theme=dark][data-preset=matcha]{--bg: #0f1714;--bg-accent: radial-gradient(circle at 12% 6%, rgba(53, 171, 109, .2), transparent 45%), radial-gradient(circle at 88% 4%, rgba(147, 220, 176, .14), transparent 42%), radial-gradient(circle at 72% 94%, rgba(35, 143, 88, .16), transparent 48%);--glass-tint: 32, 42, 37}html[data-preset=ocean]{--brand-50: #f2f8ff;--brand-100: #e2f0ff;--brand-200: #c4e0ff;--brand-300: #93c8fb;--brand-400: #5aa8f0;--brand-500: #2f8ae0;--brand-600: #1e6fbe;--brand-700: #175699;--brand-rgb: 47, 138, 224;--bg: #f4f9fd;--bg-accent: radial-gradient(circle at 12% 6%, rgba(147, 200, 251, .42), transparent 45%), radial-gradient(circle at 88% 4%, rgba(196, 224, 255, .44), transparent 42%), radial-gradient(circle at 72% 92%, rgba(178, 222, 245, .32), transparent 48%);--glass-tint: 251, 253, 255}html[data-theme=dark][data-preset=ocean]{--bg: #0d141c;--bg-accent: radial-gradient(circle at 12% 6%, rgba(47, 138, 224, .2), transparent 45%), radial-gradient(circle at 88% 4%, rgba(147, 200, 251, .14), transparent 42%), radial-gradient(circle at 72% 94%, rgba(30, 111, 190, .16), transparent 48%);--glass-tint: 30, 40, 52}html[data-preset=lavender]{--brand-50: #f8f6ff;--brand-100: #efeaff;--brand-200: #ddd3ff;--brand-300: #c0b0fb;--brand-400: #9f8af3;--brand-500: #8266e6;--brand-600: #6a4ecb;--brand-700: #523ba3;--brand-rgb: 130, 102, 230;--bg: #f8f6fd;--bg-accent: radial-gradient(circle at 12% 6%, rgba(192, 176, 251, .42), transparent 45%), radial-gradient(circle at 88% 4%, rgba(221, 211, 255, .44), transparent 42%), radial-gradient(circle at 72% 92%, rgba(255, 205, 240, .3), transparent 48%);--glass-tint: 253, 252, 255}html[data-theme=dark][data-preset=lavender]{--bg: #12111c;--bg-accent: radial-gradient(circle at 12% 6%, rgba(130, 102, 230, .22), transparent 45%), radial-gradient(circle at 88% 4%, rgba(192, 176, 251, .14), transparent 42%), radial-gradient(circle at 72% 94%, rgba(180, 120, 220, .14), transparent 48%);--glass-tint: 38, 36, 54}html[data-preset=sunset]{--brand-50: #fff7f2;--brand-100: #ffeade;--brand-200: #ffd4b8;--brand-300: #ffb182;--brand-400: #ff8c52;--brand-500: #f56b2d;--brand-600: #d5541c;--brand-700: #a83f14;--brand-rgb: 245, 107, 45;--bg: #fdf7f3;--bg-accent: radial-gradient(circle at 12% 6%, rgba(255, 177, 130, .42), transparent 45%), radial-gradient(circle at 88% 4%, rgba(255, 212, 184, .44), transparent 42%), radial-gradient(circle at 72% 92%, rgba(255, 175, 155, .3), transparent 48%);--glass-tint: 255, 253, 251}html[data-theme=dark][data-preset=sunset]{--bg: #1a1310;--bg-accent: radial-gradient(circle at 12% 6%, rgba(245, 107, 45, .2), transparent 45%), radial-gradient(circle at 88% 4%, rgba(255, 177, 130, .14), transparent 42%), radial-gradient(circle at 72% 94%, rgba(213, 84, 28, .16), transparent 48%);--glass-tint: 50, 38, 32}html[data-preset=ink]{--brand-50: #f7f8fa;--brand-100: #eef1f5;--brand-200: #dde3ea;--brand-300: #c2ccd8;--brand-400: #9aa8b8;--brand-500: #74849a;--brand-600: #5b6b80;--brand-700: #465467;--brand-rgb: 116, 132, 154;--bg: #f7f8fa;--bg-accent: radial-gradient(circle at 12% 6%, rgba(194, 204, 216, .45), transparent 45%), radial-gradient(circle at 88% 4%, rgba(221, 227, 234, .5), transparent 42%), radial-gradient(circle at 72% 92%, rgba(214, 222, 234, .34), transparent 48%);--glass-tint: 255, 255, 255}html[data-theme=dark][data-preset=ink]{--bg: #101317;--bg-accent: radial-gradient(circle at 12% 6%, rgba(116, 132, 154, .18), transparent 45%), radial-gradient(circle at 88% 4%, rgba(194, 204, 216, .1), transparent 42%), radial-gradient(circle at 72% 94%, rgba(90, 107, 128, .14), transparent 48%);--glass-tint: 34, 38, 44}.preset-grid{display:flex;flex-wrap:wrap;gap:10px}.preset-swatch{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:9px 10px 7px;border-radius:var(--radius-sm);border:1.5px solid transparent;transition:all .2s ease}.preset-swatch:hover{background:var(--surface-strong);border-color:var(--border);transform:translateY(-2px)}.preset-swatch.is-active{border-color:var(--brand-500);background:var(--surface-strong);box-shadow:0 10px 22px -16px var(--brand-600)}.preset-dot{width:34px;height:34px;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff80,var(--shadow-sm)}.preset-name{font-size:11.5px;font-weight:650;color:var(--text-soft)}.preset-swatch.is-active .preset-name{color:var(--brand-600)}.preset-check{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:16px;height:16px;border-radius:999px;color:#fff;background:var(--brand-500)}