:root{color-scheme:dark;--bg:#1b2127;--header:#222a34;--surface:#252f3b;--surface-hover:#2a3643;--line:#344251;--primary:#318fd8;--primary-bright:#42a9f6;--white:#f5f7fb;--muted:#94a2b5;--muted-2:#6d8198;--gold:#ffbb35;--green:#78d0a5;--down:#ff7d73}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--white);font:14px/1.45 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--primary-bright);outline-offset:3px}.topbar{min-height:54px;width:100%;background:var(--header);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding:0 18px;grid-column-gap:20px;column-gap:20px}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:9px;white-space:nowrap;justify-self:start}.brand-mark{width:23px;height:24px}.brand-name{font-size:21px;font-weight:820;letter-spacing:-1px}.brand-name span{color:var(--primary-bright)}.main-nav{display:flex;align-self:stretch;align-items:stretch;gap:30px;justify-self:center}.nav-link{display:flex;align-items:center;position:relative;color:#9aa6b6;font-size:13px;font-weight:710}.nav-link.active,.nav-link:hover{color:#fff}.nav-link.active:after{position:absolute;content:"";height:3px;width:100%;left:0;bottom:0;background:var(--primary-bright);border-radius:3px 3px 0 0}.session{justify-self:end;font-size:12px;font-weight:700;white-space:nowrap;text-align:right}.session.loading{color:var(--muted)}.session.ready{color:var(--green)}.session.error{color:#ffa99d}main{max-width:980px;padding:48px 24px 40px}.stage,main{margin:0 auto}.stage{max-width:472px}.details,.trades{margin-top:50px;border-top:1px solid var(--line);padding-top:28px}.hero{text-align:center;margin-bottom:42px}h1{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:0}.arrow{color:var(--gold);padding:0 5px}.subtitle{color:var(--muted);margin:12px 0 0}.exchange-form{margin:0}.payer-card{display:flex;align-items:center;gap:13px;margin-bottom:24px;padding:14px;border:1px solid #33475a;border-radius:13px;background:#202c38}.payer-avatar{display:grid;place-items:center;width:46px;height:46px;overflow:hidden;border-radius:999px;background:linear-gradient(135deg,#328fd8,#42a9f6);color:#fff;font-size:19px;font-weight:850;flex:0 0 auto}.payer-avatar img{width:100%;height:100%;object-fit:cover;display:block}.payer-meta{min-width:0;display:flex;flex-direction:column}.payer-meta span{color:var(--muted);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.payer-meta strong{overflow:hidden;color:#fff;font-size:16px;font-weight:820;text-overflow:ellipsis;white-space:nowrap}.payer-meta small{color:#55b8ff;font-size:12px;font-weight:700}.field-group{margin-bottom:28px}.field-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 14px 11px}.field-label{color:#f7f9fd;font-weight:750}.field-helper{color:var(--muted);font-size:12px;font-weight:600}.entry{display:flex;align-items:center;min-height:50px;padding:0 18px;background:var(--surface);border:1.5px solid transparent;border-radius:9px}.entry:hover{background:var(--surface-hover)}.entry.hint{border-color:#3e5268}.entry.hint:focus-within,.entry:focus-within{border-color:#398dd0}.entry-icon{color:#869caf;font-size:20px;width:22px;margin-right:10px;flex:0 0 auto}svg.entry-icon{width:18px;height:18px;display:block}.entry-icon.gold{color:var(--gold)}.entry input{width:100%;min-width:0;height:47px;border:0;outline:0;color:#fff;background:none}.entry input::placeholder{color:#7890ab;opacity:1}.entry-suffix{color:#a9b6c8;font-size:12px;font-weight:800}.presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));grid-gap:8px;gap:8px;margin-top:10px}.preset{height:34px;border:1.5px solid transparent;border-radius:8px;background:var(--surface);color:#c5d0dc;font-size:13px;font-weight:750;cursor:pointer}.preset:hover{background:var(--surface-hover)}.preset.selected{border-color:var(--primary-bright);background:#24384a;color:#fff}.caption{color:var(--muted-2);font-size:11.5px;margin:9px 17px 0}.caption.alert{color:var(--down)}.summary{background:#222b35;padding:15px 18px;border:1px solid #313d4b;border-radius:9px;margin-bottom:22px}.summary-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:10px}.summary-row>span{color:#9cabbd}.summary strong{font-weight:790;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.summary .highlight{color:var(--green)}.receive-quote{display:flex;flex-direction:column;align-items:flex-end;min-width:0}.tick{display:inline-flex;align-items:center;gap:6px;margin-top:3px;font-size:11px;font-weight:650;line-height:1.2;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tick-pair{color:#7f93a8;letter-spacing:.02em}.tick-price{display:inline-flex;align-items:center;gap:3px;color:var(--muted)}.tick-price.up{color:var(--green)}.tick-price.down{color:var(--down)}.tick-arrow{width:8px;height:8px;display:block}.tick-price.down,.tick-price.up{animation:tick-in .35s ease}.summary p{color:#70869e;font-size:10.5px;margin:12px 0 0}.submit{width:100%;height:46px;border:0;border-radius:7px;background:#2c668e;color:#c9d5df;font-weight:790;cursor:not-allowed}.submit:not(:disabled){background:linear-gradient(135deg,#328fd8,#42a9f6);color:#fff;cursor:pointer}.submit:not(:disabled):hover{filter:brightness(1.06)}.submit-error{margin:-6px 2px 14px;color:var(--down);font-size:12px;font-weight:650}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:rgb(8 13 18/72%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:modal-fade-in .5s ease}.checkout-modal{position:relative;width:min(100%,480px);max-height:min(720px,calc(100vh - 40px));overflow:hidden;padding:24px;border:1px solid #3a4a5a;border-radius:16px;background:#202a35;box-shadow:0 24px 80px rgb(0 0 0/42%)}.checkout-body{overflow:auto;max-height:min(672px,calc(100vh - 88px))}.checkout-modal.confirmed .checkout-body{filter:blur(7px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkout-modal h2{margin:0 34px 8px 0;font-size:22px}.modal-lead{margin:0 0 18px;color:var(--muted)}.modal-close{position:absolute;top:14px;right:14px;z-index:3;display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #46586a;border-radius:999px;background:#293544;color:#d8e2ee;cursor:pointer}.modal-close svg{width:14px;height:14px;display:block}.modal-close path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.checkout-data{display:flex;flex-direction:column;gap:2px;margin:0 0 12px}.checkout-data div{display:grid;grid-template-columns:112px minmax(0,1fr);grid-gap:12px;gap:12px;padding:6px 0;border-bottom:1px solid #303d4a}.checkout-data dt{color:var(--muted);font-size:12px;font-weight:700}.checkout-data dd{margin:0;min-width:0;overflow-wrap:anywhere;color:#f5f7fb;text-align:right;font-size:12px;font-weight:750}.checkout-data .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.quote-expiry{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.quote-countdown{min-width:3.2em;color:#ffd892;font-weight:800}.payer-link{color:#55b8ff;font-weight:750;text-decoration:none}.payer-link:focus-visible,.payer-link:hover{text-decoration:underline}.request-id-copy{position:relative;max-width:100%;padding:0;border:0;background:transparent;color:#f5f7fb;cursor:pointer;overflow-wrap:anywhere;word-break:break-all;text-align:right}.request-id-copy:after{position:absolute;right:0;bottom:calc(100% + 7px);content:attr(data-tooltip);padding:4px 7px;border-radius:6px;background:#111820;color:#dce7f3;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:11px;font-weight:750;opacity:0;pointer-events:none;transform:translateY(3px);transition:opacity .16s ease,transform .16s ease;white-space:nowrap}.request-id-copy:focus-visible:after,.request-id-copy:hover:after{opacity:1;transform:translateY(0)}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:3px 9px;border-radius:999px;background:#2f4256;color:#d8e8f8;font-size:11px;font-weight:800;white-space:nowrap}.status-pill.awaiting_payment,.status-pill.draft,.status-pill.pending_payment{background:#3d3322;color:#ffd892}.status-pill.paid{background:#243f39;color:#8fe3b7}.status-pill.completed{background:#213c30;color:#95e8bd}.status-pill.refunded{background:#3c434b;color:#c8cdd3}.status-pill.refund_pending{background:#3d3322;color:#ffd892}.status-pill.expired,.status-pill.failed,.status-pill.rejected{background:#4a2d2b;color:#ffa99d}.checkout-data dd.status-value{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.status-note{color:var(--muted);font-size:11px;font-weight:650;line-height:1.2}.request-status{align-items:flex-end;gap:4px}.checkout-summary,.request-status{display:flex;flex-direction:column}.checkout-summary{align-items:center;justify-content:center;gap:3px;margin:4px 0 14px;padding:13px 15px;border:1px solid #345163;border-radius:10px;background:#1f3440;text-align:center}.checkout-summary strong{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;grid-column-gap:52px;column-gap:52px;width:100%;color:var(--green);font-size:20px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center}.checkout-summary strong span:first-child{grid-column:1;color:var(--white);text-align:right}.checkout-summary strong span:last-child{grid-column:2;color:var(--green);text-align:left}.summary-arrow{position:absolute;top:50%;left:50%;width:28px;height:18px;padding:2px 5px;border-radius:999px;background:#2a4655;color:var(--primary-bright);flex:0 0 auto;transform:translate(-50%,-50%)}.summary-arrow path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.checkout-summary small{color:var(--muted);font-size:12px;font-weight:500}.checkout-summary.sent strong{display:block;width:auto;color:var(--green);font-size:18px;font-weight:760}.checkout-summary.returned{border-color:#4a5562;background:#2c333b}.checkout-summary.returned strong{display:block;width:auto;color:#c8cdd3;font-size:18px;font-weight:760}.checkout-summary.returned small{color:#8b96a3}.checkout-summary.expired{border-color:#4a5562;background:#2c333b}.checkout-summary.expired strong span:first-child{color:#c8cdd3}.checkout-summary.expired strong span:last-child{color:#9aa3ad}.checkout-summary.expired .summary-arrow{background:#3a424b;color:#9aa3ad}.payment-qr{display:grid;justify-items:center;grid-gap:8px;gap:8px;margin:14px 0 0}.payment-qr-code{display:block;width:180px;height:180px;overflow:hidden;border-radius:16px;background:#f5f7fb;line-height:0;cursor:pointer}.payment-qr-code:hover{filter:brightness(.96)}.payment-qr-code:focus-visible{outline:2px solid #42a9f6;outline-offset:3px}.payment-qr-code svg{display:block;width:180px;height:180px}.payment-qr p{margin:0;color:var(--muted);font-size:12px;font-weight:650;text-align:center}.pay-link{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border-radius:8px;background:linear-gradient(135deg,#328fd8,#42a9f6);color:#fff;font-weight:800}.pay-icon{width:20px;height:20px;flex:0 0 auto}.repeat-request{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin-top:4px;border:1px solid #3a4a5a;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-weight:750}.repeat-request:hover:not(:disabled){border-color:#5c7084;color:#d5deea}.repeat-request:disabled{cursor:wait;opacity:.6}.repeat-error{margin:0 0 10px}.checkout-success-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px;background:rgb(16 24 32/28%);text-align:center}.checkout-success-overlay h2{margin:14px 0 8px;font-size:23px}.checkout-success-overlay p{margin:0 0 20px;max-width:280px;color:var(--muted)}.success-check{display:grid;place-items:center;width:72px;height:72px;margin:0 auto;color:var(--green)}.success-check svg{width:72px;height:72px;display:block}.success-check circle{fill:rgb(120 208 165/10%);stroke:currentColor;stroke-width:3;stroke-dasharray:145;stroke-dashoffset:145;animation:draw-circle .5s ease forwards}.success-check path{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:34;stroke-dashoffset:34;animation:draw-check .35s ease .4s forwards}.success-action{min-width:132px;min-height:40px;border:0;border-radius:8px;background:linear-gradient(135deg,#328fd8,#42a9f6);color:#fff;font-weight:800;cursor:pointer}.requests-panel{margin-top:22px;padding:16px;border:1px solid #313d4b;border-radius:12px;background:#202a35}.requests-headline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.requests-headline h2{margin:0;font-size:17px}.requests-headline span{color:var(--muted);font-size:12px;font-weight:750}.request-table-wrap{overflow-x:hidden;border:1px solid #2f3d4c;border-radius:10px;background:#202a35}.request-table{width:100%;table-layout:fixed;border-collapse:collapse;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.request-table thead{background:#2b3745;color:#91a0b2;text-align:left}.request-table td,.request-table th{padding:13px 12px;vertical-align:middle}.request-table th{font-size:12px;font-weight:800}.request-table tbody tr{cursor:pointer;border-top:1px solid #2b3642;background:#222c37;transition:background .16s ease}.request-table tbody tr:focus-visible,.request-table tbody tr:hover{background:#263341;outline:none}.request-table td{color:#aeb9c8;font-weight:680;white-space:nowrap}.request-table td,.request-table th{overflow:hidden;text-overflow:ellipsis}.request-table td:nth-child(2),.request-table th:nth-child(2){width:4.8rem}.request-table td:nth-child(3):not(:last-child),.request-table th:nth-child(3):not(:last-child){width:28%}.request-table td:last-child,.request-table th:last-child{width:9.8rem;overflow:visible;text-align:right;text-overflow:clip;white-space:normal}.request-table td:first-child{color:#f3f7fb}.request-table td:first-child strong{display:flex;align-items:baseline;gap:4px;color:var(--green);font-size:16px}.request-currency{font-size:11px;font-weight:800;letter-spacing:.03em}.request-table td:first-child small{display:block;margin-top:2px;color:#f5f7fb;font-size:11px;font-weight:700}.request-id-cell{min-width:0;max-width:0;overflow:hidden;color:#55b8ff!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.info h2,.trades h2{font-size:19px;margin:0 0 8px}.info p,.trades p{color:var(--muted);margin:0}.info-copy{display:flex;flex-direction:column;gap:12px;width:100%}.info-fold{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#202c38}.info-fold summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;cursor:pointer;list-style:none}.info-fold summary::-webkit-details-marker{display:none}.info-fold summary::marker{content:""}.info-fold summary:after{content:"";width:8px;height:8px;margin-right:4px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-3px) rotate(45deg);flex:0 0 auto}.info-fold[open] summary:after{transform:translateY(3px) rotate(-135deg)}.info-fold summary:hover{background:var(--surface-hover)}.info-fold summary:focus-visible{outline:2px solid var(--primary-bright);outline-offset:-2px}.info-fold summary h3{margin:0;color:var(--white);font-size:15px;font-weight:760}.info-fold-body{display:flex;flex-direction:column;gap:12px;padding:0 14px 14px}.info-copy strong{color:#d7e1ec;font-weight:760}.info-copy a{color:#55b8ff;font-weight:750;text-decoration:underline;text-underline-offset:3px}.info-copy a:hover{color:var(--primary-bright)}.tape-note{margin-top:14px}.tape-note.alert{color:var(--down)}.tape-scroll{overflow-x:auto;margin-top:14px}.tape-sheet{min-width:640px}.tape-head,.trade{display:grid;grid-template-columns:52px 88px 96px minmax(120px,1fr) 96px 52px;grid-gap:12px;gap:12px;align-items:center}.tape-head{margin:0 12px 8px;color:var(--muted-2);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.tape{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.trade{min-height:42px;padding:8px 12px;background:var(--surface);border:1.5px solid transparent;border-radius:9px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}a.trade:hover{background:var(--surface-hover);border-color:#398dd0}.trade time,.trade-num,.trade-type{color:var(--muted);font-size:12px;font-weight:680}.trade-pay{color:var(--gold)}.trade-get,.trade-pay{font-weight:760;white-space:nowrap}.trade-get{color:var(--green)}.trade-address{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d5deea;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}footer{max-width:980px;margin:0 auto;border-top:1px solid #2c3742;padding:20px 24px 32px;text-align:center;color:#7f90a4;font-size:11px}footer strong{color:#adbacc}@media (max-width:640px){.topbar{grid-template-columns:minmax(0,1fr) auto;padding:0 14px}.main-nav{display:none}.brand-name{font-size:19px}main{padding:38px 15px 30px}h1{font-size:26px}.field-header{margin-left:10px;margin-right:10px}.requests-panel{padding:14px 0 0}.requests-headline{padding:0 14px}.request-table-wrap{border-left:0;border-right:0;border-radius:0 0 12px 12px}.checkout-data div{grid-template-columns:1fr;gap:4px}.checkout-data dd{text-align:left}.checkout-data dd.status-value{align-items:flex-start}.quote-expiry{justify-content:flex-start}.request-id-copy{text-align:left}.checkout-success-overlay{padding:24px 18px}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tick-in{0%{opacity:.35}to{opacity:1}}@keyframes draw-circle{to{stroke-dashoffset:0}}@keyframes draw-check{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.modal-backdrop,.tick-price.down,.tick-price.up{animation:none}.success-check circle,.success-check path{animation:none;stroke-dashoffset:0}}