:root{color-scheme:dark;--bg:#080a0e;--bg-soft:#0d1418;--panel:#131b20;--panel-strong:#18232a;--surface:#1b262e;--surface-2:#22303a;--text:#f6f8fb;--muted:#a9b6bf;--muted-strong:#c7d0d6;--accent:#4ee39a;--accent-2:#4cc9f0;--accent-3:#f4c95d;--danger:#ff6b6b;--border:rgba(179,205,220,0.16);--border-strong:rgba(128,238,180,0.5);--shadow:0 18px 48px rgba(0,0,0,0.34);--radius:8px}*{box-sizing:border-box}body,html{min-height:100%;margin:0;background:linear-gradient(135deg,rgba(76,201,240,.1),transparent 34%),linear-gradient(160deg,#07090d,#0b1514 44%,#11131c);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px}button,input{font:inherit}a{color:inherit;text-decoration:none}.app-switch-link,button{min-height:56px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-weight:750;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.app-switch-link:hover,button:hover{border-color:rgba(78,227,154,.45);background:var(--surface-2);box-shadow:0 10px 26px rgba(0,0,0,.22);transform:translateY(-1px)}.app-switch-link:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(76,201,240,.88);outline-offset:3px}.app-switch-link:active,button:active{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;padding:clamp(16px,2.3vw,28px)}.app-header,.player-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.app-header{margin-bottom:22px}.brand-cluster{display:flex;align-items:center;gap:16px;min-width:0}.brand-mark{display:grid;width:58px;height:58px;flex:0 0 auto;place-items:center;border:1px solid rgba(76,201,240,.32);border-radius:var(--radius);background:linear-gradient(145deg,rgba(76,201,240,.2),rgba(78,227,154,.16));color:var(--accent-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.app-header p,.content-header p,.guide-header p,.player-toolbar p{margin:0 0 5px;color:var(--accent-2);font-size:13px;font-weight:800;text-transform:uppercase}h1,h2{margin:0}h1{font-size:40px;line-height:1.02}h2{font-size:28px;line-height:1.08}.content-header span,.header-subtitle{display:block;margin-top:7px;color:var(--muted);font-size:15px;line-height:1.35}.app-toolbar{display:flex;align-items:center;gap:12px}.viewer-count{display:inline-flex;min-height:56px;min-width:134px;align-items:center;gap:10px;padding:0 15px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(19,27,32,.88);color:var(--accent)}.viewer-count span{display:grid;grid-gap:1px;gap:1px}.viewer-count strong{font-size:17px;line-height:1}.viewer-count small{color:var(--muted);font-size:11px;font-weight:750;text-transform:uppercase}.search-field{position:relative;display:flex;min-height:56px;min-width:min(360px,32vw);align-items:center;gap:10px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(19,27,32,.88);color:var(--muted)}.search-field input{width:100%;min-width:0;border:0;background:transparent;color:var(--text);font-size:16px;font-weight:650}.search-field input::placeholder{color:#7f8d96}.player-action-button,.toolbar-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;white-space:nowrap}.app-switch-link{border-color:rgba(76,201,240,.26);background:linear-gradient(135deg,rgba(76,201,240,.18),rgba(78,227,154,.1)),var(--surface);color:var(--text)}.app-switch-link svg{color:var(--accent-2)}.player-toolbar-actions{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:12px}.browser-layout{display:grid;grid-template-columns:minmax(236px,304px) minmax(0,1fr);grid-gap:20px;gap:20px;align-items:start}.category-rail{position:-webkit-sticky;position:sticky;top:20px;display:grid;max-height:calc(100vh - 40px);align-content:start;grid-gap:10px;gap:10px;overflow-y:auto;padding-right:4px;scrollbar-color:rgba(78,227,154,.45) transparent}.category-button{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;min-height:62px;padding:0 14px 0 18px;text-align:left}.category-button span{overflow-wrap:anywhere}.category-button strong{display:inline-grid;min-width:40px;height:30px;place-items:center;border-radius:999px;background:rgba(255,255,255,.06);color:var(--muted-strong);font-size:13px}.category-button[aria-pressed=true]{border-color:var(--border-strong);background:linear-gradient(135deg,rgba(78,227,154,.25),rgba(76,201,240,.1));box-shadow:inset 4px 0 0 var(--accent)}.category-button[aria-pressed=true] strong{background:rgba(78,227,154,.18);color:var(--accent)}.content-panel{min-width:0;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(12,18,23,.66);box-shadow:var(--shadow)}.content-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.result-count{display:grid;min-width:108px;place-items:center;padding:11px 14px;border:1px solid rgba(244,201,93,.28);border-radius:var(--radius);background:rgba(244,201,93,.08);color:var(--accent-3)}.result-count strong{font-size:24px;line-height:1}.result-count span{margin-top:3px;color:var(--muted);font-size:12px;font-weight:750;text-transform:uppercase}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));grid-gap:16px;gap:16px}.channel-tile{display:grid;grid-template-rows:auto 92px minmax(44px,auto) auto;grid-gap:12px;gap:12px;min-height:222px;padding:14px;text-align:left}.channel-action,.channel-status{display:flex;align-items:center}.channel-status{justify-content:space-between;color:var(--accent);font-size:12px;font-weight:850;text-transform:uppercase}.channel-status span:before{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(78,227,154,.75);content:""}.channel-logo-frame{display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(216,227,231,.9)),#e8eef1}.channel-tile img{max-width:82%;max-height:70px;object-fit:contain}.channel-initial{display:inline-grid;width:64px;height:64px;place-items:center;border-radius:var(--radius);background:linear-gradient(145deg,rgba(76,201,240,.24),rgba(244,201,93,.16));color:#162028;font-size:34px;font-weight:900}.channel-name{align-self:center;color:var(--text);font-size:17px;font-weight:850;line-height:1.25;overflow-wrap:anywhere}.channel-action{gap:7px;color:var(--muted);font-size:13px;font-weight:800}.channel-tile:focus-visible .channel-action,.channel-tile:hover .channel-action{color:var(--accent-2)}.empty-state,.status-panel{display:grid;min-height:100vh;place-content:center;padding:32px;text-align:center}.status-card{display:grid;width:min(560px,calc(100vw - 48px));justify-items:center;grid-gap:14px;gap:14px;padding:42px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(19,27,32,.84);box-shadow:var(--shadow)}.status-pulse{width:16px;height:16px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 10px rgba(78,227,154,.08)}.empty-state p,.status-panel p{max-width:34rem;margin:0;color:var(--muted);font-size:20px;line-height:1.45}.status-card .app-switch-link{margin-top:8px}.empty-state{min-height:390px;border:1px dashed rgba(169,182,191,.25);border-radius:var(--radius);background:rgba(255,255,255,.03)}.player-view{display:grid;grid-template-rows:auto minmax(260px,1fr) auto auto;min-height:100vh;padding:clamp(14px,2vw,22px);background:linear-gradient(180deg,rgba(76,201,240,.08),transparent 38%),#05070a}.player-toolbar{margin-bottom:16px}.player-title{min-width:0;text-align:center}.player-title h1{max-width:70vw;overflow-wrap:anywhere}.player-action-button[aria-pressed=true]{border-color:rgba(244,201,93,.48);color:var(--accent-3)}.video-shell{display:grid;min-height:0;padding:10px;border:1px solid rgba(76,201,240,.2);border-radius:var(--radius);background:#020304;box-shadow:var(--shadow)}.video-player{width:100%;min-height:0;height:calc(100vh - 248px);border:0;border-radius:calc(var(--radius) - 2px);background:#000}.player-error{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px;padding:14px;border:1px solid rgba(255,107,107,.26);border-radius:var(--radius);background:rgba(255,107,107,.08);color:var(--danger)}.guide-panel{margin-top:16px;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(19,27,32,.84)}.guide-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.guide-content{display:grid;grid-gap:16px;gap:16px;margin-top:14px}.guide-now-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.guide-list li,.guide-now-next div{padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);background:#0d1317}.guide-list span,.guide-now-next span{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.guide-list strong,.guide-now-next strong{display:block;margin-top:6px;font-size:18px;line-height:1.3;overflow-wrap:anywhere}.guide-list{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.guide-empty{margin:14px 0 0;color:var(--muted)}.status-page{min-height:100vh;padding:32px;background:#05070a;color:var(--text)}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px;margin-top:24px}.status-grid div{padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.status-grid dt{color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase}.status-grid dd{margin:8px 0 0;font-size:24px;font-weight:850}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (max-width:980px){.app-header{align-items:stretch;flex-direction:column}.app-toolbar{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto}.search-field{min-width:0}.browser-layout{grid-template-columns:1fr}.category-rail{position:static;grid-auto-flow:column;grid-auto-columns:minmax(186px,1fr);max-height:none;overflow-x:auto;overflow-y:hidden;padding:0 0 4px}}@media (max-width:760px){.app-shell{padding:14px}.brand-cluster{align-items:flex-start}.brand-mark{width:50px;height:50px}h1{font-size:30px}h2{font-size:24px}.app-toolbar{grid-template-columns:1fr}.search-field,.toolbar-button,.viewer-count{width:100%}.content-panel{padding:14px}.category-rail{grid-auto-columns:calc((100% - 10px) / 2)}.category-button{min-height:136px;align-content:center}.category-button span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.content-header{flex-direction:column}.result-count{width:100%}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.channel-tile{min-height:214px;padding:12px}.channel-name{font-size:15px}.player-toolbar{display:grid;grid-template-columns:1fr}.player-toolbar-actions{justify-content:stretch}.player-toolbar-actions .player-action-button{flex:1 1}.player-title{order:-1;text-align:left}.player-title h1{max-width:none}.video-player{height:42vh}.guide-now-next{grid-template-columns:1fr}}@media (max-width:480px){.channel-grid{grid-template-columns:1fr}}