.mobile-playing-bar[data-v-4bb88708]{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-4bb88708]{transition:none}.mobile-playing-bar.above-nav[data-v-4bb88708]{bottom:calc(var(--mobile-bottom-nav-height, 72px) + env(safe-area-inset-bottom) + 10px)}.bar-backdrop[data-v-4bb88708]{position:absolute;inset:0;z-index:0;overflow:hidden}.bar-backdrop img[data-v-4bb88708]{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-4bb88708]:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a080ed1,#0a080e9e 60%,#0a080ec7)}.bar-cover[data-v-4bb88708]{width:44px;height:44px;border-radius:8px;-o-object-fit:cover;object-fit:cover;background:#ffffff14}.bar-cover[data-v-4bb88708],.bar-info[data-v-4bb88708]{position:relative;z-index:1}.bar-info[data-v-4bb88708]{display:grid;min-width:0;gap:2px}.bar-title[data-v-4bb88708]{color:#fff;font-size:13.5px;font-weight:600}.bar-subtitle[data-v-4bb88708],.bar-title[data-v-4bb88708]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-subtitle[data-v-4bb88708]{color:#ffffffb8;font-size:11.5px}.bar-play[data-v-4bb88708]{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-4bb88708]:active{transform:scale(.93)}.bar-progress[data-v-4bb88708]{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-4bb88708]{height:100%;border-radius:999px;background:var(--color-brand-primary,#8a2be2);transition:width .4s linear}.mini-bar-enter-active[data-v-4bb88708],.mini-bar-leave-active[data-v-4bb88708]{transition:transform .28s ease,opacity .22s ease}.mini-bar-enter-from[data-v-4bb88708],.mini-bar-leave-to[data-v-4bb88708]{opacity:0;transform:translateY(16px)}.app-layout[data-v-7262380a],.main-content[data-v-7262380a]{min-height:100vh}.main-content[data-v-7262380a]{transition:margin-left .3s ease;margin-left:var(--sidebar-width);background-color:var(--app)}.page-container[data-v-7262380a]{padding:2.5rem 2.5rem 120px}@media(max-width:768px){.main-content[data-v-7262380a]{margin-left:0}.page-container[data-v-7262380a]{padding:0}[data-v-7262380a] .playing-bar,[data-v-7262380a] .sidebar{display:none}}