@font-face{font-family:Battlefin;src:url(/fonts/battlefin-black.woff2)format("woff2");font-weight:900;font-display:swap}@font-face{font-family:NB International;src:url(/fonts/NB-international-regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:NB International;src:url(/fonts/NB-international-bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--white-500:#fff8f8;--white-800:#f5eeee;--black-500:#1f1a23;--black-800:#17111b;--pink-500:#ffb0c2;--pink-800:#ff87a6;--purple-500:#cc91f0;--purple-800:#9e5ecf;--yellow-500:#ffb500;--red-500:#ff405e;--green-500:#93f091;--ground:var(--white-800);--panel:var(--white-500);--panel-alt:#f2e7ec;--ink:var(--black-500);--muted:#6b6472;--faint:#938b9b;--line:#e2d6dc;--line-strong:#d6ccd2;--well:#f3ecef;--accent-text:#6b2f9e;--accent-fill:var(--pink-500);--accent-fill-depth:var(--pink-800);--accent-on-fill:var(--black-500);--ring-selected:var(--pink-800);--ring-hover:#cfc4cb;--good-ink:#0f6f4a;--good-fill:#e8f6ee;--warn-ink:#7a4a00;--warn-fill:#fdf3e0;--bad-ink:#a81330;--bad-fill:#fdeaed;--shadow-panel:0 1px 2px #1f1a230d, 0 12px 32px -16px #1f1a2324;--radius-panel:12px;--radius-control:10px;--radius-button:10px;--testbar-h:1.85rem}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ground);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:NB International,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5}.split{grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.summary{background:var(--panel-alt);border-right:1px solid var(--line);justify-content:flex-end;align-items:stretch;padding:3rem 2.5rem;display:flex}.pay{background:var(--panel);justify-content:flex-start;align-items:stretch;min-width:0;padding:3rem 2.5rem;display:flex}.summary .panel-inner,.pay .panel-inner{min-height:100%}.panel-inner{flex-direction:column;gap:1.1rem;width:100%;max-width:23rem;display:flex}.pay .panel-inner{gap:.95rem}@media (max-width:52rem){.split{grid-template-columns:minmax(0,1fr)}.summary{border-right:0;border-bottom:1px solid var(--line);justify-content:center;padding:1.5rem 1.25rem 1.35rem}.pay{justify-content:center;padding:1.5rem 1.25rem 2.5rem}.panel-inner{max-width:26rem}}.page{place-items:center;min-height:100dvh;padding:2rem 1.25rem 3rem;display:grid}.brandline{align-items:center;gap:.5rem;display:flex}.brandline img{border-radius:6px;width:1.25rem;height:1.25rem;display:block}.brandline span{color:var(--muted);font-size:.8rem;font-weight:700}.brandline .testflag{letter-spacing:.1em;text-transform:uppercase;color:var(--warn-ink);-webkit-backdrop-filter:blur(10px)saturate(200%);background:linear-gradient(160deg,#ffb5006b,#ffb50038);border:1px solid #ffb5008c;border-radius:7px;flex:none;margin-left:auto;padding:.24rem .55rem;font-size:.63rem;font-weight:700;line-height:1.2;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffbf,inset 0 -1px #ffb50040,0 2px 6px -2px #7a4a0047}.brandline .testflag:before{content:"";pointer-events:none;background:linear-gradient(#ffffff8c,#0000);height:55%;position:absolute;inset:0 0 auto}.backlink{color:var(--muted);align-items:center;gap:.4rem;width:fit-content;font-size:.83rem;font-weight:700;text-decoration:none;display:inline-flex}button.backlink{font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.83rem;font-weight:700}.backlink:hover{color:var(--ink)}.frame-close{z-index:5;border:1px solid var(--line);background:var(--panel);width:2rem;height:2rem;color:var(--muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:fixed;top:.75rem;right:.75rem}.frame-close:hover{color:var(--ink);background:var(--panel-alt)}.frame-close svg{width:.85rem;height:.85rem}.payee-logo{align-self:flex-start;max-width:9rem;max-height:2.25rem;display:block}.payee{color:var(--muted);font-size:.88rem}.payee strong{color:var(--ink)}.amount{letter-spacing:-.01em;font-variant-numeric:tabular-nums;align-items:baseline;gap:.35rem;font-family:Battlefin,NB International,system-ui,sans-serif;font-size:clamp(2rem,7vw,2.5rem);font-weight:900;line-height:1;display:flex}.amount span{letter-spacing:.03em;color:var(--muted);font-family:NB International,system-ui,sans-serif;font-size:.9rem;font-weight:700}.converted{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:.92rem;font-weight:700}.desc{color:var(--muted);margin:0;font-size:.9rem}.lines{border-top:1px solid var(--line);grid-template-columns:auto 1fr;gap:.4rem 1rem;margin:0;padding-top:.9rem;font-size:.83rem;display:grid}.lines dt{color:var(--faint)}.lines dd{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.lines dt.total,.lines dd.total{border-top:1px solid var(--line-strong);color:var(--ink);margin-top:.15rem;padding-top:.4rem;font-weight:700}.hint{color:var(--faint);max-width:22ch;font-size:.72rem;font-weight:400;line-height:1.3;display:block}.summary-foot{color:var(--faint);align-items:center;gap:.35rem;margin-top:auto;padding-top:1.25rem;font-size:.75rem;display:flex}.setup{background:var(--ground);justify-content:center;align-items:flex-start;min-height:100vh;padding:3rem 1.5rem;display:flex}.setup .panel-inner{max-width:30rem}.setup .desc{max-width:none;line-height:1.55}.setup-foot{border-top:1px solid var(--line);color:var(--faint);margin:.75rem 0 0;padding-top:1.1rem;font-size:.75rem}.setup-title{font-family:var(--display);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:1.6rem;font-weight:700}.setup .mono{overflow-wrap:anywhere;font-size:.7rem}.testnote{color:var(--faint);margin:.5rem 0 0;font-size:.75rem;line-height:1.5}.testnote a{color:var(--muted);text-underline-offset:2px;text-decoration:underline}.testnote a:hover{color:var(--ink)}@media (max-width:47rem){.lines dt.total,.lines dd.total{border-top:1px solid var(--line-strong);color:var(--ink);margin-top:.15rem;padding-top:.4rem;font-weight:700}.hint{color:var(--faint);max-width:22ch;font-size:.72rem;font-weight:400;line-height:1.3;display:block}.summary-foot{display:none}}.pay-title{margin:0;font-size:1rem;font-weight:700}.label{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-size:.72rem;font-weight:700}.chains{flex-direction:column;gap:.5rem;display:flex}.chain{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-control);width:100%;color:inherit;font:inherit;cursor:pointer;align-items:center;gap:.7rem;padding:.75rem .85rem;transition:box-shadow .14s,background-color .14s;display:flex;box-shadow:inset 0 0 #0000}.chain:hover{box-shadow:inset 0 0 0 1px var(--ring-hover)}.chain[aria-pressed=true],.chain[aria-pressed=true]:hover{box-shadow:inset 0 0 0 2px var(--ring-selected);background:#fdf6f8}.chain:disabled{opacity:.55;cursor:not-allowed}.mark{border:1px solid var(--line-strong);background:var(--panel);border-radius:50%;flex:none;place-items:center;width:1rem;height:1rem;display:grid}.mark:after{content:"";background:var(--accent-fill-depth);border-radius:50%;width:.5rem;height:.5rem;transition:transform .14s;transform:scale(0)}.chain[aria-pressed=true] .mark{border-color:var(--accent-fill-depth)}.chain[aria-pressed=true] .mark:after{transform:scale(1)}.chain-text{flex-direction:column;min-width:0;display:flex}.chain-name{font-size:.92rem;font-weight:700}.chain-note{color:var(--muted);font-size:.78rem}.tabs{border-radius:var(--radius-control);background:var(--well);border:1px solid var(--line);gap:.25rem;padding:.22rem;display:flex}.tab{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:.45rem .6rem;font-size:.84rem;font-weight:700;transition:background-color .14s,color .14s}.tab[aria-selected=true]{background:var(--panel);color:var(--ink);box-shadow:0 1px 2px #1f1a2314}.primary{border-radius:var(--radius-button);background:var(--accent-fill);width:100%;color:var(--accent-on-fill);font:inherit;text-align:center;cursor:pointer;box-shadow:0 2px 0 var(--accent-fill-depth);border:0;margin-top:.15rem;padding:.8rem 1rem;font-size:.97rem;font-weight:700;text-decoration:none;transition:box-shadow .12s,transform .12s,filter .12s;display:block}.primary:hover{filter:saturate(1.08)brightness(1.02);box-shadow:0 2px 0 var(--accent-fill-depth), 0 8px 20px -10px #ff87a6e6}.primary:active{box-shadow:0 0 0 var(--accent-fill-depth);transform:translateY(2px)}.primary:disabled{opacity:.55;cursor:not-allowed;filter:none;transform:none}.ghost{border:1px solid var(--line);background:var(--panel);color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;padding:.5rem .7rem;font-size:.8rem;font-weight:700;transition:color .14s,border-color .14s}.ghost:hover{color:var(--ink);border-color:var(--line-strong)}.linkbtn{color:inherit;font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.linkbtn:disabled{opacity:.55;cursor:not-allowed}.field{flex-direction:column;gap:.3rem;display:flex}.field.aside .label,.field.aside .mono{color:var(--faint)}.field.aside .mono{background:0 0;border-style:dashed}.field .hint{max-width:none}.copy-row{align-items:stretch;gap:.4rem;display:flex}.mono{background:var(--well);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:8px;flex:1;min-width:0;padding:.55rem .65rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem}.qr{border:1px solid var(--line);background:#fff;border-radius:10px;align-self:center;padding:.6rem}.qr img{width:148px;height:148px;display:block}.wallet-open{display:none}.wallet-open .hint{max-width:none;margin-top:.45rem}@media (max-width:47rem){.qr{display:none}.wallet-open{display:block}}.notice{border:1px solid var(--line);background:var(--well);color:var(--muted);border-radius:9px;padding:.65rem .8rem;font-size:.85rem}.notice.warn{background:var(--warn-fill);color:var(--warn-ink);border-color:#f0dcb8}.notice.bad{background:var(--bad-fill);color:var(--bad-ink);border-color:#f4c9d1}.notice.good{background:var(--good-fill);color:var(--good-ink);border-color:#c7e6d5}.status{color:var(--muted);align-items:center;gap:.5rem;font-size:.83rem;display:flex}.dot{background:var(--faint);border-radius:50%;flex:none;width:.45rem;height:.45rem}.dot.live{background:var(--accent-fill-depth);animation:1.6s ease-out infinite pulse}.dot.good{background:var(--good-ink)}@keyframes pulse{0%{box-shadow:0 0 #ff87a6b3}70%{box-shadow:0 0 0 .4rem #ff87a600}to{box-shadow:0 0 #ff87a600}}.countdown{font-variant-numeric:tabular-nums;--number-flow-mask-height:.15em;align-items:baseline;gap:.1rem;font-size:.78rem;line-height:1.5;display:inline-flex}.countdown.urgent{color:var(--bad-ink);font-weight:700}.countdown .sep{opacity:.5}.wallet{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--well);align-items:center;gap:.65rem;padding:.6rem .7rem;display:flex}.wallet-dot{background:linear-gradient(140deg, var(--pink-500), var(--purple-500));border-radius:50%;flex:none;width:1.5rem;height:1.5rem}.wallet-text{flex-direction:column;min-width:0;line-height:1.3;display:flex}.wallet-addr{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.83rem;font-weight:700}.wallet-bal{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.76rem}.wallet .ghost{margin-left:auto}.result{flex-direction:column;align-items:flex-start;gap:.85rem;display:flex}.result-mark{border-radius:50%;flex:none;place-items:center;width:2.25rem;height:2.25rem;display:grid}.result-mark svg{width:1.35rem;height:1.35rem}.result-mark.good{background:var(--good-fill);color:var(--good-ink)}.result-mark.warn{background:var(--warn-fill);color:var(--warn-ink)}.result-mark.neutral{background:var(--well);color:var(--muted)}.result-title{text-wrap:balance;margin:0;font-size:1.15rem;font-weight:700;line-height:1.2}.result .converted{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:.92rem;font-weight:700}.converted .rate{color:var(--faint);font-weight:400}.desc{max-width:30ch}.pay-foot{border-top:1px solid var(--line);color:var(--faint);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:.75rem;margin-top:auto;padding-top:.9rem;font-size:.73rem;display:flex}.outcome{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);width:100%;max-width:26rem;box-shadow:var(--shadow-panel);text-align:center;flex-direction:column;align-items:center;gap:.9rem;padding:1.75rem 1.6rem;display:flex}.outcome .amount{justify-content:center}.code{background:var(--well);border-radius:4px;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em}.outcome.origin{max-width:30rem}.outcome.origin .desc{text-align:center;max-width:none}.origin-links{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.6rem;width:100%;margin-top:.3rem;padding-top:.9rem;font-size:.8rem;display:flex}.outcome .primary{margin-top:.4rem}.headline{text-wrap:balance;margin:0;font-family:Battlefin,NB International,system-ui,sans-serif;font-size:1.35rem;font-weight:900;line-height:1.15}.outcome-mark{background:var(--good-fill);width:2.75rem;height:2.75rem;color:var(--good-ink);border-radius:50%;place-items:center;font-size:1.35rem;font-weight:700;display:grid}.outcome-mark.neutral{background:var(--well);color:var(--muted)}a{color:var(--accent-text)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.primary:active{transform:none}}