:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101116;color:#eef0f6}body{margin:0;padding:2rem 1rem}main{max-width:28rem;margin:auto;padding:2rem;background:#191b23;border:1px solid #3a3c49;border-radius:1rem}.brand{letter-spacing:.2em;color:#a9a4f4}h1{font-size:2rem}label{display:block;margin:1rem 0}input,button{box-sizing:border-box;width:100%;padding:.85rem;border-radius:.4rem;border:1px solid #67697c;font:inherit}input{margin-top:.4rem;background:#101116;color:#fff}button{background:#b4a9f5;color:#14111c;cursor:pointer;margin:.4rem 0}button:disabled{opacity:.5;cursor:wait}a{display:block;color:#8de5e8;padding:1rem 0}:focus-visible{outline:3px solid #8de5e8;outline-offset:3px}#message{min-height:1.5rem;color:#b9eff0;overflow-wrap:anywhere}#qr{background:white;width:220px;max-width:100%;height:auto}p{line-height:1.5}[hidden]{display:none!important}@media(max-width:480px){main{padding:1.2rem}body{padding:1rem .6rem}}