:root{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:#0d0f12;color:#e6e8eb;font:16px/1.5 system-ui,sans-serif}
main{max-width:960px;margin:0 auto;padding:24px 16px}
header{display:flex;justify-content:space-between;align-items:center;gap:12px;
 padding:12px 16px;border-bottom:1px solid #22262c;flex-wrap:wrap}
a{color:#7cc4ff}
h1{font-size:1.4rem;font-weight:600}
label{display:block;margin:12px 0 4px;color:#9aa3ad;font-size:.9rem}
input,select{width:100%;padding:10px;background:#161a1f;border:1px solid #2b313a;
 color:inherit;border-radius:6px;font:inherit}
button{margin-top:16px;padding:10px 16px;background:#2f6feb;color:#fff;border:0;
 border-radius:6px;font:inherit;cursor:pointer}
button.link{background:none;color:#7cc4ff;margin:0;padding:0}
.error{background:#3a1519;border:1px solid #7a2a31;padding:10px;border-radius:6px}
.ok{background:#12301f;border:1px solid #1f6a3b;padding:10px;border-radius:6px}
table{width:100%;border-collapse:collapse}
td,th{text-align:left;padding:8px;border-bottom:1px solid #22262c}
.muted{color:#9aa3ad}
ul.codes{columns:2;list-style:none;padding:0}
code{font-family:ui-monospace,monospace;word-break:break-all}
form.inline{display:inline}
.switch{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.switch a{padding:6px 12px;border:1px solid #2b313a;border-radius:6px;text-decoration:none}
.switch a.active{background:#2f6feb;border-color:#2f6feb;color:#fff}
.hub{margin-top:12px}
.bar{display:flex;height:12px;min-width:120px;border-radius:6px;overflow:hidden;background:#22262c}
.bar .paid{background:#e8a33d}
.bar .native{background:#3fb8a0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.card{background:#161a1f;border:1px solid #22262c;border-radius:8px;padding:10px}
.card b{display:block;font-size:1.2rem}
.counter{font-size:1.3rem;font-weight:600;margin:8px 0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hours{display:flex;align-items:flex-end;gap:2px;height:90px}
.hours div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;min-width:4px}
.hours .paid{background:#e8a33d}.hours .native{background:#3fb8a0}
.tag{padding:2px 8px;border-radius:10px;background:#22262c;font-size:.8rem}
.tag.live{background:#12301f;color:#7fe0a5}
.scroll{overflow-x:auto}
.st{padding:2px 10px;border-radius:10px;font-size:.85rem;white-space:nowrap}
.st.ok{background:#12301f;color:#7fe0a5}.st.err{background:#3a1519;color:#ff9aa2}.st.off{background:#22262c;color:#9aa3ad}
body.tv{background:#050607;font-size:clamp(18px,2.4vw,34px)}
.tv main{max-width:none;padding:2vw}
.tv .slide{display:none;max-height:94vh;overflow:hidden}.tv .slide.on{display:block}
.tv .row{display:grid;grid-template-columns:22% 1fr 22%;gap:2vw;align-items:center;padding:1.2vw 0;border-bottom:1px solid #22262c}
.tv .bar{height:2.2vw;min-width:0}
.tv .chan{display:grid;grid-template-columns:30% 1fr 20%;gap:1.5vw;align-items:center;padding:.6vw 0}
.tv .chan .bar{height:1.6vw}.tv .chan .bar span{height:100%}
.tv .box{border:1px solid #2b313a;border-radius:12px;padding:1.5vw;margin-top:2vw}
.tv .k{color:#9aa3ad}
.tv .clock{position:fixed;top:1vw;right:2vw}
@media(max-width:700px){.split{grid-template-columns:1fr}}
@media(max-width:600px){table{font-size:.85rem}td,th{padding:6px 4px}}