.preferences-overlay[data-v-3a6ccf33]{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:32px;background:#030308c2}.preferences-dialog[data-v-3a6ccf33]{--preferences-sidebar-width: 230px;--preferences-sidebar-bg: #0b0813;container-type:inline-size;position:relative;width:min(960px,100%);height:min(680px,calc(100dvh - 64px));min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#100c1b;box-shadow:0 28px 100px #0009}.preferences-dialog-close[data-v-3a6ccf33]{position:absolute;top:18px;right:18px;z-index:2;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:10px;background:transparent;color:#ffffffb3;cursor:pointer}.preferences-dialog-close[data-v-3a6ccf33]:hover{color:#fff;background:#ffffff14}.preferences-dialog-close[data-v-3a6ccf33]:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.preferences-reveal-enter-active[data-v-3a6ccf33]{transition:opacity .28s cubic-bezier(.16,1,.3,1)}.preferences-reveal-leave-active[data-v-3a6ccf33]{transition:opacity .18s ease;pointer-events:none}.preferences-reveal-enter-active .preferences-dialog[data-v-3a6ccf33]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.preferences-reveal-leave-active .preferences-dialog[data-v-3a6ccf33]{transition:transform .18s ease}.preferences-reveal-enter-from[data-v-3a6ccf33],.preferences-reveal-leave-to[data-v-3a6ccf33]{opacity:0}.preferences-reveal-enter-from .preferences-dialog[data-v-3a6ccf33]{transform:translateY(14px) scale(.975)}.preferences-reveal-leave-to .preferences-dialog[data-v-3a6ccf33]{transform:translateY(8px) scale(.99)}@media(prefers-reduced-motion:reduce){.preferences-reveal-enter-active[data-v-3a6ccf33],.preferences-reveal-leave-active[data-v-3a6ccf33],.preferences-reveal-enter-active .preferences-dialog[data-v-3a6ccf33],.preferences-reveal-leave-active .preferences-dialog[data-v-3a6ccf33]{transition-duration:1ms}.preferences-reveal-enter-from .preferences-dialog[data-v-3a6ccf33],.preferences-reveal-leave-to .preferences-dialog[data-v-3a6ccf33]{transform:none}}@media(max-width:640px){.preferences-overlay[data-v-3a6ccf33]{padding:0}.preferences-dialog[data-v-3a6ccf33]{width:100%;height:100dvh;border:0;border-radius:0;padding-top:env(safe-area-inset-top,0px)}.preferences-dialog-close[data-v-3a6ccf33]{top:calc(12px + env(safe-area-inset-top,0px));right:12px;width:40px;height:40px}}.toast-surface[data-v-7315c06e]{pointer-events:auto;width:100%;box-sizing:border-box;display:flex;align-items:center;gap:10px;min-height:54px;padding:12px;border:0;border-radius:12px;background:#111115;color:#f5f2fa;box-shadow:0 6px 20px #0005;font:inherit;text-align:left;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;transform:translate(var(--toast-offset, 0px));opacity:var(--toast-opacity, 1);transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .18s ease}.toast-surface.dragging[data-v-7315c06e]{transition:none;cursor:grabbing}.toast-surface.dismissing[data-v-7315c06e]{pointer-events:none}.toast-surface[data-v-7315c06e]:focus-visible{outline:2px solid #c3a2fa;outline-offset:3px}.toast-icon[data-v-7315c06e]{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:#372c45;color:#cfb3f3}.toast-icon svg[data-v-7315c06e]{width:17px;height:17px}.success .toast-icon[data-v-7315c06e]{background:#263c33;color:#a8dabe}.warning .toast-icon[data-v-7315c06e]{background:#423628;color:#e5c390}.error .toast-icon[data-v-7315c06e]{background:#422c35;color:#e8aeba}.toast-message[data-v-7315c06e]{flex:1;min-width:0;font-size:13px;font-weight:500;line-height:1.45;overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){.toast-surface[data-v-7315c06e]{transition:none}}.toast-container[data-v-846b6d07]{position:fixed;top:calc(24px + env(safe-area-inset-top,0px));right:calc(24px + env(safe-area-inset-right,0px));z-index:9999;pointer-events:none;width:min(374px,calc(100vw - 48px))}.toast-stack[data-v-846b6d07]{position:relative;display:flex;flex-direction:column;gap:9px}.toast-slot[data-v-846b6d07]{width:100%}.toast-announcement[data-v-846b6d07]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.toast-enter-active[data-v-846b6d07],.toast-move[data-v-846b6d07]{transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .18s ease}.toast-enter-from[data-v-846b6d07]{opacity:0;transform:translateY(-9px)}.toast-leave-active[data-v-846b6d07]{position:absolute;width:100%;pointer-events:none;transition:opacity .12s ease}.toast-leave-to[data-v-846b6d07]{opacity:0}@media(max-width:768px){.toast-container[data-v-846b6d07]{top:calc(16px + env(safe-area-inset-top,0px));right:calc(16px + env(safe-area-inset-right,0px));left:calc(16px + env(safe-area-inset-left,0px));width:auto}}@media(prefers-reduced-motion:reduce){.toast-enter-active[data-v-846b6d07],.toast-leave-active[data-v-846b6d07],.toast-move[data-v-846b6d07]{transition:none}}.auth-backdrop[data-v-ce5a9dcc]{--auth-inset-top: max(16px, env(safe-area-inset-top, 0px));--auth-inset-bottom: max(16px, env(safe-area-inset-bottom, 0px));position:fixed;inset:0;background:#080512c7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--auth-inset-top) max(16px,env(safe-area-inset-right,0px)) var(--auth-inset-bottom) max(16px,env(safe-area-inset-left,0px));box-sizing:border-box}.auth-modal[data-v-ce5a9dcc]{position:relative;width:100%;max-width:440px;max-height:calc(100vh - var(--auth-inset-top) - var(--auth-inset-bottom));max-height:calc(100dvh - var(--auth-inset-top) - var(--auth-inset-bottom));overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(165deg,#20183af2,#120c22fa);border:1px solid rgba(139,92,246,.28);border-radius:20px;padding:32px 28px 24px;box-shadow:0 24px 60px #000000a6,0 0 40px #8b5cf62e;color:#fff;box-sizing:border-box}.auth-close-btn[data-v-ce5a9dcc]{position:absolute;top:18px;right:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#ffffffa6;cursor:pointer;transition:all .2s ease}.auth-close-btn[data-v-ce5a9dcc]:hover{background:#ffffff24;color:#fff;transform:scale(1.05)}.auth-header[data-v-ce5a9dcc]{text-align:center;margin-bottom:24px}.auth-icon-badge[data-v-ce5a9dcc]{width:58px;height:58px;margin:0 auto 14px;border-radius:16px;background:linear-gradient(135deg,#8b5cf659,#d946ef40);border:1px solid rgba(168,85,247,.4);display:flex;align-items:center;justify-content:center;color:#d8b4fe;box-shadow:0 8px 24px #8b5cf640}.auth-title[data-v-ce5a9dcc]{font-size:22px;font-weight:700;margin:0 0 6px;color:#f3f0ff;letter-spacing:-.01em}.auth-subtitle[data-v-ce5a9dcc]{font-size:13px;color:#fff9;margin:0;line-height:1.45}.auth-tabs[data-v-ce5a9dcc]{display:flex;background:#ffffff0d;border-radius:12px;padding:4px;margin-bottom:20px;border:1px solid rgba(255,255,255,.08)}.auth-tab[data-v-ce5a9dcc]{flex:1;padding:9px 12px;border:none;background:transparent;color:#fff9;font-size:14px;font-weight:600;border-radius:9px;cursor:pointer;transition:all .2s ease}.auth-tab-with-badge[data-v-ce5a9dcc]{display:inline-flex;align-items:center;justify-content:center;gap:6px}.auth-tab.is-disabled[data-v-ce5a9dcc],.auth-tab[data-v-ce5a9dcc]:disabled{opacity:.5;cursor:not-allowed;pointer-events:auto;-webkit-user-select:none;user-select:none}.auth-tab.is-disabled[data-v-ce5a9dcc]:hover,.auth-tab[data-v-ce5a9dcc]:disabled:hover{background:transparent;color:#fff9;box-shadow:none}.auth-pill-badge[data-v-ce5a9dcc]{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:999px;background:#a855f738;color:#c084fc;border:1px solid rgba(168,85,247,.35);line-height:1.2}.auth-tab.active[data-v-ce5a9dcc]{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 12px #7c3aed59}.auth-tab.active .auth-pill-badge[data-v-ce5a9dcc]{background:#ffffff38;color:#fff;border-color:#fff6}.auth-soon-card[data-v-ce5a9dcc]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 6px 4px}.auth-soon-badge-glow[data-v-ce5a9dcc]{width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,#a855f740,#d946ef26);border:1px solid rgba(168,85,247,.35);display:flex;align-items:center;justify-content:center;color:#c084fc;box-shadow:0 0 20px #a855f740;margin-bottom:14px}.auth-soon-title[data-v-ce5a9dcc]{font-size:17px;font-weight:700;color:#f3f0ff;margin:0 0 8px}.auth-soon-desc[data-v-ce5a9dcc]{font-size:13px;color:#ffffffa6;line-height:1.5;margin:0 0 14px;max-width:320px}.auth-soon-hint[data-v-ce5a9dcc]{display:flex;align-items:flex-start;gap:8px;text-align:left;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;font-size:12px;color:#fff9;line-height:1.4;margin-bottom:18px;width:100%;box-sizing:border-box}.auth-soon-hint svg[data-v-ce5a9dcc]{flex-shrink:0;margin-top:1px;color:#c084fc}.auth-soon-back-btn[data-v-ce5a9dcc]{width:100%;background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;border:none;border-radius:12px;padding:12px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 16px #7c3aed4d}.auth-soon-back-btn[data-v-ce5a9dcc]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed73}.auth-error-banner[data-v-ce5a9dcc]{display:flex;align-items:center;gap:10px;background:#ef444429;border:1px solid rgba(239,68,68,.35);border-radius:10px;padding:10px 14px;color:#fca5a5;font-size:13px;margin-bottom:16px}.auth-form[data-v-ce5a9dcc]{display:flex;flex-direction:column;gap:14px}.auth-field[data-v-ce5a9dcc]{display:flex;flex-direction:column;gap:6px}.auth-label[data-v-ce5a9dcc]{font-size:12px;font-weight:600;color:#ffffffbf;text-transform:uppercase;letter-spacing:.04em}.auth-input-wrapper[data-v-ce5a9dcc]{position:relative;display:flex;align-items:center}.auth-field-icon[data-v-ce5a9dcc]{position:absolute;left:14px;color:#fff6;pointer-events:none}.auth-input[data-v-ce5a9dcc]{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px 12px 42px;font-size:14px;color:#fff;outline:none;transition:all .2s ease;box-sizing:border-box}.auth-input[data-v-ce5a9dcc]:focus{border-color:#a855f7;background:#ffffff14;box-shadow:0 0 0 3px #a855f740}.auth-pwd-toggle[data-v-ce5a9dcc]{position:absolute;right:12px;background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.auth-pwd-toggle[data-v-ce5a9dcc]:hover{color:#fff}.auth-submit-btn[data-v-ce5a9dcc]{margin-top:8px;background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;border:none;border-radius:12px;padding:13px 20px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .25s ease;box-shadow:0 6px 20px #7c3aed59}.auth-submit-btn[data-v-ce5a9dcc]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #7c3aed80}.auth-submit-btn[data-v-ce5a9dcc]:disabled{opacity:.65;cursor:not-allowed}.auth-spinner[data-v-ce5a9dcc]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-ce5a9dcc .7s linear infinite}.auth-footer[data-v-ce5a9dcc]{margin-top:18px;text-align:center;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.auth-guest-btn[data-v-ce5a9dcc]{background:transparent;border:none;color:#ffffff80;font-size:13px;cursor:pointer;transition:color .2s ease}.auth-guest-btn[data-v-ce5a9dcc]:hover{color:#ffffffd9;text-decoration:underline}@keyframes spin-ce5a9dcc{to{transform:rotate(360deg)}}.auth-fade-enter-active[data-v-ce5a9dcc],.auth-fade-leave-active[data-v-ce5a9dcc]{transition:opacity .22s ease}.auth-fade-enter-from[data-v-ce5a9dcc],.auth-fade-leave-to[data-v-ce5a9dcc]{opacity:0}.auth-slide-enter-active[data-v-ce5a9dcc],.auth-slide-leave-active[data-v-ce5a9dcc]{transition:all .2s ease}.auth-slide-enter-from[data-v-ce5a9dcc],.auth-slide-leave-to[data-v-ce5a9dcc]{opacity:0;transform:translateY(-6px)}.artist-links-inline[data-v-f3d26835]{display:inline}.artist-separator[data-v-f3d26835]{cursor:default;-webkit-user-select:text;user-select:text;opacity:.85}.artist-fallback[data-v-f3d26835]{opacity:.75}.search-match[data-v-f3d26835]{color:inherit;background:#6d30ff57;border-radius:2px;padding:0}.player-btn-icon[data-v-cfb1524e]{width:24px;height:24px;color:#ffffffd9;transition:all .2s cubic-bezier(.4,0,.2,1)}.controls button:not(:disabled):hover .player-btn-icon[data-v-cfb1524e]{color:#fff;opacity:1;transform:scale(1.1)}.play-pause-icon[data-v-cfb1524e]{width:22px;height:22px;color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1)}.play-pause:hover .play-pause-icon[data-v-cfb1524e]{transform:scale(1.05)}.playback-spinner[data-v-cfb1524e]{display:block;color:#fff;width:22px;height:22px;box-sizing:border-box;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:playback-loading-cfb1524e .8s linear infinite}@keyframes playback-loading-cfb1524e{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.playback-spinner[data-v-cfb1524e]{animation:none}}.universal-player[data-v-cfb1524e]{position:fixed;bottom:0;left:0;width:100vw;pointer-events:none;z-index:1020;display:flex;flex-direction:column;align-items:center}.youtube-wrapper[data-v-cfb1524e]{display:flex;justify-content:center;background:#000;border-radius:24px;overflow:hidden;box-shadow:0 15px 35px #00000080;border:1px solid rgba(255,255,255,.1);width:100%;max-width:640px;aspect-ratio:16 / 9;margin-bottom:24px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative}.yt-direct-iframe[data-v-cfb1524e]{width:100%;height:100%;border:none;border-radius:24px}.youtube-wrapper.yt-hidden[data-v-cfb1524e]{display:none!important;opacity:0;pointer-events:none;height:0;margin-bottom:0;border:none;box-shadow:none}.youtube-wrapper iframe[data-v-cfb1524e]{position:absolute;top:0;left:0;width:100%;height:100%}.player[data-v-cfb1524e]{position:fixed;bottom:25px;left:50%;transform:translate(-50%);width:94%;max-width:1100px;z-index:1002;pointer-events:auto;background:#ffffff14;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.15);border-radius:30px;padding:12px 25px;box-shadow:0 8px 32px #0000004d;transition:opacity .3s ease,bottom .3s ease;background-clip:padding-box}.player-content[data-v-cfb1524e]{display:flex;flex-direction:column;gap:8px}.seek-bar[data-v-cfb1524e]{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;-webkit-user-select:none;user-select:none}.time-label[data-v-cfb1524e]{font-size:11.5px;font-weight:500;color:#ffffffbf;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:.3px;text-align:center;-webkit-user-select:none;user-select:none;min-width:32px;flex-shrink:0;transition:color .2s ease}.time-label.with-ms[data-v-cfb1524e]{min-width:58px}.seek-bar:hover .time-label[data-v-cfb1524e]{color:#fffffff2}.seek-track-wrapper[data-v-cfb1524e]{position:relative;flex:1;margin:0 4px;display:flex;align-items:center;height:20px;cursor:pointer}.seek-track-bar[data-v-cfb1524e]{position:absolute;left:0;right:0;height:4px;border-radius:9999px;background:#ffffff24;pointer-events:none;overflow:hidden;transition:height .2s cubic-bezier(.25,1,.5,1),box-shadow .2s ease}.seek-track-wrapper:hover .seek-track-bar[data-v-cfb1524e]{height:6px;box-shadow:0 0 10px #6d30ff59}.seek-progress-fill[data-v-cfb1524e]{height:100%;width:0%;border-radius:9999px;background:linear-gradient(to right,var(--accent-color, #6d30ff),#a177ff);will-change:width;pointer-events:none}.seek-slider[data-v-cfb1524e]{-webkit-appearance:none;appearance:none;width:100%;margin:0;cursor:pointer;background:transparent;height:20px;position:relative;z-index:2;outline:none}.seek-slider[data-v-cfb1524e]::-webkit-slider-runnable-track{height:4px;border-radius:9999px;background:transparent;border:none}.seek-slider[data-v-cfb1524e]::-moz-range-track{height:4px;border-radius:9999px;background:transparent;border:none}.seek-slider[data-v-cfb1524e]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2.5px solid var(--accent-color, #6d30ff);box-shadow:0 0 8px #6d30ffb3,0 2px 6px #0006;cursor:pointer;margin-top:-5px;opacity:0;transform:scale(.6);transition:opacity .2s cubic-bezier(.25,1,.5,1),transform .2s cubic-bezier(.25,1,.5,1)}.seek-track-wrapper:hover .seek-slider[data-v-cfb1524e]::-webkit-slider-thumb,.seek-slider[data-v-cfb1524e]:active::-webkit-slider-thumb{opacity:1;transform:scale(1);margin-top:-5px}.seek-slider[data-v-cfb1524e]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2.5px solid var(--accent-color, #6d30ff);box-shadow:0 0 8px #6d30ffb3,0 2px 6px #0006;cursor:pointer;opacity:0;transform:scale(.6);transition:opacity .2s cubic-bezier(.25,1,.5,1),transform .2s cubic-bezier(.25,1,.5,1)}.seek-track-wrapper:hover .seek-slider[data-v-cfb1524e]::-moz-range-thumb,.seek-slider[data-v-cfb1524e]:active::-moz-range-thumb{opacity:1;transform:scale(1)}.seek-hover-tooltip[data-v-cfb1524e]{position:absolute;bottom:calc(100% + 6px);transform:translate(-50%);padding:4px 9px;border-radius:8px;background:#0f0c29f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #00000080,0 0 12px #6d30ff59;pointer-events:none;z-index:40;-webkit-user-select:none;user-select:none;white-space:nowrap}.seek-hover-tooltip[data-v-cfb1524e]:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px 5px 0 5px;border-style:solid;border-color:rgba(15,12,41,.95) transparent transparent transparent}.hover-time-text[data-v-cfb1524e]{font-size:12px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.4px;line-height:1;display:block}.fade-tooltip-enter-active[data-v-cfb1524e],.fade-tooltip-leave-active[data-v-cfb1524e]{transition:opacity .15s ease,transform .15s cubic-bezier(.34,1.56,.64,1)}.fade-tooltip-enter-from[data-v-cfb1524e],.fade-tooltip-leave-to[data-v-cfb1524e]{opacity:0;transform:translate(-50%) translateY(4px) scale(.92)}.main-controls[data-v-cfb1524e]{display:flex;align-items:center;justify-content:space-between}.track[data-v-cfb1524e]{display:flex;align-items:center;flex:1;min-width:0;padding:4px;border-radius:8px;border:1px solid transparent}.track.clickable[data-v-cfb1524e]{cursor:pointer;pointer-events:auto;z-index:5;transition:background .2s,border-color .2s}.track.clickable[data-v-cfb1524e]:hover{background:#ffffff0f;border-color:#ffffff1a}.track.clickable:hover .track-title[data-v-cfb1524e]{color:#a177ff}.track-cover[data-v-cfb1524e]{width:56px;height:56px;border-radius:8px;object-fit:cover;margin-right:15px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 10px #0000004d;flex-shrink:0}.track-info[data-v-cfb1524e]{display:flex;flex-direction:column;overflow:hidden}.track-title[data-v-cfb1524e]{font-weight:700;font-size:18px;margin:0;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist[data-v-cfb1524e]{font-size:14px;color:var(--text-secondary);margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .18s ease}.track-artist.clickable-artist[data-v-cfb1524e],.track-artist[data-v-cfb1524e] .clickable-artist{cursor:pointer;transition:color .18s ease}.track-artist.clickable-artist[data-v-cfb1524e]:hover,.track-artist[data-v-cfb1524e] .clickable-artist:hover{color:#c4b5fd;text-decoration:underline}.like-btn[data-v-cfb1524e]{background:none!important;border:none!important;padding:8px!important;cursor:pointer;color:#ffffff73;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);margin-left:10px;flex-shrink:0}.like-btn[data-v-cfb1524e]:hover{transform:scale(1.15);color:#f36}.like-btn[data-v-cfb1524e]:active{transform:scale(.92)}.like-btn.is-liked[data-v-cfb1524e]{color:#f36}.like-icon[data-v-cfb1524e]{width:20px;height:20px;transition:fill .2s ease,color .2s ease}.controls[data-v-cfb1524e]{display:flex;align-items:center;justify-content:center;gap:25px;flex:1}.controls button[data-v-cfb1524e]{background:none;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.controls button[data-v-cfb1524e]:not(:disabled):active{transform:scale(.92)}.controls button[data-v-cfb1524e]:disabled{cursor:default}.controls button:disabled .player-btn-icon[data-v-cfb1524e]{color:#ffffff4d}.play-pause[data-v-cfb1524e]{width:52px;height:52px;background:#6d30ff59!important;border:1px solid rgba(109,48,255,.6)!important;border-radius:50%!important;box-shadow:0 4px 18px #6d30ff59}.play-pause[data-v-cfb1524e]:hover{background:#6d30ff80!important;border-color:#6d30ffcc!important;box-shadow:0 4px 22px #6d30ff8c;transform:scale(1.08)}.play-pause[data-v-cfb1524e]:active{transform:scale(.95)!important}.speed-and-volume[data-v-cfb1524e]{display:flex;align-items:center;gap:15px;flex:1;justify-content:flex-end}.volume[data-v-cfb1524e]{display:flex;align-items:center;gap:10px;position:relative}.volume-btn[data-v-cfb1524e]{background:none;border:none;padding:0;cursor:pointer;color:#fff;opacity:.75;display:flex;align-items:center;justify-content:center;transition:opacity .2s,transform .2s;flex-shrink:0}.volume-btn[data-v-cfb1524e]:hover{opacity:1;color:#fff;transform:scale(1.1)}.volume-btn[data-v-cfb1524e]:active{transform:scale(.95)}.volume-icon[data-v-cfb1524e]{width:20px;height:20px;display:block}.volume-track-wrapper[data-v-cfb1524e]{position:relative;width:95px;display:flex;align-items:center;height:22px;cursor:pointer}.volume-track-bar[data-v-cfb1524e]{position:absolute;left:0;right:0;height:4px;border-radius:9999px;background:#ffffff24;pointer-events:none;overflow:hidden;transition:height .2s cubic-bezier(.25,1,.5,1),box-shadow .2s ease}.volume-track-wrapper:hover .volume-track-bar[data-v-cfb1524e]{height:6px;box-shadow:0 0 10px #6d30ff59}.volume-progress-fill[data-v-cfb1524e]{height:100%;width:0%;border-radius:9999px;background:linear-gradient(to right,var(--accent-color, #6d30ff),#a177ff);will-change:width;pointer-events:none;transition:background .2s ease}.volume-track-wrapper:hover .volume-progress-fill[data-v-cfb1524e]{background:linear-gradient(to right,#7c3aed,#c4b5fd)}.volume-slider[data-v-cfb1524e]{-webkit-appearance:none;appearance:none;width:100%;margin:0;cursor:pointer;background:transparent;height:22px;position:relative;z-index:2;outline:none}.volume-slider[data-v-cfb1524e]::-webkit-slider-runnable-track{height:4px;border-radius:9999px;background:transparent;border:none}.volume-slider[data-v-cfb1524e]::-moz-range-track{height:4px;border-radius:9999px;background:transparent;border:none}.volume-slider[data-v-cfb1524e]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2.5px solid var(--accent-color, #6d30ff);box-shadow:0 0 8px #6d30ffb3,0 2px 6px #0006;cursor:pointer;margin-top:-5px;opacity:0;transform:scale(.6);transition:opacity .2s cubic-bezier(.25,1,.5,1),transform .2s cubic-bezier(.25,1,.5,1)}.volume-track-wrapper:hover .volume-slider[data-v-cfb1524e]::-webkit-slider-thumb,.volume-slider[data-v-cfb1524e]:active::-webkit-slider-thumb{opacity:1;transform:scale(1);margin-top:-5px}.volume-slider[data-v-cfb1524e]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2.5px solid var(--accent-color, #6d30ff);box-shadow:0 0 8px #6d30ffb3,0 2px 6px #0006;cursor:pointer;opacity:0;transform:scale(.6);transition:opacity .2s cubic-bezier(.25,1,.5,1),transform .2s cubic-bezier(.25,1,.5,1)}.volume-track-wrapper:hover .volume-slider[data-v-cfb1524e]::-moz-range-thumb,.volume-slider[data-v-cfb1524e]:active::-moz-range-thumb{opacity:1;transform:scale(1)}.volume-hover-tooltip[data-v-cfb1524e]{position:absolute;bottom:calc(100% + 4px);transform:translate(-50%);padding:3px 7px;border-radius:6px;background:#0f0c29f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 14px #00000080,0 0 10px #6d30ff59;pointer-events:none;z-index:40;-webkit-user-select:none;user-select:none;white-space:nowrap}.volume-hover-tooltip[data-v-cfb1524e]:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:4px 4px 0 4px;border-style:solid;border-color:rgba(15,12,41,.95) transparent transparent transparent}.volume-tooltip-text[data-v-cfb1524e]{font-size:11px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums;line-height:1;display:block}.speed-control-container[data-v-cfb1524e]{position:relative}.speed-btn[data-v-cfb1524e]{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:20px;color:#fff;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease}.speed-btn[data-v-cfb1524e]:hover,.speed-btn.active[data-v-cfb1524e]{background:#ffffff1f;border-color:var(--accent-color);box-shadow:0 0 10px #6d30ff33}.speed-icon[data-v-cfb1524e]{width:16px;height:16px;opacity:.8;transition:opacity .3s ease}.speed-btn:hover .speed-icon[data-v-cfb1524e],.speed-btn.active .speed-icon[data-v-cfb1524e]{opacity:1}.speed-menu[data-v-cfb1524e]{position:absolute;bottom:42px;right:0;background:#0f0c29f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;padding:6px;min-width:90px;z-index:1100;background-clip:padding-box}.speed-option[data-v-cfb1524e]{background:transparent;border:none;border-radius:8px;color:#ffffffb3;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer;text-align:center;transition:all .2s ease}.speed-option[data-v-cfb1524e]:hover{background:#ffffff14;color:#fff}.speed-option.active[data-v-cfb1524e]{background:#6d30ff4d;border:1px solid rgba(109,48,255,.5);color:#fff;font-weight:700}.fade-slide-enter-active[data-v-cfb1524e]{transition:all .2s cubic-bezier(.34,1.56,.64,1)}.fade-slide-leave-active[data-v-cfb1524e]{transition:all .12s ease-in}.fade-slide-enter-from[data-v-cfb1524e],.fade-slide-leave-to[data-v-cfb1524e]{opacity:0;transform:translateY(10px)}.control-btn-small[data-v-cfb1524e]{background:none;border:1px solid transparent;cursor:pointer;color:#ffffff80;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.control-btn-small[data-v-cfb1524e]:hover{color:#fff;background:#ffffff14}.control-btn-small.mode-active[data-v-cfb1524e]{color:var(--accent-color);background:#6d30ff1f;border:1px solid rgba(109,48,255,.3);box-shadow:0 0 10px #6d30ff40}.control-btn-small.mode-active[data-v-cfb1524e]:hover{background:#6d30ff33;color:#d1b8ff}.control-icon[data-v-cfb1524e]{width:18px;height:18px}@media(min-width:769px)and (not ((max-width:1024px)and (max-height:500px)and (orientation:landscape)and (pointer:coarse))){.universal-player[data-v-cfb1524e]{position:relative;width:100%;flex-shrink:0;padding-bottom:25px}.player[data-v-cfb1524e]{position:relative;left:auto;bottom:auto;transform:none;width:calc(100% - 32px);container-type:inline-size}.player-spacer[data-v-cfb1524e]{display:none}@container (max-width: 620px){.main-controls[data-v-cfb1524e]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.track[data-v-cfb1524e]{grid-column:1;grid-row:1}.track-info[data-v-cfb1524e]{min-width:0}.speed-and-volume[data-v-cfb1524e]{grid-column:2;grid-row:1}.controls[data-v-cfb1524e]{grid-column:1 / -1;grid-row:2}}@container (max-width: 360px){.track[data-v-cfb1524e]{grid-column:1 / -1}.speed-and-volume[data-v-cfb1524e]{grid-column:1 / -1;grid-row:3}.controls[data-v-cfb1524e]{gap:8px;flex-wrap:wrap}.controls button[data-v-cfb1524e]{flex-shrink:0}.controls button[data-v-cfb1524e]:not(.play-pause){width:28px;height:28px}.play-pause[data-v-cfb1524e]{width:44px;height:44px}}}@media(max-width:768px),(max-width:1024px)and (max-height:500px)and (orientation:landscape)and (pointer:coarse){.player[data-v-cfb1524e]{bottom:calc(72px + env(safe-area-inset-bottom,0px))!important;width:calc(100% - 20px)!important;max-width:520px!important;padding:10px 14px!important;border-radius:22px!important;background:#100b20f0!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 10px 30px #000000b3,0 0 20px #6d30ff29!important}.player-content[data-v-cfb1524e],.seek-bar[data-v-cfb1524e]{gap:8px}.seek-slider[data-v-cfb1524e]::-webkit-slider-thumb{opacity:1;transform:scale(.95)}.seek-slider[data-v-cfb1524e]::-moz-range-thumb{opacity:1;transform:scale(.95)}.time-label[data-v-cfb1524e]{font-size:11px;min-width:28px;opacity:.8}.time-label.with-ms[data-v-cfb1524e]{min-width:52px}.track[data-v-cfb1524e]{flex:1!important;min-width:0!important;padding:2px!important}.track-title[data-v-cfb1524e]{font-size:13.5px!important;font-weight:700}.track-artist[data-v-cfb1524e]{font-size:11px!important;opacity:.7}.track-cover[data-v-cfb1524e]{width:42px!important;height:42px!important;margin-right:10px!important;border-radius:8px!important}.like-btn[data-v-cfb1524e]{width:32px!important;height:32px!important;padding:0!important}.controls[data-v-cfb1524e]{flex:1!important;justify-content:center!important;margin-left:0!important;gap:8px!important}.play-pause[data-v-cfb1524e]{width:42px!important;height:42px!important;background:var(--accent-color, #6d30ff)!important;box-shadow:0 2px 12px #6d30ff73!important}.speed-and-volume[data-v-cfb1524e]{flex:1!important;justify-content:flex-end!important;margin-left:0!important;gap:6px!important}.speed-btn[data-v-cfb1524e]{padding:4px 8px!important;font-size:11px!important;height:30px!important}.controls-shifted .controls[data-v-cfb1524e]{margin-left:auto!important;flex:none!important;justify-content:flex-end!important}.controls-shifted .speed-and-volume[data-v-cfb1524e]{flex:none!important;margin-left:8px!important}.volume[data-v-cfb1524e]{display:none!important}.control-btn-small[data-v-cfb1524e]{width:32px!important;height:32px!important}.control-icon[data-v-cfb1524e]{width:16px!important;height:16px!important}.player-btn-icon[data-v-cfb1524e]{width:20px!important;height:20px!important}.play-pause-icon[data-v-cfb1524e]{width:17px!important;height:17px!important}.playback-spinner[data-v-cfb1524e]{width:17px;height:17px}}.volume-hud-indicator[data-v-cfb1524e],.seek-hud-indicator[data-v-cfb1524e]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);color:#fff;width:130px;height:48px;box-sizing:border-box;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:10px;z-index:100;pointer-events:none;font-weight:700;font-size:16px;box-shadow:0 4px 25px #00000080;background-clip:padding-box}.output-area-wrapper .volume-hud-indicator,.output-area-wrapper .seek-hud-indicator{position:absolute!important;top:20%!important;width:130px!important;height:48px!important}.hud-icon[data-v-cfb1524e]{stroke:var(--accent-color);display:flex;align-items:center}.hud-text[data-v-cfb1524e]{font-variant-numeric:tabular-nums}.fade-hud-enter-active[data-v-cfb1524e],.fade-hud-leave-active[data-v-cfb1524e]{transition:opacity .15s ease,transform .15s cubic-bezier(.34,1.56,.64,1)}.fade-hud-enter-from[data-v-cfb1524e],.fade-hud-leave-to[data-v-cfb1524e]{opacity:0;transform:translate(-50%,-60%) scale(.9)}audio[data-v-cfb1524e]{display:none}.player.mini-player[data-v-cfb1524e]{z-index:1002;transition:all .3s cubic-bezier(.4,0,.2,1)}.track.clickable[data-v-cfb1524e]{cursor:pointer;transition:opacity .2s,transform .2s}.track.clickable[data-v-cfb1524e]:hover{opacity:.85;background:#ffffff0d}.mini-close[data-v-cfb1524e]{position:absolute;top:-6px;right:-12px;background:#161130;border:1px solid rgba(255,255,255,.22);color:#ffffffd9;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000080;z-index:1010;opacity:0;transform:scale(.85);pointer-events:none;transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1),background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.player:hover .mini-close[data-v-cfb1524e],.mini-player .mini-close[data-v-cfb1524e]{opacity:1;transform:scale(1);pointer-events:auto}.mini-close[data-v-cfb1524e]:hover{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important;transform:scale(1.12)!important;box-shadow:0 4px 16px #ef444473!important}.mini-close[data-v-cfb1524e]:active{transform:scale(.95)!important}.fade-scale-enter-active[data-v-cfb1524e],.fade-scale-leave-active[data-v-cfb1524e]{transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.fade-scale-enter-from[data-v-cfb1524e],.fade-scale-leave-to[data-v-cfb1524e]{opacity:0!important;transform:scale(.7)!important}@media(hover:none){.mini-close[data-v-cfb1524e]{opacity:.85;transform:scale(1);pointer-events:auto}}@media(max-width:768px),(max-width:1024px)and (max-height:500px)and (orientation:landscape)and (pointer:coarse){.mini-close[data-v-cfb1524e]{top:-4px;right:-8px;width:24px;height:24px;opacity:.9;transform:scale(1);pointer-events:auto}}.player-spacer[data-v-cfb1524e]{height:140px;width:100%;flex-shrink:0;pointer-events:none}@media(max-width:768px),(max-width:1024px)and (max-height:500px)and (orientation:landscape)and (pointer:coarse){.player-spacer[data-v-cfb1524e]{height:120px}}@media(max-width:1024px)and (max-height:500px)and (orientation:landscape)and (pointer:coarse){.universal-player[data-v-cfb1524e]{position:relative;width:100%;padding:0 0 4px}.player[data-v-cfb1524e]{position:relative;inset:auto!important;transform:none;max-width:760px!important;padding:3px 12px!important;border-radius:16px!important}.player-content[data-v-cfb1524e]{gap:0}.player-spacer[data-v-cfb1524e]{display:none}.youtube-wrapper[data-v-cfb1524e]{max-width:min(640px,64dvh);margin-bottom:0}.main-controls[data-v-cfb1524e]{gap:6px}.track-cover[data-v-cfb1524e]{width:34px!important;height:34px!important}.controls[data-v-cfb1524e],.speed-and-volume[data-v-cfb1524e]{flex:none!important}.speed-and-volume[data-v-cfb1524e]:empty{display:none}.controls button[data-v-cfb1524e]{flex-shrink:0}.controls .prev[data-v-cfb1524e],.controls .next[data-v-cfb1524e]{min-height:38px}}.guest-btn-wrapper[data-v-8ccc659f]{display:flex;flex-direction:column;flex:1;min-width:0;width:100%;box-sizing:border-box}.guest-btn-wrapper.is-collapsed[data-v-8ccc659f]{flex:none;align-items:center}.pill-login-btn[data-v-8ccc659f]{display:flex;align-items:center;justify-content:center;width:100%;height:40px;border-radius:9999px;background:rgba(var(--accent-color-rgb, 109, 48, 255),.08);border:1.5px solid var(--accent-color, #6d30ff);color:#fff;cursor:pointer;font-family:inherit;-webkit-user-select:none;user-select:none;transition:background .2s,box-shadow .2s,transform .2s;box-sizing:border-box}.pill-login-btn[data-v-8ccc659f]:hover{background:var(--accent-color, #6d30ff);color:#fff;box-shadow:0 4px 18px rgba(var(--accent-color-rgb, 109, 48, 255),.4);transform:translateY(-1px)}.pill-login-btn[data-v-8ccc659f]:active{transform:scale(.98)}.pill-login-btn[data-v-8ccc659f]:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}.pill-login-btn.collapsed[data-v-8ccc659f]{width:40px;height:40px;padding:0;border-radius:50%;color:var(--accent-color, #6d30ff)}.pill-login-btn.collapsed[data-v-8ccc659f]:hover{color:#fff}.pill-label[data-v-8ccc659f]{font-size:14.5px;font-weight:600;letter-spacing:-.2px;text-align:center;line-height:1}.collapsed-icon[data-v-8ccc659f]{display:flex;align-items:center;justify-content:center}.modal-overlay[data-v-8d6ec6f6]{position:fixed;inset:0;background:#04020cc7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100005;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn-8d6ec6f6 .2s ease-out;pointer-events:auto}.modal-card[data-v-8d6ec6f6]{width:100%;max-width:420px;background:#120d24f2!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:20px!important;padding:24px;box-shadow:0 20px 50px #000000d9;display:flex;flex-direction:column;gap:18px;animation:scaleUp-8d6ec6f6 .22s cubic-bezier(.16,1,.3,1);position:relative;z-index:100006}.modal-header[data-v-8d6ec6f6]{display:flex;align-items:center;justify-content:space-between}.title-row[data-v-8d6ec6f6]{display:flex;align-items:center;gap:12px}.warning-icon-wrapper[data-v-8d6ec6f6]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:#ef444424;border:1px solid rgba(239,68,68,.25);flex-shrink:0}.modal-title[data-v-8d6ec6f6]{margin:0;font-size:19px;font-weight:700;color:#fff}.close-btn[data-v-8d6ec6f6]{background:transparent;border:none;color:#fff9;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .18s ease}.close-btn[data-v-8d6ec6f6]:hover{color:#fff;background:#ffffff1a}.modal-body[data-v-8d6ec6f6]{margin:0}.modal-message[data-v-8d6ec6f6]{margin:0;font-size:14px;line-height:1.5;color:#ffffffd9}.modal-footer[data-v-8d6ec6f6]{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:4px}.modal-btn[data-v-8d6ec6f6]{padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.modal-btn.secondary[data-v-8d6ec6f6]{background:#ffffff14;color:#fffc}.modal-btn.secondary[data-v-8d6ec6f6]:hover{background:#ffffff26;color:#fff}.modal-btn.danger[data-v-8d6ec6f6]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 16px #ef444466}.modal-btn.danger[data-v-8d6ec6f6]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444499}.modal-btn.primary[data-v-8d6ec6f6]{background:var(--accent-color, #6d30ff);color:#fff;box-shadow:0 4px 16px #6d30ff66}.modal-btn.primary[data-v-8d6ec6f6]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6d30ff99}@keyframes fadeIn-8d6ec6f6{0%{opacity:0}to{opacity:1}}@keyframes scaleUp-8d6ec6f6{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.cloud-sync-indicator[data-v-b610af47]{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:#f3c47a;color:#241608;border:2px solid #110c20;box-sizing:content-box}.left-sidebar[data-v-692280d2]{width:var(--sidebar-expanded-width, 280px);background:#ffffff08;border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);overflow:hidden;flex-shrink:0;height:100%}.left-sidebar.collapsed[data-v-692280d2]{width:60px}.sidebar-header[data-v-692280d2]{display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 17px;height:60px;flex-shrink:0;box-sizing:border-box;gap:8px;position:relative}.left-sidebar.collapsed:not(.mobile-open) .sidebar-header[data-v-692280d2]{padding:0;justify-content:center;align-items:center}.left-sidebar.collapsed:not(.mobile-open) .logo-area[data-v-692280d2]{display:flex;align-items:center;justify-content:center;flex:none;width:100%;margin:0;padding:0;gap:0}.logo-area[data-v-692280d2]{display:flex;align-items:center;gap:10px;flex:1;min-width:0;overflow:hidden}.logo-emoji-wrap[data-v-692280d2]{position:relative;width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.logo-emoji[data-v-692280d2]{width:30px;height:30px;object-fit:contain;transition:opacity .2s ease,transform .2s ease;display:block}.logo-emoji.hide-on-hover[data-v-692280d2]{opacity:0;transform:scale(.8)}.expand-icon[data-v-692280d2]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transform:scale(.7);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.expand-icon.visible[data-v-692280d2]{opacity:1;transform:scale(1)}.left-sidebar.collapsed:not(.mobile-open) .logo-area:focus-visible .expand-icon[data-v-692280d2]{opacity:1;transform:scale(1)}.left-sidebar.collapsed:not(.mobile-open) .logo-area:focus-visible .logo-emoji[data-v-692280d2]{opacity:0}.logo-text[data-v-692280d2]{font-size:20px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;letter-spacing:-.3px;transition:opacity .2s ease,transform .25s ease,width .3s ease}.left-sidebar.collapsed:not(.mobile-open) .logo-text[data-v-692280d2]{opacity:0;pointer-events:none;transform:translate(-10px);width:0;max-width:0}.toggle-btn[data-v-692280d2]{width:36px;height:36px;background:transparent;border:0;border-radius:6px;color:#ffffffd9;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease,transform .2s ease,background .2s,color .2s,border-color .2s;flex-shrink:0}.toggle-btn[data-v-692280d2]:hover{color:#fff}.toggle-btn[data-v-692280d2]:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.sidebar-nav[data-v-692280d2]{flex:1;display:flex;flex-direction:column;padding:8px 0;overflow-y:auto;overflow-x:hidden}.sidebar-nav[data-v-692280d2]::-webkit-scrollbar{width:4px}.sidebar-nav[data-v-692280d2]::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.sidebar-nav[data-v-692280d2]:hover::-webkit-scrollbar-thumb{background:#ffffff26}.nav-item[data-v-692280d2]{display:flex;align-items:center;padding:10px 18px;gap:14px;color:#ffffffa6;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s;white-space:nowrap;border-left:3px solid transparent;font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none;position:relative}.left-sidebar.collapsed:not(.mobile-open) .nav-item[data-v-692280d2]{padding:10px 0;justify-content:center;gap:0;border-left:none}.left-sidebar.collapsed:not(.mobile-open) .nav-item.active[data-v-692280d2],.left-sidebar.collapsed:not(.mobile-open) .nav-item.router-link-exact-active[data-v-692280d2]{border-left:none;background:#6d30ff40;border-radius:12px;margin:2px 6px}.nav-item[data-v-692280d2]:hover{background:#ffffff0f;color:#fff}.nav-item.active[data-v-692280d2],.nav-item.router-link-exact-active[data-v-692280d2]{background:#6d30ff26;border-left-color:var(--accent-color);color:#fff}.nav-icon[data-v-692280d2]{font-size:18px;width:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon svg[data-v-692280d2]{width:18px;height:18px;stroke:currentColor;opacity:.8;transition:opacity .2s,stroke .2s}.nav-item:hover .nav-icon svg[data-v-692280d2],.nav-item.active .nav-icon svg[data-v-692280d2],.nav-item.router-link-exact-active .nav-icon svg[data-v-692280d2]{opacity:1;stroke:#a177ff}.nav-text[data-v-692280d2]{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s ease,transform .25s ease}.left-sidebar.collapsed:not(.mobile-open) .nav-text[data-v-692280d2]{display:none}.separator[data-v-692280d2]{height:1px;background:#ffffff12;margin:12px 16px;transition:margin .3s ease}.left-sidebar.collapsed:not(.mobile-open) .separator[data-v-692280d2]{margin:12px 10px}.nav-section-title[data-v-692280d2]{padding:0 18px;font-size:11px;font-weight:700;color:#ffffff59;margin-bottom:4px;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;overflow:hidden;transition:opacity .2s ease,transform .25s ease}.left-sidebar.collapsed:not(.mobile-open) .nav-section-title[data-v-692280d2]{display:none}.sidebar-footer[data-v-692280d2]{padding:8px 0;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0}.guest-actions[data-v-692280d2]{display:flex;align-items:center;gap:8px;padding:4px 12px}.left-sidebar.collapsed:not(.mobile-open) .guest-actions[data-v-692280d2]{flex-direction:column;padding:4px 8px}.guest-settings-link[data-v-692280d2]{display:flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#ffffff14;color:#ffffffb3;text-decoration:none;transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s}.guest-settings-link span[data-v-692280d2]{display:flex}.guest-settings-link[data-v-692280d2]:hover{background:#fff3;border-color:#ffffff4d;color:var(--text-primary);transform:scale(1.06);box-shadow:0 4px 12px #00000059}.guest-settings-link.active[data-v-692280d2]{background:rgba(var(--accent-color-rgb, 109, 48, 255),.16);border-color:rgba(var(--accent-color-rgb, 109, 48, 255),.5);color:var(--text-primary)}.guest-settings-link[data-v-692280d2]:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}.user-avatar[data-v-692280d2]{width:24px;height:24px;background:linear-gradient(135deg,var(--accent-color),#a177ff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}.user-avatar-emoji[data-v-692280d2]{background:#6d30ff4d;font-size:13px}.user-avatar-img-wrap[data-v-692280d2]{background:transparent}.user-avatar-img[data-v-692280d2]{width:100%;height:100%;object-fit:cover}.user-nav-name[data-v-692280d2]{max-width:160px}.user-avatar-container[data-v-692280d2]{position:relative;display:inline-flex;align-items:center;justify-content:center}.account-sync-indicator[data-v-692280d2]{position:absolute;bottom:-4px;right:-5px}.cloud-menu-item[data-v-692280d2]{align-items:flex-start}.cloud-menu-item>svg[data-v-692280d2]{flex-shrink:0;margin-top:3px}.cloud-menu-copy[data-v-692280d2]{display:flex;flex-direction:column;gap:4px;min-width:0}.cloud-menu-status[data-v-692280d2]{font-size:11px;font-weight:400;line-height:1.5;color:#b8b2c8}.cloud-menu-status.warning[data-v-692280d2]{color:#f3c47a}.sidebar-mobile-backdrop[data-v-692280d2]{display:none}@media(max-width:768px),(max-width:1024px)and (max-height:500px)and (orientation:landscape)and (pointer:coarse){.sidebar-mobile-backdrop[data-v-692280d2]{display:block;position:fixed;inset:0;background:#030308bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1040}.left-sidebar[data-v-692280d2]{position:fixed;top:0;left:0;bottom:0;height:100dvh;width:280px!important;z-index:1050;background:#0f0b1cf5;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);transform:translate(-100%);box-shadow:10px 0 35px #0009;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);box-sizing:border-box}.left-sidebar.mobile-open[data-v-692280d2]{transform:translate(0)}}.login-prompt-item[data-v-692280d2]{background:#8b5cf61f;border:1px solid rgba(168,85,247,.28);color:#d8b4fe;cursor:pointer;width:100%;text-align:left;border-radius:10px;transition:all .2s ease;font-family:inherit}.login-prompt-item[data-v-692280d2]:hover{background:#8b5cf640;border-color:#a855f78c;color:#fff;box-shadow:0 0 16px #8b5cf64d}.login-prompt-icon[data-v-692280d2]{color:#c084fc}.login-prompt-item:hover .login-prompt-icon[data-v-692280d2]{color:#fff}.login-prompt-text[data-v-692280d2]{font-weight:600;font-size:13.5px}.fade-backdrop-enter-active[data-v-692280d2],.fade-backdrop-leave-active[data-v-692280d2]{transition:opacity .25s ease}.fade-backdrop-enter-from[data-v-692280d2],.fade-backdrop-leave-to[data-v-692280d2]{opacity:0}.user-row-container[data-v-692280d2]{position:relative;display:flex;align-items:center;width:100%;border-left:3px solid transparent;transition:background .2s,color .2s,border-color .2s;cursor:pointer;-webkit-user-select:none;user-select:none}.user-row-container[data-v-692280d2]:hover,.user-row-container.menu-active[data-v-692280d2]{background:#ffffff0f}.user-row-container.active[data-v-692280d2]{background:#6d30ff26;border-left-color:var(--accent-color);color:#fff}.user-row-container.active[data-v-692280d2]:hover,.user-row-container.active.menu-active[data-v-692280d2]{background:#6d30ff38}.user-row-container .user-item-content[data-v-692280d2]{flex:1;min-width:0;display:flex;align-items:center;gap:14px;padding:10px 8px 10px 18px;color:#ffffffbf;transition:color .2s ease}.user-row-container:hover .user-item-content .nav-icon svg[data-v-692280d2],.user-row-container.active .user-item-content .nav-icon svg[data-v-692280d2],.user-row-container.menu-active .user-item-content .nav-icon svg[data-v-692280d2]{opacity:1;stroke:#a177ff}.user-row-container:hover .user-item-content[data-v-692280d2],.user-row-container.active .user-item-content[data-v-692280d2],.user-row-container.menu-active .user-item-content[data-v-692280d2]{color:#fff}.left-sidebar.collapsed:not(.mobile-open) .user-row-container[data-v-692280d2]{border-left:none;justify-content:center}.left-sidebar.collapsed:not(.mobile-open) .user-row-container.active[data-v-692280d2]{border-left:none;background:#6d30ff40;border-radius:12px;margin:2px 6px;width:calc(100% - 12px)}.left-sidebar.collapsed:not(.mobile-open) .user-row-container .user-item-content[data-v-692280d2]{padding:10px 0;justify-content:center;gap:0}.user-options-btn[data-v-692280d2]{width:32px;height:32px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;display:flex;align-items:center;justify-content:center;margin-right:12px;cursor:pointer;flex-shrink:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.user-options-btn[data-v-692280d2]:hover,.user-options-btn.active[data-v-692280d2]{background:#fff3;color:#fff;border-color:#ffffff4d;transform:scale(1.06);box-shadow:0 4px 12px #00000059}.user-dropdown-menu[data-v-692280d2]{position:fixed;width:260px;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;background:#120e1cf2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:6px;box-shadow:0 16px 40px #000000a6,0 0 0 1px #ffffff0d;z-index:1060;display:flex;flex-direction:column;gap:3px}.user-dropdown-item[data-v-692280d2]{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;background:transparent;border:none;color:#ffffffd9;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease;width:100%;text-align:left}.user-dropdown-item[data-v-692280d2]:hover{background:#ffffff1a;color:#fff}.user-dropdown-item.danger[data-v-692280d2]{color:#f99}.user-dropdown-item.danger[data-v-692280d2]:hover{background:#ef44442e;color:#fcc}.user-dropdown-divider[data-v-692280d2]{height:1px;background:#ffffff14;margin:4px 6px}.menu-pop-enter-active[data-v-692280d2],.menu-pop-leave-active[data-v-692280d2]{transition:all .2s cubic-bezier(.16,1,.3,1)}.menu-pop-enter-from[data-v-692280d2],.menu-pop-leave-to[data-v-692280d2]{opacity:0;transform:translateY(8px) scale(.96)}@media(min-width:769px)and (not ((max-width:1024px)and (max-height:500px)and (orientation:landscape)and (pointer:coarse))){.sidebar-shell-left .sidebar-header[data-v-692280d2],.sidebar-shell-left .left-sidebar.collapsed:not(.mobile-open) .sidebar-header[data-v-692280d2]{padding-inline:15px 12px;justify-content:space-between}.sidebar-shell-left .left-sidebar.collapsed:not(.mobile-open) .logo-area[data-v-692280d2]{justify-content:flex-start;gap:10px}.sidebar-shell-left .nav-item[data-v-692280d2],.sidebar-shell-left .left-sidebar.collapsed:not(.mobile-open) .nav-item[data-v-692280d2]{padding:10px 16px;border-left:3px solid transparent;justify-content:flex-start;gap:14px;flex-shrink:0}.sidebar-shell-left .nav-item.active[data-v-692280d2],.sidebar-shell-left .nav-item.router-link-exact-active[data-v-692280d2]{border-left-color:var(--accent-color)}.sidebar-shell-left .left-sidebar.collapsed:not(.mobile-open) .nav-item.active[data-v-692280d2],.sidebar-shell-left .left-sidebar.collapsed:not(.mobile-open) .nav-item.router-link-exact-active[data-v-692280d2]{margin:0 6px;padding-inline:10px;border-left-color:transparent}.sidebar-shell-left .logo-text[data-v-692280d2],.sidebar-shell-left .nav-text[data-v-692280d2],.sidebar-shell-left .nav-section-title[data-v-692280d2]{transition:opacity .18s ease 70ms,transform .26s var(--sidebar-motion-easing)}.sidebar-shell-left .left-sidebar.collapsed:not(.mobile-open) .logo-text[data-v-692280d2],.sidebar-shell-left .left-sidebar.collapsed:not(.mobile-open) .nav-text[data-v-692280d2],.sidebar-shell-left .left-sidebar.collapsed:not(.mobile-open) .nav-section-title[data-v-692280d2]{display:block;opacity:0;transform:translate(-6px);pointer-events:none;transition:opacity .1s ease,transform .18s var(--sidebar-motion-easing)}.sidebar-shell-left .left-sidebar.collapsed:not(.mobile-open) .logo-text[data-v-692280d2]{width:auto;max-width:none}.sidebar-shell-left .user-avatar-container[data-v-692280d2]{flex-shrink:0}.sidebar-shell-left .user-row-container .user-item-content[data-v-692280d2],.sidebar-shell-left .left-sidebar.collapsed:not(.mobile-open) .user-row-container .user-item-content[data-v-692280d2]{padding:10px 8px 10px 15px;justify-content:flex-start;gap:14px}.sidebar-shell-left .left-sidebar.collapsed:not(.mobile-open) .user-row-container[data-v-692280d2]{border-left:3px solid transparent}.sidebar-shell-left .left-sidebar.collapsed:not(.mobile-open) .user-row-container.active .user-item-content[data-v-692280d2]{padding-left:9px}}.virtual-queue-list[data-v-2e91b1a6]{min-height:0;overflow-anchor:none}.modal-overlay[data-v-312e7ea9]{position:fixed;inset:0;background:#04020cc7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn-312e7ea9 .2s ease-out}.modal-card[data-v-312e7ea9]{width:100%;max-width:460px;max-height:85vh;background:#120d24f2!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:20px!important;padding:24px;box-shadow:0 20px 50px #000c;display:flex;flex-direction:column;gap:18px;overflow:hidden;animation:scaleUp-312e7ea9 .22s cubic-bezier(.16,1,.3,1)}.modal-header[data-v-312e7ea9]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.header-info[data-v-312e7ea9]{display:flex;flex-direction:column;gap:4px}.modal-title[data-v-312e7ea9]{margin:0;font-size:20px;font-weight:700;color:#fff}.track-subtitle[data-v-312e7ea9]{margin:0;font-size:13px;color:var(--accent-color, #6d30ff);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.close-btn[data-v-312e7ea9]{background:transparent;border:none;color:#fff9;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .18s ease}.close-btn[data-v-312e7ea9]:hover{color:#fff;background:#ffffff1a}.modal-body[data-v-312e7ea9]{display:flex;flex-direction:column;gap:14px;overflow:hidden}.create-playlist-btn[data-v-312e7ea9]{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#6d30ff26;border:1px dashed rgba(109,48,255,.5);border-radius:14px;color:#fff;cursor:pointer;transition:all .2s ease;text-align:left}.create-playlist-btn[data-v-312e7ea9]:hover{background:#6d30ff47;border-color:var(--accent-color, #6d30ff);transform:translateY(-1px)}.plus-icon-box[data-v-312e7ea9]{width:38px;height:38px;border-radius:10px;background:var(--accent-color, #6d30ff);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.btn-text[data-v-312e7ea9]{display:flex;flex-direction:column;gap:2px}.btn-title[data-v-312e7ea9]{font-size:14px;font-weight:600;color:#fff}.btn-desc[data-v-312e7ea9]{font-size:12px;color:#fff9}.create-new-box[data-v-312e7ea9]{display:flex;flex-direction:column;gap:8px;padding:12px;background:#ffffff0a;border-radius:14px;border:1px solid rgba(255,255,255,.1)}.input-label[data-v-312e7ea9]{font-size:12px;font-weight:600;color:#ffffffb3}.create-input-row[data-v-312e7ea9]{display:flex;gap:8px}.modal-input[data-v-312e7ea9]{flex:1;padding:10px 14px;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:14px;outline:none}.modal-input[data-v-312e7ea9]:focus{border-color:var(--accent-color, #6d30ff)}.save-new-btn[data-v-312e7ea9]{padding:10px 16px;background:var(--accent-color, #6d30ff);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer}.save-new-btn[data-v-312e7ea9]:disabled{opacity:.4;cursor:not-allowed}.cancel-new-link[data-v-312e7ea9]{align-self:flex-start;background:transparent;border:none;color:#ffffff80;font-size:12px;cursor:pointer;padding:0;margin-top:4px}.cancel-new-link[data-v-312e7ea9]:hover{color:#fff}.playlists-list-wrapper[data-v-312e7ea9]{display:flex;flex-direction:column;overflow:hidden;max-height:320px}.empty-playlists[data-v-312e7ea9]{padding:24px;text-align:center;color:#ffffff80;font-size:13px}.playlists-scroll-list[data-v-312e7ea9]{display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding-right:4px}.playlist-item-card[data-v-312e7ea9]{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px;cursor:pointer;transition:all .18s ease}.playlist-item-card[data-v-312e7ea9]:hover{background:#6d30ff33;border-color:#6d30ff66}.playlist-item-card.already-in[data-v-312e7ea9]{background:#ffffff05;opacity:.85}.pl-thumb[data-v-312e7ea9]{width:44px;height:44px;border-radius:8px;object-fit:cover;background:#0006}.pl-info[data-v-312e7ea9]{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.pl-title[data-v-312e7ea9]{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-count[data-v-312e7ea9]{font-size:12px;color:#ffffff80}.added-badge[data-v-312e7ea9]{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#4ade80;background:#4ade801f;padding:4px 8px;border-radius:6px}@keyframes fadeIn-312e7ea9{0%{opacity:0}to{opacity:1}}@keyframes scaleUp-312e7ea9{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.menu-option-playlist-wrapper[data-v-4b581a87]{position:relative;width:100%}.option-has-submenu[data-v-4b581a87]{justify-content:space-between!important}.option-label[data-v-4b581a87]{flex:1;text-align:left;white-space:nowrap}.submenu-arrow[data-v-4b581a87]{opacity:.6;transition:transform .18s ease}.option-has-submenu:hover .submenu-arrow[data-v-4b581a87],.option-has-submenu.active .submenu-arrow[data-v-4b581a87]{opacity:1;transform:translate(2px)}.playlist-flyout-submenu[data-v-4b581a87]{position:absolute;left:calc(100% + 8px);top:0;min-width:220px;max-width:260px;padding:6px;background:#120d24f5!important;backdrop-filter:blur(25px)!important;-webkit-backdrop-filter:blur(25px)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:16px!important;box-shadow:0 16px 40px #000c!important;z-index:100000!important;display:flex;flex-direction:column;gap:2px;transform-origin:top left}.playlist-flyout-submenu.flyout-left[data-v-4b581a87]{left:auto;right:calc(100% + 8px);transform-origin:top right}.submenu-item[data-v-4b581a87]{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:transparent;color:#ffffffe0;font-size:13px;font-weight:500;border-radius:10px;cursor:pointer;transition:all .18s ease;text-align:left;box-sizing:border-box}.submenu-item.create-action[data-v-4b581a87]{color:var(--accent-color, #6d30ff);font-weight:600;background:#6d30ff1f}.submenu-item.create-action[data-v-4b581a87]:hover{background:#6d30ff47;color:#fff}.submenu-divider[data-v-4b581a87]{height:1px;background:#ffffff14;margin:4px 0}.submenu-playlists-scroll[data-v-4b581a87]{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto}.submenu-item.playlist-action[data-v-4b581a87]{justify-content:space-between}.submenu-item.playlist-action[data-v-4b581a87]:hover{background:#ffffff1f;color:#fff}.pl-name[data-v-4b581a87]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.pl-count[data-v-4b581a87]{font-size:11px;color:#ffffff73;background:#ffffff14;padding:2px 6px;border-radius:6px}.pl-check[data-v-4b581a87]{font-size:12px;color:#4ade80;font-weight:700}.track-menu-wrapper[data-v-4b581a87]{position:relative;display:inline-flex;align-items:center;z-index:10}.track-menu-wrapper.is-open[data-v-4b581a87]{z-index:99999!important}.track-menu-trigger[data-v-4b581a87]{width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0}.track-menu-trigger[data-v-4b581a87]:hover,.track-menu-trigger.active[data-v-4b581a87]{background:#ffffff1f;color:#fff}.track-menu-trigger[data-v-4b581a87]:focus-visible,.menu-option[data-v-4b581a87]:focus-visible,.submenu-item[data-v-4b581a87]:focus-visible{outline:2px solid var(--text-primary, #ffffff);outline-offset:-2px}.track-dropdown-menu[data-v-4b581a87]{position:fixed!important;min-width:240px;padding:8px;background:#120d24f5!important;backdrop-filter:blur(25px)!important;-webkit-backdrop-filter:blur(25px)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:16px!important;box-shadow:0 16px 40px #000c!important;z-index:999999!important;display:flex;flex-direction:column;gap:2px;transform-origin:top right}.track-dropdown-menu.drop-up[data-v-4b581a87]{transform-origin:bottom right}.menu-divider[data-v-4b581a87]{height:1px;background:#ffffff14;margin:4px 0}.menu-option[data-v-4b581a87]{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;background:transparent;color:#ffffffd9;font-size:13px;font-weight:500;border-radius:10px;cursor:pointer;transition:all .18s ease;text-align:left;white-space:nowrap;box-sizing:border-box}.menu-option[data-v-4b581a87]:hover{background:#6d30ff38;color:#fff}.menu-option.danger[data-v-4b581a87]:hover{background:#ef444438;color:#ff8a8a}.menu-pop-enter-active[data-v-4b581a87]{transition:all .2s cubic-bezier(.16,1,.3,1)}.menu-pop-leave-active[data-v-4b581a87]{transition:all .12s ease-in}.menu-pop-enter-from[data-v-4b581a87]{opacity:0;transform:scale(.92) translateY(-6px)}.menu-pop-leave-to[data-v-4b581a87]{opacity:0;transform:scale(.95) translateY(-4px)}.right-sidebar[data-v-677758bc]{width:var(--sidebar-expanded-width, 280px);background:#ffffff08;border-left:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);overflow:hidden;flex-shrink:0;height:100%}.right-sidebar.collapsed[data-v-677758bc]{width:60px}.sidebar-header[data-v-677758bc]{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 14px;height:60px;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.header-title-group-right[data-v-677758bc]{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;min-width:0}.title-with-badge[data-v-677758bc]{display:flex;align-items:center;gap:8px}.queue-duration-badge[data-v-677758bc]{font-size:10px;color:#fff6;font-weight:400;white-space:nowrap}.queue-summary-footer[data-v-677758bc]{display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 10px;margin:10px 4px 4px;border-top:1px dashed rgba(255,255,255,.08);font-size:11px;color:#ffffff61;text-align:center}.queue-summary-footer strong[data-v-677758bc]{color:#fff9;font-weight:500}.header-title-group-right h3[data-v-677758bc]{margin:0;font-size:15px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-count-badge[data-v-677758bc]{background:#6d30ff40;border:1px solid rgba(109,48,255,.4);color:#a177ff;font-size:11px;font-weight:700;padding:1px 6px;border-radius:8px}.header-left-actions[data-v-677758bc]{display:flex;align-items:center;gap:6px}.clear-queue-btn[data-v-677758bc]{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff80;cursor:pointer;padding:5px 6px;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,border-color .2s;flex-shrink:0}.clear-queue-btn[data-v-677758bc]:hover{background:#ef444426;color:#ff5c5c;border-color:#ef44444d}.toggle-btn[data-v-677758bc]{width:36px;height:36px;background:transparent;border:0;border-radius:6px;color:#ffffffd9;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,border-color .2s;flex-shrink:0}.toggle-btn[data-v-677758bc]:hover{color:#fff}.toggle-btn[data-v-677758bc]:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.collapsed-header .logo-area:focus-visible .expand-icon[data-v-677758bc]{opacity:1;transform:scale(1)}.collapsed-header .logo-area:focus-visible .logo-emoji[data-v-677758bc]{opacity:0}.drawer-content[data-v-677758bc]{position:relative;flex:1;overflow-y:auto;padding:6px}.drawer-content[data-v-677758bc]::-webkit-scrollbar{width:4px}.drawer-content[data-v-677758bc]::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.drawer-content[data-v-677758bc]:hover::-webkit-scrollbar-thumb{background:#ffffff26}.empty-queue[data-v-677758bc]{text-align:center;color:#fff6;margin-top:40px;font-size:13px}.queue-item[data-v-677758bc]{height:50px;box-sizing:border-box;display:flex;align-items:center;gap:6px;padding:8px;border-radius:8px;cursor:pointer;transition:background .2s,border-color .2s,opacity .2s,box-shadow .2s;margin-bottom:4px;border:1px solid transparent;position:relative;-webkit-user-select:none;user-select:none}.queue-item[data-v-677758bc]:hover{background:#ffffff0d}.queue-item.active[data-v-677758bc]{background:#6d30ff38;border:1px solid rgba(109,48,255,.4)}.queue-item.dragging[data-v-677758bc]{opacity:.35}.queue-item.drop-above[data-v-677758bc]:before,.queue-item.drop-below[data-v-677758bc]:after{content:"";position:absolute;left:6px;right:6px;height:2px;background:linear-gradient(90deg,#6d30ff,#a177ff);border-radius:2px;box-shadow:0 0 8px #6d30ff99;pointer-events:none}.queue-item.drop-above[data-v-677758bc]:before{top:-2px}.queue-item.drop-below[data-v-677758bc]:after{bottom:-2px}.drag-handle[data-v-677758bc]{color:#ffffff59;font-size:14px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;line-height:1;transition:color .2s,transform .2s}.drag-handle[data-v-677758bc]:active{cursor:grabbing;color:var(--accent-color, #6d30ff);transform:scale(1.2)}.queue-item:hover .drag-handle[data-v-677758bc]{color:#fff9}.queue-item-index[data-v-677758bc]{font-size:11px;color:#fff6;width:12px;text-align:center;font-variant-numeric:tabular-nums;flex-shrink:0}.queue-item.active .queue-item-index[data-v-677758bc]{color:#a177ff;font-weight:700}.artwork-wrapper[data-v-677758bc]{position:relative;width:32px;height:32px;flex-shrink:0;border-radius:5px;overflow:hidden;background:#ffffff0d}.queue-item-artwork[data-v-677758bc]{width:100%;height:100%;object-fit:cover;display:block}.status-line[data-v-677758bc]{position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:0 0 5px 5px;animation:statusFadeIn-677758bc .25s ease}@keyframes statusFadeIn-677758bc{0%{opacity:0;transform:scaleX(.7)}to{opacity:1;transform:scaleX(1)}}.status-synced[data-v-677758bc]{background:#4ade80;box-shadow:0 -1px 4px #4ade8099}.status-plain[data-v-677758bc]{background:#facc15;box-shadow:0 -1px 4px #facc1599}.status-none[data-v-677758bc]{background:#ef4444;opacity:.6}.queue-item-info[data-v-677758bc]{display:flex;flex-direction:column;flex:1;min-width:0;text-align:left}.queue-item-title[data-v-677758bc]{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item-artist[data-v-677758bc]{font-size:10px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.queue-item-artist.clickable-artist[data-v-677758bc],.queue-item-artist[data-v-677758bc] .clickable-artist{cursor:pointer;transition:color .18s ease}.queue-item-artist.clickable-artist[data-v-677758bc]:hover,.queue-item-artist[data-v-677758bc] .clickable-artist:hover{color:#c4b5fd;text-decoration:underline}.song-duration[data-v-677758bc]{font-size:10px;font-family:monospace;color:#ffffff73;background:#ffffff0d;padding:1px 3px;border-radius:3px;border:1px solid rgba(255,255,255,.08);flex-shrink:0}.queue-item-delete[data-v-677758bc]{background:transparent;border:none;color:#ffffff59;font-size:11px;cursor:pointer;padding:2px 4px;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.queue-item-delete[data-v-677758bc]:hover{color:#ef4444;background:#ef444426}.sidebar-mobile-backdrop[data-v-677758bc]{display:none}@media(max-width:768px),(max-width:1024px)and (max-height:500px)and (orientation:landscape)and (pointer:coarse){.sidebar-mobile-backdrop[data-v-677758bc]{display:block;position:fixed;inset:0;background:#030308bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1040}.right-sidebar[data-v-677758bc]{position:fixed;top:0;right:0;bottom:0;height:100dvh;width:300px!important;z-index:1050;background:#0f0b1cf5;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);transform:translate(100%);box-shadow:-10px 0 35px #0009;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-right:env(safe-area-inset-right,0px);box-sizing:border-box}.drag-handle[data-v-677758bc]{opacity:.8!important;width:26px;height:26px;font-size:16px;color:#fff9}.right-sidebar.mobile-open[data-v-677758bc]{transform:translate(0)}}.fade-backdrop-enter-active[data-v-677758bc],.fade-backdrop-leave-active[data-v-677758bc]{transition:opacity .25s ease}.fade-backdrop-enter-from[data-v-677758bc],.fade-backdrop-leave-to[data-v-677758bc]{opacity:0}.collapsed-header[data-v-677758bc]{justify-content:center;padding:0}.collapsed-header .logo-area[data-v-677758bc]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.logo-emoji-wrap[data-v-677758bc]{position:relative;width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.logo-emoji[data-v-677758bc]{width:20px;height:20px;color:#fff9;transition:opacity .2s ease,transform .2s ease;display:block}.logo-emoji.hide-on-hover[data-v-677758bc]{opacity:0;transform:scale(.8)}.expand-icon[data-v-677758bc]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transform:scale(.7);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.expand-icon.visible[data-v-677758bc]{opacity:1;transform:scale(1)}.collapsed-content[data-v-677758bc]{position:relative;flex:1;overflow-y:auto;padding:12px 0;box-sizing:border-box}.collapsed-content[data-v-677758bc]::-webkit-scrollbar{width:3px}.collapsed-content[data-v-677758bc]::-webkit-scrollbar-thumb{background:transparent;border-radius:2px}.collapsed-content[data-v-677758bc]:hover::-webkit-scrollbar-thumb{background:#ffffff1a}.collapsed-queue-item[data-v-677758bc]{width:38px;height:38px;margin:0 auto 12px;position:relative;cursor:pointer;transition:transform .2s ease}.collapsed-queue-item[data-v-677758bc]:hover{transform:scale(1.1)}.collapsed-artwork-wrapper[data-v-677758bc]{position:relative;width:38px;height:38px;border-radius:8px;overflow:visible;box-shadow:0 4px 10px #0006;border:2px solid transparent;transition:border-color .2s ease,box-shadow .2s ease}.collapsed-queue-item.active .collapsed-artwork-wrapper[data-v-677758bc]{border-color:var(--accent-color, #6d30ff);box-shadow:0 0 10px #6d30ff99}.collapsed-item-artwork[data-v-677758bc]{width:100%;height:100%;object-fit:cover;border-radius:6px;display:block}.collapsed-status-dot[data-v-677758bc]{position:absolute;bottom:-2px;right:-2px;width:8px;height:8px;border-radius:50%;border:1.5px solid #0b0717;z-index:2;animation:dotFadeIn-677758bc .25s ease}@keyframes dotFadeIn-677758bc{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.collapsed-status-dot.status-synced[data-v-677758bc]{background-color:#4ade80}.collapsed-status-dot.status-plain[data-v-677758bc]{background-color:#facc15}.collapsed-status-dot.status-none[data-v-677758bc]{background-color:#ef4444}@media(min-width:769px)and (not ((max-width:1024px)and (max-height:500px)and (orientation:landscape)and (pointer:coarse))){.sidebar-header[data-v-677758bc]:not(.collapsed-header),.drawer-content[data-v-677758bc]{min-width:var(--sidebar-expanded-width, 280px);box-sizing:border-box}.sidebar-shell>aside .sidebar-swap-enter-active[data-v-677758bc]{transition:opacity .18s ease 60ms,transform .26s var(--sidebar-motion-easing)}.sidebar-shell>aside .sidebar-swap-leave-active[data-v-677758bc]{position:absolute;inset:0 0 auto;width:100%;pointer-events:none;transition:opacity .1s ease}.sidebar-shell>aside .sidebar-swap-leave-active.drawer-content[data-v-677758bc],.sidebar-shell>aside .sidebar-swap-leave-active.collapsed-content[data-v-677758bc]{inset:60px 0 0}.sidebar-shell>aside .sidebar-swap-enter-from[data-v-677758bc]{opacity:0;transform:translate(6px)}.sidebar-shell>aside .sidebar-swap-leave-to[data-v-677758bc]{opacity:0}}.top-header-panel[data-v-5fbb5c66]{display:grid;grid-template-columns:minmax(88px,1fr) minmax(0,520px) minmax(88px,1fr);align-items:center;justify-content:center;height:60px;padding:0 12px;background:#0b071766;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:none;box-shadow:none;flex-shrink:0;position:sticky;top:0;z-index:100;width:100%;box-sizing:border-box}.page-navigation[data-v-5fbb5c66]{display:flex;align-items:center;gap:4px}.page-navigation-button[data-v-5fbb5c66]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:6px;background:transparent;color:#ffffffd9;cursor:pointer;transition:color .15s ease}.page-navigation-button[data-v-5fbb5c66]:hover:not(:disabled){color:#fff}.page-navigation-button[data-v-5fbb5c66]:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.page-navigation-button[data-v-5fbb5c66]:disabled{color:#ffffff40;cursor:default}.top-search-bar-container[data-v-5fbb5c66]{position:relative;width:100%;max-width:520px}.search-input-pill[data-v-5fbb5c66]{display:flex;align-items:center;height:40px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:0 14px;gap:10px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;z-index:201}.search-input-pill[data-v-5fbb5c66]:hover{background:#ffffff17;border-color:#ffffff2e}.search-input-pill[data-v-5fbb5c66]:focus-within{background:#160e2cf5;border-color:var(--accent-color);box-shadow:0 0 18px #6d30ff59}.search-input-pill.is-open[data-v-5fbb5c66]{border-radius:12px 12px 0 0!important;background:#160e2cfa!important;border-color:var(--accent-color)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 -4px 20px #6d30ff33!important}.search-icon[data-v-5fbb5c66]{display:flex;align-items:center;justify-content:center;color:#ffffff73;flex-shrink:0}.search-input-pill:focus-within .search-icon[data-v-5fbb5c66]{color:var(--accent-color)}.top-search-input[data-v-5fbb5c66]{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:16px;font-weight:500;width:100%}.top-search-input[data-v-5fbb5c66]::placeholder{color:#ffffff61}.clear-search-btn[data-v-5fbb5c66]{background:transparent;border:none;color:#fff6;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:all .2s}.clear-search-btn[data-v-5fbb5c66]:hover{color:#fff;background:#ffffff26}.top-panel-right-section[data-v-5fbb5c66]{display:flex;align-items:center;gap:12px;position:absolute;right:24px}.active-page-badge[data-v-5fbb5c66]{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:500px;-webkit-user-select:none;user-select:none}.pulse-dot[data-v-5fbb5c66]{width:6px;height:6px;border-radius:50%;background:var(--accent-color);box-shadow:0 0 8px var(--accent-color);animation:pulseDot-5fbb5c66 2s infinite ease-in-out}@keyframes pulseDot-5fbb5c66{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.page-title-text[data-v-5fbb5c66]{font-size:12px;font-weight:600;color:#ffffffb3;letter-spacing:.3px}.search-spinner[data-v-5fbb5c66]{width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--accent-color);border-radius:50%;animation:spin-5fbb5c66 .8s linear infinite;display:block}@keyframes spin-5fbb5c66{to{transform:rotate(360deg)}}.fade-dropdown-enter-active[data-v-5fbb5c66],.fade-dropdown-leave-active[data-v-5fbb5c66]{transition:opacity .2s ease,transform .2s ease}.fade-dropdown-enter-from[data-v-5fbb5c66],.fade-dropdown-leave-to[data-v-5fbb5c66]{opacity:0;transform:translateY(-4px)}.suggestion-artist-item[data-v-5fbb5c66]{background:#6d30ff14!important;border-bottom:1px solid rgba(109,48,255,.2)!important}.suggestion-artist-item[data-v-5fbb5c66]:hover,.suggestion-artist-item.is-active[data-v-5fbb5c66],.suggestion-item.is-active[data-v-5fbb5c66]{background:#6d30ff38!important}.artist-icon-bubble[data-v-5fbb5c66]{width:38px;height:38px;border-radius:50%;background:#6d30ff40;border:1px solid rgba(109,48,255,.4);color:#c4b5fd;display:flex;align-items:center;justify-content:center;flex-shrink:0}.artist-jump-badge[data-v-5fbb5c66]{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;background:#6d30ff40;border:1px solid rgba(109,48,255,.4);color:#fff;font-size:11px;font-weight:600;margin-left:auto;flex-shrink:0;transition:all .2s}.suggestion-artist-item:hover .artist-jump-badge[data-v-5fbb5c66],.suggestion-artist-item.is-active .artist-jump-badge[data-v-5fbb5c66]{background:#6d30ff;border-color:#6d30ff}@media(max-width:768px),(max-width:1024px)and (max-height:500px)and (orientation:landscape)and (pointer:coarse){.top-header-panel[data-v-5fbb5c66]{display:flex;padding:0 12px;height:50px;margin-bottom:4px}.page-navigation[data-v-5fbb5c66]{display:none}.top-header-panel.mobile-hidden[data-v-5fbb5c66]{display:none!important}.top-search-bar-container[data-v-5fbb5c66]{width:100%}.top-panel-right-section[data-v-5fbb5c66]{display:none}}.mobile-header[data-v-ce18c181]{display:none}.menu-sync-indicator[data-v-ce18c181]{position:absolute;top:-5px;right:-5px}@media(max-width:768px),(max-width:1024px)and (max-height:500px)and (orientation:landscape)and (pointer:coarse){.mobile-header[data-v-ce18c181]{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;height:calc(56px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);padding-left:calc(16px + env(safe-area-inset-left,0px));padding-right:calc(16px + env(safe-area-inset-right,0px));background:#0b0717d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);z-index:990;box-shadow:0 4px 20px #0006;box-sizing:border-box}.mobile-logo-group[data-v-ce18c181]{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.mobile-logo-icon[data-v-ce18c181]{width:28px;height:28px;object-fit:contain}.mobile-logo-title[data-v-ce18c181]{font-size:18px;font-weight:700;color:#fff;letter-spacing:-.3px;background:linear-gradient(135deg,#fff,#dcd1ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile-header-btn[data-v-ce18c181]{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fffc;width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s ease}.mobile-header-btn[data-v-ce18c181]:active,.mobile-header-btn.active[data-v-ce18c181]{background:#6d30ff40;border-color:var(--accent-color);color:#fff}.queue-badge[data-v-ce18c181]{position:absolute;top:-4px;right:-4px;background:var(--accent-color);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 6px #6d30ff80;border:2px solid #0b0717}}@media(max-width:1024px)and (max-height:500px)and (orientation:landscape)and (pointer:coarse){.mobile-header[data-v-ce18c181]{position:relative;flex:none;height:calc(var(--landscape-bar-height, 44px) + env(safe-area-inset-top,0px))}}.mobile-bottom-nav[data-v-5a7a632c]{display:none}@media(max-width:768px),(max-width:1024px)and (max-height:500px)and (orientation:landscape)and (pointer:coarse){.mobile-bottom-nav[data-v-5a7a632c]{display:flex;align-items:center;justify-content:space-between;position:fixed;bottom:0;left:0;right:0;height:auto;min-height:60px;padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));padding-left:6px;padding-right:6px;background:#0b0717eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08);z-index:990;box-shadow:0 -4px 20px #00000080}.nav-tab[data-v-5a7a632c]{flex:1;width:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:auto;padding:2px 0;margin:0;font-family:inherit;line-height:1;color:#ffffff80;text-decoration:none;background:none;border:none;outline:none;cursor:pointer;transition:color .2s ease,transform .15s ease;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;box-sizing:border-box}.nav-tab[data-v-5a7a632c]:active{transform:scale(.92)}.nav-tab.active[data-v-5a7a632c]{color:#fff}.nav-tab.active .tab-icon svg[data-v-5a7a632c]{stroke:#a177ff;filter:drop-shadow(0 0 6px rgba(109,48,255,.6))}.tab-icon[data-v-5a7a632c]{display:flex;align-items:center;justify-content:center;position:relative}.tab-label[data-v-5a7a632c]{font-size:10px;font-weight:600;letter-spacing:-.1px}.icon-badge-wrap[data-v-5a7a632c]{position:relative}.mini-queue-badge[data-v-5a7a632c]{position:absolute;top:-4px;right:-8px;background:var(--accent-color);color:#fff;font-size:9px;font-weight:700;min-width:14px;height:14px;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:0 2px;line-height:1}}@media(max-width:1024px)and (max-height:500px)and (orientation:landscape)and (pointer:coarse){.mobile-bottom-nav[data-v-5a7a632c]{position:relative;flex:none;min-height:0;height:calc(var(--landscape-bar-height, 44px) + env(safe-area-inset-bottom,0px));padding-block:0 env(safe-area-inset-bottom,0px);padding-inline:max(6px,env(safe-area-inset-left,0px)) max(6px,env(safe-area-inset-right,0px))}.nav-tab[data-v-5a7a632c]{height:100%}}.sidebar-desktop-backdrop,.sidebar-resize-handle{display:none}body.sidebar-resizing,body.sidebar-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.sidebar-resize-shield{position:fixed;inset:0;z-index:20000;cursor:col-resize;touch-action:none}@media(min-width:769px)and (not ((max-width:1024px)and (max-height:500px)and (orientation:landscape)and (pointer:coarse))){.sidebar-shell{--sidebar-motion-duration: .32s;--sidebar-motion-easing: cubic-bezier(.22, 1, .36, 1);position:relative;width:var(--sidebar-rail-width);height:100%;flex-shrink:0;transition:width var(--sidebar-motion-duration) var(--sidebar-motion-easing)}.sidebar-shell:has(>aside.collapsed){--sidebar-motion-duration: .24s}.sidebar-shell>aside:is(.left-sidebar,.right-sidebar){position:relative;transition:width var(--sidebar-motion-duration) var(--sidebar-motion-easing),transform var(--sidebar-motion-duration) var(--sidebar-motion-easing)}body.sidebar-resizing .sidebar-shell,body.sidebar-resizing .sidebar-shell>aside:is(.left-sidebar,.right-sidebar){transition:none!important}.sidebar-resize-handle{display:block;position:absolute;top:0;bottom:0;width:8px;z-index:20001;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;outline:none}.sidebar-resize-handle-left{right:0}.sidebar-resize-handle-right{left:0}.sidebar-resize-handle:after{content:"";position:absolute;inset-block:0;width:1px;background:#aa9dbe66;opacity:0}.sidebar-resize-handle-left:after{right:0}.sidebar-resize-handle-right:after{left:0}.sidebar-resize-handle:hover:after,.sidebar-resize-handle:focus-visible:after{opacity:1}.sidebar-resize-handle.is-dragging:after{width:2px;background:#ffffff80;opacity:1}body.fullscreen-active .sidebar-shell,body.fullscreen-active .sidebar-desktop-backdrop{display:none}.sidebar-shell.desktop-drawer-mode{z-index:1041}.sidebar-shell:not(.desktop-overlay-open){overflow:hidden}.sidebar-shell.sidebar-automatic,.sidebar-shell.sidebar-automatic>aside{transition:none}.sidebar-shell.desktop-overlay-open>aside{position:fixed;top:0;bottom:0;height:100dvh;z-index:1050;background:#0f0b1cfa;box-shadow:0 0 35px #0009}.sidebar-shell-left.desktop-overlay-open>aside{left:0}.sidebar-shell-right.desktop-overlay-open>aside{right:0}.sidebar-desktop-backdrop{display:block;position:fixed;inset:0;padding:0;border:0;background:#0303088c;z-index:1040;cursor:default}}@media(min-width:769px)and (not ((max-width:1024px)and (max-height:500px)and (orientation:landscape)and (pointer:coarse)))and (prefers-reduced-motion:reduce){.sidebar-shell,.sidebar-shell>aside,.sidebar-shell .logo-text,.sidebar-shell .nav-text,.sidebar-shell .nav-section-title,.sidebar-shell .sidebar-swap-enter-active,.sidebar-shell .sidebar-swap-leave-active{transition:none!important}}.app-shell[data-v-0dd8fa76]{display:flex;flex-direction:row;height:100dvh;width:100vw;overflow:hidden;position:relative}.center-layout-wrapper[data-v-0dd8fa76]{flex:1;display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden;position:relative}.main-content[data-v-0dd8fa76]{flex:1;overflow-y:auto;overflow-x:hidden;min-width:0;height:100%;position:relative;padding-top:20px;padding-bottom:30px;box-sizing:border-box}.main-content.has-player[data-v-0dd8fa76]{padding-bottom:140px}.player-overlay[data-v-0dd8fa76]{display:contents}.youtube-video-slot[data-v-0dd8fa76]{display:flex;justify-content:center;align-items:center;padding:5px 20px 140px;width:100%}@media(min-width:769px)and (not ((max-width:1024px)and (max-height:500px)and (orientation:landscape)and (pointer:coarse))){.main-content.has-player[data-v-0dd8fa76]{padding-bottom:calc(var(--player-overlay-height, 140px) + 30px);scroll-padding-bottom:calc(var(--player-overlay-height, 140px) + 30px)}.player-overlay[data-v-0dd8fa76]{display:block;position:absolute;inset:auto 0 0;z-index:1020;pointer-events:none}}@media(max-width:768px),(max-width:1024px)and (max-height:500px)and (orientation:landscape)and (pointer:coarse){.app-shell[data-v-0dd8fa76]{flex-direction:column}.center-layout-wrapper[data-v-0dd8fa76]{margin-top:calc(56px + env(safe-area-inset-top,0px));height:calc(100dvh - 56px - env(safe-area-inset-top,0px))}.main-content[data-v-0dd8fa76]{padding-top:10px;padding-bottom:calc(85px + env(safe-area-inset-bottom,0px))}.main-content.has-player[data-v-0dd8fa76]{padding-bottom:calc(180px + env(safe-area-inset-bottom,0px))}.youtube-video-slot[data-v-0dd8fa76]{padding:10px 10px 100px}}@media(max-width:1024px)and (max-height:500px)and (orientation:landscape)and (pointer:coarse){.app-shell[data-v-0dd8fa76]{--landscape-bar-height: 44px}.center-layout-wrapper[data-v-0dd8fa76]{height:auto;min-height:0;margin-top:0;padding-inline:env(safe-area-inset-left,0px) env(safe-area-inset-right,0px)}.main-content[data-v-0dd8fa76],.main-content.has-player[data-v-0dd8fa76]{height:auto;min-height:0;padding-block:4px 8px}.player-overlay[data-v-0dd8fa76]{display:block;flex:none}.youtube-video-slot[data-v-0dd8fa76]{padding:8px}}.fade-enter-active[data-v-0dd8fa76],.fade-leave-active[data-v-0dd8fa76]{transition:opacity .25s ease}.fade-enter-from[data-v-0dd8fa76],.fade-leave-to[data-v-0dd8fa76]{opacity:0}.route-load-error[data-v-0e326487]{max-width:560px;margin:40px auto;padding:28px;text-align:center}.route-load-error h1[data-v-0e326487]{font-size:22px;margin:0 0 14px}.route-load-error p[data-v-0e326487]{color:var(--text-secondary);line-height:1.6}.route-load-actions[data-v-0e326487]{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px}.route-load-actions button[data-v-0e326487]{border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:10px 16px;background:#ffffff14;color:inherit;cursor:pointer;font:inherit}.route-load-actions .retry-button[data-v-0e326487]{background:var(--accent-color, #6d30ff);border-color:transparent}*,*:before,*:after{box-sizing:border-box}html{background-color:#0b0717}:root{--glass-bg: rgba(255, 255, 255, .14);--glass-border: rgba(255, 255, 255, .25);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .75);--accent-color: #6d30ff}body{margin:0;padding:0;min-height:100vh;font-family:Play,sans-serif;background:radial-gradient(circle at top center,rgba(var(--accent-color-rgb, 109, 48, 255),.22),#0b0717 65%,#030308);background-attachment:fixed;color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:10px}*:hover::-webkit-scrollbar-thumb{background:#ffffff26}::-webkit-scrollbar-thumb:hover{background:#ffffff4d!important}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #1f26875e;background-clip:padding-box}button,input,textarea,select{font-family:Play,sans-serif}input,textarea,select{font-size:16px}.sync-setup{width:90%;max-width:650px;padding:40px;margin-top:35px;margin-bottom:50px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:30px;position:relative;overflow:visible;background-clip:padding-box}@media(max-width:768px){.sync-setup{padding:25px 20px;margin-top:25px;border-radius:24px;margin-bottom:30px}.sync-setup h2{font-size:24px}.input-group{flex-direction:column;gap:15px}.type-selector{flex-direction:column;gap:10px}.type-selector label{justify-content:center}}.wizard-header{border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:20px;margin-bottom:25px;width:100%}.sync-setup h2{font-size:28px;font-weight:700;margin:0 0 8px;text-align:center;background:linear-gradient(135deg,#fff,#dcd1ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-wrap:balance}.sync-setup .subtitle{color:#ffffff8c;font-size:14px;text-align:center;margin:0;text-wrap:pretty}.form-grid{display:flex;flex-direction:column;gap:25px}.input-group{display:flex;gap:10px;margin-bottom:15px;width:100%}.form-control{width:100%;padding:12px 20px;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;font-size:16px;outline:none;transition:all .3s ease}.form-control:focus{background:#00000059;border-color:var(--accent-color);box-shadow:0 0 15px #6d30ff4d}.form-control::placeholder{color:#ffffff80}.type-selector{display:flex;justify-content:center;gap:10px;margin-bottom:25px;width:100%}.type-selector label{flex:1;justify-content:center;background:#00000040;padding:10px 20px;border-radius:12px;cursor:pointer;border:1px solid rgba(255,255,255,.08);transition:all .3s ease;font-weight:600;color:#fff9;display:flex;align-items:center;gap:12px}.type-selector label:has(input:checked){background:#6d30ff33;border-color:var(--accent-color);color:#fff}.drop-zone{width:100%;height:110px;background:#00000040;border:1px dashed rgba(255,255,255,.15);border-radius:16px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;margin-bottom:25px}.drop-zone:hover,.drop-zone.is-dragover{background:#6d30ff14;border-color:var(--accent-color);box-shadow:inset 0 0 20px #6d30ff1a}.hidden-input{display:none}.drop-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;cursor:pointer}.upload-icon{width:42px;height:42px;background:#ffffff0d;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .3s ease}.drop-zone:hover .upload-icon,.drop-zone.is-dragover .upload-icon{background:var(--accent-color);color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #6d30ff4d}.drop-text{display:flex;flex-direction:column;align-items:center;gap:2px}.drop-text span{font-size:14px;font-weight:600;color:var(--text-primary)}.drop-text .sub-text{font-size:12px;font-weight:400;color:var(--text-secondary)}.file-name{color:#4ade80;font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px}.success-icon{background:#4ade80;color:#000;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:12px}.yt-fields{width:100%;margin-bottom:25px;display:flex;flex-direction:column;gap:10px}.yt-fields-header{display:flex;justify-content:space-between;align-items:center}.yt-fields-header .small-note{font-weight:600;font-size:14px;color:#ffffffd9;margin-bottom:0}.badge-optional{font-size:12px;background:#ffffff14;color:#ffffff80;padding:3px 8px;border-radius:6px;font-weight:500;border:1px solid rgba(255,255,255,.1)}.yt-fields-description{font-size:14px;color:#fff9;line-height:1.5;margin:0 0 5px;text-align:left}.helper-text{font-size:16px;color:#fff9;margin-bottom:8px;font-weight:500;text-align:left}.start-btn{margin-top:10px;background:linear-gradient(135deg,#6d30ff,#a177ff);color:#fff;border:none;padding:15px 45px;border-radius:15px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px #6d30ff4d;width:100%}.start-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 25px #6d30ff66}.start-btn:active:not(:disabled){transform:translateY(1px) scale(.97);box-shadow:0 5px 12px #6d30ff33}.start-btn:disabled{opacity:.5;cursor:not-allowed}.audio-input-section{display:flex;flex-direction:column}.quick-search-wrapper{margin-bottom:20px;position:relative;text-align:left}.search-input-container{position:relative;width:100%}.search-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px 18px;border-radius:12px;width:100%;font-size:16px;transition:all .3s ease}.search-input:focus{background:#ffffff14;border-color:var(--accent-color);box-shadow:0 0 15px #6d30ff40;outline:none}.form-control.is-open,.search-input.is-open,.search-input-pill.is-open{border-radius:12px 12px 0 0!important;background:#160e2cfa!important;border-color:var(--accent-color)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 -4px 20px #6d30ff33!important}.suggestions-dropdown{position:absolute;top:100%;left:0;width:100%;max-height:min(380px,var(--search-results-height, 380px));overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;z-index:200;background:#160e2cfa;border:1px solid var(--accent-color);border-top:none;border-radius:0 0 12px 12px;box-shadow:0 16px 36px #000000a6,0 10px 25px #6d30ff40;padding:6px 0;margin-top:0;background-clip:padding-box}.suggestions-dropdown::-webkit-scrollbar{width:6px}.suggestions-dropdown[data-opens-above]{top:auto;bottom:100%;border-top:1px solid var(--accent-color);border-bottom:none;border-radius:12px 12px 0 0}:is(.search-input-container,.top-search-bar-container):has(>.suggestions-dropdown[data-opens-above])>:is(.form-control,.search-input-pill).is-open{border-radius:0 0 12px 12px!important;border-top-color:#ffffff14!important;border-bottom-color:var(--accent-color)!important;box-shadow:0 4px 20px #6d30ff33!important}.suggestions-dropdown[data-outside-viewport]{visibility:hidden}.suggestions-dropdown::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.03);animation:fadeInUp .25s cubic-bezier(.16,1,.3,1) both}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.is-active{background:#6d30ff2e}.suggestion-artwork{width:44px;height:44px;border-radius:8px;object-fit:cover;background:#ffffff0d;box-shadow:0 4px 8px #0003,inset 0 0 0 1px #ffffff26}.suggestion-info{display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;text-align:left;flex:1}.suggestion-duration{font-size:12px;font-family:monospace;color:#ffffff73;background:#ffffff0d;padding:2px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.08);flex-shrink:0}.suggestion-title{color:#fff;font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.suggestion-artist{color:#ffffff8c;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:2px}mark.search-highlight{background:#6d30ff73;color:#fff;padding:0 3px;border-radius:3px;font-weight:700;text-decoration:none}.skeleton-suggestion{pointer-events:none}.skeleton-suggestion-artwork{width:44px;height:44px;border-radius:8px;background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 37%,#ffffff08 63%);background-size:400% 100%;animation:skeleton-glow 1.4s ease infinite}.skeleton-suggestion-title{width:140px;height:14px;border-radius:4px;background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 37%,#ffffff08 63%);background-size:400% 100%;animation:skeleton-glow 1.4s ease infinite}.skeleton-suggestion-artist{width:80px;height:11px;border-radius:4px;margin-top:6px;background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 37%,#ffffff08 63%);background-size:400% 100%;animation:skeleton-glow 1.4s ease infinite}.skeleton-suggestion-duration{width:32px;height:16px;border-radius:6px;background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 37%,#ffffff08 63%);background-size:400% 100%;animation:skeleton-glow 1.4s ease infinite}.youtube-badge{background:#ef44442e;border:1px solid rgba(239,68,68,.35);color:#ff8a8a;font-size:9px;padding:1px 5px;border-radius:4px;margin-left:6px;font-weight:700;display:inline-block;vertical-align:middle}.itunes-badge{background:#38bdf82e;border:1px solid rgba(56,189,248,.35);color:#38bdf8;font-size:9px;padding:1px 5px;border-radius:4px;margin-left:6px;font-weight:700;display:inline-block;vertical-align:middle}.fade-enter-active{transition:opacity .25s ease-out}.fade-leave-active{transition:opacity .12s ease-in}.fade-enter-from,.fade-leave-to{opacity:0}body.fullscreen-active .logo-row,body.fullscreen-active .left-sidebar,body.fullscreen-active .right-sidebar,body.fullscreen-active .mobile-header,body.fullscreen-active .mobile-bottom-nav,body.fullscreen-active .sidebar-mobile-backdrop{display:none!important;visibility:hidden!important;pointer-events:none!important}body.fullscreen-active{overflow:hidden!important}body.fullscreen-active .main-content{padding-top:0!important;padding-bottom:0!important}body.fullscreen-active .player{opacity:0!important;pointer-events:none!important;transition:opacity .3s ease!important}body.fullscreen-active.fs-controls-visible .player{opacity:1!important;pointer-events:auto!important}body.fs-bg-video-active #youtube-video-slot{display:block!important;position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;padding:0!important;margin:0!important;z-index:999!important;pointer-events:none!important}body.fs-bg-video-active .youtube-wrapper:not(.yt-hidden){position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;max-width:none!important;aspect-ratio:auto!important;border-radius:0!important;margin-bottom:0!important;border:none!important;box-shadow:none!important;z-index:999!important;pointer-events:none!important;display:block!important;opacity:1!important}body.fs-bg-video-active .youtube-wrapper.yt-hidden{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}body.fs-bg-video-active .youtube-wrapper:not(.yt-hidden) iframe{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;border:none!important;pointer-events:none!important}body.fs-bg-video-active .youtube-wrapper:not(.yt-hidden):after{content:""!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#030308!important;opacity:calc(1 - var(--fs-video-brightness, .7))!important;z-index:1!important;pointer-events:none!important;transition:opacity .2s ease!important}body.fs-bg-video-active .results.full-screen{background:transparent!important;box-shadow:none!important;z-index:1000!important}body.fs-bg-video-active .no-lyrics-view.full-screen{background:#0b0717cc!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;box-shadow:0 10px 40px #000c!important;z-index:1000!important}.song-duration{font-size:11px;font-family:monospace;color:#ffffff73;background:#ffffff0d;padding:2px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.08);flex-shrink:0;margin-left:8px;margin-right:8px}:has(>.is-open),:has(>*>.is-open),.recent-item:has(.is-open),.showcase-card:has(.is-open),.favorite-row:has(.is-open),.report-item:has(.is-open),.queue-item:has(.is-open),.recent-section:has(.is-open){z-index:99999!important}.skeleton-list{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:24px}.skeleton-row{display:flex;align-items:center;padding:10px 16px;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.04)}.skeleton-cell{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 37%,#ffffff08 63%);background-size:400% 100%;animation:skeleton-glow 1.4s ease infinite;border-radius:4px}.skeleton-num{width:20px;height:14px;margin-right:16px;opacity:.5}.skeleton-artwork{width:40px;height:40px;border-radius:8px;margin-right:16px}.skeleton-details{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-line{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 37%,#ffffff08 63%);background-size:400% 100%;animation:skeleton-glow 1.4s ease infinite;border-radius:4px}.skeleton-title{width:45%;height:14px}.skeleton-artist{width:25%;height:11px;opacity:.6}.skeleton-badge{width:50px;height:18px;border-radius:12px;margin-right:24px}.skeleton-duration{width:32px;height:14px}@keyframes skeleton-glow{0%{background-position:100% 50%}to{background-position:0% 50%}}.clickable-artist{cursor:pointer;transition:color .18s ease,opacity .18s ease}.clickable-artist:hover{color:#c4b5fd!important;text-decoration:underline}.artist-separator{cursor:default;-webkit-user-select:text;user-select:text;opacity:.8}