:root{--bg:#0b0c10;--surface:#16181f;--surface-hover:#20232d;--border:#262933;--text:#f4f4f6;--text-muted:#9aa0ac;--accent:#4da3ff;--danger:#ff6b6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;height:100svh;color:var(--text);margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}button{font:inherit;color:inherit;background:var(--surface);cursor:pointer;border:1px solid transparent;border-radius:8px;padding:10px 16px}button:hover{background:var(--surface-hover);outline:3px solid var(--accent)}button:focus-visible{background:var(--surface-hover);outline:3px solid var(--accent)}input{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--text-muted);border-radius:8px;padding:10px 14px}input:focus-visible{outline:3px solid var(--accent)}h1{margin:0 0 20px;font-size:1.75rem}.app-layout{width:100%;height:100svh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:340px;min-width:260px;height:100%;display:flex}.sidebar__toolbar{border-bottom:1px solid var(--border);gap:8px;padding:16px;display:flex}.sidebar__search{flex:1;min-width:0}.sidebar__settings-button{flex-shrink:0;padding:10px 14px;font-size:1.1rem}.sidebar__admin-button{border:1px solid var(--accent);flex-shrink:0;padding:10px 14px;font-size:.9rem}.sidebar__content{flex:1;padding:8px;overflow-y:auto}.sidebar__hint{color:var(--text-muted);padding:8px 12px}.category-tree__group{margin-bottom:4px}.category-tree__header{align-items:center;gap:10px;padding:10px 12px;display:flex}.category-tree__chevron{color:var(--text-muted);transition:transform .15s;display:inline-block}.category-tree__chevron--open{transform:rotate(90deg)}.category-tree__title{flex:1;font-weight:600}.category-tree__count{color:var(--text-muted);font-size:.85rem}.category-tree__channels{padding-left:20px}.focusable-card{cursor:pointer;background:0 0;border:2px solid transparent;border-radius:8px;transition:background .12s,border-color .12s}.focusable-card:hover{background:var(--surface-hover)}.focusable-card--focused{border-color:var(--accent)}.focusable-card--active{color:var(--accent);background:rgba(77,163,255,.15)}.channel-row{align-items:center;gap:10px;padding:8px 12px;display:flex}.channel-row__logo{object-fit:contain;flex-shrink:0;width:28px;height:28px}.channel-row__name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.channel-row__category{color:var(--text-muted);flex-shrink:0;font-size:.8rem}.search-results--empty{color:var(--text-muted);padding:16px 12px}.search-results__truncated,.category-tree__truncated{color:var(--text-muted);margin:0;padding:6px 12px;font-size:.8rem}.settings-screen__form{flex-direction:column;gap:16px;max-width:480px;display:flex}.settings-overlay{z-index:100;background:rgba(0,0,0,.6);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.settings-overlay__panel{background:var(--surface);border-radius:12px;min-width:360px;max-width:90vw;padding:32px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.5)}.settings-overlay__close{padding:6px 10px;position:absolute;top:16px;right:16px}.admin-overlay{z-index:100;background:rgba(0,0,0,.6);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.admin-overlay__panel{background:var(--surface);border-radius:12px;min-width:360px;max-width:90vw;max-height:90vh;padding:32px;position:relative;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.5)}.admin-overlay__close{padding:6px 10px;position:absolute;top:16px;right:16px}.admin-screen__form{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.admin-screen__hint{color:var(--text-muted);margin-top:0}.admin-screen__status{color:var(--accent)}.admin-screen__error{color:var(--danger);margin:0}.admin-screen__danger{color:var(--danger);border-color:var(--danger)}.spinner{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 16px;display:flex}.spinner__ring{border:5px solid var(--surface-hover);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{border:1px solid var(--danger);color:var(--danger);background:rgba(255,107,107,.12);border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin:8px;padding:12px 16px;display:flex}.error-banner__retry{background:var(--danger);color:#1a1a1a}.player-pane{background:#000;flex-direction:column;flex:1;min-width:0;display:flex}.player-pane--empty{color:var(--text-muted);justify-content:center;align-items:center;font-size:1.1rem}.video-player{background:#000;flex:1;min-height:0;position:relative}.video-player__video{width:100%;height:100%}.video-player__overlay{pointer-events:none;background:rgba(0,0,0,.5);justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.video-player__overlay--error{color:var(--danger)}.player-pane__info{background:var(--surface);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.player-pane__channel-name{text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:600;overflow:hidden}