:root{--bg-page:#fff;--bg-ground:#f7f7f8;--fg-default:#000;--fg-subtle:#6e7074;--fg-muted:#a1a1aa;--border-subtle:#e4e4e7;--border-default:#d4d4d8;--brand:#e42e2c;--brand-dark:#c4211f;--brand-tint:#fdecec;--link:#0075d9;--fg-inverse:#fdfdfd;--ring:#e42e2c1f;--shadow-brand:0 1px 2px #e42e2c3d, 0 8px 20px -10px #e42e2c80;--shadow-dock:0 -1px 0 var(--border-subtle), 0 -12px 24px -18px #18181b2e;--info-tint:#e5f3ff;--info-fg:#0061b3;--success-tint:#eaf9ee;--success-fg:#248c3e;--warning-tint:#fff5e5;--warning-fg:#8c5700;--danger-tint:#fceae9;--danger-fg:#c4211f;--radius:12px;--radius-sm:8px;--font-sans:"DM Sans", system-ui, -apple-system, sans-serif;--font-mono:"DM Mono", ui-monospace, monospace;--text-caption:.75rem;--text-body:1rem;--text-subheading:1.125rem;--text-title:1.5rem;--lh-tight:1.2;--lh-snug:1.35;--lh-normal:1.5}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-page);color:var(--fg-default);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-kerning:normal;font-size:var(--text-body);line-height:var(--lh-normal)}.widget{background:var(--bg-page);flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative}.widget-header{background:var(--bg-page);color:var(--fg-default);z-index:2;flex-shrink:0;align-items:center;gap:10px;padding:16px 22px;display:flex}.widget-header .wh-logo{width:auto;height:22px;display:block}.widget-main{flex-direction:column;flex:1;min-height:0;display:flex}.widget-body{flex-direction:column;flex:1;gap:20px;padding:8px 22px 24px;animation:.32s cubic-bezier(.22,1,.36,1) screen-in;display:flex;overflow-y:auto}.widget-body.centered{text-align:center;justify-content:center;align-items:center;gap:18px}.widget-bottom{padding:14px 22px calc(18px + env(safe-area-inset-bottom));background:var(--bg-page);box-shadow:var(--shadow-dock);z-index:2;flex-direction:column;flex-shrink:0;gap:12px;display:flex}.widget-footer{padding:10px 22px calc(10px + env(safe-area-inset-bottom));font-size:var(--text-caption);color:var(--fg-subtle);text-align:center;letter-spacing:.2px;flex-shrink:0}.stepper{flex-direction:column;gap:8px;display:flex}.stepper-caption{font-size:var(--text-caption);align-items:baseline;gap:8px;display:flex}.stepper-caption .sc-count{color:var(--brand);letter-spacing:.02em;font-weight:600}.stepper-caption .sc-name{color:var(--fg-subtle);font-weight:500}.stepper-track{background:var(--border-subtle);border-radius:999px;height:5px;overflow:hidden}.stepper-fill{background:var(--brand);border-radius:999px;height:100%;transition:width .45s cubic-bezier(.22,1,.36,1)}.title{font-size:var(--text-title);font-weight:700;line-height:var(--lh-tight);color:var(--fg-default);letter-spacing:-.02em;text-wrap:balance;margin:0}.title.compact{font-size:var(--text-subheading);line-height:var(--lh-snug);letter-spacing:-.01em}.lead{font-size:var(--text-body);color:var(--fg-subtle);line-height:var(--lh-normal);text-wrap:pretty;max-width:42ch;margin:0}.screen-head{flex-direction:column;gap:8px;display:flex}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}a,.link{color:var(--link);font-weight:500;text-decoration:none}a:hover,.link:hover{text-decoration:underline}a:focus-visible,.link:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:2px}.icon-chip{background:var(--brand-tint);width:48px;height:48px;color:var(--brand);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-chip svg{width:24px;height:24px}.icon-chip.success{background:var(--success-tint);color:var(--success-fg)}.icon-chip.danger{background:var(--danger-tint);color:var(--danger-fg)}.btn{border-radius:var(--radius-sm);width:100%;height:50px;font-family:inherit;font-size:var(--text-body);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border:none;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:500;transition:background .15s,border-color .15s,transform 80ms,box-shadow .15s,opacity .15s;display:inline-flex;overflow:hidden}.btn:active:not(:disabled){transform:scale(.985)}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn:disabled{cursor:not-allowed}.btn-primary{background:var(--brand);color:var(--fg-inverse);box-shadow:var(--shadow-brand)}.btn-primary:hover:not(:disabled){background:var(--brand-dark)}.btn-primary:disabled{background:var(--brand);opacity:.42;box-shadow:none}.btn-ghost{color:var(--fg-subtle);background:0 0;font-weight:500}.btn-ghost:hover:not(:disabled){color:var(--fg-default);background:var(--bg-ground)}.btn-sm{height:38px;font-size:var(--text-caption);border-radius:var(--radius-sm);width:auto;padding:0 16px}.trust{font-size:var(--text-caption);color:var(--fg-subtle);text-align:center;justify-content:center;align-items:center;gap:8px;line-height:1.4;display:flex}.trust svg{width:14px;height:14px;color:var(--success-fg);flex-shrink:0}.field{flex-direction:column;gap:8px;display:flex}.field label{font-size:var(--text-caption);color:var(--fg-default);font-weight:600}.input{border:1.5px solid var(--border-subtle);border-radius:var(--radius-sm);height:50px;font-family:inherit;font-size:var(--text-body);background:var(--bg-page);color:var(--fg-default);outline:none;width:100%;padding:0 14px;transition:border-color .12s,box-shadow .12s}.input::placeholder{color:var(--fg-muted)}.input:hover:not(:focus){border-color:var(--border-default)}.input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}.phone-group{gap:10px;display:flex}.phone-cc{border:1.5px solid var(--border-subtle);border-radius:var(--radius-sm);height:50px;font-size:var(--text-body);color:var(--fg-default);background:var(--bg-ground);flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-weight:500;display:flex}.input-help{font-size:var(--text-caption);color:var(--fg-subtle)}.input-help.error{color:var(--danger-fg)}.banner{border-radius:var(--radius);font-size:var(--text-body);text-align:left;align-items:flex-start;gap:10px;width:100%;padding:13px 15px;line-height:1.5;display:flex}.banner svg{flex-shrink:0;width:18px;height:18px;margin-top:1px}.banner-info{background:var(--info-tint);color:var(--info-fg)}.banner-success{background:var(--success-tint);color:var(--success-fg)}.banner-warning{background:var(--warning-tint);color:var(--warning-fg)}.banner-danger{background:var(--danger-tint);color:var(--danger-fg)}.tight-body{gap:14px}.hero{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.hero-sub{font-size:var(--text-caption);color:var(--fg-subtle);max-width:40ch;margin:0;line-height:1.5}.info-card{border:1px solid var(--border-subtle);border-radius:var(--radius);flex-direction:column;gap:14px;width:100%;padding:16px;display:flex}.info-card-title{font-size:var(--text-body);color:var(--fg-default);font-weight:700}.info-row{align-items:flex-start;gap:12px;display:flex}.info-ic{background:var(--brand-tint);width:34px;height:34px;color:var(--brand);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.info-ic svg{width:18px;height:18px}.info-row-text{flex-direction:column;gap:2px;min-width:0;display:flex}.info-row-title{font-size:var(--text-body);color:var(--fg-default);font-weight:600}.info-row-desc{font-size:var(--text-caption);color:var(--fg-subtle);line-height:1.4}.fineprint{font-size:var(--text-caption);color:var(--fg-subtle);margin:0;line-height:1.5}.kv-card{border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--bg-page);width:100%;padding:2px 16px}.kv{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.kv:last-child{border-bottom:none}.kv .k{font-size:var(--text-caption);color:var(--fg-subtle)}.kv .v{font-size:var(--text-caption);text-align:right;color:var(--fg-default);font-weight:600}.graphic{border-radius:999px;justify-content:center;align-items:center;width:92px;height:92px;display:flex}.graphic.success{background:var(--success-tint);color:var(--success-fg)}.graphic.danger{background:var(--danger-tint);color:var(--danger-fg)}.pop-in{animation:.36s cubic-bezier(.22,1,.36,1) both pop-in}.retry-pill{background:var(--warning-tint);color:var(--warning-fg);font-size:var(--text-caption);border-radius:999px;align-items:center;gap:6px;padding:5px 13px;font-weight:600;display:inline-flex}.retry-pill.danger{background:var(--danger-tint);color:var(--danger-fg)}.scan-body{justify-content:center;gap:24px}.scan-head{flex-direction:column;gap:4px;display:flex}.scan-instruction{font-size:var(--text-subheading);color:var(--fg-default);text-align:center;min-height:1.35em;margin:0;font-weight:600;line-height:1.3}.scan-step{font-size:var(--text-caption);color:var(--fg-subtle);text-align:center;margin:0}.cam-wrap{width:264px;height:264px;margin:0 auto;position:relative}.cam-wrap:after{content:"";box-shadow:0 0 0 2px var(--brand);opacity:0;pointer-events:none;border-radius:999px;animation:1.9s ease-out infinite cam-ping;position:absolute;inset:30px}@keyframes cam-ping{0%{opacity:.45;transform:scale(.96)}70%{opacity:0}to{opacity:0;transform:scale(1.16)}}.cam-ticks{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cam-frame{border:2px solid var(--border-subtle);background:var(--bg-ground);border-radius:999px;width:204px;height:204px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.cam-frame video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.cam-frame.ok{border-color:var(--success-fg)}.bullets{background:var(--bg-ground);border-radius:var(--radius);text-align:left;flex-direction:column;gap:8px;width:100%;margin:0;padding:12px 14px;list-style:none;display:flex}.bullets li{font-size:var(--text-caption);color:var(--fg-default);padding-left:18px;line-height:1.4;position:relative}.bullets li:before{content:"";background:var(--brand);border-radius:999px;width:5px;height:5px;position:absolute;top:6px;left:3px}.spinner{border:3px solid var(--border-subtle);border-top-color:var(--brand);border-radius:999px;width:46px;height:46px;animation:.9s linear infinite spin}.redirect{font-size:var(--text-caption);color:var(--fg-subtle);align-items:center;gap:8px;margin-top:4px;display:flex}.spinner-sm{border:2px solid var(--border-subtle);border-top-color:var(--brand);border-radius:999px;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spin}.merchant-chip{background:var(--bg-ground);border:1px solid var(--border-subtle);font-size:var(--text-caption);color:var(--fg-default);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;gap:8px;max-width:55%;margin-left:auto;padding:6px 13px;font-weight:500;display:inline-flex;overflow:hidden}.merchant-chip img{object-fit:cover;border-radius:5px;flex-shrink:0;width:18px;height:18px}.merchant-chip .mc-dot{background:var(--success-fg);width:7px;height:7px;box-shadow:0 0 0 3px var(--success-tint);border-radius:999px;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.widget-body,.pop-in,.cam-wrap:after{animation:none}.stepper-fill,.btn{transition:none}}