:root{color-scheme:dark;font-family:Segoe UI,Verdana,sans-serif;background:#000;color:#edf2fb;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit;cursor:pointer;color:#fff;background:#4039d8;border:1px solid #746fee;border-radius:8px;padding:14px 22px;margin:6px;font-weight:600}button:hover{background:#514ae9}button:focus-visible{outline:4px solid #87e2ff;outline-offset:4px}.welcome{display:flex;align-items:center;justify-content:center;background:#0b1120;padding:4vh 5vw}.activation{width:min(880px,100%);padding:3vh 3vw;border-left:4px solid #625bff}.brand{width:200px;max-height:72px;object-fit:contain;object-position:left}.eyebrow{font-size:12px;letter-spacing:.2em;color:#8b96ad;margin-top:30px}h1{font-size:clamp(28px,3.8vw,56px);letter-spacing:-.04em;line-height:1.12;margin:18px 0}p{line-height:1.55}.intro{color:#b5c1d5;font-size:clamp(16px,1.6vw,23px);max-width:650px}.pair-code{font-variant-numeric:tabular-nums;font-family:Consolas,monospace;letter-spacing:.11em;font-size:clamp(30px,6vw,84px);color:#fff;padding:22px 0}.connection{color:#92e3bc}.hint{font-size:13px;color:#8b96ad;margin-top:24px}.warning{color:#ffd090}.screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}.stage{position:absolute;transform-origin:center;background:#000}.region{position:absolute;overflow:hidden;background:#000}.region>video,.region>img,.region>iframe{width:100%;height:100%;display:block;border:0}.transition-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;background:#000;pointer-events:none}.dimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none;z-index:10000}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0b1120;font-size:22px}.diagnostics{position:fixed;top:3vh;right:3vw;bottom:3vh;left:3vw;width:94vw;height:94vh;max-width:none;max-height:none;overflow:auto;background:#101a2e;color:#eff5ff;border:1px solid #596480;border-radius:12px;padding:24px;z-index:20000}.diagnostics::backdrop{background:#000c}.diagnostics pre{font:14px/1.5 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#bdcbe2}.gesture{position:absolute;bottom:5vh;left:50%;transform:translate(-50%);z-index:21000}@media(max-height:550px){.activation{padding:12px}.brand{width:120px}.eyebrow,.hint{margin-top:12px}h1{font-size:28px}.pair-code{padding:8px 0;font-size:44px}}