:root{--stage:#e9edf1;--bg:#f4f6f8;--surface:#fff;--surface-2:#eef1f4;--text:#121620;--muted:#5f6775;--border:#e2e6eb;--accent:#0f766e;--accent-text:#fff;--accent-soft:#e3f3f0;--danger:#b42318;--danger-soft:#fdecea;--warn-soft:#fff5e1;--warn-text:#7a4b00;--payer:#111827;--payer-text:#fff;--bezel:#0b0d12;--radius:16px;--tabbar-h:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--stage:#07090c;--bg:#0e1116;--surface:#171b22;--surface-2:#1f242d;--text:#e9ebef;--muted:#9aa2b1;--border:#272d37;--accent:#2dd4bf;--accent-text:#04201d;--accent-soft:#11302d;--danger:#f97066;--danger-soft:#3a1a18;--warn-soft:#2d2412;--warn-text:#f3c969;--payer:#f3f4f6;--payer-text:#111827;--bezel:#2a2f38;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--stage);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}h1,h2,h3{margin:0;line-height:1.2}h2{font-size:1.15rem}h3{font-size:.95rem}p{margin:0}code{background:var(--accent-soft);border-radius:5px;padding:.1em .35em;font:.82em/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}code.wrap{word-break:break-all}.muted{color:var(--muted)}.small{font-size:.82rem}.block{display:block}.center{text-align:center}.num{font-variant-numeric:tabular-nums}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stack{flex-direction:column;gap:.6rem;display:flex}.stage{justify-content:center;align-items:center;gap:64px;min-height:100%;padding:24px;display:flex}.stage-note{flex-direction:column;gap:.9rem;max-width:300px;display:none}.stage-note h2{font-size:1.6rem}@media (width>=980px){.stage-note{display:flex}}.device{background:var(--bg);border:10px solid var(--bezel);isolation:isolate;border-radius:52px;flex:none;width:390px;height:min(844px,100dvh - 48px);min-height:600px;position:relative;overflow:hidden;box-shadow:0 30px 80px -20px #0f172a59,0 0 0 1px #00000014}@media (width<=520px),(height<=640px) and (width<=900px){.stage{height:100%;padding:0;display:block}.device{width:100%;height:100%;min-height:0;box-shadow:none;border:0;border-radius:0}}.screen{flex-direction:column;display:flex;position:absolute;inset:0}.screen-body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:14px;padding:8px 18px 24px;display:flex;overflow-y:auto}.screen-body>*{flex-shrink:0}.screen-footer{padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--border);flex-direction:column;gap:10px;display:flex}.screen-footer:has(+.tabbar){padding-bottom:12px}.topbar{padding:calc(14px + env(safe-area-inset-top)) 12px 8px;grid-template-columns:56px 1fr 56px;align-items:center;min-height:56px;display:grid}.topbar>:last-child{justify-self:end}.topbar-title{text-align:center;font-size:1rem;font-weight:650}.topbar.large{justify-content:space-between;align-items:flex-end;padding-bottom:10px;padding-left:18px;padding-right:18px;display:flex}.topbar.large h1{letter-spacing:-.01em;font-size:1.75rem;font-weight:750}.topbar-subtitle{color:var(--muted);font-size:.85rem}.demo-badge{font:inherit;letter-spacing:.06em;text-transform:uppercase;border:1px dashed var(--warn-text);background:var(--warn-soft);color:var(--warn-text);cursor:pointer;border-radius:999px;min-height:0;padding:.3rem .65rem;font-size:.72rem;font-weight:700}.tabbar{min-height:var(--tabbar-h);padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid}.tab{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.7rem;font-weight:600;display:flex}.tab.active{color:var(--accent)}button,.button{font:inherit;background:var(--accent);min-height:50px;color:var(--accent-text);cursor:pointer;text-align:center;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-weight:650;display:inline-flex}button.block,.button.block{width:100%;display:flex}button:disabled{opacity:.55;cursor:default}button:active:not(:disabled),.button:active{transform:scale(.985)}button.secondary,.button.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}button.payer,.button.payer{background:var(--payer);color:var(--payer-text)}button.danger-solid{background:var(--danger);color:#fff}.icon-button{width:40px;height:40px;min-height:0;color:var(--text);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.icon-button:hover{background:var(--surface-2)}.icon-button.small{width:28px;height:28px;color:inherit}.icon-button.on-dark{color:inherit;background:#ffffff1f;width:34px;height:34px}.brand-mark{color:#fff;background:linear-gradient(140deg,#14b8a6,#0f766e);flex:none;place-items:center;display:inline-grid}.payer-mark{background:var(--payer);width:44px;height:44px;color:var(--payer-text);border-radius:13px;flex:none;place-items:center;font-size:1.2rem;font-weight:800;display:inline-grid}.payer-mark.small{background:var(--payer-text);width:20px;height:20px;color:var(--payer);border-radius:6px;font-size:.7rem}.inline-mark{align-items:center;gap:.4rem;display:inline-flex}.inline-mark .payer-mark.small,.powered .payer-mark.small,.wallet-card-label .payer-mark.small{background:var(--payer);color:var(--payer-text)}.wallet-card-label .payer-mark.small{color:#111827;background:#fff}.spinner{opacity:.8;border:2.5px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.welcome .screen-body{gap:24px}.topbar.plain{min-height:56px}.welcome-hero{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px 0 4px;display:flex}.welcome-hero h1{letter-spacing:-.02em;margin-top:6px;font-size:2rem;font-weight:800}.lead{color:var(--muted);max-width:26ch;font-size:1.05rem}.feature-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.feature-list li{align-items:flex-start;gap:14px;display:flex}.feature-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.feature-icon.large{border-radius:16px;width:56px;height:56px}.powered{justify-content:center;align-items:center;gap:.35rem;display:flex}.form{flex-direction:column;gap:16px;padding-top:4px;display:flex}.form-hero{flex-direction:column;align-items:center;gap:12px;padding:16px 0 8px;display:flex}.field{flex-direction:column;gap:6px;font-size:.88rem;font-weight:600;display:flex}input:not([type=checkbox]):not([type=radio]){font:inherit;border:1px solid var(--border);background:var(--surface);min-height:50px;color:var(--text);border-radius:12px;padding:.7rem .9rem;font-size:16px;font-weight:400}input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.switch{appearance:none;background:var(--border);cursor:pointer;border-radius:999px;flex:none;width:48px;height:28px;margin:0;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(20px)}.banner{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:flex-start;gap:10px;padding:12px 12px 12px 14px;font-size:.88rem;display:flex}.banner>svg{flex:none;margin-top:1px}.banner-text{flex:1;min-width:0}.banner.success{background:var(--accent-soft);border-color:#0000}.banner.success>svg{color:var(--accent)}.banner.warn{background:var(--warn-soft);color:var(--warn-text);border-color:#0000}.banner.error{background:var(--danger-soft);color:var(--danger);border-color:#0000}.demo-note{border:1px dashed color-mix(in srgb, var(--warn-text) 45%, transparent);background:color-mix(in srgb, var(--warn-soft) 60%, transparent);border-radius:14px;font-size:.84rem}.demo-note summary{cursor:pointer;color:var(--warn-text);align-items:center;gap:8px;padding:10px 14px;font-weight:650;list-style:none;display:flex}.demo-note summary::-webkit-details-marker{display:none}.demo-note summary:after{content:"";border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;margin-left:auto;transition:transform .15s;transform:rotate(45deg)}.demo-note[open] summary:after{transform:rotate(225deg)}.demo-note-body{color:var(--text);flex-direction:column;gap:8px;padding:0 14px 12px;display:flex}.bullets{flex-direction:column;gap:6px;margin:0;padding-left:1.2rem;display:flex}.list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.list-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:8px 4px -6px;font-size:.78rem}.list-row{align-items:center;gap:12px;min-height:52px;margin:0;padding:13px 14px;display:flex}.list-row+.list-row{border-top:1px solid var(--border)}.list-row dt{flex:none}.list-row dd{text-align:right;min-width:0;margin:0 0 0 auto}.list-row.toggle{cursor:pointer;justify-content:space-between;font-weight:600}.list-row.toggle .block{margin-top:2px;font-weight:400}.list-row.action{width:100%;color:var(--text);background:0 0;border:0;border-radius:0;justify-content:space-between;font-weight:550}.list-row.action+.list-row.action{border-top:1px solid var(--border)}.list-row.action.danger{color:var(--danger)}.list-row.action:active:not(:disabled){background:var(--surface-2);transform:none}.list-main{flex-direction:column;flex:1;min-width:0;display:flex}.list-end{text-align:right;flex-direction:column;flex:none;align-items:flex-end;display:flex}.section-head{justify-content:space-between;align-items:baseline;margin-top:6px;display:flex}.empty{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;display:flex}.empty.tall{flex:1;justify-content:center;gap:12px}.empty h2{color:var(--text)}.txn-icon{background:var(--surface-2);width:38px;height:38px;color:var(--text);border-radius:50%;flex:none;place-items:center;display:grid}.txn-icon.in{background:var(--accent-soft);color:var(--accent)}.txn-icon.out{background:var(--warn-soft);color:var(--warn-text)}.link-card{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:22px;flex-direction:column;align-items:center;gap:10px;padding:24px 20px 20px;display:flex}.link-card>button,.link-card>.banner{align-self:stretch;margin-top:6px}.wallet-card{color:#fff;background:radial-gradient(120% 140% at 100% 0,#2dd4bf59,#0000 55%),linear-gradient(150deg,#0f172a,#134e4a);border-radius:22px;flex-direction:column;gap:4px;padding:18px 20px 20px;display:flex;box-shadow:0 14px 30px -14px #0f766e99}.wallet-card code{background:#ffffff26}.wallet-card-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.wallet-card-label{align-items:center;gap:.45rem;font-size:.9rem;font-weight:650;display:inline-flex}.wallet-card-caption{opacity:.75;font-size:.82rem}.wallet-card-amount{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-bottom:8px;font-size:2.1rem;font-weight:750}.quick-actions{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.quick{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);min-height:0;color:var(--text);flex-direction:column;align-items:center;gap:6px;padding:12px 6px;font-size:.82rem;font-weight:600;display:flex}.quick-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.items{flex-direction:column;gap:10px;display:flex}.item{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:12px;padding:12px 14px;display:flex}.item input{opacity:0;pointer-events:none;position:absolute}.item.selected{border-color:var(--accent);background:var(--accent-soft)}.item:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.item-art{border-radius:12px;flex:none;place-items:center;width:46px;height:46px;display:grid}.item-art.teal{color:#0f766e;background:#ccfbf1}.item-art.amber{color:#b45309;background:#fef3c7}.item-art.violet{color:#6d28d9;background:#ede9fe}.limits{grid-template-columns:1fr 1fr;align-self:stretch;gap:10px;margin-top:4px;display:grid}.limits div{background:var(--surface-2);border-radius:12px;flex-direction:column;padding:10px;display:flex}.receipt{text-align:center;flex-direction:column;align-items:center;gap:8px;padding-top:4px;display:flex}.receipt button{margin-top:12px}.receipt-amount{font-size:2rem;font-weight:750}.result-icon{border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.result-icon.success{background:var(--accent-soft);color:var(--accent)}.result-icon.error{background:var(--danger-soft);color:var(--danger)}.profile{align-items:center;gap:14px;padding:4px 2px;display:flex}.avatar{background:var(--accent-soft);width:60px;height:60px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:1.2rem;font-weight:750;display:grid}.dot{background:#22c55e;border-radius:50%;width:8px;height:8px;margin-right:.3rem;display:inline-block}.facts{grid-template-columns:1fr;gap:2px;margin:0;display:grid}.facts dt{color:var(--muted);margin-top:6px}.facts dd{min-width:0;margin:0}.tags{flex-wrap:wrap;gap:4px;display:flex}.sheet-layer{z-index:20;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.sheet-backdrop{background:#0006;animation:.2s ease-out fade;position:absolute;inset:0}.sheet{background:var(--bg);border-radius:24px 24px 0 0;flex-direction:column;max-height:92%;animation:.25s cubic-bezier(.2,.9,.3,1) rise;display:flex;position:relative}.sheet-handle{background:var(--border);border-radius:999px;width:40px;height:5px;margin:8px auto 0}.sheet-head{justify-content:space-between;align-items:center;padding:8px 10px 4px 20px;display:flex}.sheet-body{padding:8px 20px calc(20px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;display:flex;overflow-y:auto}@keyframes rise{0%{transform:translateY(100%)}}@keyframes fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.sheet,.sheet-backdrop{animation:none}}.about{flex-direction:column;gap:10px;display:flex}.about h3{margin-top:6px}.connect-art{justify-content:center;align-items:center;gap:10px;padding:6px 0 2px;display:flex}.connect-logo{color:#fff;background:linear-gradient(140deg,#14b8a6,#0f766e);border-radius:13px;place-items:center;width:44px;height:44px;font-size:1.2rem;font-weight:800;display:grid}.connect-dots{border-top:3px dotted var(--muted);width:40px}.full-message{text-align:center;justify-content:center;align-items:center;gap:12px;padding:32px}.full-message .button{margin-top:12px}.linking{align-items:center;gap:14px;margin-bottom:8px;display:flex}