:root{--crimson:#690000;--hot:#c21212;--ink:#e9dede;--mute:#8d7a7a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;color:var(--ink);background:#000;margin:0;font-family:Inter,Helvetica Neue,system-ui,sans-serif;overflow:hidden}.app,.stage{position:absolute;inset:0}.chrome{padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;justify-content:space-between;transition:opacity .6s;display:flex;position:absolute;inset:0}.chrome.hide{opacity:0}.chrome>*{pointer-events:auto}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.wordmark{letter-spacing:.42em;align-items:center;gap:10px;font-size:13px;font-weight:300;display:flex}.wordmark b{color:var(--hot);margin-left:.5em;font-weight:700}.conn{letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;display:flex}.muted{color:var(--mute)}.dot{background:#444;border-radius:50%;width:8px;height:8px}.dot.live{background:#d11;animation:1.2s infinite p;box-shadow:0 0 10px #d11}.dot.error,.dot.ended{background:#f90}.dot.starting{background:#888;animation:.6s infinite p}@keyframes p{50%{opacity:.35}}.center{text-align:center;max-width:560px;margin:auto;padding:0 8px}.center h1{letter-spacing:.2em;margin:0 0 8px;font-size:clamp(24px,5vw,40px);font-weight:200}.center p{color:var(--mute);margin:6px 0 20px}.center small{color:var(--mute);margin-top:18px;font-size:11px;line-height:1.5;display:block}.row{justify-content:center;align-items:center;gap:10px;display:flex}.wrap{flex-wrap:wrap}button{font:inherit;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--crimson);color:#fff;cursor:pointer;background:linear-gradient(#7a0000,#4a0000);border-radius:2px;padding:11px 18px;font-size:12px}button.ghost{color:var(--ink);background:#00000073;border-color:#3a1212}button.on{background:var(--crimson)}button:hover{border-color:var(--hot)}footer{background:linear-gradient(#0000,#000000b3);flex-direction:column;gap:10px;padding-top:20px;display:flex}label{letter-spacing:.1em;text-transform:uppercase;color:var(--mute);align-items:center;gap:8px;font-size:11px;display:flex}input[type=range]{accent-color:var(--hot);width:110px}select{color:var(--ink);background:#100;border:1px solid #3a1212;max-width:200px;padding:8px}.soon{color:#5a4545;letter-spacing:.1em;font-size:10px}.err{color:#ff9a4d!important}.diag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0000d1;border:1px solid #3a1212;width:250px;padding:14px;font-size:12px;position:absolute;top:70px;right:16px}.diag h3{letter-spacing:.2em;color:var(--hot);text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:500}dl{grid-template-columns:80px 1fr;gap:6px 8px;margin:0;display:grid}dt{color:var(--mute)}dd{font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin:0;display:flex}.mini{background:#200;width:80px;height:5px;display:inline-block}.mini i{background:var(--hot);height:100%;display:block}.boot{z-index:9;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:22px;animation:.5s 1s forwards out;display:flex;position:absolute;inset:0}.boot svg{animation:1.1s ease-in-out infinite pulse}.bar{background:linear-gradient(90deg,transparent,var(--hot),transparent);width:140px;height:1px;animation:1.2s infinite sweep}@keyframes pulse{50%{filter:drop-shadow(0 0 18px #a00);transform:scale(1.12)}}@keyframes sweep{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}@keyframes out{to{opacity:0;visibility:hidden}}@media (width<=640px){.diag{width:auto;inset:auto 16px 150px}input[type=range]{width:80px}}