:root,[data-bs-theme=dark]{--app-bg: #0b0d12;--app-surface: #12151c;--app-surface-2: #1a1e27;--app-border: rgba(255, 255, 255, .07);--app-accent: #3b82f6;--app-live: #ef4444;--app-header-h: 56px;--bs-body-bg: var(--app-bg)}body{background:var(--app-bg)}.min-w-0{min-width:0}.app-shell{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.app-header{height:var(--app-header-h);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background:var(--app-surface);border-bottom:1px solid var(--app-border)}.brand{font-weight:700;font-size:1.1rem;letter-spacing:.02em}.brand i{color:var(--app-accent);margin-right:.4rem}.btn-icon{width:36px;height:36px;padding:0;border-radius:50%;color:var(--bs-secondary-color);border:0}.btn-icon:hover{background:var(--app-surface-2);color:var(--bs-body-color)}.app-body{flex:1;min-height:0;display:flex;flex-direction:column}.player-pane{flex-shrink:0;background:#000}.player-pane.is-empty{display:none}.player-video{background:#000}.player-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.player-error{background:#000}.now-playing{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:var(--app-surface);border-bottom:1px solid var(--app-border)}.now-playing-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-sub{font-size:.8rem;color:var(--bs-secondary-color)}.live-badge{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0;font-size:.7rem;font-weight:700;letter-spacing:.05em;color:var(--app-live);padding:.2rem .5rem;border-radius:999px;background:#ef44441f}.live-dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--app-live);animation:live-pulse 1.6s ease-in-out infinite}@keyframes live-pulse{50%{opacity:.35}}.sidebar{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--app-bg)}.sidebar-filters{flex-shrink:0;padding:.75rem 1rem .5rem;border-bottom:1px solid var(--app-border)}.search-box{position:relative}.search-box>.bi-search{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--bs-secondary-color);pointer-events:none}.search-box .form-control{padding-left:2.4rem;padding-right:2.4rem;border-radius:999px;background:var(--app-surface-2);border-color:transparent}.search-box .form-control:focus{border-color:var(--app-accent);box-shadow:none}.search-box .form-control::-webkit-search-cancel-button{display:none}.search-clear{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--bs-secondary-color);font-size:.8rem}.search-clear:hover{background:#ffffff14;color:var(--bs-body-color)}.chips{display:flex;gap:.4rem;overflow-x:auto;padding:.75rem 0 .25rem;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0;border:1px solid var(--app-border);background:var(--app-surface);color:var(--bs-secondary-color);border-radius:999px;padding:.3rem .85rem;font-size:.85rem;white-space:nowrap;transition:background .15s,color .15s}.chip:hover{color:var(--bs-body-color)}.chip.active{background:var(--app-accent);border-color:var(--app-accent);color:#fff}.sidebar-count{font-size:.75rem;color:var(--bs-secondary-color);padding-top:.25rem}.channel-list{flex:1;min-height:0;overflow-y:auto;padding:.4rem .5rem 1rem;scrollbar-width:thin;scrollbar-color:var(--app-surface-2) transparent}.list-state{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;text-align:center}.channel-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.5rem .6rem;border:0;border-radius:10px;background:transparent;color:inherit;text-align:left;transition:background .12s}.channel-item:hover{background:var(--app-surface)}.channel-item.active{background:#3b82f624;box-shadow:inset 3px 0 0 var(--app-accent)}.channel-logo{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--app-surface-2);color:var(--bs-secondary-color);overflow:hidden}.channel-logo img{max-width:100%;max-height:100%;object-fit:contain;padding:4px}.channel-logo-lg{width:44px;height:44px}.channel-meta{flex:1;min-width:0;display:flex;flex-direction:column}.channel-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-sub{font-size:.78rem;color:var(--bs-secondary-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 992px){.app-body{flex-direction:row}.sidebar{order:-1;flex:0 0 360px;background:var(--app-surface);border-right:1px solid var(--app-border)}.sidebar-filters{padding:1rem 1rem .5rem}.chips{flex-wrap:wrap;overflow-x:visible}.channel-item:hover{background:var(--app-surface-2)}.player-pane,.player-pane.is-empty{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--app-bg);overflow:auto}.player{width:100%}.player-frame{width:100%;max-width:min(1400px,calc((100vh - var(--app-header-h) - 4rem - 90px) * 16 / 9));margin:0 auto}.player-video{border-radius:14px;overflow:hidden;box-shadow:0 20px 50px #00000080}.now-playing{margin-top:1rem;padding:.85rem 1rem;border:1px solid var(--app-border);border-radius:14px}.now-playing-name{font-size:1.15rem}}