.sidebar[data-v-24e96b17]{background-color:var(--purple-sidebar);width:var(--sidebar-width);height:calc(100vh - var(--layout-playing-bar-height));position:fixed;left:0;top:0;padding:20px 0 0;display:flex;flex-direction:column;overflow:hidden;z-index:100;transition:width .3s cubic-bezier(.22,1,.36,1)}.top[data-v-24e96b17]{display:flex;align-items:center;padding:0 20px;margin-bottom:10px;gap:8px}.brand-link[data-v-24e96b17]{color:var(--purple-logo);text-decoration:none}.logo-container[data-v-24e96b17]{display:flex;align-items:center}.collapse-toggle[data-v-24e96b17]{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;margin-left:auto;padding:0;border:0;border-radius:9px;background:var(--purple-ul-hover);color:var(--purple-li);cursor:pointer;font-size:20px}.collapse-toggle[data-v-24e96b17]:hover{color:var(--color-brand-primary)}.logo[data-v-24e96b17]{width:40px;height:40px;overflow:hidden;margin-right:5px}.logo-image[data-v-24e96b17]{width:40px;height:100%;-o-object-fit:cover;object-fit:cover}.title[data-v-24e96b17]{font-size:1.2rem;font-weight:400}.nav-menu[data-v-24e96b17]{flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none;position:relative}.nav-menu[data-v-24e96b17]::-webkit-scrollbar{display:none}.highlight-pill[data-v-24e96b17]{position:absolute;left:10px;right:10px;border-radius:10px;background-color:var(--purple-ul-hover);transition:all .3s cubic-bezier(.25,1,.5,1);pointer-events:none;z-index:0}.highlight-pill.is-active[data-v-24e96b17]{background-color:var(--color-brand-primary)}.menu-list[data-v-24e96b17]{list-style-type:none;padding:0 10px;margin:0}.menu-item[data-v-24e96b17]{position:relative;display:flex;align-items:center;padding:15px 20px;text-decoration:none;color:var(--purple-li);font-weight:400;border-radius:10px;transition:color .3s ease;cursor:pointer;z-index:1}.menu-item.active[data-v-24e96b17]{color:#fff;background:var(--color-brand-primary)}.menu-item[data-v-24e96b17]:not(.active):hover{color:var(--color-brand-primary)}.menu-item i[data-v-24e96b17]{margin-right:10px;font-size:20px}.settings[data-v-24e96b17]{margin-top:auto;padding:10px;position:relative}.sidebar.collapsed[data-v-24e96b17]{width:76px}.sidebar.collapsed .top[data-v-24e96b17]{flex-direction:column;justify-content:center;padding:0 10px;margin-bottom:14px}.sidebar.collapsed .logo[data-v-24e96b17]{margin-right:0}.sidebar.collapsed .collapse-toggle[data-v-24e96b17],.sidebar.collapsed .menu-item span[data-v-24e96b17],.sidebar.collapsed .title[data-v-24e96b17]{display:none}.collapsed-expand[data-v-24e96b17]{width:calc(100% - 20px);min-height:50px;flex:0 0 auto;justify-content:center;margin:0 10px 4px;padding:0;border:0;background:transparent}.collapsed-expand[data-v-24e96b17]:hover{background:var(--purple-ul-hover);color:var(--color-brand-primary)}.sidebar.collapsed .menu-list[data-v-24e96b17],.sidebar.collapsed .settings[data-v-24e96b17]{padding-inline:10px}.sidebar.collapsed .menu-item[data-v-24e96b17]{justify-content:center;padding-inline:0}.sidebar.collapsed .menu-item i[data-v-24e96b17]{margin-right:0}.mobile-playing-bar[data-v-aacd98db]{position:fixed;right:10px;bottom:calc(env(safe-area-inset-bottom) + 12px);left:10px;z-index:1300;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;-moz-column-gap:10px;column-gap:10px;overflow:hidden;padding:8px 10px 10px;border-radius:14px;background:#14121a;color:#fff;cursor:pointer;box-shadow:0 12px 30px #0000006b;touch-action:pan-y;transition:transform .24s ease,opacity .24s ease}.mobile-playing-bar.dragging[data-v-aacd98db]{transition:none}.mobile-playing-bar.above-nav[data-v-aacd98db]{bottom:calc(var(--mobile-bottom-nav-height, 72px) + env(safe-area-inset-bottom) + 10px)}.bar-backdrop[data-v-aacd98db]{position:absolute;inset:0;z-index:0;overflow:hidden}.bar-backdrop img[data-v-aacd98db]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:blur(26px) saturate(1.4);transform:scale(1.6);opacity:.6}.bar-backdrop[data-v-aacd98db]:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a080ed1,#0a080e9e 60%,#0a080ec7)}.bar-cover[data-v-aacd98db]{width:44px;height:44px;border-radius:8px;-o-object-fit:cover;object-fit:cover;background:#ffffff14}.bar-cover[data-v-aacd98db],.bar-info[data-v-aacd98db]{position:relative;z-index:1}.bar-info[data-v-aacd98db]{display:grid;min-width:0;gap:2px}.bar-title[data-v-aacd98db]{color:#fff;font-size:13.5px;font-weight:600}.bar-subtitle[data-v-aacd98db],.bar-title[data-v-aacd98db]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-subtitle[data-v-aacd98db]{color:#ffffffb8;font-size:11.5px}.bar-play[data-v-aacd98db]{position:relative;z-index:1;display:grid;width:40px;height:40px;place-items:center;justify-self:end;border:0;border-radius:50%;background:#fff;color:#14121a;cursor:pointer;font-size:21px}.bar-play[data-v-aacd98db]:active{transform:scale(.93)}.bar-progress[data-v-aacd98db]{position:absolute;right:10px;bottom:4px;left:10px;z-index:1;height:3px;overflow:hidden;border-radius:999px;background:#ffffff38}.bar-progress-fill[data-v-aacd98db]{height:100%;border-radius:999px;background:var(--color-brand-primary,#8a2be2);transition:width .4s linear}.mini-bar-enter-active[data-v-aacd98db],.mini-bar-leave-active[data-v-aacd98db]{transition:transform .28s ease,opacity .22s ease}.mini-bar-enter-from[data-v-aacd98db],.mini-bar-leave-to[data-v-aacd98db]{opacity:0;transform:translateY(16px)}.playing-bar[data-v-9d209cfb]{position:fixed;bottom:0;left:0;width:100%;box-sizing:border-box;height:90px;background:var(--color-background-app);border-top:1px solid var(--color-border-card);padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;z-index:1000;overflow:hidden}.icon-btn[data-v-9d209cfb],.transport-btn[data-v-9d209cfb]{background:transparent;border:none;cursor:pointer;color:var(--color-brand-primary);width:34px;height:34px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .16s ease,color .16s ease,transform .16s ease}.icon-btn[data-v-9d209cfb]{color:var(--color-text-muted);font-size:1.1rem}.transport-btn[data-v-9d209cfb]{font-size:1.42rem}.time-jump-btn[data-v-9d209cfb]{font-size:1.6rem}.icon-btn[data-v-9d209cfb]:hover:not(:disabled),.transport-btn[data-v-9d209cfb]:hover:not(:disabled){color:var(--color-brand-primary-hover);background:var(--color-brand-primary-soft)}.transport-btn[data-v-9d209cfb]:hover:not(:disabled){transform:translateY(-1px)}.icon-btn[data-v-9d209cfb]:disabled,.transport-btn[data-v-9d209cfb]:disabled{opacity:.3;cursor:default}.track-info[data-v-9d209cfb]{display:flex;align-items:center;flex:0 0 26%;min-width:0;overflow:hidden;gap:.75rem}.tablet-playing-bar .track-info[data-v-9d209cfb]{flex:0 1 auto;max-width:30%}.tablet-playing-bar .track-details[data-v-9d209cfb]{flex:0 1 auto;max-width:210px}.tablet-playing-bar .like-btn[data-v-9d209cfb]{flex:0 0 34px}.track-link[data-v-9d209cfb]{cursor:pointer}.track-link:hover .track-title[data-v-9d209cfb]{color:var(--color-brand-primary-hover);text-decoration:underline}.album-art[data-v-9d209cfb]{width:45px;height:63px;border-radius:4px;overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-control-subtle);transition:opacity .15s}.album-art.track-link[data-v-9d209cfb]:hover{opacity:.85}.album-art img[data-v-9d209cfb]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.track-details[data-v-9d209cfb]{overflow:hidden;flex:1}.track-title[data-v-9d209cfb]{font-size:.875rem;font-weight:400;color:var(--color-text-primary);margin:0 0 2px}.artist-name[data-v-9d209cfb],.track-title[data-v-9d209cfb]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-name[data-v-9d209cfb]{font-size:.75rem;color:var(--color-text-muted);margin:0}.idle-info[data-v-9d209cfb]{display:flex;align-items:center;gap:.5rem;color:var(--color-text-subtle);font-size:.875rem}.idle-info i[data-v-9d209cfb]{font-size:1.25rem}.like-btn[data-v-9d209cfb]:hover:not(:disabled){color:var(--color-status-danger)!important}.player-controls[data-v-9d209cfb]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 auto;min-width:0;max-width:680px;gap:.35rem}.time-display[data-v-9d209cfb]{display:grid;grid-template-columns:max-content minmax(180px,1fr) max-content;align-items:center;-moz-column-gap:.45rem;column-gap:.45rem;width:min(640px,100%);color:var(--color-text-secondary);font-size:.78rem}.time-display span[data-v-9d209cfb]{white-space:nowrap;line-height:1}.time-display span[data-v-9d209cfb]:first-child{text-align:right}.time-display span[data-v-9d209cfb]:last-child{text-align:left}.time-progress-track[data-v-9d209cfb]{height:4px;border-radius:999px;background:var(--color-border-strong);overflow:hidden}.time-progress-track.has-chapters[data-v-9d209cfb]{display:flex;align-items:center;height:14px;border-radius:3px;gap:3px;overflow:visible;background:transparent}.time-progress-fill[data-v-9d209cfb]{height:100%;min-width:2px;border-radius:inherit;background:var(--color-brand-primary);transition:width .3s ease}.chapter-segment[data-v-9d209cfb]{flex:0 1 auto;height:4px;border-radius:3px;background:var(--color-border-strong);overflow:hidden;position:relative;transition:height .15s ease;min-width:8px;cursor:pointer}.chapter-segment.active[data-v-9d209cfb],.chapter-segment[data-v-9d209cfb]:hover{height:7px}.chapter-segment-fill[data-v-9d209cfb]{position:absolute;inset:0;width:0;background:var(--color-brand-primary);border-radius:inherit;transition:width .3s ease}.chapter-overflow[data-v-9d209cfb]{flex:0 0 auto;min-width:28px;height:14px;padding:0 6px;border:1px solid var(--color-border-strong);border-radius:999px;background:var(--color-surface-card);color:var(--color-text-muted);font-size:.6rem;font-weight:600;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.chapter-overflow.past[data-v-9d209cfb]{background:var(--color-brand-primary-soft);border-color:var(--color-brand-primary-soft);color:var(--color-brand-primary)}.chapter-overflow[data-v-9d209cfb]:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.chapter-tooltip[data-v-9d209cfb]{transform:translate(-50%,-100%);max-width:280px;padding:.35rem .6rem;background:var(--color-text-primary);color:var(--color-surface-primary);font-size:.72rem;font-weight:500;line-height:1.3;border-radius:6px;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.chapter-menu[data-v-9d209cfb],.chapter-tooltip[data-v-9d209cfb]{position:fixed;z-index:1200;box-shadow:var(--shadow-modal);overflow:hidden}.chapter-menu[data-v-9d209cfb]{bottom:calc(var(--layout-playing-bar-height, 90px) + 10px);width:280px;background:var(--color-surface-primary);border:1px solid var(--color-border-card);border-radius:12px}.chapter-menu-head[data-v-9d209cfb]{display:flex;align-items:center;justify-content:space-between;padding:.65rem .9rem .5rem;font-size:.78rem;font-weight:600;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-subtle)}.chapter-menu-count[data-v-9d209cfb]{font-size:.7rem;font-weight:500;color:var(--color-text-muted);background:var(--color-surface-tertiary);border-radius:999px;padding:.1rem .5rem}.chapter-menu-list[data-v-9d209cfb]{max-height:280px;overflow-y:auto;padding:.3rem}.chapter-menu-item[data-v-9d209cfb]{display:grid;grid-template-columns:26px minmax(0,1fr) max-content;align-items:center;gap:.5rem;width:100%;padding:.45rem .55rem;border:none;border-radius:8px;background:transparent;color:var(--color-text-secondary);font-size:.8rem;text-align:left;cursor:pointer;transition:background .12s ease,color .12s ease}.chapter-menu-item[data-v-9d209cfb]:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.chapter-menu-item.active[data-v-9d209cfb]{background:var(--purple-li-active);color:var(--color-brand-primary);font-weight:500}.chapter-menu-item.past[data-v-9d209cfb]:not(.active){color:var(--color-text-muted)}.chapter-menu-num[data-v-9d209cfb]{font-size:.7rem;color:var(--color-text-subtle);text-align:right}.chapter-menu-item.active .chapter-menu-num[data-v-9d209cfb]{color:var(--color-brand-primary)}.chapter-menu-title[data-v-9d209cfb]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-menu-pct[data-v-9d209cfb]{font-size:.68rem;color:var(--color-text-subtle)}.chapter-menu-icon[data-v-9d209cfb]{font-size:.85rem}.control-buttons[data-v-9d209cfb]{display:grid;grid-template-columns:repeat(3,38px) 48px repeat(3,38px);gap:.78rem}.control-buttons[data-v-9d209cfb],.play-btn[data-v-9d209cfb]{align-items:center;justify-content:center}.play-btn[data-v-9d209cfb]{background:transparent;color:var(--color-brand-primary-hover);border:none;border-radius:50%;width:44px;height:44px;display:flex;cursor:pointer;font-size:2rem;transition:transform .15s,background .15s,color .15s;flex-shrink:0}.play-btn[data-v-9d209cfb]:hover:not(:disabled){background:var(--color-brand-primary-soft);color:var(--color-brand-primary-hover);transform:scale(1.04)}.play-btn[data-v-9d209cfb]:disabled{opacity:.4;cursor:default}.extra-controls[data-v-9d209cfb]{display:flex;align-items:center;justify-content:flex-end;flex:0 0 26%;min-width:0;overflow:hidden;gap:.4rem}.speed-btn[data-v-9d209cfb]{border-radius:4px;font-size:.75rem;font-weight:400;min-width:36px;padding:4px 6px}.voice-select[data-v-9d209cfb],.voice-select-wrap[data-v-9d209cfb]{max-width:100px;overflow:hidden}.voice-select[data-v-9d209cfb]{font-size:.7rem;color:var(--color-text-muted);border:1px solid var(--color-border-card);border-radius:4px;padding:3px 4px;background:var(--color-surface-card);cursor:pointer;white-space:nowrap;text-overflow:ellipsis}.voice-select[data-v-9d209cfb]:disabled{opacity:.4;cursor:default}.volume-control[data-v-9d209cfb]{display:flex;align-items:center;gap:.25rem}.volume-slider-wrapper[data-v-9d209cfb]{position:relative;width:70px;height:4px;background:var(--color-border-subtle);border-radius:2px;cursor:pointer}.volume-slider[data-v-9d209cfb]{position:absolute;top:-8px;left:0;width:100%;height:20px;opacity:0;cursor:pointer;z-index:2;margin:0}.volume-fill[data-v-9d209cfb]{position:absolute;top:0;left:0;height:100%;background:var(--color-brand-primary);border-radius:2px;pointer-events:none}.volume-slider-wrapper:hover .volume-fill[data-v-9d209cfb]{background:var(--color-brand-primary-hover)}.spinner[data-v-9d209cfb]{display:inline-block;animation:spin-9d209cfb .85s linear infinite}@keyframes spin-9d209cfb{to{transform:rotate(1turn)}}@media(max-width:768px){.extra-controls[data-v-9d209cfb]{display:none}.track-info[data-v-9d209cfb]{flex:0 0 34%}.control-buttons[data-v-9d209cfb]{gap:.35rem;grid-template-columns:repeat(3,32px) 42px repeat(3,32px)}.transport-btn[data-v-9d209cfb]{width:30px;height:30px;font-size:1.2rem}}@media(max-width:500px){.album-art[data-v-9d209cfb]{display:none}.track-info[data-v-9d209cfb]{flex:0 1 auto}}.scrollbars-hidden[data-v-55a2a066],.scrollbars-hidden[data-v-55a2a066] *,html:has(.scrollbars-hidden) body,html:has(.scrollbars-hidden){scrollbar-width:none}.scrollbars-hidden[data-v-55a2a066] ::-webkit-scrollbar,.scrollbars-hidden[data-v-55a2a066]::-webkit-scrollbar,html:has(.scrollbars-hidden) body::-webkit-scrollbar,html:has(.scrollbars-hidden)::-webkit-scrollbar{display:none}.app-layout[data-v-55a2a066],.main-content[data-v-55a2a066]{min-height:100vh}.main-content[data-v-55a2a066]{transition:margin-left .3s ease;margin-left:var(--sidebar-width);background-color:var(--app)}.page-container[data-v-55a2a066]{padding:2.5rem 2.5rem 120px}.tablet-landscape-layout.sidebar-collapsed .main-content[data-v-55a2a066]{margin-left:76px}.app-layout.settings-palette[data-v-55a2a066],.app-layout.settings-palette .main-content[data-v-55a2a066],.app-layout.settings-palette .page-container[data-v-55a2a066]{background:var(--color-settings-background)}.compact-layout .main-content[data-v-55a2a066]{margin-left:0}.compact-layout .page-container[data-v-55a2a066]{padding:0}@media(max-width:768px),(orientation:portrait)and (min-width:769px)and (max-width:1024px){.main-content[data-v-55a2a066]{margin-left:0}.page-container[data-v-55a2a066]{padding:0}.page-container.mobile-sub-page[data-v-55a2a066]{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}[data-v-55a2a066] .playing-bar,[data-v-55a2a066] .sidebar{display:none}}
