.account-dialog{color:#eef4f3;background:linear-gradient(150deg,#1e2b29,#101b1a 55%,#151d2e);border:1px solid #465755;border-radius:20px;padding:34px;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 28px 90px #0009;font-family:Manrope,sans-serif}.account-dialog::backdrop{background:#020908ad;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.account-dialog[open]{animation:account-open .28s cubic-bezier(.16,1,.3,1)}@keyframes account-open{from{opacity:0;transform:translateY(12px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}.account-dialog svg,.account-section svg,.account-ribbon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.account-dialog h2{font-size:29px;line-height:1.18;letter-spacing:-.035em;margin:20px 0 12px;max-width:340px}.account-dialog p{color:#b4c5c3;font-size:14px;line-height:1.65}.account-dialog button,.account-dialog input{font:inherit}.account-close{position:absolute;right:16px;top:16px;width:40px;height:40px;border-radius:50%;border:0;background:#ffffff0a;color:#dfe8e6;display:grid;place-items:center}.account-emblem{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:#b7f4e320;color:#bdffed}.account-emblem svg{width:29px;height:29px}.account-options{margin-top:24px}.wallet-option{display:flex;align-items:center;gap:14px;width:100%;padding:16px;background:#ffffff06;border:1px solid #455553;color:#edf4f2;border-radius:12px;margin:8px 0;text-align:left;cursor:pointer}.wallet-option>span{flex:1}.wallet-option small{display:block;color:#acc0bd;font-size:12px;margin-top:3px}.wallet-option:hover{background:#b6fbe912;border-color:#99d8c8}.wallet-unavailable{padding:16px 0}.wallet-unavailable p{margin:8px 0}.watch-address{padding-top:24px;border-top:1px solid #364745;margin-top:20px}.watch-address label{display:block;font-size:14px;margin-bottom:10px}.watch-address>div{display:flex;border:1px solid #627371;border-radius:10px;overflow:hidden;background:#07100f}.watch-address input{width:100%;min-width:0;background:none;color:#edf5f3;border:0;padding:13px}.watch-address button{display:grid;place-items:center;border:0;background:#b7f9e7;color:#182724;width:48px}.watch-address small{display:block;color:#a8bfbc;font-size:12px;margin-top:9px}.account-foot{display:flex;align-items:center;gap:10px;border-top:1px solid #364845;padding-top:18px;color:#a8c9c4;font-size:11px;line-height:1.5;margin-top:20px}.account-foot svg{width:17px}.account-address{font-size:13px;overflow-wrap:anywhere;background:#060f0e;padding:15px;border-radius:10px;display:flex;align-items:center;gap:8px;line-height:1.7}.account-icon{border:0;background:transparent;color:#b6f7e6;padding:6px;flex:none}.account-network{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin:18px 0;color:#b3c6c3}.account-network strong{color:#e9f2f0}.account-links a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #354946;padding:16px 0;text-decoration:none;color:#e3f0ed}.account-links a:hover{color:#baffed}.account-primary,.account-secondary{width:100%;padding:13px;border:0;border-radius:10px;background:#bdf7e7;color:#132724;font-weight:700;cursor:pointer}.account-secondary{background:#ffffff09;color:#c5d5d3;margin-top:20px}
.account-rpc{position:relative;margin:6px 0 18px;padding:16px;border:1px solid #3a5551;border-radius:12px;background:#0f1d1b}
.account-rpc:not(.account-rpc-folded) .account-rpc-head{padding-right:34px}
.account-rpc-x{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:#9fb9b5;cursor:pointer}
.account-rpc-x:hover{background:#ffffff0f;color:#e9f2f0}
.account-rpc-x svg{width:16px;height:16px}
.account-rpc-folded{display:flex;align-items:center;gap:14px;padding:10px 12px 10px 16px}
.account-rpc-folded .account-rpc-head{flex:1;align-items:center}
.account-rpc-show{flex:none;min-height:32px;padding:4px 12px;border:1px solid #3a5551;border-radius:8px;background:transparent;color:#bdf7e7;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.account-rpc-show:hover{background:#ffffff0a}.account-rpc[data-rpc-state=unknown]{border-color:#7fdcc4}.account-rpc-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;color:#b3c6c3}.account-rpc-head strong{color:#e9f2f0}.account-rpc[data-rpc-state=unknown] .account-rpc-head strong{color:#bdf7e7}.account-rpc[data-rpc-state=confirmed] .account-rpc-head strong{color:#8ff0c9}.account-rpc p{margin:10px 0 14px;font-size:13px;line-height:1.55;color:#c9d8d5}.account-rpc .account-secondary{margin-top:0}.account-rpc-manual{margin-top:12px;font-size:12px;color:#b3c6c3}.account-rpc-manual summary{cursor:pointer;min-height:32px;display:flex;align-items:center;color:#bdf7e7}.account-rpc-manual dl{margin:6px 0 0}.account-rpc-manual dl>div{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #263a37;padding:2px 0}.account-rpc-manual dt{color:#93aaa6}.account-rpc-manual dd{margin:0;display:flex;align-items:center;gap:2px;min-width:0;color:#e9f2f0;text-align:right}.account-rpc-manual dd span{overflow-wrap:anywhere}.account-rpc-manual .account-icon{min-width:36px;min-height:36px}.account-dialog button:disabled{opacity:.5;cursor:wait}.account-dialog :focus-visible,.account-section :focus-visible{outline:2px solid #bafdeb;outline-offset:4px}.account-dialog [aria-invalid=true]{outline:2px solid #ee9a9a;outline-offset:-2px}.account-dialog [data-account-message]{color:#decbfa;min-height:1.4em;font-size:13px;margin:16px 0 0}
.account-ribbon{display:flex;align-items:center;gap:14px;padding:16px 22px;background:linear-gradient(100deg,#233045,#122724);border:1px solid #354946;border-radius:12px;margin:0 0 22px;font-size:13px;flex-wrap:wrap}.account-ribbon[hidden]{display:none}.account-ribbon>div{flex:1}.account-ribbon strong{display:block;color:#e7f2f1}.account-ribbon small{color:#a9c8c4}.account-ribbon a{color:#c0fded;text-decoration:none}.account-section h2{font-size:28px;letter-spacing:-.035em}.account-section p{color:#aec2bf;line-height:1.65}.account-section button,.account-section input{font:inherit}.account-section input{border:1px solid #48625e;border-radius:9px;background:#091413;padding:13px;color:#edf5f3;min-width:0;max-width:100%}.account-section input::placeholder{color:#9dafac}.account-state{padding:34px 12px;max-width:610px}.account-state h3{font-size:24px;letter-spacing:-.025em;margin:14px 0 8px}.account-state .account-emblem{background:#beb0ed1a;color:#c8b5ff}.account-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.account-actions a,.account-actions button,.account-section .account-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#baf3e4;color:#122320;border:0;border-radius:9px;padding:12px 18px;text-decoration:none;font-weight:700;cursor:pointer}.account-actions .secondary,.account-section .account-button.secondary{background:#ffffff08;color:#ccdfdc;border:1px solid #47605c}.account-balance{padding:25px 0;border-bottom:1px solid #334d4a;display:flex;align-items:center;gap:16px}.account-balance .coin{width:48px;height:48px;border-radius:50%;background:#93bbff20;display:grid;place-items:center;color:#adcaff;font-size:20px}.account-balance>div{flex:1}.account-balance strong{font-size:22px;display:block;font-variant-numeric:tabular-nums}.account-balance small{color:#abc3c0;display:block;margin-top:5px}.balance-status{font-size:12px;color:#a8c3bf;margin:18px 0}.portfolio-scope{margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:22px}.portfolio-scope>div{padding:18px 0;border-top:1px solid #36534f}.portfolio-scope h3{font-size:15px;margin:0 0 8px}.portfolio-scope p{font-size:13px;margin:0}.transaction-search label{display:block;font-size:14px;margin:22px 0 10px}.transaction-search>div{display:flex;gap:10px}.transaction-search input{flex:1}.transaction-result{margin-top:22px;padding:24px;background:#93bbff0a;border-radius:12px}.transaction-result h3{text-transform:capitalize;margin:0 0 16px;color:#c7dafe}.transaction-result dl div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #324845;padding:12px 0;font-size:13px}.transaction-result dd{margin:0;overflow-wrap:anywhere;text-align:right}.transaction-result dt{color:#adc5c1;flex-shrink:0}.transaction-result .hash{font-size:12px;overflow-wrap:anywhere}.funding-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:44px;align-items:start}.funding-intro{max-width:760px;margin-bottom:42px}.funding-intro h1{font-size:clamp(38px,5vw,68px);line-height:1.08;letter-spacing:-.04em;margin:0 0 22px}.funding-intro h1 span{color:#a9ceff}.funding-panel{border:1px solid #38504d;border-radius:16px;padding:30px;background:linear-gradient(135deg,#122522,#132030);overflow:hidden}.funding-tabs{display:flex;gap:8px;margin-bottom:28px}.funding-tabs button{background:#ffffff06;border:1px solid #425b58;color:#dbe7e5;padding:12px 18px;border-radius:9px;cursor:pointer}.funding-tabs button[aria-pressed=true]{background:#abcfff;color:#112b40;border-color:transparent}.funding-network{display:flex;align-items:center;gap:12px;margin:0 0 26px;padding-bottom:24px;border-bottom:1px solid #38524f;color:#b8d8fa}.funding-network strong{display:block;font-size:17px;color:#e5edf3}.funding-network small{color:#b9ccc9}.funding-account{padding:25px 0;border-bottom:1px solid #345450}.funding-account strong{display:block;font-size:14px;margin-bottom:12px}.funding-account code{display:block;overflow-wrap:anywhere;font-size:14px;line-height:1.7;color:#c9e8e1}.funding-plan{margin-top:28px;padding:24px 0;border-top:1px solid #365450}.funding-plan label{display:block;margin-bottom:10px}.funding-plan .asset-chips{display:flex;flex-wrap:wrap;gap:8px}.asset-chips button{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ffffff06;border:1px solid #486561;border-radius:9px;color:#d4e6e3}.asset-chips img{width:19px;height:19px}.asset-chips button[aria-pressed=true]{border-color:#b8f0e2;background:#b8f0e218}.creator-ledger{grid-column:1/-1;padding:30px;background:linear-gradient(120deg,#152825,#171b2e);border:1px solid #384c49;border-radius:16px}.creator-ledger-head{display:flex;justify-content:space-between;align-items:start;gap:20px}.creator-ledger h2{margin:0 0 10px}.revenue-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:28px 0;border-top:1px solid #405653;border-bottom:1px solid #405653}.revenue-stages>div{padding:22px 20px}.revenue-stages>div+div{border-left:1px solid #405653}.revenue-stages strong{font-size:15px;display:block;color:#c4d9ff;margin-bottom:8px}.revenue-stages p{font-size:13px;margin:0;max-width:42ch}.creator-checklist{list-style:none;padding:0;margin:20px 0}.creator-checklist li{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #354845;font-size:14px}.creator-checklist li svg{color:#bcf2e4;width:17px}.creator-checklist .missing{color:#b5c5c2}.creator-checklist .missing svg{color:#899f9c}.draft-tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.draft-tools button{background:#ffffff0a;color:#dfedea;border:1px solid #47665f;border-radius:8px;padding:10px 14px;cursor:pointer}.connected-trade{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;margin-top:10px;border-top:1px solid #354d4a;font-size:12px}.connected-trade a{color:#b9f2e3}.connected-trade button{background:transparent;border:0;color:#b9f2e3;cursor:pointer}
@media(max-width:800px){.funding-layout{grid-template-columns:1fr;gap:20px}.funding-intro{margin-bottom:28px}.funding-panel{padding:22px}.creator-ledger{padding:22px}.creator-ledger-head{flex-direction:column}.revenue-stages{grid-template-columns:1fr}.revenue-stages>div{padding:18px 0}.revenue-stages>div+div{border-left:0;border-top:1px solid #354e4b}.portfolio-scope{grid-template-columns:1fr;gap:4px}.transaction-search>div{flex-direction:column}.account-dialog{padding:25px}.account-ribbon{padding:14px}.account-ribbon>div{min-width:150px}.transaction-result{padding:18px}.transaction-result dl div{flex-wrap:wrap;gap:8px}.transaction-result dd{text-align:left}.funding-tabs button{flex:1;padding:12px 8px}.account-actions>*{min-height:44px}}
@media(prefers-reduced-motion:reduce){.account-dialog[open]{animation:none}}

/* Connected account: destinations scan together; ending the session stays distinct. */
.account-address>span{flex:1;min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.account-address .account-icon{display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:8px}
.account-address .account-icon:hover{background:#b6f7e612}
.account-network{align-items:baseline;flex-wrap:wrap}
.account-network strong{overflow-wrap:anywhere;text-align:right}
.account-links a{gap:12px;min-height:52px;box-sizing:border-box;padding:14px 4px;border-radius:6px}
.account-links a>span{flex:1;min-width:0}
.account-links a>svg:first-child{width:20px;height:20px;color:#b8cfcb}
.account-links a>svg:last-child{width:17px;height:17px;color:#91aaa6}
.account-links a:hover{background:#b6fbe908}
.account-dialog .account-disconnect{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;color:#ffb4b4;background:#ed81810d;border:1px solid #ed818140;margin-top:18px}
.account-dialog .account-change{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;color:#ccf9ee;background:#b6fbe90d;border:1px solid #b6fbe945;margin-top:12px}
.account-dialog .account-change:hover{background:#b6fbe918;border-color:#b6fbe980}
.account-dialog .account-change svg{width:18px;height:18px}
.account-dialog .account-disconnect:hover{background:#ed81811c;border-color:#ed818180}
.account-dialog .account-disconnect svg{width:18px;height:18px}
.account-dialog .account-disconnect:focus-visible{outline-color:#ffb4b4}

/* Compact shared wallet picker. Keep overflow available only for short viewports. */
.account-dialog{width:min(420px,calc(100vw - 28px));padding:24px;box-sizing:border-box;max-height:calc(100dvh - 28px)}
.account-dialog .account-close{right:10px;top:10px;width:44px;height:44px}
.account-dialog .account-emblem{width:42px;height:42px;border-radius:12px}.account-dialog .account-emblem svg{width:24px;height:24px}
.account-dialog h2{font-size:25px;line-height:1.16;margin:16px 0 10px;max-width:330px}
.account-dialog>p{font-size:13px;line-height:1.5;margin:0 0 16px}.account-dialog .account-options{margin-top:18px}
.account-dialog .wallet-option{gap:12px;padding:11px 12px;margin:7px 0;min-height:62px;border-radius:10px}
.account-dialog .wallet-option strong{font-size:14px}.account-dialog .wallet-option small{font-size:11px;margin-top:3px}
.account-dialog .wallet-provider-logo,.account-dialog .wallet-browser-logo{width:32px;height:32px;flex:0 0 32px;object-fit:contain;border-radius:8px}
.account-dialog .wallet-browser-logo{display:grid;place-items:center;color:#c8eee5;background:#c8eee512}.account-dialog .wallet-browser-logo svg{width:24px;height:24px}
.account-dialog [data-account-message]:empty{display:none}.account-dialog [data-account-message]:not(:empty){margin:12px 0 0;font-size:12px}
@media(max-width:480px){.account-dialog{padding:20px}.account-dialog h2{font-size:23px}.account-dialog .account-options{margin-top:14px}}
/* Connect a wallet: the wallet set-up guide for anyone new to Elysium, under the wallet choices. */
.account-dialog .account-new{margin:14px 0 0;font-size:13px;line-height:1.5}
.account-dialog .account-new a{display:inline-flex;align-items:center;min-height:44px;color:#bdf7e7;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.account-dialog .account-new a:hover{color:#fff}

.account-dialog .wallet-option .wallet-provider-logo{box-sizing:content-box;width:32px;height:32px;min-width:32px;padding:0;margin:0;background:transparent;border:0;object-fit:contain;border-radius:0;transform:none}

.wallet-app-link{text-decoration:none;color:inherit}
.wallet-app-link .wallet-provider-logo{width:32px;height:32px;object-fit:contain;flex:0 0 32px}
@media(max-width:600px){.account-dialog{padding:24px}.account-dialog h2{font-size:28px;line-height:1.15}.account-dialog .account-emblem{width:44px;height:44px;margin-bottom:20px}.account-options{gap:10px}.account-options .wallet-option{padding:16px;min-height:76px}.wallet-option strong{font-size:16px}.wallet-option small{font-size:12px}}

/* Account destinations read as actions; network context remains secondary. */
.account-links a{font-weight:650}
.account-dialog .wallet-option strong{font-weight:750}
.account-dialog .wallet-option small{font-weight:400;line-height:1.45}

/* Funding: the bridge from HyperEVM (bridge-panel.mjs), one swap card and, once sent, a three-step tracker. The route
   strip on top draws the trip (HyperEVM, the fee router's mark when deposits go through it, Elysium) and follows the
   real states only. Motion is transform and opacity (a packet on the rail, pulses, pops), never a band sweeping across
   a box (standing motion rule; test-public-honesty.cjs), and it all stops under reduced motion. The words below the
   strip always carry the status and the fee. */
.bridge-card{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;position:relative}
.bridge-card.bridge-enter{animation:bridge-rise .42s cubic-bezier(.2,.8,.2,1) both}
.bridge-route{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #2b4642;border-radius:14px;background:radial-gradient(120% 160% at 0% 0%,#97fce412,transparent 55%),radial-gradient(120% 160% at 100% 100%,#8ff1f112,transparent 55%),#091614}
.bridge-node{position:relative;display:flex;align-items:center;gap:9px;flex:none;min-width:0}
.bridge-node.to{flex-direction:row-reverse;text-align:right}
.bridge-node small{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#86a19d}
.bridge-node b{display:block;font-size:13px;color:#e8f3f1;font-weight:700;white-space:nowrap}
.bridge-orb{position:relative;display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:#0f211e;border:1px solid #3c5b57;transition:border-color .35s,box-shadow .35s,transform .35s}
.bridge-orb img{width:24px;height:24px}
.bridge-orb.ely{background:linear-gradient(140deg,#8ff1f1,#33b4cf);border-color:#8ff1f1;color:#061210}
.bridge-orb.ely img{width:32px;height:32px}
.bridge-orb:after{content:'';position:absolute;inset:-6px;border-radius:50%;border:1.5px solid #97fce4;opacity:0;pointer-events:none}
.bridge-rail{position:relative;flex:1;min-width:28px;height:2px;border-radius:2px;background:repeating-linear-gradient(90deg,#3f605b 0 6px,transparent 6px 11px)}
.bridge-rail-fill{position:absolute;inset:0;border-radius:2px;background:linear-gradient(90deg,#97fce4,#8ff1f1 55%,#abcfff);transform-origin:left;transform:scaleX(0);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.bridge-lane{position:absolute;left:0;right:0;top:-4px;height:10px;transform:translateX(-100%);opacity:0}
.bridge-packet{position:absolute;right:-5px;top:0;width:10px;height:10px;border-radius:50%;background:#effffb;box-shadow:0 0 0 3px #97fce433,0 0 16px 3px #97fce499}
.bridge-hub{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:10px;background:#0c1b19;border:1px solid #3c5b57;transition:border-color .35s,box-shadow .35s}
.bridge-hub img{width:19px;height:auto}
.bridge-route:not([data-state="idle"]):not([data-state="failed"]) .bridge-rail{background:repeating-linear-gradient(90deg,#5f948c 0 6px,transparent 6px 11px)}
.bridge-route[data-state="ready"] .bridge-orb:not(.ely){border-color:#97fce4;box-shadow:0 0 0 4px #97fce414}
.bridge-route[data-state="busy"] .bridge-orb:not(.ely):after{animation:bridge-pulse 1.5s ease-out infinite}
.bridge-route[data-state="sent"] .bridge-rail-fill{transform:scaleX(.34)}
.bridge-route[data-state="confirmed"] .bridge-rail-fill,.bridge-route[data-state="late"] .bridge-rail-fill{transform:scaleX(.67)}
.bridge-route[data-state="arrived"] .bridge-rail-fill{transform:scaleX(1)}
.bridge-route[data-state="sent"] .bridge-lane,.bridge-route[data-state="confirmed"] .bridge-lane{animation:bridge-travel 1.9s cubic-bezier(.45,.05,.35,1) infinite}
.bridge-route[data-state="sent"] .bridge-orb:not(.ely),.bridge-route[data-state="confirmed"] .bridge-orb,.bridge-route[data-state="arrived"] .bridge-orb,.bridge-route[data-state="late"] .bridge-orb:not(.ely){border-color:#97fce4}
.bridge-route[data-state="sent"] .bridge-hub,.bridge-route[data-state="confirmed"] .bridge-hub,.bridge-route[data-state="arrived"] .bridge-hub{border-color:#8ff1f1;box-shadow:0 0 14px -2px #8ff1f155}
.bridge-route[data-state="confirmed"] .bridge-orb.ely:after{animation:bridge-pulse 1.5s ease-out infinite}
.bridge-route[data-state="arrived"] .bridge-orb.ely{box-shadow:0 0 0 5px #8ff1f126,0 0 26px #8ff1f155}
.bridge-route[data-state="failed"]{border-color:#6b3d3d}
.bridge-route[data-state="failed"] .bridge-orb:not(.ely){border-color:#f0a3a3;box-shadow:0 0 0 4px #f0a3a31f}
.bridge-route[data-state="failed"] .bridge-rail{background:repeating-linear-gradient(90deg,#6b4a4a 0 6px,transparent 6px 11px)}
/* A ticket waiting for its redeem on Elysium: amber at the Elysium mark, red only once it has expired. */
.bridge-route[data-state="redeem"] .bridge-rail-fill{transform:scaleX(.67)}
.bridge-route[data-state="redeem"] .bridge-orb:not(.ely){border-color:#97fce4}
.bridge-route[data-state="redeem"] .bridge-orb.ely{border-color:#f0d39c;box-shadow:0 0 0 4px #f0d39c40,0 0 18px #f0d39c3d}
.bridge-celebrate .bridge-orb.ely{animation:bridge-pop .7s cubic-bezier(.2,.9,.25,1.2) both}
.bridge-celebrate .bridge-orb.ely:after{animation:bridge-ring .9s ease-out both}
.bridge-burst{position:absolute;inset:0;pointer-events:none}
.bridge-burst i{position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:#97fce4;box-shadow:0 0 10px #97fce4bb;opacity:0;animation:bridge-spark .95s cubic-bezier(.15,.75,.3,1) .12s both}
.bridge-burst i:nth-child(3n+2){width:4px;height:4px;margin:-2px 0 0 -2px;background:#8ff1f1;--d:36px}
.bridge-burst i:nth-child(3n){background:#abcfff;--d:58px}
.bridge-landed{position:absolute;right:calc(100% + 10px);top:50%;margin-top:-12px;padding:4px 10px;border-radius:999px;background:linear-gradient(110deg,#c1fded,#8ff1f1);color:#061210;font-size:12px;font-weight:800;white-space:nowrap;box-shadow:0 8px 22px -10px #8ff1f1;opacity:0;animation:bridge-land 2.8s cubic-bezier(.2,.8,.2,1) .3s both}
.bridge-burst i:nth-child(1){--a:0deg}.bridge-burst i:nth-child(2){--a:30deg}.bridge-burst i:nth-child(3){--a:60deg}.bridge-burst i:nth-child(4){--a:90deg}
.bridge-burst i:nth-child(5){--a:120deg}.bridge-burst i:nth-child(6){--a:150deg}.bridge-burst i:nth-child(7){--a:180deg}.bridge-burst i:nth-child(8){--a:210deg}
.bridge-burst i:nth-child(9){--a:240deg}.bridge-burst i:nth-child(10){--a:270deg}.bridge-burst i:nth-child(11){--a:300deg}.bridge-burst i:nth-child(12){--a:330deg}
.bridge-leg{border:1px solid #38524f;border-radius:14px;background:#0b1816;padding:14px 16px;transition:border-color .2s,box-shadow .2s,background-color .2s}
.bridge-leg:hover{border-color:#47665f}
.bridge-leg:focus-within{border-color:#97fce4;box-shadow:0 0 0 3px #97fce41c;background:#0c1b18}
.bridge-leg-head,.bridge-leg-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:#a8c3bf}
.bridge-chain{display:inline-flex;align-items:center;gap:7px;color:#dbe7e5;font-weight:600}
.bridge-dot{width:9px;height:9px;border-radius:50%;background:#7fe0c8}
.bridge-dot.to{background:#8ff1f1}
.bridge-leg-body{display:flex;align-items:center;gap:12px;margin:10px 0}
.bridge-leg-body input,.bridge-leg-body output{flex:1;min-width:0;border:0;background:none;padding:0;font-size:30px;line-height:1.2;color:#edf5f3;font-weight:600;font-variant-numeric:tabular-nums}
.bridge-leg-body input:focus{outline:none}
.bridge-leg-body input::placeholder{color:#5f7c77}
.bridge-leg-body output{display:block;color:#c9f7ec;overflow:hidden;text-overflow:ellipsis}
.bridge-token{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 8px;border-radius:999px;background:#ffffff0d;border:1px solid #47605c;color:#edf5f3;font-weight:650;white-space:nowrap}
.bridge-pick{font:inherit;font-weight:650;cursor:pointer;transition:background-color .18s,border-color .18s,transform .18s}
.bridge-pick:hover{background:#ffffff17;border-color:#6a8b85;transform:translateY(-1px)}
.bridge-pick:active{transform:translateY(0) scale(.97)}
.bridge-pick svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;margin-left:-2px;transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.bridge-pick[aria-expanded="true"]{border-color:#97fce4;background:#97fce414}
.bridge-pick[aria-expanded="true"] svg{transform:rotate(180deg)}
.bridge-mono{display:inline-grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:#2b3f3c;color:#fff;font-size:9.5px;font-weight:800;letter-spacing:-.02em}
.bridge-mono[data-mono="USDC"]{background:#2775ca;font-size:12px}
.bridge-mono[data-mono="kHYPE"]{background:#14806f}
.bridge-mono[data-mono="KNTQ"]{background:#4c4fae}
.bridge-mono[data-mono="stock"]{background:#3a4644;color:#dfe9e7}
/* The token picker: a list under the send leg; the stock tokens are listed but not offered yet. */
.bridge-picker{display:grid;gap:2px;padding:8px;border:1px solid #47605c;border-radius:14px;background:#0e1d1b;margin-top:-4px;box-shadow:0 18px 40px -18px #000c;transform-origin:top center;animation:bridge-drop .2s cubic-bezier(.2,.8,.2,1)}
.bridge-picker[hidden]{display:none}
.bridge-picker p{margin:6px 8px 4px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#8fa9a5}
.bridge-option{display:flex;align-items:center;gap:11px;width:100%;padding:9px 10px;border:0;border-radius:10px;background:none;color:#edf5f3;font:inherit;text-align:left;cursor:pointer;transition:background-color .15s,transform .15s;animation:bridge-in .26s cubic-bezier(.2,.8,.2,1) both}
.bridge-option:nth-of-type(2){animation-delay:.03s}.bridge-option:nth-of-type(3){animation-delay:.06s}.bridge-option:nth-of-type(4){animation-delay:.09s}
.bridge-option:nth-of-type(n+5){animation-delay:.12s}
.bridge-option:hover,.bridge-option[aria-pressed="true"]{background:#ffffff0d}
.bridge-option:not(.soon):hover{transform:translateX(3px)}
.bridge-option[aria-pressed="true"]{background:#97fce40d;box-shadow:inset 0 0 0 1px #97fce44d}
.bridge-option[aria-pressed="true"]:after{content:'';flex:none;width:16px;height:16px;margin-left:auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2397fce4' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.2 4.2L19 7'/%3E%3C/svg%3E") center/contain no-repeat}
.bridge-option:focus-visible,.bridge-pick:focus-visible{outline:2px solid #abcfff;outline-offset:1px}
.bridge-option img,.bridge-option .bridge-mono{width:28px;height:28px}
.bridge-option span:not(.bridge-mono){display:grid;min-width:0}
.bridge-option strong{font-size:14px}
.bridge-option small{font-size:12px;color:#a8c3bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bridge-option.soon{cursor:default}
.bridge-option.soon img,.bridge-option.soon .bridge-mono,.bridge-option.soon span{opacity:.55}
.bridge-option em{margin-left:auto;flex:none;padding:3px 9px;border-radius:999px;border:1px solid #47605c;font-size:11px;font-style:normal;color:#c5d6d3}
.bridge-max{background:#ffffff08;color:#ccdfdc;border:1px solid #47605c;border-radius:7px;padding:4px 10px;cursor:pointer;font-size:12px;transition:background-color .15s,border-color .15s,color .15s}
.bridge-max:not(:disabled):hover{background:#97fce414;border-color:#97fce4;color:#e6fff8}
.bridge-max:disabled{opacity:.45;cursor:default}
.bridge-arrow{display:grid;place-items:center;width:38px;height:38px;margin:-20px auto;position:relative;z-index:1;border-radius:11px;background:#132622;border:1px solid #47605c;color:#c4f3e7;transition:border-color .25s,color .25s}
.bridge-arrow svg{width:18px;height:18px;transform:rotate(90deg);fill:none;stroke:currentColor;stroke-width:2}
.bridge-card:focus-within .bridge-arrow{border-color:#6f9690}
.bridge-arrow.bridge-tick svg{animation:bridge-nudge .34s cubic-bezier(.2,.8,.2,1)}
.bridge-details{display:grid;gap:8px;margin:6px 0 0;padding:14px 16px;border-radius:12px;background:#ffffff05;font-size:13px}
.bridge-details div{display:flex;justify-content:space-between;gap:12px}
.bridge-details dt{color:#a8c3bf}
.bridge-details dd{margin:0;color:#e5edf3;text-align:right}
.bridge-details #bridge-charge{display:inline-block;color:#bdf9ea;font-weight:700}
.bridge-tick{animation:bridge-tick .3s cubic-bezier(.2,.8,.2,1)}
.bridge-cta{position:relative;margin-top:6px;width:100%;min-height:52px;border:0;border-radius:12px;background:linear-gradient(110deg,#c1fded,#a5d8ec);color:#122320;font:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:transform .18s,box-shadow .18s,filter .18s}
.bridge-cta:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 28px -14px #97fce4cc;filter:saturate(1.08)}
.bridge-cta:not(:disabled):active{transform:translateY(0) scale(.99);box-shadow:none}
.bridge-cta:disabled{background:#ffffff10;color:#9fb6b2;cursor:default}
.bridge-cta.is-busy:before{content:'';display:inline-block;width:14px;height:14px;margin-right:10px;vertical-align:-2px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:bridge-spin .8s linear infinite}
.bridge-cta:focus-visible,.bridge-max:focus-visible{outline:2px solid #abcfff;outline-offset:2px}
.bridge-status{margin:4px 0 0}
.bridge-status:empty{display:none}
.bridge-note{font-size:12px;color:#a8c3bf;margin:2px 0 0}
.bridge-track h3{font-size:22px;letter-spacing:-.02em;margin:6px 0 8px}
.bridge-celebrate h3{animation:bridge-lift .5s cubic-bezier(.2,.8,.2,1) .15s both}
.bridge-steps{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.bridge-step{display:flex;gap:14px;padding:12px 0;position:relative}
.bridge-step:not(:last-child):after{content:'';position:absolute;left:13px;top:42px;bottom:-6px;width:1px;background:#405e5a}
.bridge-step.done:not(:last-child):after{background:#97fce4aa}
.bridge-step-mark{flex:none;width:27px;height:27px;border-radius:50%;border:1px solid #50706c;display:grid;place-items:center;color:#122320;transition:background-color .3s,border-color .3s}
.bridge-step.done .bridge-step-mark{background:#baf3e4;border-color:#baf3e4}
.bridge-step-mark.fresh{animation:bridge-pop .5s cubic-bezier(.2,.9,.25,1.2) both}
.bridge-step.active .bridge-step-mark{border-color:#8ff1f1;box-shadow:0 0 0 4px #8ff1f122;animation:bridge-beat 1.6s ease-in-out infinite}
.bridge-step.failed .bridge-step-mark{border-color:#f0a3a3;background:#f0a3a333}
.bridge-step-mark svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4}
.bridge-step.redeem .bridge-step-mark{border-color:#f0d39c;box-shadow:0 0 0 4px #f0d39c1f;animation:bridge-beat 1.6s ease-in-out infinite}
.bridge-step.redeem strong{color:#f6e3bd}
.bridge-track .account-actions .bridge-redeem.is-busy:before{content:'';width:13px;height:13px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:bridge-spin .8s linear infinite}
/* The form's reminder of a delivery this browser left waiting on Elysium. */
.bridge-waiting{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box;margin:0 0 12px;padding:11px 14px;border:1px solid #f0d39c55;border-radius:11px;background:#f0d39c0d;color:#e9dcc0;font:inherit;font-size:13px;text-align:left;cursor:pointer;transition:background-color .18s,border-color .18s}
.bridge-waiting b{color:#f6e3bd;white-space:nowrap}
.bridge-waiting:hover{background:#f0d39c17;border-color:#f0d39c88}
.bridge-waiting:focus-visible{outline:2px solid #abcfff;outline-offset:2px}
.bridge-step strong{display:block;font-size:15px}
.bridge-step small{display:block;color:#a8c3bf;font-size:13px;margin-top:3px;overflow-wrap:anywhere}
.bridge-step small a{color:#b8d4ff}
.bridge-step code{color:#c9e8e1}
@keyframes bridge-rise{from{opacity:.35;transform:translateY(10px)}}
@keyframes bridge-lift{from{transform:translateY(8px) scale(.98)}}
@keyframes bridge-drop{from{opacity:0;transform:translateY(-6px) scaleY(.96)}}
@keyframes bridge-in{from{opacity:0;transform:translateY(4px)}}
@keyframes bridge-tick{from{opacity:.35;transform:translateY(5px)}}
@keyframes bridge-nudge{50%{transform:rotate(90deg) translateX(3px)}}
@keyframes bridge-travel{0%{transform:translateX(-100%);opacity:0}14%,86%{opacity:1}100%{transform:translateX(0);opacity:0}}
@keyframes bridge-pulse{0%{opacity:.75;transform:scale(.88)}100%{opacity:0;transform:scale(1.45)}}
@keyframes bridge-ring{0%{opacity:.9;transform:scale(.9)}100%{opacity:0;transform:scale(2.1)}}
@keyframes bridge-pop{0%{transform:scale(.7)}60%{transform:scale(1.14)}100%{transform:scale(1)}}
@keyframes bridge-beat{50%{box-shadow:0 0 0 7px #8ff1f10f}}
@keyframes bridge-spark{0%{opacity:1;transform:rotate(var(--a,0deg)) translateX(8px) scale(1.2)}70%{opacity:.9}100%{opacity:0;transform:rotate(var(--a,0deg)) translateX(var(--d,46px)) scale(.3)}}
@keyframes bridge-spin{to{transform:rotate(1turn)}}
@keyframes bridge-land{0%{opacity:0;transform:translateY(10px) scale(.88)}16%{opacity:1;transform:translateY(0) scale(1)}78%{opacity:1;transform:translateY(-3px)}100%{opacity:0;transform:translateY(-10px)}}
/* The "From any chain" tab (relay-panel.mjs): chain chips, dollar values, the two-step approve/bridge stepper and How it works. */
.relay-card{gap:14px}
.relay-chains{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.relay-chain{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;padding:10px 8px;border:1px solid #2f4a46;border-radius:12px;background:#0b1816;color:#c9dcd9;font:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s,transform .2s,box-shadow .2s}
.relay-chain span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.relay-chain img{flex:none;width:20px;height:20px;border-radius:50%;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.relay-chain:hover{border-color:#4d716b;color:#eaf7f4;transform:translateY(-1px)}
.relay-chain:hover img{transform:scale(1.08)}
.relay-chain[aria-checked="true"]{border-color:#97fce4;background:#97fce40f;color:#f2fffb;box-shadow:0 0 0 3px #97fce414}
.relay-chain:focus-visible{outline:2px solid #abcfff;outline-offset:2px}
.relay-logo{flex:none;border-radius:50%;object-fit:cover}
.bridge-orb .relay-logo{width:24px;height:24px}
.relay-hub .relay-logo{width:18px;height:18px}
.relay-usd{min-height:17px;margin:-6px 0 4px;font-size:12.5px;color:#86a19d;font-variant-numeric:tabular-nums}
.relay-free{display:inline-block;padding:2px 9px;border-radius:999px;background:#97fce41f;color:#bdf9ea;font-size:12px;font-weight:750}
.relay-stepper{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.relay-stepper span{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid #2b4642;border-radius:11px;color:#7f9a96;font-size:12.5px;font-weight:600;transition:color .25s,border-color .25s,background-color .25s}
.relay-stepper b{display:grid;place-items:center;flex:none;width:21px;height:21px;border-radius:50%;border:1px solid currentColor;font-size:11px;transition:background-color .25s,color .25s,border-color .25s}
.relay-stepper b svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.6}
.relay-stepper .now{color:#effffb;border-color:#97fce4aa;background:#97fce40d}
.relay-stepper .now b{border-color:#97fce4;box-shadow:0 0 0 4px #97fce414;animation:bridge-beat 1.6s ease-in-out infinite}
.relay-stepper .done{color:#a8f5e2}
.relay-stepper .done b{background:#97fce4;border-color:#97fce4;color:#061210;animation:bridge-pop .45s cubic-bezier(.2,.9,.25,1.2) both}
.relay-how{border:1px solid #2b4642;border-radius:12px;background:#ffffff04;overflow:hidden}
.relay-how summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;list-style:none;font-weight:650;color:#d6ebe7;transition:background-color .18s}
.relay-how summary::-webkit-details-marker{display:none}
.relay-how summary:after{content:'';width:8px;height:8px;border-right:2px solid #97fce4;border-bottom:2px solid #97fce4;transform:rotate(45deg) translateY(-2px);transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.relay-how[open] summary:after{transform:rotate(225deg) translateY(-2px)}
.relay-how summary:hover{background:#ffffff06}
.relay-how summary:focus-visible{outline:2px solid #abcfff;outline-offset:-2px}
.relay-how ol{display:grid;gap:14px;margin:0;padding:4px 14px 4px;list-style:none;position:relative}
.relay-how ol li{display:flex;gap:12px;align-items:flex-start;position:relative;animation:bridge-in .3s cubic-bezier(.2,.8,.2,1) both}
.relay-how ol li:nth-child(2){animation-delay:.05s}.relay-how ol li:nth-child(3){animation-delay:.1s}
.relay-how ol li:not(:last-child):after{content:'';position:absolute;left:17px;top:38px;bottom:-12px;width:1px;background:linear-gradient(#97fce466,#405e5a)}
.relay-how-icon{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:50%;background:#0f211e;border:1px solid #3c5b57}
.relay-how-ely{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:linear-gradient(140deg,#8ff1f1,#33b4cf);color:#061210}
.relay-how-ely img{width:28px;height:28px}
.relay-how ol strong{display:block;font-size:14px;color:#e8f3f1}
.relay-how ol small{display:block;margin-top:2px;font-size:12.5px;line-height:1.45;color:#a8c3bf}
.relay-how ul{display:grid;gap:7px;margin:12px 14px 14px;padding:11px 12px;border-radius:10px;background:#97fce40a;list-style:none;font-size:12.5px;line-height:1.45;color:#bcd6d2}
.relay-how ul li{display:flex;gap:8px;align-items:flex-start}
.relay-how ul svg{flex:none;width:15px;height:15px;margin-top:1px;fill:none;stroke:#97fce4;stroke-width:2.6}
.relay-elapsed{margin:-2px 0 6px;font-size:13px;color:#86a19d;font-variant-numeric:tabular-nums}
@media(max-width:480px){.relay-chains{grid-template-columns:repeat(2,minmax(0,1fr))}.relay-stepper span{font-size:12px;padding:8px 9px}}
/* On "From any chain", before a chain is picked, the From side of the route strip rolls through the four chains
   (relay-panel.mjs routeStrip), each with its own colour; a quote or a picked chain shows that chain. */
.relay-from-any,.relay-from-one{display:flex;align-items:center;gap:9px;min-width:0}
.relay-from-any,.relay-any[data-state="idle"] .relay-from-one{display:none}
.relay-any[data-state="idle"] .relay-from-any{display:flex}
.relay-any:not([data-state="idle"]) .relay-from-one .bridge-orb{animation:relay-settle .5s cubic-bezier(.2,.9,.25,1.2) both}
.relay-roll{overflow:hidden;animation:relay-tint 9.6s linear -.4s infinite}
.relay-roll img{position:absolute;inset:0;margin:auto}
.relay-roll img,.relay-roll-names span{opacity:0;animation:relay-roll 9.6s cubic-bezier(.3,.7,.2,1) -.4s infinite both}
.relay-roll img:nth-child(2),.relay-roll-names span:nth-child(2){animation-delay:2s}
.relay-roll img:nth-child(3),.relay-roll-names span:nth-child(3){animation-delay:4.4s}
.relay-roll img:nth-child(4),.relay-roll-names span:nth-child(4){animation-delay:6.8s}
.relay-roll-names{display:grid!important;overflow:hidden}
.relay-roll-names span{grid-area:1/1}
@keyframes relay-roll{0%{opacity:0;transform:translateY(85%) scale(.7)}4%,24%{opacity:1;transform:none}28%,100%{opacity:0;transform:translateY(-85%) scale(.7)}}
@keyframes relay-tint{0%,20%,100%{border-color:#4f7bff;box-shadow:0 0 0 4px #4f7bff1c,0 0 18px -6px #4f7bff}25%,45%{border-color:#28a0f0;box-shadow:0 0 0 4px #28a0f01c,0 0 18px -6px #28a0f0}50%,70%{border-color:#8c9cf6;box-shadow:0 0 0 4px #8c9cf61c,0 0 18px -6px #8c9cf6}75%,95%{border-color:#f3ba2f;box-shadow:0 0 0 4px #f3ba2f1c,0 0 18px -6px #f3ba2f}}
@keyframes relay-settle{0%{transform:scale(.82)}60%{transform:scale(1.06)}100%{transform:none}}
/* The smallest phones: the strip keeps its orbs (the logos) and drops the names, which the chips and the card repeat. */
@media(max-width:350px){.bridge-node b,.bridge-node .relay-roll-names{display:none!important}}
/* "Before you send." (funding.html): four checks on one rail, a light walking from check to check, then the balance. */
.funding-notes{position:relative;padding:26px 24px 22px;border:1px solid #2b4642;border-radius:16px;background:radial-gradient(110% 60% at 100% 0%,#8ff1f112,transparent 60%),radial-gradient(90% 50% at 0% 100%,#abcfff0f,transparent 60%),#0a1715}
.funding-notes-kicker{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border-radius:999px;border:1px solid #97fce433;background:#97fce40d;color:#bff7ea;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.funding-notes-kicker i{width:6px;height:6px;border-radius:50%;background:#97fce4;box-shadow:0 0 8px #97fce4}
.funding-notes-head h2{margin:14px 0 6px}
.funding-notes-head p{margin:0;font-size:14px;color:#9fb9b5}
.funding-steps{list-style:none;margin:26px 0 0;padding:0}
.funding-step{position:relative;margin:0;padding:0 0 26px 58px;animation:funding-in .55s cubic-bezier(.2,.8,.2,1) both}
.funding-step:nth-child(2){animation-delay:.08s}.funding-step:nth-child(3){animation-delay:.16s}.funding-step:nth-child(4){animation-delay:.24s}
.funding-step:not(:last-child):before{content:'';position:absolute;left:19px;top:48px;bottom:6px;width:2px;border-radius:2px;background:linear-gradient(#97fce48c,#46706a);transform-origin:top;animation:funding-draw .7s cubic-bezier(.2,.8,.2,1) .35s both}
.funding-step:not(:last-child):after{content:'';position:absolute;left:17px;top:48px;width:6px;height:6px;border-radius:50%;background:#effffb;box-shadow:0 0 0 3px #97fce433,0 0 12px 2px #97fce499;opacity:0;animation:funding-walk 8s cubic-bezier(.45,.05,.35,1) 1.2s infinite both}
.funding-step:nth-child(2):after{animation-delay:2.8s}.funding-step:nth-child(3):after{animation-delay:4.4s}
.funding-mark{position:absolute;left:0;top:0;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#0f211e;border:1px solid #3c5b57;color:#c4f3e7;transition:transform .25s;animation:funding-glow 8s ease-out 1.2s infinite}
.funding-step:nth-child(2) .funding-mark{animation-delay:2.8s}.funding-step:nth-child(3) .funding-mark{animation-delay:4.4s}.funding-step:nth-child(4) .funding-mark{animation-delay:6s}
.funding-step:hover .funding-mark{transform:translateY(-2px)}
.funding-mark img{width:22px;height:22px}
.funding-mark.ely{background:linear-gradient(140deg,#8ff1f1,#33b4cf);border-color:#8ff1f1}
.funding-mark.ely img{width:32px;height:32px}
.funding-mark svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.funding-mark b{position:absolute;right:-5px;top:-5px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#abcfff;color:#112b40;font-size:10.5px;font-weight:800;box-shadow:0 0 0 3px #0a1715}
.funding-when{display:block;margin:1px 0 4px;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#86a19d}
.funding-step h3{margin:0 0 7px;font-size:17px;color:#eef7f5}
.funding-step p{margin:0;font-size:14px;line-height:1.55;color:#a8c3bf}
.funding-step p+p{margin-top:8px}
.funding-step a{color:#b8d4ff}
.funding-step .account-actions{margin-top:12px}
.funding-ready{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;padding:14px 16px;border:1px solid #38524f;border-radius:14px;background:linear-gradient(110deg,#97fce412,#abcfff0a);animation:funding-in .55s cubic-bezier(.2,.8,.2,1) .32s both}
.funding-ready .funding-mark{position:static;flex:none;background:linear-gradient(140deg,#c1fded,#8ff1f1);border-color:transparent;color:#061210;animation:none}
.funding-ready .funding-mark svg{stroke-width:2.4}
.funding-ready>div{flex:1 1 140px;min-width:0}
.funding-ready strong{display:block;font-size:15px;color:#eef7f5}
.funding-ready small{display:block;font-size:13px;color:#9fb9b5}
.funding-ready .k-button{flex:1 0 auto;min-height:44px}
@keyframes funding-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes funding-draw{from{transform:scaleY(0)}to{transform:none}}
@keyframes funding-walk{0%{top:48px;opacity:0}3%,17%{opacity:1}20%,100%{top:calc(100% - 12px);opacity:0}}
@keyframes funding-glow{0%{border-color:#3c5b57;box-shadow:0 0 0 0 #97fce400}4%,12%{border-color:#97fce4;box-shadow:0 0 0 5px #97fce41f,0 0 22px #97fce455}26%,100%{border-color:#3c5b57;box-shadow:0 0 0 0 #97fce400}}
.funding-mark.ely{animation-name:funding-glow-ely}
@keyframes funding-glow-ely{0%,26%,100%{box-shadow:0 0 0 0 #8ff1f100}4%,12%{box-shadow:0 0 0 5px #8ff1f126,0 0 22px #8ff1f166}}
@media(prefers-reduced-motion:reduce){.funding-notes *,.funding-notes :before,.funding-notes :after{animation:none!important;transition:none!important}.funding-step:after{display:none}.relay-any .relay-from-any{display:none!important}.relay-any .relay-from-one{display:flex!important}}
@media(max-width:480px){.bridge-leg-body input,.bridge-leg-body output{font-size:24px}.bridge-details dd{max-width:60%}.bridge-route{gap:9px;padding:10px 11px}.bridge-orb{width:32px;height:32px}.bridge-orb img{width:20px;height:20px}.bridge-node small{display:none}.bridge-node b{font-size:12px}}
@media(prefers-reduced-motion:reduce){.bridge-card,.bridge-card *,.bridge-card :before,.bridge-card :after{animation:none!important;transition:none!important}.bridge-lane,.bridge-burst,.bridge-landed{display:none}}