:root{--bg: #0b0c0f;--panel: #12141a;--text: #e8e9ee;--muted: #a3a7b7;--primary: #4f8cff;--primary-press: #3a6cda;--danger: #ff5d5d;--border: #1e2230;--radius: 14px;--shadow: 0 6px 18px rgba(0,0,0,.24);--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 20px;--space-5: 28px;--space-6: 40px;--tap-size: 44px;--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Apple Color Emoji","Segoe UI Emoji"}@media (prefers-color-scheme: light){:root{--bg: #f6f7fb;--panel: #ffffff;--text: #101213;--muted: #586073;--primary: #2b6cff;--primary-press: #1d4ed8;--border: #e8ebf5}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:640px;margin:0 auto;padding:var(--space-5) var(--space-3)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-5)}h1,h2{margin:0 0 var(--space-4);font-weight:700;letter-spacing:.2px}label{display:block;margin-bottom:var(--space-3)}label>span{display:block;color:var(--muted);font-size:.9rem;margin-bottom:6px}input[type=number]{width:100%;height:var(--tap-size);padding:0 var(--space-3);border-radius:12px;background:transparent;color:var(--text);border:1px solid var(--border);outline:none}button{height:var(--tap-size);min-width:120px;padding:0 var(--space-4);border:0;border-radius:999px;background:var(--primary);color:#fff;font-weight:600;letter-spacing:.2px;cursor:pointer}button:active{transform:translateY(1px);background:var(--primary-press)}button[disabled]{opacity:.6;pointer-events:none}.row{display:flex;gap:var(--space-3);flex-wrap:wrap}.actions{margin-top:var(--space-4);display:flex;gap:var(--space-3);align-items:center}.error{color:var(--danger);margin-top:var(--space-2)}.helper{color:var(--muted);font-size:.9rem;margin-top:6px}.qr-wrap{background:#fff;border-radius:12px;padding:var(--space-3);display:inline-block;margin-top:var(--space-4)}.qr-meta{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;color:var(--muted);margin-top:var(--space-2);word-break:break-all;text-align:center}@media (min-width: 768px){.container{padding:var(--space-6) var(--space-5)}.card{padding:var(--space-6)}}