:root,:root[data-theme="dark"]{--bg:#111c2e;--bg2:#18273a;--card:#1c2c41;--text:#f3f5f8;--muted:#a9b9cc;--line:#33455c;--code:#142236;--gold:#ff8048;--gold2:#ff8048;--on-gold:#142033;--glow:rgba(255,128,72,.16)}
:root[data-theme="light"]{--bg:#f5f2ec;--bg2:#fdfbf7;--card:#fffdf9;--text:#182638;--muted:#586579;--line:#dcd8d0;--code:#f2efe9;--gold:#b54016;--gold2:#b54016;--on-gold:#fff;--glow:rgba(181,64,22,.12)}
body{background:var(--bg);font-size:15px;line-height:1.65}
main{max-width:1120px;padding:30px 28px 36px}
header{padding:0 0 24px;border-bottom:1px solid var(--line);gap:20px}
.coin{width:42px;height:42px}.brand{gap:12px}h1{font-size:1.3rem;letter-spacing:-.04em}h1 span{color:var(--gold);background:none}
.chip{min-height:36px;border-radius:10px;padding:4px 10px}.chip:focus-visible,.btn:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.hero{padding:46px 0 28px;max-width:700px}.eyebrow{color:var(--gold);font-size:.68rem;letter-spacing:.16em;font-weight:750;margin:0 0 12px}
.hero h2{font-size:clamp(2.2rem,5vw,3.55rem);line-height:1.12;letter-spacing:-.045em;margin:0 0 18px;font-weight:730}.hero h2 span{color:var(--gold)}
.lead{max-width:590px;font-size:1rem;margin:0;color:var(--muted)}
.availability{display:flex;align-items:center;gap:14px;padding:17px 20px;border-radius:16px;background:var(--card);border:1px solid var(--line);margin:0 0 20px}
.availability strong{font-size:.9rem}.availability p{font-size:.82rem;margin:2px 0 0;color:var(--muted);max-width:740px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);flex-shrink:0;box-shadow:0 0 0 5px var(--glow)}
.preview-badge{margin-left:auto;color:var(--gold);border:1px solid var(--line);border-radius:20px;padding:3px 11px;font-size:.72rem;white-space:nowrap}
.limits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.limit-card{padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.limit-card>span{font-size:.64rem;font-weight:700;letter-spacing:.1em;color:var(--muted)}.limit-card strong{display:block;font-size:1.7rem;line-height:1.3;letter-spacing:-.035em;margin-top:8px;font-variant-numeric:tabular-nums}.limit-card small{font-size:.8rem;color:var(--muted);letter-spacing:0;font-weight:500}.limit-card p{font-size:.73rem;color:var(--muted);margin:4px 0 0}
.workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:start}.flow-panel,.guide-card{border:1px solid var(--line);border-radius:22px;background:var(--card);padding:26px;min-width:0}
.panel-heading h2,.guide-card h2{font-size:1.3rem;letter-spacing:-.025em;margin:0}.panel-heading .eyebrow,.guide-card>.eyebrow{margin-bottom:5px}
.steps{display:flex;list-style:none;padding:18px 0 20px;margin:16px 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:12px;justify-content:space-between}
.steps li{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.77rem;white-space:nowrap}.steps li span{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--line);border-radius:50%;font-size:.7rem;font-variant-numeric:tabular-nums;transition:background .2s,color .2s}
.steps [aria-current]{color:var(--text)}.steps [aria-current] span{background:var(--gold);color:var(--on-gold);border-color:var(--gold)}
.card{padding:0;border:0;border-radius:0;margin:0;background:none;box-shadow:none;backdrop-filter:none;animation:step-in .25s ease-out}.card[hidden]{display:none}
label{font-size:.85rem;font-weight:600;margin-bottom:12px}textarea{min-height:130px;font-size:.8rem;padding:16px;border-radius:12px;line-height:1.6}textarea::placeholder{color:var(--muted);opacity:.8}
.btn{font-size:.85rem;border-radius:12px;min-height:46px;box-shadow:none}.row{gap:10px;margin-top:12px}.row>*{flex-basis:110px}.primary{background:var(--gold);box-shadow:none}.primary:hover:not(:disabled){box-shadow:0 4px 14px var(--glow);transform:translateY(-1px);filter:none}.primary:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.ghost:hover{box-shadow:none;background:var(--code);transform:none}
.guide-steps{padding:0;list-style:none;margin:24px 0}.guide-steps li{display:flex;gap:15px;margin:0 0 22px}.guide-steps li:last-child{margin:0}.guide-number{color:var(--gold);font-size:.75rem;font-variant-numeric:tabular-nums;padding-top:3px}.guide-steps h3{margin:0 0 4px;font-size:.9rem;font-weight:650}.guide-steps p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.6}
.guide-note{padding-top:18px;border-top:1px solid var(--line);font-size:.8rem}.guide-note strong{font-weight:600}.guide-note p{margin:6px 0 0;color:var(--muted)}.note:empty{display:none}.note{font-size:.8rem}
.sum{font-size:.88rem}.qr{box-shadow:none}.big{font-size:1.1rem}footer{display:flex;justify-content:space-between;gap:14px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line);font-size:.73rem}
@keyframes step-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.hero,.availability,.limits-grid,.workspace{animation:step-in .45s ease-out both}.availability{animation-delay:.04s}.limits-grid{animation-delay:.08s}.workspace{animation-delay:.12s}
@media(max-width:700px){main{padding:22px 18px 28px}.hero{padding:32px 0 24px}.workspace{grid-template-columns:1fr}.flow-panel,.guide-card{padding:22px}.limits-grid{gap:8px}.limit-card{padding:14px 12px}.limit-card strong{font-size:1.35rem}.limit-card>span{font-size:.56rem;letter-spacing:.04em}.limit-card p{font-size:.66rem}.availability{padding:15px}.preview-badge{display:none}footer{flex-direction:column;align-items:flex-start;text-align:left}.hero h2{font-size:2.5rem}}
@media(max-width:380px){main{padding:18px 14px}.tools{gap:5px}.brand h1{font-size:1.15rem}.coin{width:34px;height:34px}.lang .chip{padding:4px 6px}.hero h2{font-size:2.2rem}.limits-grid{grid-template-columns:1fr}.limit-card{display:grid;grid-template-columns:1fr auto;align-items:center}.limit-card strong{grid-column:2;grid-row:1/3;margin:0}.limit-card p{grid-column:1}.steps{gap:6px}.steps li{font-size:.7rem;gap:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:700px){.limits-grid{grid-template-columns:1fr}.limit-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:12px 16px}.limit-card strong{grid-column:2;grid-row:1/3;margin:0;font-size:1.4rem}.limit-card p{grid-column:1;font-size:.71rem}.limit-card>span{font-size:.62rem;letter-spacing:.08em}.limit-card small{margin-left:3px}}

.direction-picker{display:grid;grid-template-columns:1fr 48px 1fr;align-items:center;gap:12px;padding:16px;border:1px solid var(--line,#34465b);border-radius:16px;margin:18px 0 8px}
.direction-picker>div:last-child{text-align:right}.direction-picker small{display:block;font-size:10px;letter-spacing:.1em;opacity:.7}.direction-picker strong{display:block;font-size:20px;margin-top:5px}
#directionSwitch{width:44px;height:44px;border:1px solid #ff8045;border-radius:50%;background:transparent;color:#ff8045;cursor:pointer;font-size:28px}
#directionSwitch span{display:block;transition:transform .25s ease}#directionSwitch[aria-pressed="true"] span{transform:rotate(180deg)}#directionSwitch:focus-visible{outline:3px solid #ff8045;outline-offset:4px}#directionSwitch:disabled{opacity:.45;cursor:default}
#payStep{font-weight:inherit}@media(prefers-reduced-motion:reduce){#directionSwitch span{transition:none}}

/* Full network names must wrap in narrow direction and progress controls. */
.direction-picker > div { min-width: 0; overflow-wrap: anywhere; }
.direction-picker strong { display: block; }
.steps li { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 600px) { .direction-picker strong { font-size: 1rem; } .steps b { font-size: .75rem; } }


.direction-picker { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }

.bridge-nav{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 28px;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.bridge-nav a{color:var(--muted);text-decoration:none;padding:9px 14px;border-radius:9px;font-size:14px;font-weight:600;transition:background .18s,color .18s}
.bridge-nav a:hover,.bridge-nav a[aria-current="page"]{color:var(--text);background:var(--bg2)}.bridge-nav a[aria-current="page"]{box-shadow:inset 0 -2px #f56835}
.liquidity-support{margin-top:28px;border:1px solid var(--line);border-radius:16px;background:var(--card);overflow:hidden}.liquidity-support>summary{padding:20px 24px;cursor:pointer;font-weight:650;display:flex;justify-content:space-between;gap:16px;list-style:none}.liquidity-support>summary::-webkit-details-marker{display:none}.liquidity-support[open]>summary span{transform:rotate(45deg)}
.support-content{padding:0 24px 20px;color:var(--muted)}.support-nodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.support-nodes section{min-width:0;border:1px solid var(--line);border-radius:12px;padding:18px}.support-nodes h3{color:var(--text);font-size:16px;margin:0}.support-nodes code{display:block;white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.7;color:var(--text);user-select:all}.support-nodes details{margin-top:14px}.support-nodes summary{cursor:pointer;font-size:13px;margin-bottom:10px}.support-content a{color:var(--text)}
.bridge-nav a:focus-visible,.liquidity-support summary:focus-visible{outline:2px solid #f56835;outline-offset:3px}
@media(max-width:600px){.bridge-nav a{padding:9px 10px;font-size:13px}.support-nodes{grid-template-columns:1fr}.support-content{padding:0 18px 18px}.liquidity-support>summary{padding:18px}}
@media(prefers-reduced-motion:reduce){.bridge-nav a{transition:none}}

#invoicePreview{display:block;overflow-wrap:anywhere;word-break:break-word;margin-top:6px;color:var(--text);font:13px/1.6 ui-monospace,Consolas,monospace}

/* Paint the initial form immediately; keep animation for later steps only. */
.hero,.availability,.limits-grid,.workspace,#step1{animation:none;transform:none}
main,.workspace,.flow-panel{min-width:0}main>p{overflow-wrap:anywhere}