:root{font-family:system-ui,sans-serif;color:#e4edf3;background:#091720;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:680px;margin:auto;padding:24px}header strong{font-size:12px;letter-spacing:2px;color:#20d4dd}h1{font-size:26px}video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:12px}p{line-height:1.65;color:#b4c5cf}select,button{font:inherit;padding:12px 16px;border-radius:8px;border:1px solid #324a58;background:#152a36;color:inherit}label{display:block;margin-bottom:8px}select{width:100%}.actions{display:flex;gap:12px;margin-top:18px}button{flex:1}#connect{background:#14cbd5;color:#04151b;border:0;font-weight:600}button:disabled{opacity:.45}#privacy{font-size:13px}#status{min-height:2em}body[data-role=receiver]{background:#000}body[data-role=receiver] main{max-width:none;width:100vw;height:100vh;padding:0}body[data-role=receiver] header,body[data-role=receiver] #controls{display:none}body[data-role=receiver] video{width:100%;height:100%;border-radius:0}body[data-role=receiver] #status{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:24px;text-align:center;background:#000}body[data-role=receiver].live #status{display:none}