:root{--navy:#1f2348;--navy-soft:#3b3f66;--gold:#e9b213;--gold-pressed:#d19c0b;--cream:#f7f4ea;--card:#fff;--line:#e4dfd0;--ok:#24b15c;--wait:#0582ca;--alert:#d94432;--calm:#6b674f;--shadow:0 10px 28px #1f234812;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--sans:"Segoe UI", system-ui, sans-serif;--radius-card:1.25rem;--radius-control:1rem;--touch:52px;--touch-lg:56px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{min-height:100%;margin:0;overflow-x:hidden}body{font-family:var(--sans);color:var(--navy);background:var(--cream);-webkit-tap-highlight-color:transparent}#app{min-height:100svh}.screen{width:min(100%,26.5rem);padding:calc(1.15rem + var(--safe-top)) 1rem calc(1.8rem + var(--safe-bottom));flex-direction:column;gap:.95rem;margin:0 auto;display:flex}.brand{flex-direction:column;gap:.4rem;padding:.05rem .1rem 0;display:flex}.brand h1,.card h2{margin:0}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--navy-soft);margin:0;font-size:.68rem;font-weight:700}.brand h1{letter-spacing:-.045em;font-size:clamp(1.85rem,8vw,2.2rem);line-height:1.05}.lede,.message,.detail{color:var(--navy-soft);margin:0;line-height:1.5}.lede{color:var(--navy);text-wrap:balance;margin-top:.1rem;font-size:clamp(1.02rem,4.2vw,1.12rem);font-weight:600;line-height:1.4}.purpose{color:var(--calm);max-width:22rem;margin:0;font-size:.9rem;font-weight:500;line-height:1.45}.flow-trail{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--card);box-shadow:var(--shadow);grid-template-columns:repeat(4,minmax(0,1fr));gap:.28rem;margin:0;padding:.55rem .4rem .6rem;list-style:none;display:grid}.flow-trail li{min-height:3.35rem;color:var(--navy-soft);text-align:center;border-radius:.9rem;flex-direction:column;justify-content:center;align-items:center;gap:.32rem;padding:.35rem .12rem;display:flex}.flow-index{width:1.45rem;height:1.45rem;color:var(--navy-soft);background:#f3efe2;border-radius:999px;place-items:center;font-size:.7rem;font-weight:700;display:grid}.flow-label{letter-spacing:0;white-space:nowrap;font-size:.62rem;font-weight:700;line-height:1.15}.flow-trail li[data-state=current]{color:var(--navy);background:#e9b21338}.flow-trail li[data-state=current] .flow-index{background:var(--gold);color:var(--navy)}.flow-trail li[data-state=done]{color:var(--ok);background:#24b15c1a}.flow-trail li[data-state=done] .flow-index{background:var(--ok);color:#fff}.flow-trail li[data-state=upcoming]{background:0 0}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:1.1rem 1.05rem 1.15rem}.card-header{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.card h2{letter-spacing:-.02em;min-width:0;font-size:1.05rem;font-weight:700;line-height:1.25}.status{max-width:100%;color:var(--navy-soft);text-align:center;white-space:nowrap;background:#f3efe2;border-radius:999px;flex-shrink:0;padding:.28rem .62rem;font-size:.7rem;font-weight:700;line-height:1.2}.status[data-state=connecting],.status[data-state=requesting],.status[data-state=syncing]{color:var(--wait);background:#0582ca1f}.status[data-state=ready]{color:var(--ok);background:#24b15c24}.status[data-state=connected]{color:var(--navy);background:#1f234814}.status[data-state=error]{color:var(--alert);background:#d944321f}.status[data-state=disconnected],.status[data-state=cancelled],.status[data-state=idle]{color:var(--calm);background:#f3efe2}.facts{gap:.7rem;margin:.9rem 0 0;display:grid}.facts div{border-top:1px solid var(--line);justify-content:space-between;gap:.85rem;padding-top:.7rem;display:flex}dt{color:var(--calm);flex-shrink:0;font-size:.82rem;font-weight:600}dd{text-align:right;margin:0;font-weight:600;line-height:1.4}.detail{margin-top:.75rem;font-size:.88rem;line-height:1.45}.detail[data-tone=alert]{color:var(--alert)}.detail[data-tone=calm]{color:var(--calm)}.action{width:100%;min-height:var(--touch-lg);border-radius:var(--radius-control);background:var(--gold);color:var(--navy);font:inherit;cursor:pointer;text-align:center;border:0;justify-content:center;align-items:center;margin-top:.95rem;padding:.85rem 1rem;font-size:1rem;font-weight:700;line-height:1.2;transition:background-color .15s,opacity .15s,border-color .15s;display:flex}.action:hover:not(:disabled),.action:active:not(:disabled){background:var(--gold-pressed)}.action:focus-visible{outline:3px solid var(--navy);outline-offset:2px}.action:disabled{cursor:not-allowed;opacity:.42}.action.secondary{border:1.5px solid var(--line);color:var(--navy);background:0 0}.action.secondary:hover:not(:disabled),.action.secondary:active:not(:disabled){background:#fbf8ef}.field{border:0;gap:.4rem;min-inline-size:0;margin-top:1rem;padding:0;display:grid}.field>label{gap:.4rem;display:grid}.field>span,.field legend{font-size:.95rem;font-weight:700}.field em{color:var(--calm);font-style:normal;font-weight:500}.field input,.field textarea{width:100%;min-height:var(--touch);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--cream);color:var(--navy);font:inherit;padding:.75rem .85rem}.field textarea{resize:vertical;min-height:5.25rem}.field input:focus-visible,.field textarea:focus-visible,.intent-option:focus-visible{outline:3px solid var(--navy);outline-offset:2px}.intent-grid{border:1px solid var(--line);background:#fbf8ef;border-radius:1.05rem;grid-template-columns:1fr 1fr;gap:.5rem;padding:.45rem;display:grid}.intent-option{min-height:var(--touch);border:1px solid var(--line);background:var(--card);color:var(--navy);font:inherit;cursor:pointer;border-radius:.9rem;padding:.65rem .5rem;font-weight:600}.intent-option[aria-pressed=true]{background:var(--gold);border-color:#0000}.counter{color:var(--calm);justify-self:end;font-size:.75rem;font-weight:500}.facts .stack{flex-direction:column;align-items:flex-start;gap:.3rem}.facts .stack dd{text-align:left;overflow-wrap:anywhere;word-break:break-word}.break{overflow-wrap:anywhere;word-break:break-word}.mode-switch{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--card);box-shadow:var(--shadow);grid-template-columns:1fr 1fr;gap:.28rem;padding:.28rem;display:grid}.mode-tab{min-height:48px;color:var(--navy-soft);font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;border-radius:.95rem;justify-content:center;align-items:center;padding:.55rem;font-size:.9rem;font-weight:700;line-height:1.2;display:flex}.mode-tab[aria-pressed=true]{background:var(--gold);color:var(--navy)}.mode-tab[aria-pressed=false]:hover,.mode-tab[aria-pressed=false]:active{color:var(--navy);background:#fbf8ef}.mode-tab:focus-visible{outline:3px solid var(--navy);outline-offset:2px}.receipt-hero,.result-hero{letter-spacing:-.03em;margin:.15rem 0 .65rem;font-size:clamp(1.45rem,6.5vw,1.7rem);font-weight:700;line-height:1.15}.receipt-hero .hero-kicker,.result-hero .hero-kicker{color:var(--navy);letter-spacing:.01em;margin-bottom:.2rem;font-size:.92rem;font-weight:700;display:block}.receipt-hero .hero-amount,.result-hero .hero-amount{color:var(--navy);letter-spacing:-.04em;font-size:clamp(1.7rem,7.5vw,2rem);font-weight:700;line-height:1.1;display:block}.receipt-hero .hero-amount span,.result-hero .hero-amount span{color:var(--navy-soft);letter-spacing:.06em;vertical-align:.08em;margin:0;font-size:.55em;font-weight:700;display:inline}.receipt-block{margin-top:1.15rem;padding-top:.15rem}.receipt-block h3{letter-spacing:-.01em;margin:0;font-size:.98rem}.receipt .facts{margin-top:.6rem}.wallet-bar{padding-top:1rem;padding-bottom:1.05rem}.wallet-bar[data-connecting=true] .status[data-state=connecting]{white-space:nowrap}.wallet-bar[data-connecting=true] .wallet-summary{color:var(--wait)}.wallet-summary{margin:0;font-size:.95rem;font-weight:600;line-height:1.45}.wallet-address-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.wallet-address-row .wallet-summary{min-width:0}.receipt-details,.signature-details,.share-link-details{border-top:1px solid var(--line);margin-top:.95rem;padding-top:.1rem}.receipt-details summary,.signature-details summary,.share-link-details summary{min-height:var(--touch);cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;padding:.15rem 0;list-style:none;display:flex}.receipt-details summary::-webkit-details-marker{display:none}.signature-details summary::-webkit-details-marker{display:none}.share-link-details summary::-webkit-details-marker{display:none}.details-copy{gap:.12rem;min-width:0;display:grid}.details-title{color:var(--navy);font-weight:700}.details-hint{color:var(--calm);font-size:.8rem;font-weight:500;line-height:1.35}.receipt-details summary:after,.signature-details summary:after,.share-link-details summary:after{content:"";border-right:2px solid var(--calm);border-bottom:2px solid var(--calm);transform-origin:50%;flex-shrink:0;width:.45rem;height:.45rem;margin-right:.2rem;transform:rotate(45deg)}.receipt-details[open] summary:after,.signature-details[open] summary:after,.share-link-details[open] summary:after{margin-top:.35rem;transform:rotate(225deg)}.receipt-details summary:focus-visible,.signature-details summary:focus-visible,.share-link-details summary:focus-visible{outline:3px solid var(--navy);outline-offset:2px;border-radius:.5rem}.receipt-preview .message{margin-top:.8rem}.receipt-preview .match-line{margin-top:.7rem}.receipt-details .facts{margin-top:.6rem}.field .field-hint{color:var(--calm);margin:0;font-size:.82rem;font-weight:500;line-height:1.4}.quiet-note{color:var(--calm);margin:.7rem 0 0;font-size:.78rem;line-height:1.45}.status-banner{min-height:var(--touch);border-radius:var(--radius-control);text-align:center;background:#f3efe2;justify-content:center;align-items:center;margin:0 0 .9rem;padding:.7rem .85rem;font-size:.92rem;font-weight:700;line-height:1.3;display:flex}.status-banner[data-state=idle]{color:var(--navy);background:#e9b21338}.status-banner[data-state=connected]{color:var(--ok);background:#24b15c29}.status-banner[data-state=error]{color:var(--alert);background:#d944321f}.match-line{background:#f3efe2;border-radius:.9rem;margin:.6rem 0 0;padding:.7rem .8rem;font-size:.9rem;font-weight:600;line-height:1.4}.match-line[data-state=ok]{color:var(--ok);background:#24b15c24}.match-line[data-state=no]{color:var(--calm);background:#f3efe2}.match-line[data-state=wait]{color:var(--wait);background:#0582ca1a}.signature-details{margin-top:.65rem}.receipt .quiet-note{margin-top:.55rem}.ack-success{border-radius:var(--radius-control);background:#24b15c1f;margin-top:.8rem;padding:.9rem .95rem}.ack-success-title{color:var(--ok);letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.12rem;font-weight:700}.ack-success .message{color:var(--navy-soft);font-size:.9rem}.ack-success .facts{margin-top:.7rem}.receipt .ack-cta,.receipt .copy-cta{margin-top:1rem}.share-link-details{margin-top:.55rem}.share-link-details:not([open])>:not(summary){display:none}.receipt .match-line{align-items:center;min-height:48px;margin-top:.7rem;display:flex}.intent-form{flex-direction:column;display:flex}.intent-form .field{margin-top:1.15rem}.intent-form .intent-option{min-height:var(--touch);border:1.5px solid var(--line);background:var(--card);color:var(--navy-soft);justify-content:center;align-items:center;gap:.38rem;padding:.6rem .45rem;font-weight:600;display:flex}.intent-form .intent-option[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--navy);font-weight:700;box-shadow:0 0 0 2px #1f23481f}.intent-dot{background:0 0;border:1.5px solid;border-radius:999px;flex-shrink:0;width:.46rem;height:.46rem}.intent-form .intent-option[aria-pressed=true] .intent-dot{background:var(--navy);border-color:var(--navy)}.intent-grid .intent-option:last-child:nth-child(odd){grid-column:1/-1}.field-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.field-top>span{font-weight:700}.paste-action{border:1.5px solid var(--line);min-height:40px;color:var(--navy-soft);font:inherit;cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;padding:.28rem .8rem;font-size:.78rem;font-weight:700}.paste-action:hover,.paste-action:active{color:var(--navy);background:#fbf8ef}.paste-action:focus-visible{outline:3px solid var(--navy);outline-offset:2px}.amount-input{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--cream);align-items:center;min-height:4.35rem;padding-right:1rem;display:flex}.field .amount-input input{letter-spacing:-.04em;background:0 0;border:0;flex:1;min-width:0;min-height:4.35rem;padding:.7rem .85rem;font-size:1.7rem;font-weight:700}.amount-input input:focus,.amount-input input:focus-visible{outline:none}.amount-input:focus-within{outline:3px solid var(--navy);outline-offset:2px}.amount-suffix{letter-spacing:.1em;color:var(--navy-soft);flex-shrink:0;font-size:.88rem;font-weight:700}.intent-form .recipient-input{letter-spacing:.01em;min-height:4.2rem;font-size:.92rem;line-height:1.45}.intent-form .message-input{min-height:5.4rem}.intent-form .counter{margin-top:.1rem}.intent-form .review-cta,.review-card .action:not(.secondary){margin-top:1.15rem}@media (width<=359px){.screen{gap:.85rem;padding-left:.85rem;padding-right:.85rem}.mode-tab{min-height:46px;padding-left:.4rem;padding-right:.4rem;font-size:.84rem}.flow-label{font-size:.56rem}.status{padding:.26rem .5rem;font-size:.66rem}}@media (width>=412px){.screen{padding-left:1.15rem;padding-right:1.15rem}.flow-label{font-size:.66rem}}@media (width>=720px){.screen{width:min(100%,26.5rem);padding-top:calc(1.6rem + var(--safe-top))}}