*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f5f6f8;color:#1b1f24;line-height:1.5}main{max-width:32rem;margin:0 auto;padding:1.5rem 1rem 3rem}header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}h1{font-size:1.25rem;margin:0}h2{font-size:1.1rem;margin:0 0 .75rem}.card{background:#fff;border:1px solid #dfe3e8;border-radius:.75rem;padding:1.25rem}.row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.85rem;background:#e8ebef}.badge.ok{background:#d9f2e1;color:#11623a}.badge.warn{background:#fdecc8;color:#7a4b00}button{font:inherit;cursor:pointer;border:1px solid #1b1f24;background:#1b1f24;color:#fff;border-radius:.5rem;padding:.55rem 1rem;margin-top:.75rem}button.secondary{background:#fff;color:#1b1f24;margin-top:0}button:disabled{opacity:.5;cursor:not-allowed}.qr{width:16rem;max-width:100%;margin:1rem auto 0;background:#fff;padding:.5rem;border:1px solid #dfe3e8;border-radius:.5rem}.qr svg{display:block;width:100%;height:auto}.help{color:#4a5360}.error,.help{font-size:.9rem}.error{color:#9b1c1c}