.page{position:relative;margin-top:calc(-1 * var(--header-h));padding-top:var(--header-h)}.page-stage{position:absolute;inset:0 0 auto;height:min(100%,820px);overflow:hidden;pointer-events:none;z-index:0}.pay-page .page-head{position:relative;z-index:1;padding-top:clamp(16px,3.5vh,36px);padding-bottom:clamp(20px,3vw,40px)}.pay-page .page-head .kicker{margin-top:var(--space-4)}.page-title{max-width:14em;font:400 var(--text-3xl)/1.04 var(--font-display);letter-spacing:var(--tracking-display);text-wrap:balance}.pay-page .page-head .lead{margin-top:var(--space-5);max-width:44em}.pay-page .section{position:relative;z-index:1}.section-text{padding-block:clamp(24px,3.4vw,48px)}.section-text:last-child{padding-bottom:clamp(56px,7vw,104px)}.section-title-text{font:300 var(--text-2xl)/1.08 var(--font-display);letter-spacing:var(--tracking-display);text-wrap:balance}.split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-4);row-gap:var(--space-5);padding-top:var(--space-6);border-top:var(--hairline)}.split-head{grid-column:span 5;padding-right:var(--space-5)}.split-body{grid-column:7 / -1;min-width:0}.pay-intro{margin-top:var(--space-4);max-width:34em;color:var(--color-muted);text-wrap:pretty;overflow-wrap:anywhere}.table-note{margin-top:var(--space-4);max-width:44em;font-size:var(--text-sm);color:var(--color-muted);text-wrap:pretty}.pay-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:start;gap:var(--space-5) clamp(28px,5vw,72px)}.pay-request-card,.pay-widget{min-width:0}.pay-receipt .block-title,.pay-problem .block-title{margin-bottom:var(--space-3)}.pay-deliver{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px}.pay-deliver .coin{--coin: 34px;--coin-ring: var(--color-raised)}.pay-row-block{display:block}.pay-row-block dd{margin-top:var(--space-2);text-align:left;font-size:var(--text-md);font-weight:500;letter-spacing:-.01em;line-height:1.5}.pay-address{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.pay-address>span{padding-right:.42em}.pay-address>span:last-child{padding-right:0}.pay-note{font-family:var(--font-text);font-weight:400;color:var(--color-text);overflow-wrap:anywhere}.receipt-note.is-bad{color:var(--color-accent-hot)}.pay-problem{padding:clamp(20px,3vw,32px);background:var(--color-raised);border:var(--border-width) dashed var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-muted);text-wrap:pretty}.pay-problem p+p,.pay-problem ul,.pay-problem ul+p{margin-top:var(--space-3)}.pay-problem ul{padding-left:1.2em;list-style:disc}.pay-problem li+li{margin-top:var(--space-1)}.pay-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) clamp(28px,5vw,72px);padding-top:var(--space-6);border-top:var(--hairline)}.pay-steps-col{min-width:0}.pay-steps-col .steps-wrap{margin-top:var(--space-5)}.pay-params{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.pay-params th,.pay-params td{padding:14px var(--space-4) 14px 0;text-align:left;vertical-align:top;border-top:var(--hairline)}.pay-params thead th{padding-top:0;border-top:0;font:500 var(--text-2xs)/1.4 var(--font-text);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-muted)}.pay-params tbody th{white-space:nowrap;font-weight:500}.pay-params code{font:500 var(--text-sm)/1.4 var(--font-mono);color:var(--color-accent-hot)}.pay-params td{color:var(--color-muted);text-wrap:pretty}.pay-params td .num{white-space:nowrap}.pay-params tbody tr:last-child th,.pay-params tbody tr:last-child td{border-bottom:var(--hairline)}.pay-form{display:grid;gap:var(--space-4)}.pay-fields{display:grid;gap:var(--space-1)}.pay-fields .field{display:block}.pay-field-asset .field-row{flex-wrap:wrap;justify-content:space-between}.pay-asset-name{font-size:var(--text-sm);color:var(--color-muted)}.pay-unit{flex:none;font:500 var(--text-base)/1 var(--font-display);letter-spacing:-.01em}.pay-result{padding:clamp(20px,3vw,28px);background:var(--color-surface);border:var(--hairline);border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 var(--color-highlight)}.pay-fill{font-size:var(--text-sm);color:var(--color-muted)}.pay-link{margin-top:var(--space-2);font-size:var(--text-sm);line-height:1.6;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.pay-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.pay-actions .button{min-height:48px}.pay-actions .button-primary{width:auto;padding-inline:20px}.copy-icon{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.pay-qr-frame{display:grid;justify-items:center;gap:var(--space-3);width:fit-content;max-width:100%;margin:var(--space-5) auto 0;padding:var(--space-4);background:var(--color-raised);border-radius:var(--radius-lg)}.pay-qr{display:block;width:min(100%,220px);height:auto;aspect-ratio:1;border-radius:var(--radius-sm)}.pay-qr-bg{fill:#fff}.pay-qr-ink{fill:#000}.pay-qr-none{font-size:var(--text-sm);color:var(--color-muted)}.asset-locked{cursor:default}.field-locked{border-color:transparent}.field-static{min-height:0;overflow-wrap:anywhere;color:var(--color-text)}.swap-target{padding:var(--space-1) 14px 0;text-wrap:pretty}.swap-target .text-link{padding:0;background:none;border:0;font:inherit;color:var(--color-link);cursor:pointer}@media(max-width:960px){.pay-grid{grid-template-columns:minmax(0,1fr)}.pay-widget{max-width:560px}.split{grid-template-columns:minmax(0,1fr);row-gap:var(--space-4)}.split-head{grid-column:auto;padding-right:0}.split-body{grid-column:auto}}@media(max-width:700px){.pay-steps{grid-template-columns:minmax(0,1fr)}.pay-params thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.pay-params,.pay-params tbody,.pay-params tr,.pay-params th,.pay-params td{display:block}.pay-params tr{padding:var(--space-3) 0;border-top:var(--hairline)}.pay-params tbody tr:last-child{border-bottom:var(--hairline)}.pay-params th,.pay-params td,.pay-params tbody tr:last-child th,.pay-params tbody tr:last-child td{padding:4px 0;border-top:0;border-bottom:0}.pay-params td:before{content:attr(data-label) ": ";color:var(--color-text);font-weight:500}.pay-deliver{justify-content:flex-start}.receipt-row dd{text-align:left}}
