:root{--bg:#f3f4f6;--surface:#fff;--text:#111827;--sub:#6b7280;--line:#e3e7ec;--primary:#1e5a8c;--primsoft:#e8f1f8;--danger:#dc2626;--warnbg:#fef3c7;--warntx:#92400e}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,system-ui,Segoe UI,sans-serif}.wrap{max-width:420px;margin:0 auto;padding:28px 20px 48px}.brand{color:var(--primary);letter-spacing:.2px;font-weight:800}h1{margin:12px 0 8px;font-size:26px}p{color:var(--sub);line-height:1.45}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin:14px 0;padding:16px}label{margin:10px 0 6px;font-size:13px;font-weight:700;display:block}input,canvas{border:1.5px solid var(--line);border-radius:12px;width:100%;font-size:16px}input{height:48px;padding:0 12px}canvas{touch-action:none;background:#fff;height:140px}.cta{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:16px;width:100%;height:56px;margin-top:14px;font-size:16px;font-weight:800}.cta:disabled{opacity:.55}.ghost{border:1.5px solid var(--primary);width:100%;height:48px;color:var(--primary);cursor:pointer;background:#fff;border-radius:14px;margin-top:10px;font-weight:700}.err{color:var(--danger);font-weight:700}.warn{background:var(--warnbg);color:var(--warntx);border-radius:12px;padding:12px;font-weight:700}.code{letter-spacing:4px;font-size:28px;font-weight:800}