:root{--n9:#060B1A;--n7:#111C3A;--line:rgba(201,169,97,.22);--gold:#C9A961;--ink:#E9E6DF;--dim:#9AA3B8;--red:#d9786b}
*{box-sizing:border-box}body{margin:0;background:var(--n9);color:var(--ink);font:16px/1.55 "Inter Tight","Segoe UI",system-ui,sans-serif;min-height:100vh;display:grid;place-items:center}
main{width:min(400px,100%);padding:24px 16px}h1,h2{font-family:Georgia,serif;font-weight:500;color:#F6F3EC;margin:0 0 8px}.dim{color:var(--dim)}
label{display:block;margin:14px 0 4px}input{width:100%;min-height:44px;padding:0 12px;background:var(--n7);color:var(--ink);border:1px solid var(--line);border-radius:10px;font:inherit}
.go{width:100%;min-height:44px;margin-top:18px;border:0;border-radius:10px;background:var(--gold);color:var(--n9);font:600 1rem inherit;cursor:pointer}
input:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#m{color:var(--red);min-height:1.5em}
#qr svg{width:220px;height:220px;display:block;margin:10px auto;border-radius:8px}code{word-break:break-all;color:var(--gold)}
.alt{background:transparent;color:var(--gold);border:1px solid var(--gold)}