:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#202329;color:#f3f5f8}*{box-sizing:border-box}body{margin:0;padding:30px 16px}main{max-width:420px;margin:5vh auto;background:#292e36;border:1px solid #414854;border-radius:16px;padding:28px}h1{margin:0;font-size:28px}h2{font-size:20px}p{line-height:1.5;color:#bdc7d6}label{display:block;margin:18px 0 8px}input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #667185;border-radius:7px;background:#202329;color:white;font-size:17px}button{padding:12px 16px;margin-top:16px;border:0;border-radius:7px;font-size:16px;background:#ffc21d;color:#151719;cursor:pointer}button:disabled{opacity:.5;cursor:wait}#message{color:#ffcf70;min-height:24px}#qr{display:block;width:220px;max-width:100%;height:auto;background:white;margin:18px auto;padding:8px}code{overflow-wrap:anywhere;color:white}.note{font-size:12px;color:#9ba8bb;margin-top:25px}[hidden]{display:none!important}input:focus-visible,button:focus-visible{outline:3px solid #53bbff;outline-offset:3px}