: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{border-radius:var(--radius);background:#000;position:relative;overflow:hidden}.player video{aspect-ratio:16/9;background:#000;width:100%;display:block}.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}}.watch .player video{max-height:calc(100vh - 160px)}.player:fullscreen{border-radius:0}.player:fullscreen video{aspect-ratio:auto;height:100vh;max-height:none}.controls{color:#fff;position:absolute;inset:0}.controls-surface{cursor:pointer;position:absolute;inset:0}.controls.idle,.controls.idle .controls-surface{cursor:none}.controls-top,.controls-bottom{transition:opacity .3s;position:absolute;left:0;right:0}.controls.idle .controls-top,.controls.idle .controls-bottom{opacity:0;pointer-events:none}.controls-top{pointer-events:none;background:linear-gradient(#000000b3,#0000);padding:14px 20px 32px;font-size:17px;font-weight:600;top:0}.controls-bottom{background:linear-gradient(#0000,#000000d9);padding:28px 14px 8px;bottom:0}.timeline{cursor:pointer;touch-action:none;align-items:center;height:20px;margin:0 6px;display:flex;position:relative}.timeline-track{background:#ffffff40;border-radius:2px;width:100%;height:4px;transition:height .15s;overflow:hidden}.timeline:hover .timeline-track{height:6px}.timeline-fill{background:var(--accent);height:100%}.timeline-thumb{background:var(--accent);pointer-events:none;border-radius:50%;width:14px;height:14px;margin-left:-7px;transition:transform .15s;position:absolute;transform:scale(0)}.timeline:hover .timeline-thumb{transform:scale(1)}.timeline-bubble{pointer-events:none;font-variant-numeric:tabular-nums;background:#000000d9;border-radius:4px;padding:3px 8px;font-size:13px;position:absolute;bottom:24px;transform:translate(-50%)}.controls-row{align-items:center;gap:2px;display:flex}.control{color:#fff;background:0 0;border:0;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid;position:relative}.control:hover{background:#ffffff1f}.control svg{width:26px;height:26px}.control .ten{font-size:8px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-30%)}.volume{align-items:center;display:flex}.volume input{opacity:0;accent-color:#fff;border:0;width:0;padding:0;transition:width .2s,opacity .2s}.volume:hover input,.volume input:focus-visible{opacity:1;width:80px;margin-right:6px}.controls .time{font-variant-numeric:tabular-nums;margin-left:8px;font-size:14px}.controls .time .muted{color:#ffffffb3}.controls .spacer{flex:1}.live-badge{background:var(--danger);letter-spacing:.05em;border-radius:4px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:700}.big-play{background:#0000008c;border:0;border-radius:50%;place-items:center;width:76px;height:76px;padding:0;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.big-play svg{color:#fff;width:40px;height:40px;margin-left:4px}.spinner{pointer-events:none;border:4px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}@media (hover:none){.timeline-thumb{transform:scale(1)}.volume input{display:none}}