:root{color-scheme:light dark;font-family:-apple-system,system-ui,sans-serif}body{margin:0;display:grid;place-items:center;min-height:100vh;background:#f6f4ef;color:#1e1e1e}@media(prefers-color-scheme:dark){body{background:#171717;color:#eee}}.card{width:min(92vw,420px);padding:28px;border-radius:16px;background:#ffffffbf;box-shadow:0 8px 30px #00000014}@media(prefers-color-scheme:dark){.card{background:#222}}h1{margin:0 0 4px;font-size:26px;letter-spacing:-.01em}.tag{margin:0 0 20px;opacity:.6}label{display:block;margin:12px 0 4px;font-size:13px;opacity:.8}input{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:10px;border:1px solid #ccc;font-size:15px}button{margin-top:16px;width:100%;padding:11px;border-radius:10px;border:0;background:#3a7bd5;color:#fff;font-size:15px;cursor:pointer}button.secondary{background:transparent;color:inherit;border:1px solid #aaa}.qr{display:block;width:100%;aspect-ratio:1;border-radius:12px;background:#fff;margin:12px 0;object-fit:contain}.status{font-size:14px;padding:8px 10px;border-radius:8px;background:#3a7bd51a}.status.ok{background:#2ea0431f}.status.bad{background:#dc35451f}.err{color:#c0392b;font-size:13px;margin-top:8px}small{display:block;margin-top:14px;opacity:.55;font-size:12px}