:root{color-scheme:dark;font:16px/1.45 system-ui,sans-serif;color:#f1f4f8;background:#0b1019}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{width:min(100% - 2rem,42rem);margin:9vh auto 2rem}header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}header #logout{margin-left:auto}.mark{background:#92e4bc;color:#13281e;border-radius:.6rem;font-weight:800;padding:.75rem}.brand{font-size:.68rem;letter-spacing:.15em;color:#a7b5c8;margin:0}h1,h2{margin:.2rem 0 1rem}h1{font-size:2rem;margin:0}h2{font-size:1.3rem}section{border:1px solid #29354a;border-radius:1rem;background:#141c2b;padding:1.4rem}form{display:grid;gap:1rem}label{display:block;color:#c8d3e0}input,select,button{font:inherit;border:1px solid #3a4a62;border-radius:.55rem;color:inherit;background:#1b283c;padding:.7rem .85rem}input,select{display:block;width:100%;margin-top:.35rem}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #92e4bc;outline-offset:3px}.primary{background:#92e4bc;color:#12241a;border-color:transparent;font-weight:700}#connect{width:100%;margin-top:1rem}.quiet{padding:.45rem .65rem;background:transparent}.power,.status,.viewerbar{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.power{margin-top:1.4rem}.status{justify-content:space-between;margin-bottom:1.2rem}#state{color:#a8dfc3}#message{color:#c5d5e8;min-height:1.5rem}body.streaming main{width:min(100% - 1rem,110rem);margin:.5rem auto}body.streaming header{display:none}.viewerbar{margin-bottom:.5rem}#viewer{padding:.55rem}iframe{border:0;width:100%;height:calc(100dvh - 5.5rem);display:block;background:#000}