:root{--ink:#182433;--muted:#657184;--line:#e7ebef;--blue:#0057ff;--green:#167752;--surface:#fff;--bg:#f5f7fa;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #85acff;outline-offset:4px}button svg,a svg{flex-shrink:0}svg.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.preview-notice{background:#eaf0ff;color:#3e5692;text-align:center;font-size:12px;padding:9px 20px;border-bottom:1px solid #dce5fd}.preview-notice strong{color:#254681;font-weight:600}.shell{max-width:1040px;margin:auto;padding:0 32px}header{height:106px;display:flex;align-items:center;justify-content:space-between}.merchant{display:flex;align-items:center;gap:12px}.logo{width:43px;height:43px;border-radius:13px;background:#263e75;display:grid;place-items:center;color:white;box-shadow:0 4px 10px #253c7414}.merchant-name{font-size:17px;font-weight:650;letter-spacing:-.4px}.merchant-subtitle{font-size:12px;color:var(--muted);margin-top:1px}.header-label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.intro{margin:20px 0 30px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:1.4px;color:#65758c;text-transform:uppercase;margin-bottom:9px}h1{font-size:32px;line-height:1.2;letter-spacing:-1.15px;margin:0 0 10px;font-weight:650}.intro p{margin:0;color:var(--muted);font-size:14px}.layout{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start}.summary-card,.payment-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 7px 28px #20325304}.summary-card{padding:25px}.section-label{font-size:13px;font-weight:650;display:flex;align-items:center;gap:8px}.section-label svg{color:#8793a5}.invoice-tag{display:flex;align-items:center;justify-content:space-between;margin-top:24px;font-size:12px;color:var(--muted)}.tag{font-size:10px;background:#f0f3f7;color:#637186;border-radius:5px;padding:4px 7px;letter-spacing:.3px;font-weight:600}.order{display:flex;gap:12px;align-items:flex-start;margin:22px 0 25px}.order-icon{background:#f0f4fb;color:#536a91;border-radius:10px;padding:10px;display:flex}.order strong{font-size:14px;font-weight:600}.order small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.rule{height:1px;background:var(--line);margin:20px 0}.row{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted);margin:10px 0}.row strong{font-weight:500;color:var(--ink)}.total{display:flex;justify-content:space-between;align-items:baseline;margin-top:18px}.total span{font-size:13px;font-weight:600}.total strong{font-size:26px;letter-spacing:-.9px;font-weight:650}.total small{font-size:11px;color:var(--muted);font-weight:500;margin-left:4px;letter-spacing:0}.method{display:flex;gap:10px;align-items:center;margin-top:23px;padding:13px;background:#f8f9fb;border-radius:10px}.btc-icon{width:30px;height:30px;background:#f7931a;color:white;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:650;flex-shrink:0;transform:rotate(12deg)}.method strong{font-size:12px;font-weight:600}.method small{display:block;font-size:10px;color:var(--muted);margin-top:1px}.method .network-pill{margin-left:auto;color:#667389;font-size:10px;background:white;border:1px solid var(--line);padding:3px 6px;border-radius:5px}.merchant-note{color:var(--muted);font-size:11px;margin:15px 5px;line-height:1.7;display:flex;gap:8px;align-items:flex-start}.merchant-note svg{width:15px;height:15px;margin-top:2px;flex-shrink:0}.payment-card{overflow:hidden}.payment-head{display:flex;align-items:center;justify-content:space-between;padding:21px 26px;border-bottom:1px solid var(--line);gap:12px}.status-badge{display:flex;align-items:center;gap:7px;color:#516079;font-size:11px;font-weight:500}.dot{height:6px;width:6px;border-radius:50%;background:#e3a134;box-shadow:0 0 0 3px #e3a13415}.timer{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}.timer svg{width:14px;height:14px}.timer b{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--ink)}.payment-content{padding:24px 28px 26px}.amount-label{text-align:center;font-size:11px;color:var(--muted);margin-bottom:7px}.amount-line{display:flex;justify-content:center;align-items:center;gap:10px}.amount{font-size:29px;font-weight:650;letter-spacing:-1px;line-height:1.3}.amount .unit{font-size:17px;font-weight:500;color:#8893a2;letter-spacing:0}.icon-button{padding:7px;display:flex;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:#fff}.icon-button svg{width:15px;height:15px}.equivalent{text-align:center;font-size:10px;color:#8590a0;margin-top:5px}.qr-area{display:flex;flex-direction:column;align-items:center;margin:22px 0 20px}.qr-frame{padding:18px;border:1px solid var(--line);border-radius:15px;background:white;position:relative;box-shadow:0 4px 18px #26395405}#qr{width:166px;height:166px}#qr img,#qr canvas{display:block;width:166px;height:166px}#qr img{image-rendering:pixelated}.scan-hint{margin:12px 0 0;color:var(--muted);font-size:11px}.qr-toggle{margin-top:7px;font-size:10px;color:#677eaa;padding:2px;background:transparent;border:0;text-decoration:underline;text-underline-offset:3px}.address-label{font-size:11px;font-weight:550;color:#526077;margin-bottom:7px;display:flex;justify-content:space-between;align-items:center}.address-label span{font-size:9px;font-weight:500;background:#fff5e7;color:#986017;border:1px solid #f6e5c9;padding:2px 5px;border-radius:4px}.address-field{border:1px solid #e3e8ef;background:#f8fafc;border-radius:9px;padding:12px;display:flex;align-items:center;gap:10px}.address-field code{font:11px/1.6 var(--mono);color:#4b5d77;overflow-wrap:anywhere;flex:1}.address-field button{background:transparent;border:0;color:#67788e;padding:2px;display:flex}.primary{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--blue);border-radius:9px;background:var(--blue);color:white;padding:12px;font-size:12px;font-weight:550;width:100%;margin:14px 0 13px;box-shadow:0 3px 7px #0057ff10}.primary:hover{background:#204ecb}.primary svg{width:15px;height:15px}.fee-note{font-size:10px;line-height:1.6;color:var(--muted);display:flex;gap:6px;margin:0;align-items:flex-start}.fee-note svg{width:13px;height:13px;flex-shrink:0;margin-top:2px}.progress-area{padding:19px 27px 20px;background:#fafbfd;border-top:1px solid var(--line)}.progress-title{display:flex;justify-content:space-between;font-size:11px;align-items:center}.progress-title strong{font-weight:550;color:#526077}.auto-label{font-size:10px;color:#929aa7;display:flex;gap:5px;align-items:center}.pulse{height:5px;width:5px;background:#8ea898;border-radius:50%}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0 9px}.step{height:4px;border-radius:3px;background:#e6ebf2}.step.done{background:#1a9770}.progress-description{margin:0;font-size:10px;color:#7a8596;line-height:1.65}.under-checkout{margin:17px 3px;display:flex;align-items:center;justify-content:space-between;gap:15px}.text-link{border:0;background:none;padding:0;font-size:11px;color:#687791;display:flex;gap:6px;align-items:center}.text-link:hover{color:var(--blue)}.text-link svg{width:13px;height:13px}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#929ca9;margin:43px 0 100px;padding-top:19px;border-top:1px solid #e6eaf0}.powered{display:flex;gap:5px;align-items:center}.powered strong{font-size:11px;color:#637186;letter-spacing:-.2px;font-weight:600}.brand-icon{width:16px;height:16px;color:#637186}.footer .quiet{font-size:10px}.demo-controls{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);padding:7px 9px;display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #dfe5ee;border-radius:12px;box-shadow:0 8px 35px #1b315218;z-index:5;max-width:calc(100% - 24px)}.demo-controls .control-label{font-size:10px;color:#8490a1;padding:0 8px;white-space:nowrap}.state-button{border:0;border-radius:6px;color:#728098;background:transparent;font-size:10px;font-weight:500;padding:7px 10px;white-space:nowrap}.state-button.active{background:#edf2ff;color:#0057ff}.state-button:hover{background:#f0f3f8}.notice-box{display:none;background:#fff6e9;border:1px solid #f4dfbf;border-radius:9px;padding:11px 12px;font-size:11px;color:#8f6223;margin:18px 0 0}.success-view{text-align:center;padding:21px 0 20px;display:none}.success-icon{width:64px;height:64px;border-radius:50%;background:#e7f5ee;color:#18835b;display:grid;place-items:center;margin:6px auto 17px}.success-icon svg{width:30px;height:30px}.success-view h2{font-size:24px;letter-spacing:-.6px;font-weight:600;margin:0 0 7px}.success-view p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}.receipt{margin:22px 0 14px;background:#f8fafb;border:1px solid var(--line);border-radius:10px;padding:13px 17px;text-align:left}.receipt .row{margin:7px 0;font-size:11px}.success-note{margin:12px 0 0!important;font-size:10px!important}.toast{position:fixed;bottom:76px;left:50%;transform:translateX(-50%);background:#233149;color:white;border-radius:8px;padding:10px 16px;font-size:11px;box-shadow:0 4px 20px #17243720;opacity:0;transition:opacity .15s;pointer-events:none;z-index:12;max-width:calc(100% - 30px);text-align:center}.toast.show{opacity:1}dialog{width:min(420px,calc(100% - 32px));border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 100px #17253d30;padding:26px;color:var(--ink)}dialog::backdrop{background:#17243755}dialog h2{font-size:20px;letter-spacing:-.5px;margin:0 0 10px}dialog p{font-size:12px;color:var(--muted);line-height:1.8}.dialog-actions{display:flex;gap:10px;margin-top:20px}.dialog-actions button{font-size:12px;padding:10px 15px;border:1px solid var(--line);background:#fff;border-radius:8px}.dialog-actions .stay{background:var(--blue);color:white;border-color:var(--blue)}@media(min-width:900px){.intro{margin-top:20px}}@media(max-width:760px){.shell{padding:0 20px;max-width:590px}header{height:83px}.intro{margin:18px 0 24px}h1{font-size:28px}.layout{grid-template-columns:1fr;gap:19px}.summary-card{padding:20px}.invoice-tag{margin-top:15px}.order{margin:15px 0}.summary-card .rule{margin:13px 0}.summary-card .row{margin:7px 0}.method{margin-top:15px}.merchant-note{display:none}.payment-head{padding:18px 21px}.payment-content{padding:24px}.footer{margin-top:26px}.demo-controls{bottom:10px;gap:0;padding:6px;justify-content:center;width:max-content}.demo-controls .control-label{display:none}.state-button{padding:8px 7px;font-size:10px}.header-label{font-size:11px}.footer .quiet{max-width:130px;text-align:right}.under-checkout{margin:18px 0}}@media(max-width:760px){.summary-card .row,.summary-card .rule,.summary-card .method{display:none}.summary-card .order{margin:12px 0 4px}.summary-card .order-icon,.summary-card .order small{display:none}.summary-card .total{margin-top:12px}.summary-card{padding:18px}.intro{margin:12px 0 22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Compact checkout: no nested scrolling or clipped payment information. */
.shell{max-width:1120px;padding:0 30px}
header{height:70px}.logo{width:36px;height:36px;border-radius:10px}.merchant-name{font-size:15px}.merchant-subtitle{font-size:11px}
.intro{margin:12px 0 20px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 20px}.eyebrow{display:none}h1{font-size:27px;margin:0;letter-spacing:-.8px}.intro p{font-size:12px;margin:0;grid-column:1}
.layout{grid-template-columns:280px minmax(0,1fr);gap:20px}.summary-card{padding:21px}.invoice-tag{margin-top:19px}.order{margin:18px 0}.rule{margin:16px 0}.total{margin-top:15px}.method{margin-top:18px}.merchant-note{font-size:10px;margin:12px 3px}
.payment-head{padding:15px 21px}.payment-content{padding:23px 22px 19px}
#send-view{display:grid;grid-template-columns:184px minmax(0,1fr);column-gap:24px;align-items:start}
#send-view>.qr-area{grid-column:1;grid-row:1/9;align-self:center;margin:0}
#send-view>.amount-label,#send-view>.amount-line,#send-view>.equivalent,#send-view>.address-label,#send-view>.address-field,#send-view>.primary,#send-view>.fee-note,#send-view>.notice-box{grid-column:2}
.amount-label{text-align:left;margin:0 0 4px;font-size:11px}.amount-line{justify-content:flex-start;gap:8px}.amount{font-size:27px;white-space:nowrap}.amount .unit{font-size:15px}.equivalent{text-align:left;margin:5px 0 20px;font-size:10px}.qr-frame{padding:15px}.qr-frame #qr,.qr-frame #qr img,.qr-frame #qr canvas{width:154px;height:154px}.scan-hint{font-size:10px;margin-top:11px}.qr-toggle{font-size:10px;margin-top:4px}.address-label{margin:0 0 7px;font-size:10px}.address-label span{font-size:8px}.address-field{padding:10px;min-width:0}.address-field code{font-size:10px}.primary{padding:10px;margin:12px 0 11px;font-size:11px}.fee-note{font-size:10px}.notice-box{margin:12px 0 0;padding:9px 10px;font-size:10px}
.progress-area{padding:15px 22px 16px}.steps{margin:10px 0 8px}.under-checkout{margin:13px 2px}.footer{margin:18px 0 0;padding-top:13px}.demo-controls{position:static;transform:none;margin:19px auto 14px;width:max-content;max-width:calc(100% - 24px);box-shadow:0 3px 14px #1b31520c;padding:5px 8px}.toast{bottom:60px}.success-view{padding:10px 0 12px}.success-icon{width:52px;height:52px;margin:0 auto 13px}.success-view h2{font-size:22px}.receipt{margin:17px 0 12px}
@media(min-width:761px) and (max-height:740px){header{height:62px}.intro{margin:7px 0 17px}.payment-content{padding-top:19px;padding-bottom:16px}.footer{margin-top:12px}.demo-controls{margin-top:13px}.summary-card{padding:19px}.merchant-note{margin-top:9px}}
@media(max-width:760px){
.preview-notice{font-size:10px;padding:6px 12px}.shell{padding:0 16px;max-width:600px}header{height:58px}.logo{width:33px;height:33px}.merchant-name{font-size:14px}.merchant-subtitle{font-size:10px}.header-label{font-size:10px;gap:5px}.header-label .icon{width:14px;height:14px}.intro{margin:8px 0 15px}h1{font-size:23px}.intro p{font-size:11px;margin-top:3px}.layout{grid-template-columns:1fr;gap:13px}
.summary-card{padding:13px 16px;display:grid;grid-template-columns:1fr auto;gap:2px 12px;border-radius:13px}.summary-card .section-label{display:none}.summary-card .invoice-tag{grid-column:1;grid-row:1;margin:0;font-size:10px;justify-content:flex-start;gap:8px}.summary-card .order{grid-column:1;grid-row:2;margin:3px 0 0}.summary-card .order strong{font-size:11px;font-weight:500;color:var(--muted)}.summary-card .total{grid-column:2;grid-row:1/3;display:block;text-align:right;margin:0;align-self:center}.summary-card .total>span{font-size:9px;color:var(--muted);font-weight:500;display:block}.summary-card .total strong{font-size:22px}.summary-card .total small{font-size:9px}.summary-card .tag{font-size:8px;padding:2px 5px}.summary-card .row,.summary-card .rule,.summary-card .method,.merchant-note{display:none}
.payment-card{border-radius:14px}.payment-head{padding:12px 16px}.status-badge,.timer{font-size:10px}.timer b{font-size:11px}.payment-content{padding:16px}
#send-view{grid-template-columns:1fr;gap:0}#send-view>.qr-area{grid-column:1;grid-row:auto;order:4;margin:13px 0 15px}#send-view>.amount-label,#send-view>.amount-line,#send-view>.equivalent,#send-view>.address-label,#send-view>.address-field,#send-view>.primary,#send-view>.fee-note,#send-view>.notice-box{grid-column:1}.amount-label{text-align:center;order:1}.amount-line{justify-content:center;order:2}.equivalent{text-align:center;order:3;margin:3px 0 0}.address-label{order:5}.address-field{order:6}.primary{order:7}.fee-note{order:8}.notice-box{order:9}.amount{font-size:25px}.qr-frame{padding:11px;border-radius:12px}.qr-frame #qr,.qr-frame #qr img,.qr-frame #qr canvas{width:124px;height:124px}.scan-hint{margin-top:8px;font-size:10px}.qr-toggle{font-size:9px;margin-top:3px}.address-label{font-size:10px}.address-field{padding:9px 10px}.primary{margin:10px 0 8px;padding:9px}.fee-note{font-size:9px;line-height:1.5}.progress-area{padding:12px 16px}.progress-title{font-size:10px}.auto-label{font-size:9px}.progress-description{font-size:9px;line-height:1.5}.steps{margin:8px 0}.under-checkout{margin:11px 0}.footer{margin:6px 0 0;padding-top:10px;font-size:9px;gap:10px}.powered{gap:4px}.powered strong{font-size:10px}.footer .quiet{font-size:9px;max-width:110px}.brand-icon{width:14px;height:14px}.demo-controls{margin:12px auto 10px;padding:4px 6px;border-radius:9px}.state-button{padding:6px 8px;font-size:9px}.demo-controls .control-label{display:none}.success-view{padding:9px 0 12px}
}


@media(min-width:761px) and (max-height:740px){.preview-notice{padding:5px 20px}header{height:54px}.intro{margin:4px 0 12px}.payment-content{padding-top:16px;padding-bottom:14px}.progress-area{padding-top:12px;padding-bottom:12px}.footer{margin-top:8px;padding-top:9px}.demo-controls{margin:9px auto 8px;padding:4px 8px}.state-button{padding-top:5px;padding-bottom:5px}}
@media(max-width:760px){#send-view{grid-template-columns:142px minmax(0,1fr);column-gap:15px;align-items:center}#send-view>.qr-area{grid-column:1;grid-row:1/4;margin:0 0 14px;order:initial}#send-view>.amount-label{grid-column:2;grid-row:1;order:initial;text-align:left;align-self:end;margin-bottom:5px}#send-view>.amount-line{grid-column:2;grid-row:2;order:initial;justify-content:flex-start;align-self:start;gap:5px;flex-wrap:wrap}#send-view>.equivalent{grid-column:2;grid-row:3;order:initial;text-align:left;align-self:start;margin-top:2px;line-height:1.6;font-size:9px}#send-view>.address-label,#send-view>.address-field,#send-view>.primary,#send-view>.fee-note,#send-view>.notice-box{grid-column:1/-1;order:initial}.amount{font-size:20px}.amount .unit{font-size:11px}.amount-line .icon-button{padding:4px}.amount-line .icon-button svg{width:13px;height:13px}.qr-frame{padding:9px}.qr-frame #qr,.qr-frame #qr img,.qr-frame #qr canvas{width:122px;height:122px}.scan-hint{font-size:9px;margin-top:7px}.qr-toggle{font-size:9px}.equivalent{margin-bottom:12px}}
@media(max-width:350px){#send-view{grid-template-columns:122px minmax(0,1fr);column-gap:10px}.qr-frame #qr,.qr-frame #qr img,.qr-frame #qr canvas{width:102px;height:102px}.amount{font-size:17px}.amount .unit{font-size:10px}.header-label{font-size:9px}.merchant-subtitle{font-size:9px}.timer{font-size:9px}}


@media(max-width:760px){.preview-notice{font-size:10px;line-height:1.5;padding:5px 12px}.preview-extra{display:none}.preview-notice::after{content:" · No real payments"}header{height:52px}.intro{margin:5px 0 11px;gap:2px}h1{font-size:22px;line-height:1.15}.intro p{font-size:10px;line-height:1.4;margin:0}.layout{gap:10px}.summary-card{padding:10px 14px}.qr-area .scan-hint{display:none}.qr-toggle{margin-top:7px;font-size:9px}.qr-frame{padding:8px}.qr-frame #qr,.qr-frame #qr img,.qr-frame #qr canvas{width:114px;height:114px}#send-view>.qr-area{margin-bottom:11px}.progress-area{padding-top:10px;padding-bottom:10px}.progress-description{line-height:1.45}.under-checkout{margin:9px 0}.footer{padding-top:8px;margin-top:4px}.demo-controls{margin:9px auto 7px}}


body[data-payment-state="expired"] .fee-note{display:none}@media(max-width:760px){body[data-payment-state="partial"] .fee-note{display:none}.notice-box{font-size:9px;line-height:1.45;padding:7px 9px;margin-top:8px}}

body[data-payment-state="partial"] .fee-note,body[data-payment-state="partial"] .equivalent,body[data-payment-state="expired"] .equivalent{display:none}
.success-view{text-align:left;padding:7px 0 10px}.success-view .success-icon{float:left;width:44px;height:44px;margin:2px 14px 0 0}.success-view .success-icon svg{width:24px;height:24px}.success-view h2{font-size:21px;margin-bottom:5px}.success-view p{font-size:11px;line-height:1.65}.success-view .receipt{clear:both;margin:13px 0 10px;padding:9px 14px}.success-view .receipt .row{margin:5px 0;font-size:11px}.success-view .primary{margin:10px 0 8px;padding:9px}.success-view .success-note{font-size:9px!important;margin-top:7px!important}


/* Slightly larger type; retain the approved compact layout and spacing. */
.merchant-name{font-size:16px}.merchant-subtitle{font-size:12px}.header-label{font-size:13px}.intro p{font-size:13px}.section-label{font-size:14px}.invoice-tag{font-size:13px}.order strong{font-size:15px}.order small{font-size:13px}.row{font-size:13px}.total span{font-size:14px}.method strong{font-size:13px}.method small,.merchant-note{font-size:11px}.status-badge,.timer{font-size:12px}.amount-label{font-size:12px}.equivalent{font-size:11px}.scan-hint,.qr-toggle{font-size:11px}.address-label{font-size:11px}.address-field code{font-size:11px}.primary{font-size:12px}.fee-note{font-size:11px}.progress-title{font-size:12px}.auto-label,.progress-description,.text-link{font-size:11px}.footer{font-size:11px}.footer .quiet{font-size:11px}.powered strong{font-size:12px}
@media(max-width:760px){.merchant-name{font-size:15px}.merchant-subtitle,.header-label{font-size:11px}.intro p{font-size:11px}.summary-card .invoice-tag{font-size:11px}.summary-card .order strong{font-size:12px}.summary-card .total>span{font-size:10px}.status-badge,.timer{font-size:11px}.amount-label{font-size:12px}.equivalent{font-size:10px}.qr-toggle{font-size:10px}.address-label,.address-field code{font-size:11px}.primary{font-size:12px}.fee-note,.progress-description,.auto-label{font-size:10px}.progress-title,.text-link{font-size:11px}.footer,.footer .quiet{font-size:10px}.powered strong{font-size:11px}.notice-box{font-size:10px}}


@media(min-width:761px){.merchant-name{line-height:22.5px}.merchant-subtitle{line-height:16.5px}.header-label,.intro p,.invoice-tag,.row{line-height:18px}.section-label,.total span{line-height:19.5px}.order strong{line-height:21px}.order small{line-height:18px}.method strong{line-height:18px}.method small,.equivalent,.scan-hint,.qr-toggle,.address-label,.auto-label,.footer,.footer .quiet{line-height:15px}.merchant-note{line-height:17px}.status-badge,.timer,.amount-label,.primary,.progress-title,.progress-description,.powered strong{line-height:16.5px}.address-field code,.fee-note{line-height:16px}}


@media(min-width:761px){.order small{font-size:12.1px}}

@media(max-width:760px){.progress-description,.notice-box{font-size:9.2px}}

@media(max-width:760px){.footer .quiet{font-size:9.2px}}

@media(max-width:760px){.footer,.footer .quiet{font-size:9px}.powered strong{font-size:10px}.progress-description,.notice-box{font-size:9px}}

[hidden]{display:none!important}.icon-sprite{display:none}.merchant-mark{display:flex;align-items:center;flex-shrink:0}.merchant-logo{display:block;max-width:140px;max-height:36px;object-fit:contain}.merchant-name{max-width:360px;overflow-wrap:anywhere}.merchant-name .company{font-weight:650}.testnet-banner{background:#fff2d9;border-bottom:1px solid #efd8ac;color:#805510;text-align:center;font-size:11px;padding:6px 12px;font-weight:600}.order strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.order small{color:var(--muted)}.dialog-actions a{font-size:12px;padding:10px 15px;border:1px solid var(--line);border-radius:8px;color:var(--blue);text-decoration:none}.summary-card .tag{white-space:nowrap}.amount{font-variant-numeric:tabular-nums}.payment-content #send-view{display:grid}.progress-area #detail{margin:6px 0 0}.notice-box.error{display:block}.notice-box[hidden]{display:none!important}.qr-frame #qr canvas,.qr-frame #qr img{max-width:100%;height:auto}.qr-frame #qr{overflow:hidden}.step.done{background:#1a9770}.return-link{text-decoration:none}.prepare-view{min-height:240px;display:flex;flex-direction:column;justify-content:center;text-align:left}.prepare-view h2{font-size:23px;letter-spacing:-.6px;margin:0 0 10px}.prepare-view p{font-size:12px;color:var(--muted);line-height:1.7}.prepare-view .primary{max-width:350px}.state-view p{margin:0}.state-view .notice-box{margin-top:14px}.state-view h2{font-size:21px;letter-spacing:-.6px;margin:0 0 6px}.invoice-status{text-transform:uppercase}.merchant-name{line-height:1.3}.merchant-subtitle{margin-top:2px}.header-label span{white-space:nowrap}.amount .unit{margin-left:3px}.payment-card .timer{white-space:nowrap}#notice:empty,#detail:empty{display:none}.progress-description{overflow-wrap:anywhere}.address-field code{user-select:all}
@media(max-width:760px){.merchant-logo{max-width:82px;max-height:28px}.merchant-name{max-width:220px;font-size:14px}.header-label span{display:none}.header-label{flex-shrink:0}.merchant{gap:9px}.merchant-subtitle{font-size:10px}.testnet-banner{font-size:10px;padding:5px 10px}.prepare-view{min-height:200px}.order strong{-webkit-line-clamp:1}.amount{font-size:20px}.timer{font-size:10px}.progress-description,#detail{font-size:10px}.notice-box{font-size:10px}.footer .quiet{font-size:9px}.state-view .success-icon{width:38px;height:38px}}
.success-view:not([hidden]){display:block}.primary{text-decoration:none}.primary[aria-disabled="true"]{opacity:.5;pointer-events:none}.dot.complete{background:#19936a}.qr-frame #qr.expired{opacity:.15}.notice-box:not([hidden]){display:block}.state-view:not([hidden]){display:block}

.steps{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr}

.powered .brislet-wordmark{width:86px;height:auto;display:block}.powered{align-items:center;gap:7px}.primary:hover{background:#0046d1}

/* Brislet shared visual language; payment flow and QR remain stationary. */
body{background:radial-gradient(ellipse at 80% 10%,#edf3ff,transparent 60%),#f7f9fd;-webkit-font-smoothing:antialiased}.summary-card,.payment-card{border-radius:17px;border-color:#e1e8f4;box-shadow:0 7px 28px #17335e05}.intro h1{color:#101d3e;letter-spacing:-1.2px}.intro>.eyebrow{color:#6d8abc;letter-spacing:1.6px}.payment-head{background:#fbfcff}.primary{border-radius:25px;background:#0057ff}.status-badge{border-radius:20px}.timer{border-radius:20px}.progress-area{background:#f8faff;border-top-color:#e4ecf8}.qr-frame{border-color:#dce6f6;box-shadow:0 4px 16px #18396305}.address-field{background:#f7faff;border-color:#dfe8f6}.merchant-subtitle{color:#8b9bb4}.invoice-tag .tag{border-radius:20px}.footer{color:#91a0b8}.footer .powered{font-size:10px}.under-checkout .text-link{color:#647da5}button:focus-visible,a:focus-visible{outline-color:#0057ff}
@media(max-width:760px){.summary-card,.payment-card{border-radius:13px}.intro h1{letter-spacing:-.8px}.primary{min-height:40px;font-size:12px}.progress-description{font-size:11px}.fee-note{font-size:10px}.address-label{font-size:11px}.footer .powered{font-size:9px}}

/* Brislet 2026 theme: Instrument Sans, warm neutral background, flat cards and plain status colours.
   Element IDs, data attributes and state classes used by checkout-v050.js are unchanged. */
@font-face{font-family:'Instrument Sans';src:url(fonts/instrument-sans-latin.woff2) format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(fonts/ibm-plex-mono-400-latin.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(fonts/ibm-plex-mono-500-latin.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
:root{--ink:#0B193B;--muted:#5A6270;--line:#E6E2DA;--blue:#0057FF;--green:#0E7A55;--surface:#fff;--bg:#F7F6F2;--mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
body{background:var(--bg);color:var(--ink);font-family:'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,.intro h1{letter-spacing:-.01em;font-weight:600;color:var(--ink)}
.intro h1{font-size:28px}
.intro p{color:var(--muted)}
.testnet-banner{background:#FDF3E4;color:#7A3D06;border-bottom:1px solid #F3D9B5;font-weight:500;letter-spacing:0}
.summary-card,.payment-card{border:1px solid var(--line);border-radius:12px;box-shadow:none}
.qr-frame{border-color:var(--line);border-radius:12px;box-shadow:none}
.logo{border-radius:10px;background:var(--ink);box-shadow:none}
.merchant-name{font-weight:600;letter-spacing:0}
.tag,.invoice-tag .tag{border-radius:999px;letter-spacing:0;font-size:12px;font-weight:500;background:#F0EEE8;color:var(--muted)}
.total strong,.amount{font-weight:600;letter-spacing:0}
.amount,.amount .unit,.address-field code,.timer b,.received-value{font-family:var(--mono)}
.amount .unit{color:var(--muted)}
.primary{border-radius:8px;background:var(--blue);border-color:var(--blue);font-size:15px;font-weight:500;box-shadow:none}
.primary:hover{background:#0047D1;border-color:#0047D1}
.status-badge,.timer{border-radius:999px}
.dot{background:#B45309;box-shadow:0 0 0 3px #B4530922}
.dot.complete{background:var(--green);box-shadow:0 0 0 3px #0E7A5522}
.step.done{background:var(--green)}
.success-icon{background:#E6F3ED;color:var(--green)}
.notice-box{border-radius:10px}
.section-label,.merchant-subtitle,.address-label,.amount-label,.equivalent,.fee-note,.scan-hint,.progress-description,.success-note{color:var(--muted)}
.section-label{letter-spacing:0;text-transform:none;font-weight:600;font-size:13px}
.footer .quiet,.powered strong{color:var(--muted);letter-spacing:0}
dialog{border-radius:12px;box-shadow:0 20px 60px #0b193b26}
dialog h2{letter-spacing:0}
.qr-area .qr-help{margin:10px 0 6px;font-size:12px;line-height:1.4;color:var(--muted);text-align:center}
.qr-area .qr-toggle{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:0;padding:7px 14px;font-size:13px;line-height:1.3;font-weight:500;color:#0047D1;background:#EAF0FF;border:1px solid #CFDDFB;border-radius:999px;text-decoration:none;cursor:pointer}
.qr-area .qr-toggle:hover{background:#DCE7FF;border-color:#0057FF}
.qr-area .qr-toggle:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:760px){.qr-area .qr-help{font-size:12px;margin-top:8px}.qr-area .qr-toggle{font-size:12px;padding:6px 10px;white-space:nowrap}}