:root{--bg:#0c0f14;--panel:#161b24;--text:#edf2ff;--muted:#aab4c8;--accent:#7ef0bf;--border:#2a3446}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}
.container{width:min(980px,92%);margin:0 auto}.site-header{border-bottom:1px solid var(--border);background:#0f131b}
.nav{display:flex;justify-content:space-between;align-items:center;min-height:62px}.brand{color:var(--text);text-decoration:none;font-weight:700}.pill{color:#072018;background:var(--accent);padding:.3rem .65rem;border-radius:999px;text-decoration:none;font-weight:700;font-size:.8rem}
.hero{padding:2.3rem 0 1rem}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:.75rem}.lead,.muted{color:var(--muted)}
.panel{border:1px solid var(--border);background:var(--panel);border-radius:12px;padding:14px;margin:12px 0}.panel-head{display:flex;justify-content:space-between;align-items:center}
.status{display:inline-block;padding:4px 10px;border-radius:999px;background:#2d3443;color:#d9e0ef;font-size:.85rem}.status.live{background:#23382d;color:#8dfabf}.status.err{background:#3e2424;color:#ffabab}
video{width:100%;max-height:70vh;background:#000;border-radius:10px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}
code{background:#0f1520;padding:2px 6px;border-radius:6px}
#nowPlaying{text-align:center}
@media(max-width:760px){.two-col{grid-template-columns:1fr}}