:root{--background:#ffffff;--foreground:#0a0a0a;--muted:#6b7280;--border:#e5e7eb;--primary:#2563eb;--primary-fg:#ffffff;--surface:#f9fafb;--error:#b91c1c;--success:#15803d}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#fafafa;--muted:#a1a1aa;--border:#27272a;--primary:#3b82f6;--primary-fg:#ffffff;--surface:#18181b;--error:#f87171;--success:#4ade80}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--background);color:var(--foreground);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit;font-size:inherit}.container{max-width:480px;margin:0 auto;padding:32px 20px}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:14px 20px;font-size:16px;font-weight:600;border-radius:10px;border:1px solid transparent;background:var(--primary);color:var(--primary-fg);transition:opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:transparent;color:var(--foreground);border-color:var(--border)}.btn.danger{background:transparent;color:var(--error)}.input{display:block;width:100%;padding:12px 14px;font-size:16px;border-radius:10px;border:1px solid var(--border);background:var(--background);color:var(--foreground)}.input:focus{outline:2px solid var(--primary);outline-offset:-1px}.label{display:block;margin-bottom:6px;font-size:14px;font-weight:500}.field{margin-bottom:16px}.card{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:20px}.muted{color:var(--muted)}.error,.muted{font-size:14px}.error{color:var(--error)}.success{color:var(--success);font-size:14px}.h1{font-size:28px}.h1,.h2{font-weight:700;margin:0 0 8px}.h2{font-size:22px}.h3{font-size:18px;font-weight:600;margin:0 0 8px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack>*+*{margin-top:12px}.option{display:block;width:100%;text-align:left;border:1px solid var(--border);background:var(--surface);padding:16px;border-radius:12px;margin-bottom:12px;color:inherit}.option:hover{border-color:var(--primary)}.qr-frame{background:#fff;padding:16px;border-radius:12px;display:inline-block}