:root{--bg-page:#fff;--bg-ground:#f7f7f8;--fg-default:#0d1117;--fg-strong:#1f2329;--fg-subtle:#6e7074;--fg-slate:#5b6778;--fg-muted:#a0abb9;--border-subtle:#e4e4e7;--border-default:#cbd1d8;--brand:#e42e2c;--brand-dark:#c22725;--brand-tint:#fdecec;--link:#0065d1;--accent:#008aff;--accent-tint:#e8f3ff;--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;--danger-fg-strong:#a42120;--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-caption-2:.6875rem;--text-small:.875rem;--text-body:1rem;--text-subheading:clamp(1rem, calc(1.25dvh + 9.5px), 1.125rem);--text-title:clamp(1.125rem, calc(3.1dvh + 3px), 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);min-height:32px;color:var(--fg-strong);z-index:2;flex-shrink:0;align-items:center;gap:8px;padding:14px 16px;display:flex}.wh-back{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--fg-strong);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.wh-back:hover{background:var(--bg-ground)}.wh-back:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.wh-timer{align-items:center;margin-left:auto;display:inline-flex}.session-timer{background:var(--bg-ground,#f4f5f7);color:var(--fg-slate);font-size:var(--text-caption);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-weight:500;line-height:1;display:inline-flex}.session-timer svg{opacity:.8;flex-shrink:0}.session-timer.urgent{background:var(--danger-tint);color:var(--danger-fg)}.brand-logo{align-self:flex-start;width:auto;margin-bottom:2px;display:block}.need-action{text-align:center;flex-direction:column;align-items:center;gap:14px;margin-top:6px;display:flex}.need-action-illus{width:150px;height:150px;margin-bottom:2px}.need-action .lead{font-size:var(--text-small)}.need-action-buttons{flex-direction:column;gap:10px;width:100%;margin-top:8px;display:flex}.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);z-index:2;flex-direction:column;flex-shrink:0;gap:12px;display:flex}.widget-footer{padding:12px 22px calc(12px + env(safe-area-inset-bottom));font-size:var(--text-small);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.toast{left:16px;right:16px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:5;border-radius:var(--radius-sm);min-height:48px;font-size:var(--text-small);line-height:var(--lh-normal);align-items:center;gap:12px;padding:14px 16px;animation:.28s cubic-bezier(.22,1,.36,1) toast-in;display:flex;position:absolute;box-shadow:0 16px 25px -2px #0d11171a,0 8px 10px -2px #0d11171a,0 0 1px #0d111726}.toast--danger{background:var(--brand);color:var(--fg-inverse)}.toast--neutral{background:var(--fg-default);color:var(--fg-inverse)}.toast-msg{flex:1;min-width:0}.toast-action{font-family:inherit;font-size:var(--text-small);letter-spacing:.4px;color:#3887db;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-weight:500}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.lang-switch{position:relative}.lang-chip{border:1.5px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:var(--text-small);color:var(--fg-strong);background:var(--bg-page);cursor:pointer;align-items:center;gap:6px;padding:6px 10px;font-weight:500;display:inline-flex}.lang-chip:hover{border-color:var(--border-default)}.lang-chip:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.lang-chip .flag-id,.lang-chip .flag-en{width:18px;height:18px}.lang-chip svg{color:var(--fg-subtle)}.lang-backdrop{z-index:40;position:fixed;inset:0}.lang-menu{z-index:41;background:var(--bg-page);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-width:160px;margin:0;padding:4px;list-style:none;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 8px 24px -12px #18181b47}.lang-opt{width:100%;font-size:var(--text-small);color:var(--fg-strong);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-weight:500;display:flex}.lang-opt:hover{background:var(--bg-ground)}.lang-opt.sel{color:var(--brand)}.lang-opt .flag-id,.lang-opt .flag-en{width:18px;height:18px}.wf-copy{color:var(--fg-slate)}.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.lead-sm{font-size:var(--text-small)}.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-ghost.btn-accent{color:var(--accent)}.btn-ghost.btn-accent:hover:not(:disabled){color:var(--accent);background:var(--accent-tint)}.btn-ghost:disabled{opacity:.5}.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-slate);text-align:center;justify-content:center;align-items:center;gap:8px;line-height:1.4;display:flex}.trust svg{width:16px;height:16px;color:var(--success-fg);flex-shrink:0}.trust--start{text-align:left;justify-content:flex-start;align-items:flex-start;gap:10px}.trust--start svg{width:18px;height:18px;margin-top:1px}.field{flex-direction:column;gap:8px;display:flex}.field label{font-size:var(--text-caption);color:var(--fg-slate);font-weight:500}.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-field{border:1.5px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-page);align-items:center;height:54px;transition:border-color .12s,box-shadow .12s;display:flex}.phone-field:hover:not(:focus-within):not(.error){border-color:var(--border-default)}.phone-field:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}.phone-field.error{border-color:var(--brand)}.phone-field.error:focus-within{box-shadow:0 0 0 4px var(--ring)}.phone-cc{font-size:var(--text-body);color:var(--fg-default);white-space:nowrap;align-items:center;gap:8px;padding:0 10px 0 14px;font-weight:500;display:flex}.flag-id{background:linear-gradient(to bottom, var(--brand) 0 50%, #fff 50% 100%);border:1px solid var(--border-subtle);border-radius:50%;flex-shrink:0;width:22px;height:22px}.flag-en{border:1px solid var(--border-subtle);background-image:linear-gradient(#3c3b6e,#3c3b6e),repeating-linear-gradient(#b22234 0 2px,#fff 2px 4px);background-position:0 0,0 0;background-repeat:no-repeat,repeat;background-size:55% 55%,100% 100%;border-radius:50%;flex-shrink:0;width:22px;height:22px}.phone-cc svg{color:var(--fg-subtle);flex-shrink:0}.phone-divider{background:var(--border-subtle);align-self:stretch;width:1px;margin:11px 0}.phone-input{min-width:0;height:100%;font-family:inherit;font-size:var(--text-body);color:var(--fg-default);background:0 0;border:none;outline:none;flex:1;padding:0 14px}.phone-input::placeholder{color:var(--fg-muted)}.input-help{font-size:var(--text-caption);color:var(--fg-subtle)}.input-help.error{color:var(--danger-fg)}.sheet-overlay{z-index:10;padding:0 8px calc(24px + env(safe-area-inset-bottom));background:#00000080;align-items:flex-end;animation:.3s sheet-fade;display:flex;position:absolute;inset:0}.sheet{background:var(--bg-page);text-align:center;will-change:transform;border-radius:12px;flex-direction:column;align-items:center;gap:14px;width:100%;padding:12px 24px;animation:.42s cubic-bezier(.32,.72,0,1) sheet-up;display:flex;box-shadow:0 20px 40px -8px #0d111740}.sheet-handle{background:#0000001a;border-radius:999px;flex-shrink:0;align-self:center;width:30px;height:6px;margin-bottom:4px}.sheet-title{font-size:var(--text-body);color:var(--fg-strong);letter-spacing:-.01em;text-align:center;margin:0;font-weight:500}.sheet-body{max-width:34ch;font-size:var(--text-body);color:var(--fg-slate);line-height:var(--lh-normal);margin:0}.sheet-action{font-family:inherit;font-size:var(--text-body);color:var(--fg-default);cursor:pointer;background:0 0;border:none;margin-top:4px;padding:12px;font-weight:600}.sheet-action:hover{color:var(--brand)}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.sheet,.sheet-overlay{animation:none}}.sheet--panel{text-align:left;align-items:stretch;gap:8px;max-height:82%;padding-left:14px;padding-right:14px}.sheet-title--panel{padding-inline:10px}.sheet-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#0d111738 transparent;flex-direction:column;margin:0 -4px;padding:0 4px 4px;display:flex;overflow-y:auto}.sheet-scroll::-webkit-scrollbar{width:6px}.sheet-scroll::-webkit-scrollbar-track{background:0 0}.sheet-scroll::-webkit-scrollbar-thumb{background:#0d111738;border-radius:999px}.sheet-scroll::-webkit-scrollbar-thumb:hover{background:#0d111757}.input.sheet-search{box-sizing:border-box;z-index:1;background:var(--bg-page);appearance:none;flex-shrink:0;width:100%;height:50px;margin-bottom:8px;display:block;position:sticky;top:0}.sheet-search::-webkit-search-cancel-button{appearance:none}.sheet-search::-webkit-search-decoration{appearance:none}.sheet-row{width:100%;font-family:inherit;font-size:var(--text-body);color:var(--fg-strong);text-align:left;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex}.sheet-row:hover{background:var(--bg-subtle,#f4f5f7)}.sheet-row[aria-selected=true]{background:var(--accent-tint);color:var(--accent);font-weight:500}.sheet-row .sheet-row-flag{object-fit:cover;border:1px solid var(--border-subtle);border-radius:50%;flex-shrink:0;width:24px;height:24px}.sheet-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sheet-row-dial{color:var(--fg-slate);font-variant-numeric:tabular-nums}.sheet-empty{color:var(--fg-slate);font-size:var(--text-body);text-align:center;padding:20px 8px}.sheet-subtitle{text-align:center;color:var(--fg-slate);font-size:var(--text-body);line-height:var(--lh-normal);margin:0 0 4px;padding-inline:10px}.method-cards,.channel-cards{flex-direction:column;gap:12px;display:flex}.method-card,.channel-card{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-page);width:100%;font-family:inherit;font-size:var(--text-body);color:var(--fg-strong);text-align:left;cursor:pointer;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;transition:border-color .12s,background .12s,opacity .12s;display:flex}.method-card:hover:not(:disabled),.channel-card:hover:not(:disabled){border-color:var(--accent)}.method-card:focus-visible,.channel-card:focus-visible{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-tint);outline:none}.method-card:disabled,.channel-card:disabled{opacity:.5;cursor:default}.method-card-icon,.channel-card-icon{border-radius:var(--radius-sm);background:var(--info-tint);width:32px;height:32px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.method-card-label,.channel-card-text{flex:1;min-width:0}.channel-card-text{flex-direction:column;gap:4px;display:flex}.method-card-label,.channel-card-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel-card-dest{font-size:var(--text-caption);color:var(--fg-slate);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.method-card>svg:last-child,.channel-card>svg:last-child{color:var(--fg-muted);flex-shrink:0}.channel-card-icon--plain{background:var(--bg-ground)}.otp-channel-screen .channel-cards{gap:16px}.sheet-close{font-family:inherit;font-size:var(--text-body);color:var(--fg-default);cursor:pointer;background:0 0;border:none;align-self:center;margin-top:6px;padding:12px 24px;font-weight:600}.sheet-close:hover{color:var(--accent)}.sheet-loading{justify-content:center;padding:24px 0;display:flex}.link-btn.method-link--accent{color:var(--accent)}.link-btn.method-link--accent:hover:not(:disabled){color:var(--accent);text-decoration:underline}.phone-cc--btn{font:inherit;cursor:pointer;background:0 0;border:none}.phone-cc--btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.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-sm{font-size:var(--text-caption);padding:10px 12px}.banner-sm svg{width:15px;height:15px}.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}.consent-body{gap:16px}.consent-title{font-size:.9375rem;line-height:var(--lh-snug);text-wrap:balance}.consent-head{flex-direction:column;gap:6px;display:flex}.consent-head .lead{font-size:var(--text-small)}.consent-section{width:100%}.consent-sec-head{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:4px 0;font-family:inherit;display:flex}.consent-sec-ic{background:var(--brand-tint);width:40px;height:40px;color:var(--brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.consent-sec-ic.plain{width:auto;height:auto;color:var(--fg-slate);background:0 0}.consent-sec-title{min-width:0;color:var(--fg-strong);font-size:.8125rem;font-weight:600;line-height:var(--lh-snug);flex:1}.consent-chev{color:var(--fg-slate);flex-shrink:0;transition:transform .2s;display:inline-flex}.consent-chev.open{transform:rotate(180deg)}.consent-sec-body{flex-direction:column;gap:14px;padding:8px 0 4px 52px;display:flex}.consent-sec-body.flush{padding-left:0}.consent-data-row{align-items:center;gap:12px;display:flex}.consent-data-ic{color:var(--fg-slate);flex-shrink:0;display:inline-flex}.consent-data-text{flex-direction:column;gap:1px;min-width:0;display:flex}.consent-data-label{color:var(--fg-strong);font-size:.8125rem;font-weight:500}.consent-data-value{color:var(--fg-muted);font-size:.8125rem}.consent-handle-text{color:var(--fg-slate);font-size:.8125rem;line-height:var(--lh-normal);margin:0}.consent-handle-text a{color:var(--link);font-weight:500;text-decoration:none}.consent-handle-text a:hover{text-decoration:underline}.consent-divider{border:none;border-top:1px solid var(--border-subtle);width:100%;margin:2px 0}.consent-fineprint{font-size:var(--text-caption);color:var(--fg-slate);margin:0;line-height:1.6}.hl{font-weight:500}.hl-blue{color:var(--link)}.hl-red{color:var(--brand);text-decoration:none}a.hl-red:hover{text-decoration:underline}.hl-bold{color:var(--fg-strong);font-weight:600}.consent-hidden{color:var(--success-fg);align-items:center;gap:4px;font-weight:500;display:inline-flex}.consent-hidden:before{content:"✓";font-size:.75rem}.consent-data-ic img,.consent-sec-ic img{object-fit:contain;display:block}.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}.share-to{border-radius:var(--radius);background:var(--bg-ground);justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 14px;display:flex}.share-to-label{font-size:var(--text-caption);color:var(--fg-subtle);flex-shrink:0}.share-to-name{color:var(--fg-strong);text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.875rem;font-weight:600;overflow:hidden}.share-fields{width:100%}.share-fields-head{justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px;display:flex}.share-fields-title{font-size:var(--text-caption);color:var(--fg-strong);margin:0;font-weight:600}.verified-chip{background:var(--success-tint);color:var(--success-fg);border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:3px 9px;font-size:.6875rem;font-weight:600;display:inline-flex}.share-field{justify-content:flex-start;gap:10px}.share-field-ic{color:var(--fg-slate);flex-shrink:0;display:inline-flex}.share-field .k{flex:1;min-width:0}.share-field .v{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.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-wrap.searching:after{opacity:0;animation:none}.cam-wrap.searching .cam-frame video{filter:blur(7px)grayscale(.35)brightness(.96)}.cam-wrap.loading:after{opacity:0;animation:none}.cam-wrap.loading .cam-frame video{filter:blur(14px)grayscale(.5)brightness(.9)}.cam-loading{pointer-events:none;background:#18181b2e;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cam-frame video{transition:filter .25s}.cam-guide{color:#fff;opacity:.92;filter:drop-shadow(0 1px 6px #18181b59);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.flash-full{z-index:90;justify-content:center;align-items:center;transition:background 80ms;display:flex;position:fixed;inset:0}.flash-hint{font-weight:700;font-size:var(--text-subheading);color:#fffffff2;text-shadow:0 1px 8px #00000073;margin:0}.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}.widget-body.handoff{gap:12px}.handoff-main{text-align:center;flex-direction:column;align-items:center;margin-top:24px;display:flex}.handoff-hero{width:150px;height:150px;margin-bottom:24px}.handoff .title{margin-bottom:8px}.handoff .lead{color:var(--fg-subtle);margin-bottom:40px}.handoff-hint{font-size:var(--text-caption);color:var(--fg-subtle);text-align:center;margin:0;line-height:1.35}.error-code{font-size:var(--text-caption);color:var(--fg-muted);margin:8px 0 0}.handoff-hint-link{font:inherit;color:var(--brand);cursor:pointer;background:0 0;border:0;padding:0}.handoff-hint-link:hover{text-decoration:underline}.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}}.debug-panel{border:1px dashed var(--warning-fg);border-radius:var(--radius-sm);background:var(--warning-tint);width:100%;font-size:var(--text-caption);text-align:left;color:var(--fg-default);padding:8px 10px}.debug-panel summary{cursor:pointer;color:var(--warning-fg);font-weight:700}.debug-panel .debug-body{flex-direction:column;gap:8px;max-height:220px;margin-top:8px;display:flex;overflow-y:auto}.debug-panel h4{font-size:var(--text-caption);margin:0 0 2px}.debug-panel ul{margin:0;padding-left:16px}.debug-panel p{margin:0}.debug-panel code{font-family:var(--font-mono);font-size:11px}.debug-panel .debug-fail{color:var(--danger-fg);font-weight:700}@media (height<=700px){.widget-header{padding:10px 22px}.widget-body{gap:14px;padding:4px 22px 16px}.widget-body.centered{gap:14px}.tight-body{gap:10px}.icon-chip{width:40px;height:40px}.icon-chip svg{width:20px;height:20px}.info-card{gap:10px;padding:12px}.graphic{width:76px;height:76px}.btn{height:46px}.input,.phone-field{height:48px}.widget-bottom{padding:10px 22px calc(12px + env(safe-area-inset-bottom));gap:8px}.widget-footer{padding:6px 22px calc(8px + env(safe-area-inset-bottom))}.cam-wrap{width:220px;height:220px}.cam-frame{width:170px;height:170px}.handoff-hero{width:120px;height:120px;margin-bottom:16px}.handoff .lead{margin-bottom:24px}.handoff-main{margin-top:12px}}@media (height<=560px){.widget-header{padding:8px 22px}.widget-body,.widget-body.centered{gap:10px}.icon-chip{width:36px;height:36px}.icon-chip svg{width:18px;height:18px}.info-card{gap:8px;padding:10px}.graphic{width:64px;height:64px}.btn,.input,.phone-field{height:42px}.cam-wrap{width:180px;height:180px}.cam-frame{width:140px;height:140px}.handoff-hero{width:96px;height:96px;margin-bottom:12px}.handoff .lead{margin-bottom:16px}.handoff-main{margin-top:6px}}.liveness-illus{align-self:center;width:200px;height:auto;display:block}.liveness-head{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.liveness-head .title{font-size:var(--text-subheading)}.liveness-head .lead{max-width:34ch;font-size:var(--text-small)}.tip-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.tip{background:var(--bg-ground);border-radius:var(--radius);align-items:center;gap:14px;padding:10px 14px;display:flex}.tip img{border-radius:50%;flex-shrink:0;width:40px;height:40px}.tip span{font-size:var(--text-body);color:var(--fg-default);line-height:var(--lh-snug)}.fine-print{font-size:var(--text-caption);color:var(--fg-muted);line-height:var(--lh-snug);margin:0}.link-action{font-family:inherit;font-size:var(--text-body);color:var(--fg-default);cursor:pointer;background:0 0;border:none;align-self:center;margin-top:4px;padding:12px;font-weight:600}.link-action:hover{color:var(--brand)}.countdown{place-items:center;width:72px;height:72px;margin-top:2px;display:grid;position:relative}.countdown-ring{transform:rotate(-90deg)}.countdown-track{fill:none;stroke:var(--border-subtle);stroke-width:5px}.countdown-progress{fill:none;stroke:var(--brand);stroke-width:5px;stroke-linecap:round;animation:countdown-deplete var(--dur,10s) linear forwards}@keyframes countdown-deplete{0%{stroke-dashoffset:0}to{stroke-dashoffset:var(--circ)}}.countdown-num{font-size:var(--text-subheading);color:var(--fg-strong);font-variant-numeric:tabular-nums;font-weight:700;position:absolute}@media (prefers-reduced-motion:reduce){.countdown-progress{animation:none}}.btn.block{align-self:stretch;width:100%}.liveness-intro{gap:clamp(8px,1.8vh,20px);padding-top:clamp(2px,1vh,8px);padding-bottom:clamp(10px,2vh,24px);overflow:hidden}.liveness-intro .brand-logo{flex-shrink:0;height:clamp(24px,4.2vh,34px)}.liveness-intro .liveness-illus{object-fit:contain;flex:0 clamp(84px,22vh,200px);width:auto;max-width:66%;height:clamp(84px,22vh,200px);min-height:0}.liveness-intro .liveness-head{flex-shrink:0}.liveness-intro .tip-list{flex-shrink:0;gap:clamp(6px,1.3vh,10px)}.liveness-intro .tip{padding:clamp(6px,1.3vh,10px) 14px}.liveness-intro .tip img{width:clamp(30px,4.6vh,40px);height:clamp(30px,4.6vh,40px)}.liveness-intro .tip span{font-size:clamp(.8125rem, 1.9vh, var(--text-body))}.liveness-intro .fine-print{font-size:var(--text-caption);flex-shrink:0}.liveness-intro .btn.block{flex-shrink:0}@media (height<=560px){.liveness-intro .brand-logo{display:none}}.otp-screen .title,.otp-channel-screen .title{font-size:1.25rem;font-weight:500;line-height:var(--lh-snug);letter-spacing:0}.otp-screen .lead,.otp-channel-screen .lead{font-size:var(--text-body)}.otp-inputs{justify-content:space-between;gap:8px;display:flex}.otp-box{text-align:center;min-width:0;height:44px;font-size:var(--text-body);color:var(--fg-default);border:1.5px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-page);font-variant-numeric:tabular-nums;outline:none;flex:1 1 0;font-weight:400;transition:border-color .12s,box-shadow .12s}.otp-box:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}.otp-box.error{border-color:var(--brand)}.otp-field{flex-direction:column;gap:8px;display:flex}.otp-error{font-size:var(--text-caption-2);letter-spacing:.4px;color:var(--danger-fg-strong);margin:0}.otp-resend{flex-direction:column;gap:4px;display:flex}.otp-resend-q{font-size:var(--text-caption);color:var(--fg-default);margin:0;font-weight:500}.otp-resend-line{font-size:var(--text-small);align-items:baseline;gap:4px;margin:0;display:flex}.otp-resend-in{color:var(--fg-subtle);font-variant-numeric:tabular-nums;font-weight:500}.otp-actions{flex-direction:column;gap:16px;display:flex}.link-btn{font:inherit;color:var(--brand);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.link-btn:disabled{color:var(--fg-muted);cursor:default}.link-btn:hover:not(:disabled){text-decoration:underline}.link-btn.link-btn--accent{color:var(--accent);font-weight:500;text-decoration:underline}.link-btn.link-btn--accent:disabled{color:var(--accent);opacity:.5}.input.error{border-color:var(--danger-fg)}.method-switch{margin-top:-2px}.method-chips{flex-wrap:wrap;gap:8px;display:flex}.method-chip{border:1.5px solid var(--border-subtle);background:var(--bg-page);font:inherit;font-size:var(--text-caption);color:var(--fg-slate);cursor:pointer;border-radius:999px;padding:6px 12px;transition:border-color .12s,color .12s,background .12s}.method-chip:hover:not(.active){border-color:var(--border-default)}.method-chip.active{border-color:var(--brand);color:var(--brand);background:var(--brand-tint)}.method-link{font-size:var(--text-caption);font-weight:500}.need-action-reason{color:var(--fg-strong);margin:-4px 0 0;font-weight:600}
