:root{--bg:#1a1816;--bg-2:#232019;--bg-3:#2c2823;--border:#2f2b25;--text:#f0ebe0;--text-dim:#a89e8b;--text-faint:#6b6353;--accent:#f5a25d;--accent-2:#e07a5f;--sidebar-width:250px;--radius-card:20px;--radius-control:12px;--bp-md:768px;--bp-sm:480px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--topbar-h-mobile:56px;--player-h-mobile:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:DM Sans,system-ui,sans-serif;font-size:14px;line-height:1.5;overflow-x:hidden}.mono{font-family:JetBrains Mono,monospace}.text-dim{color:var(--text-dim)}.text-faint{color:var(--text-faint)}.accent{color:var(--accent)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}button{font-family:inherit}@media (width<=768px){button,.nav-item,[role=button]{min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.brand[data-v-2ffa003a]{align-items:center;gap:12px;padding:4px 12px 28px;font-size:17px;font-weight:700;display:flex}.brand-icon[data-v-2ffa003a]{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);width:36px;height:36px;color:var(--bg);border-radius:12px;justify-content:center;align-items:center;font-size:16px;display:flex;box-shadow:0 4px 12px #f5a25d40}.sidebar[data-v-04afacd0]{width:var(--sidebar-width);background:var(--bg-2);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:4px;min-height:100vh;padding:24px 14px;display:flex}.group-label[data-v-04afacd0]{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);padding:16px 12px 8px;font-size:11px;font-weight:600}.nav-item[data-v-04afacd0]{border-radius:var(--radius-control);color:var(--text-dim);align-items:center;gap:12px;padding:11px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-item[data-v-04afacd0]:hover{background:var(--bg-3);color:var(--text)}.nav-item.active[data-v-04afacd0]{background:var(--bg-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.nav-item.active .icon-box[data-v-04afacd0]{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);color:var(--bg);box-shadow:0 2px 8px #f5a25d4d}.icon-box[data-v-04afacd0]{background:var(--bg-3);width:28px;height:28px;color:var(--text-dim);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.name[data-v-04afacd0]{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.live[data-v-04afacd0]{color:var(--accent);letter-spacing:.1em;font-size:10px;font-weight:700}.backdrop[data-v-04afacd0]{opacity:0;pointer-events:none;z-index:199;background:#00000080;transition:opacity .2s;position:fixed;inset:0}.backdrop.visible[data-v-04afacd0]{opacity:1;pointer-events:auto}@media (width<=768px){.sidebar.is-drawer[data-v-04afacd0]{z-index:200;width:min(80vw,320px);padding-top:calc(var(--safe-top) + 16px);padding-bottom:calc(var(--safe-bottom) + 16px);-webkit-overflow-scrolling:touch;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:4px 0 24px #0006}.sidebar.is-drawer.open[data-v-04afacd0]{transform:translate(0)}}.player-bar[data-v-fd80aacc]{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-card);z-index:100;flex-direction:column;align-items:stretch;gap:6px;width:max-content;min-width:320px;max-width:calc(100vw - 40px);padding:8px 16px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}.top-row[data-v-fd80aacc]{align-items:center;gap:10px;min-width:0;display:flex}.bottom-row[data-v-fd80aacc]{justify-content:space-between;align-items:center;gap:12px;display:flex}.cover-img[data-v-fd80aacc]{object-fit:cover;border-radius:8px;flex-shrink:0;width:36px;height:36px;box-shadow:0 2px 8px #f5a25d40}.track-info[data-v-fd80aacc]{flex:1;min-width:0}.channel[data-v-fd80aacc]{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:2px;font-size:10px;font-weight:600}.title[data-v-fd80aacc]{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.artist[data-v-fd80aacc]{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.play-btn[data-v-fd80aacc]{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);width:32px;height:32px;color:var(--bg);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;font-size:12px;font-weight:700;display:flex;box-shadow:0 2px 10px #f5a25d59}.play-btn[data-v-fd80aacc]:hover{filter:brightness(1.05)}.progress-container[data-v-fd80aacc]{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.time[data-v-fd80aacc]{color:var(--text-faint);min-width:32px;font-family:JetBrains Mono,monospace;font-size:10px}.progress-bar[data-v-fd80aacc]{background:var(--bg-3);cursor:pointer;border-radius:2px;flex:1;width:120px;height:4px;position:relative;overflow:hidden}.progress-bar[data-v-fd80aacc]:hover{height:6px}.progress-fill[data-v-fd80aacc]{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-2) 100%);border-radius:2px;height:100%;transition:width .1s linear}.right-section[data-v-fd80aacc]{flex-shrink:0;align-items:center;gap:8px;display:flex}.volume-btn[data-v-fd80aacc]{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.volume-btn[data-v-fd80aacc]:hover{color:var(--text);background:var(--bg-3)}.volume-btn svg[data-v-fd80aacc]{width:18px;height:18px}.volume-slider[data-v-fd80aacc]{appearance:none;background:var(--bg-3);cursor:pointer;border-radius:2px;outline:none;width:70px;height:4px}.volume-slider[data-v-fd80aacc]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 4px #f5a25d66}.volume-slider[data-v-fd80aacc]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 4px #f5a25d66}@media (width<=768px){.player-bar[data-v-fd80aacc]{width:100%;min-width:0;max-width:100vw;padding:8px 12px;padding-bottom:calc(8px + var(--safe-bottom));border-radius:16px 16px 0 0;gap:4px;bottom:0;left:0;right:0;transform:none}.top-row[data-v-fd80aacc]{gap:8px}.cover-img[data-v-fd80aacc]{width:32px;height:32px}.title[data-v-fd80aacc]{font-size:12px}.artist[data-v-fd80aacc]{font-size:10px}.play-btn[data-v-fd80aacc]{width:44px;height:44px;font-size:14px}.progress-bar[data-v-fd80aacc]{width:100%}}.top-bar[data-v-f6da9aa9]{height:calc(var(--topbar-h-mobile) + var(--safe-top));padding:var(--safe-top) var(--safe-right) 0 var(--safe-left);background:var(--bg-2);border-bottom:1px solid var(--border);z-index:150;align-items:center;gap:12px;display:none;position:fixed;top:0;left:0;right:0}.hamburger[data-v-f6da9aa9]{color:var(--text);cursor:pointer;border-radius:var(--radius-control);background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:44px;height:44px;display:flex}.hamburger[data-v-f6da9aa9]:hover{background:var(--bg-3)}.bar[data-v-f6da9aa9]{background:currentColor;border-radius:1px;width:20px;height:2px;display:block}.title[data-v-f6da9aa9]{white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:8px;min-width:0;font-size:15px;font-weight:700;display:flex;overflow:hidden}.brand-icon[data-v-f6da9aa9]{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);width:28px;height:28px;color:var(--bg);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.brand-text[data-v-f6da9aa9]{text-overflow:ellipsis;overflow:hidden}.indicator.live[data-v-f6da9aa9]{color:var(--accent)}@media (width<=768px){.top-bar[data-v-f6da9aa9]{display:flex}}.app-root[data-v-b0047df3]{min-height:100vh;display:flex}.main[data-v-b0047df3]{flex:1;min-width:0;padding:32px 40px 100px}@media (width<=768px){.app-root[data-v-b0047df3]{flex-direction:column}.main[data-v-b0047df3]{padding:16px;padding-top:calc(var(--topbar-h-mobile) + var(--safe-top) + 8px);padding-bottom:calc(var(--player-h-mobile) + var(--safe-bottom) + 56px);width:100%}}