*{box-sizing:border-box}body{margin:0;background:#0b0c12;color:#f7f3e8;font:15px/1.6 system-ui,-apple-system,sans-serif}main{max-width:480px;margin:0 auto;padding:22px 20px 48px}header{display:flex;align-items:center;gap:18px;margin-bottom:28px}a{color:#f7c948;text-decoration:none}h1{font-size:24px;margin:0}h2{font-size:18px}p{color:#a5a6b1}label{display:block;margin:18px 0 7px}input,textarea{width:100%;padding:14px;border-radius:12px;border:1px solid #343641;background:#181a24;color:#fff;font:inherit}textarea{resize:vertical;min-height:100px;word-break:break-all}input:focus,textarea:focus{outline:2px solid #f7c948}button,.primary{display:block;width:100%;border:0;border-radius:28px;background:#f7c948;color:#17130a;padding:14px 18px;margin-top:20px;font:600 16px system-ui;cursor:pointer;text-align:center}button:disabled{opacity:.5;cursor:wait}.card{background:#191b26;border:1px solid #74612c;border-radius:20px;padding:22px;text-align:center;margin-top:24px}.id{font-size:30px;letter-spacing:3px}.code{font:14px/1.8 monospace;word-break:break-all;user-select:all;color:#f7c948}#qr canvas{max-width:100%;height:auto;background:white;border:12px solid white;border-radius:12px;margin:14px auto}.note{font-size:13px;color:#a5a6b1}.status{min-height:24px;color:#ffd36a;margin-top:16px;overflow-wrap:anywhere}[hidden]{display:none!important}.danger{color:#f0bd80}.secondary{background:#252734;color:#f7f3e8}small{display:block;color:#a5a6b1;margin-top:8px}