:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0c111a;color:#e7edf6;font:16px/1.6 system-ui,sans-serif}main{max-width:480px;margin:8vh auto;padding:28px}.eyebrow{color:#8bb9ff;letter-spacing:2px;font-size:11px;font-weight:600}h1{font-size:30px}p{color:#a7b6c9}.note{font-size:12px;margin-top:30px}label{display:block;margin:14px 0 5px}input{width:100%;background:#131c28;border:1px solid #405672;border-radius:6px;color:#fff;padding:12px;font:inherit}button{margin-top:18px;padding:11px 15px;color:#e7edf6;background:#1a2a40;border:1px solid #405672;border-radius:6px;font:inherit;cursor:pointer}button:disabled{opacity:.5}button:focus-visible,input:focus-visible{outline:2px solid #8bb9ff;outline-offset:3px}#message{color:#f1c17d}#code{display:block;font:600 22px monospace;letter-spacing:2px;overflow-wrap:anywhere}#pairing{border-top:1px solid #253244;margin-top:24px}[hidden]{display:none!important}