:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e9edf3;background:#101318;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1440px;margin:auto;padding:0 48px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292e36}.brand{font-size:26px;font-weight:760;text-decoration:none;color:inherit;letter-spacing:-1px}.brand span{font-size:10px;letter-spacing:2px;color:#97a1af;margin-left:18px}.badge{font-size:12px;color:#a9edc5;background:#193125;border:1px solid #315c42;padding:8px 13px;border-radius:24px}.intro{padding:48px 0 30px}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:700;color:#b9ef80}h1{font-size:clamp(32px,4.2vw,57px);line-height:1.08;letter-spacing:-2px;margin:18px 0}.lede{color:#9ca6b4;font-size:16px;max-width:640px;line-height:1.6}.layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}.panel{background:#191e25;border:1px solid #303640;border-radius:18px;overflow:hidden}.panel-head{padding:18px 22px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#aeb8c5}.panel-head #connection{letter-spacing:0;color:#b9ef80}.stage{position:relative;aspect-ratio:16/10;background:radial-gradient(ellipse at center,#202c33,#101419 70%);display:flex;align-items:center;justify-content:center}video{width:100%;height:100%;object-fit:contain;position:absolute}#placeholder{position:relative;text-align:center;padding:30px;pointer-events:none}.screen-icon{font-size:68px;color:#b9ef80}h2{font-size:20px;letter-spacing:-.5px}#placeholder p,.setup>p{font-size:13px;color:#a1aab8;line-height:1.6}.telemetry{display:flex;justify-content:space-between;gap:16px;padding:18px 22px;font-size:11px;color:#aab4c2;min-height:54px}.setup{padding:24px}.setup h2{margin:0 0 10px}label{display:block;font-size:12px;color:#bdc6d3;margin:16px 0 8px}textarea,input,select{width:100%;background:#11161d;border:1px solid #3b4350;border-radius:8px;color:#e8edf4;padding:11px;margin-top:8px;font:inherit}textarea{resize:vertical;min-height:74px;font-family:ui-monospace,monospace;font-size:10px}button{width:100%;border:1px solid #414b58;background:#242e39;color:#e9edf3;padding:12px;border-radius:8px;font:inherit;font-size:12px;font-weight:650;cursor:pointer;margin:6px 0}button:hover{filter:brightness(1.15)}button:disabled{opacity:.45;cursor:wait}.primary{background:#b9ef80;color:#15200c;border-color:#b9ef80}.danger{background:none;color:#f5b4b4;border-color:#5f3c40;margin-top:20px}.hint{font-size:11px;color:#8e9cad;line-height:1.5}details{border-top:1px solid #343c48;margin-top:20px;padding-top:18px}summary{cursor:pointer;font-size:12px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}#message{font-size:12px;line-height:1.5;color:#b9ef80;overflow-wrap:anywhere}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:40px 0}.notes article>span{font-size:10px;letter-spacing:2px;color:#b9ef80}.notes h3{font-size:16px}.notes p{font-size:12px;line-height:1.8;color:#98a5b5}footer{padding-top:24px;padding-bottom:30px;border-top:1px solid #292e36;font-size:10px;letter-spacing:1px;color:#8390a0;display:flex;justify-content:space-between}[hidden]{display:none!important}:focus-visible{outline:2px solid #b9ef80;outline-offset:3px}@media(max-width:1000px){header,main,footer{padding-left:24px;padding-right:24px}.layout{grid-template-columns:1fr}.notes{gap:20px}.setup{max-width:none}}@media(max-width:600px){.notes{grid-template-columns:1fr}.brand span,footer span{display:none}header{height:75px}.telemetry{flex-direction:column}.intro{padding-top:28px}h1{letter-spacing:-1px}}

.browser-help{margin:20px 0 28px;padding:18px 22px;border:1px solid #343c48;border-radius:12px;color:#b8c3d2;font-size:13px;line-height:1.7}.host-link{display:inline-block;color:#b9ef80;font-weight:650;padding:10px 0}#public-help{margin-bottom:20px}