:root{color-scheme:dark;font:16px/1.55 Arial,sans-serif;background:#080808;color:#ddd}*{box-sizing:border-box}body{margin:0}main{max-width:480px;margin:8vh auto;padding:28px}.brand{color:#eee;text-decoration:none;font-size:24px}.brand span{color:#070707;background:#e6c747;padding:3px}h1{font:400 36px Georgia,serif;letter-spacing:.06em;margin:38px 0 12px}h2{font-size:20px}p{color:#aaa}label{display:block;margin:22px 0 8px}input{width:100%;padding:14px;border:1px solid #444;background:#151515;color:#eee;font:inherit}button{padding:13px 20px;border:1px solid #e6c747;color:#101010;background:#e6c747;font:600 15px Arial,sans-serif;cursor:pointer;margin-top:24px}button:disabled{opacity:.45;cursor:default}.text{display:block;background:transparent;border:0;color:#ccc;padding:0;margin-top:18px}.code-boxes{display:flex;gap:8px}.code-boxes input{min-width:0;text-align:center;font-size:24px;padding:12px 3px}.consent{display:flex;gap:10px;align-items:flex-start}.consent input{width:auto;margin-top:4px}#message{color:#e6c747}#qr svg{width:min(100%,260px);height:auto;display:block;margin:24px auto}pre{font:15px/1.8 monospace}button:focus-visible,input:focus-visible{outline:2px solid #e6c747;outline-offset:3px}[hidden]{display:none!important}