:root{color-scheme:light;font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;color:#21384b;background:#e6edf3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:clamp(20px,5vw,64px)}header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px}h1{font-size:clamp(30px,5vw,48px);letter-spacing:-.04em;font-weight:600;margin:0}#status{margin:0;color:#526576;font-size:15px}#status.live{color:#19664f}#status.live:before{content:"";display:inline-block;width:8px;height:8px;background:#19664f;border-radius:50%;margin-right:8px}.monitor{position:relative;aspect-ratio:4/3;background:#142b3e;border-radius:10px;overflow:hidden;display:grid;place-items:center;color:#e6edf3}#picture{position:absolute;inset:0;display:grid;place-items:center}#picture img{display:block;width:100%;height:100%;object-fit:contain}#offline{position:relative;text-align:center;padding:24px}#offline[hidden]{display:none}h2{font-weight:500;font-size:clamp(22px,4vw,32px);margin:0 0 12px}#offline p{color:#b9cad7;line-height:1.6;margin:0}footer{display:flex;justify-content:space-between;gap:20px;margin-top:20px;font-size:14px;line-height:1.5;color:#526576}footer p{margin:0}footer p:last-child{text-align:right}noscript{display:block;margin-top:16px}@media(max-width:520px){header{margin-bottom:16px}footer{display:block}footer p:last-child{text-align:left;margin-top:8px}.monitor{border-radius:6px}}
