:root{--bg:#0e1116;--surface:#181c24;--surface-2:#222835;--text:#e8eaf0;--muted:#9aa3b5;--accent:#4f8cff;--danger:#e5484d;--ok:#30a46c;--warn:#f5a524;--radius:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 system-ui,sans-serif}a{color:inherit}h1,h2,h3{margin:0 0 12px}h2{margin-top:24px}img{display:block}button,.button,input,select{font:inherit;color:var(--text);border-radius:var(--radius);border:1px solid var(--surface-2)}input,select{background:var(--surface);width:100%;padding:8px 10px}button,.button{background:var(--accent);border-color:var(--accent);cursor:pointer;padding:8px 14px;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:default}button.secondary{background:var(--surface-2);border-color:var(--surface-2)}button.danger{background:var(--danger);border-color:var(--danger)}button.link{color:var(--muted);background:0 0;border:0;padding:0;text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.error-text{color:var(--danger)}.hint{color:var(--warn);font-size:13px}.row{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.row h1,.row h2,.row h3{flex:1;margin:0}.topbar{background:var(--surface);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex;position:sticky;top:0}.topbar nav{flex-wrap:wrap;gap:4px;display:flex}.topbar nav a{border-radius:var(--radius);color:var(--muted);padding:6px 12px;text-decoration:none}.topbar nav a.active{background:var(--surface-2);color:var(--text)}.topbar-end{align-items:center;gap:12px;display:flex}.topbar-end select{width:auto}main{max-width:1400px;margin:0 auto;padding:16px}.card{background:var(--surface);border-radius:var(--radius);padding:24px}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login form,.form{gap:14px;width:min(420px,100%);display:grid}.form{width:min(640px,100%)}label{gap:6px;display:grid}.notice{background:var(--surface);border-radius:var(--radius);max-width:600px;padding:20px}.notice.error{border-inline-start:4px solid var(--danger)}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;display:grid}.poster{gap:4px;text-decoration:none;display:grid}.poster img,.poster-blank{aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius);background:var(--surface-2);width:100%}.poster-blank{color:var(--muted);place-items:center;font-size:40px;display:grid}.poster span{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.catalog{grid-template-columns:220px 1fr;align-items:start;gap:16px;display:grid}.live{grid-template-columns:200px 260px 1fr;align-items:start;gap:16px;display:grid}.categories,.channels,.episodes{margin:0;padding:0;list-style:none}.categories,.channels{max-height:calc(100vh - 100px);position:sticky;top:70px;overflow-y:auto}.categories button,.channels button{text-align:start;width:100%;color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;padding:6px 10px;display:flex}.categories button.selected,.channels button.selected{background:var(--surface-2);color:var(--text)}.channels img{object-fit:contain;width:28px;height:28px}.player{position:relative}.player video{aspect-ratio:16/9;border-radius:var(--radius);background:#000;width:100%}.player-overlay{aspect-ratio:16/9;text-align:center;border-radius:var(--radius);background:#000000bf;place-content:center;justify-items:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0}.epg p{margin:4px 0}.watch{max-width:1200px;margin:0 auto}.detail{border-radius:var(--radius);background:linear-gradient(#0e1116d9, var(--bg)), var(--backdrop,none) center / cover;align-items:flex-start;gap:24px;padding:24px;display:flex;position:relative}.detail-poster{border-radius:var(--radius);flex-shrink:0;width:200px}.tabs button.selected{background:var(--accent)}.episodes li{border-bottom:1px solid var(--surface-2);padding:10px 0}.episodes p{margin:4px 0 0;font-size:13px}.search{margin-bottom:8px;padding:12px;font-size:18px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:start;border-bottom:1px solid var(--surface-2);white-space:nowrap;padding:10px}th{color:var(--muted);font-weight:500}.badge{background:var(--surface-2);border-radius:99px;padding:2px 8px;font-size:13px}.badge.active{background:var(--ok)}.badge.expired,.badge.invalid,.badge.disabled{background:var(--danger)}.badge.error{background:var(--warn);color:#000}@media (width<=800px){.catalog,.live{grid-template-columns:1fr}.categories,.channels{max-height:240px;position:static}.live section{order:-1}.detail{flex-direction:column}.detail-poster{width:140px}}.warn-text{color:var(--warn)}.subnav{border-bottom:1px solid var(--surface-2);gap:4px;margin-bottom:16px;display:flex}.subnav a{color:var(--muted);border-bottom:2px solid #0000;padding:8px 14px;text-decoration:none}.subnav a.active{color:var(--text);border-bottom-color:var(--accent)}.stats{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.stat{background:var(--surface);border-radius:var(--radius);gap:4px;padding:16px;text-decoration:none;display:grid}.stat strong{font-size:28px}.stat:hover{background:var(--surface-2)}.filters input{flex:1;min-width:200px}.filters select{width:auto}.facts{grid-template-columns:max-content 1fr;gap:8px 16px;margin:0;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.split{grid-template-columns:minmax(0,640px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.split .form{width:100%}.chip{background:var(--surface-2);border-radius:99px;margin:2px;padding:1px 10px;font-size:13px;text-decoration:none;display:inline-block}.plain{margin:0 0 12px;padding:0;list-style:none}.plain .row{justify-content:space-between;margin:6px 0}button.small{padding:4px 10px;font-size:13px}@media (width<=800px){.split{grid-template-columns:1fr}}