:root{font-family:system-ui,-apple-system,sans-serif;color:#183647;background:#f1f7f8;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{max-width:1040px;padding:28px 20px 50px;margin:auto}header{padding:12px 0 22px}a{color:#146b79;text-underline-offset:3px}header>a{font-size:14px}.tag{float:right;border:1px solid #b8d9d6;border-radius:20px;padding:7px 11px;font-size:11px;font-weight:800;color:#34716b}h1{font-size:clamp(30px,6vw,46px);letter-spacing:-.04em;margin:30px 0 10px}h2{font-size:25px;margin:9px 0 14px}p{line-height:1.6;color:#536c7a}.route{display:flex;justify-content:center;align-items:center;gap:20px;padding:23px;background:#163e50;color:white;border-radius:18px;margin-bottom:20px}.route span{color:#b9dfe4;font-size:14px}.wallets{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:white;border:1px solid #dce8ec;border-radius:20px;padding:25px;min-width:0;box-shadow:0 7px 24px #18364705}.step{font-size:11px;letter-spacing:.09em;color:#638492;font-weight:800}code{display:block;overflow-wrap:anywhere;font-size:13px;line-height:1.7}#xamanAddress,#evmAddress{background:#eff7f5;border-radius:10px;padding:12px;margin:14px 0}.actions{display:flex;flex-direction:column;gap:9px;margin:20px 0}button,.button{font:inherit;font-weight:700;font-size:15px;border-radius:11px;padding:14px 16px;min-height:48px;border:1px solid #146b79;color:white;background:#146b79;text-align:center;text-decoration:none;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.secondary{background:white;color:#146b79;border-color:#c7dadd}.quiet{background:transparent;color:#536c7a;border-color:transparent;text-decoration:underline}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #46c3c9;outline-offset:3px}.hint{font-size:12px;line-height:1.6}.transfer{margin-top:20px}.transfer h2{font-size:20px}details{margin-top:20px;font-size:13px}summary{cursor:pointer}dt{font-weight:700;margin-top:14px}dd{margin:5px 0;overflow-wrap:anywhere;color:#536c7a}footer{font-size:12px;text-align:center;color:#6d8794;margin-top:28px}#xamanStatus,#evmStatus{font-weight:650;color:#245463}@media(max-width:650px){main{padding:18px 14px 35px}.wallets{grid-template-columns:1fr}.panel{padding:21px}.route{flex-direction:column;gap:10px}.tag{font-size:10px}h1{margin-top:28px}.transfer h2{font-size:19px}}
:where(.transfer) input[type=number]{display:block;width:100%;max-width:340px;font:inherit;font-size:18px;padding:12px;border:1px solid #c7dadd;border-radius:10px;margin:10px 0 16px}.transfer>button,.transfer>.button{display:block;width:100%;margin-top:12px}.transfer label{font-size:14px;line-height:1.6}.transfer input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin-right:8px}.transfer dd{font-variant-numeric:tabular-nums}#bridgeReview{border-top:1px solid #dce8ec;padding-top:12px;margin-top:18px}#bridgeReview button{display:block;width:100%;margin-top:14px}#bridgeExplorer{display:block;margin:16px 0}#bridgeStatus{overflow-wrap:anywhere}

.bridge-tabs{display:flex;gap:10px;margin:20px 0}.bridge-tabs button{flex:1;background:white;color:#146b79;border-color:#c7dadd}.bridge-tabs [aria-selected=true]{background:#146b79;color:white}.history-card{border-top:1px solid #dce8ec;padding:20px 0;overflow-wrap:anywhere}.history-card h3{font-size:18px;margin:0 0 8px}.history-card p{font-size:14px;margin:8px 0}.history-card .history-state{font-weight:750;color:#245463}.history-links{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}.history-card button{width:100%}
#receivingAddress{display:block;width:100%;font:inherit;font-size:16px;padding:14px 12px;border:1px solid #c7dadd;border-radius:10px;margin:12px 0;min-height:48px}#receivingAddress:focus-visible{outline:3px solid #46c3c9;outline-offset:3px}#savedRecipient{background:#eff7f5;border-radius:10px;padding:12px;margin:14px 0}#recipientStatus{overflow-wrap:anywhere}#useMetaMaskAddress{width:100%;margin-bottom:14px}
.bridge-tabs{flex-wrap:wrap}.bridge-tabs button{min-width:120px}.bridge-wallet{max-width:720px;margin:20px auto}.bridge-wallet h2{font-size:30px}.wallet-balance{font-size:clamp(36px,7vw,60px);font-weight:800;letter-spacing:-.03em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:22px 0 12px}.wallet-balance small{font-size:22px;color:#536c7a}.bridge-wallet #walletAddress{padding:14px;background:#eff7f5;border-radius:10px}.wallet-change{color:#146b79;font-weight:700}.bridge-wallet[data-stale=true] #walletStatus{color:#985718}.bridge-wallet[data-stale=true] .wallet-balance{color:#536c7a}
.bridge-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:18px 0}.bridge-progress li{padding:12px;border:1px solid #c7dadd;border-radius:10px;background:#f5f8fa;min-width:0}.bridge-progress li[data-complete=true]{background:#e8f7ef;border-color:#7cc8a3}.bridge-progress strong,.bridge-progress span{display:block}.bridge-progress strong{font-size:13px}.bridge-progress span{font-size:12px;margin-top:8px;color:#536c7a}@media(max-width:480px){.bridge-progress{grid-template-columns:1fr}}

.axelar-track{display:block;width:100%;font-size:18px;min-height:56px}.history-links .axelar-track{flex-basis:100%;order:-1}#axelarTracking{width:min(620px,calc(100% - 28px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #c7dadd;border-radius:20px;padding:26px;color:#183647;box-shadow:0 22px 80px #18364740}#axelarTracking::backdrop{background:#102f3dc2}.tracking-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.tracking-heading h2{margin:0;font-size:clamp(21px,5vw,28px)}#closeTracking{flex-shrink:0}#trackingHash{background:#eff7f5;padding:14px;border-radius:10px;margin:10px 0 20px}#trackingOpen{display:block;width:100%;font-size:18px;min-height:56px}#trackingStatus{font-weight:700}

/* Exactly three visible network nodes on desktop and mobile. */
.bridge-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:28px 0;padding:0}.bridge-progress li{position:relative;border:0;border-radius:0;background:transparent;text-align:center;padding:0 8px}.bridge-progress li[data-complete=true]{background:transparent;border:0}.bridge-progress li:not(:last-child)::after{content:'→';position:absolute;top:20px;right:-10px;width:20px;font-size:27px;font-weight:800;color:#7b9aa4}.bridge-progress .movement-icon{position:relative;display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 16px;border:3px solid #c7dadd;border-radius:50%;background:#edf5f8;font-size:42px;line-height:1}.bridge-progress li[data-complete=true] .movement-icon{background:#e8f7ef;border-color:#54ad80}.bridge-progress li[data-state=pending] .movement-icon{background:#fff8e9;border-color:#e4bb62}.bridge-progress .movement-badge{position:absolute;right:-7px;bottom:-5px;display:grid;place-items:center;width:29px;height:29px;margin:0;border-radius:50%;background:white;border:2px solid #c7dadd;font-size:17px;font-weight:800;color:#146b79}.bridge-progress li[data-complete=true] .movement-badge{background:#16814c;border-color:white;color:white}.bridge-progress strong{font-size:16px;line-height:1.3;min-height:42px}.bridge-progress .movement-state{display:inline-block;font-size:17px;font-weight:800;margin-top:9px;color:#88600d}.bridge-progress li[data-complete=true] .movement-state{color:#16814c}.bridge-progress .movement-detail{font-size:12px;line-height:1.5;margin:8px 0 0;color:#536c7a}@media(max-width:480px){.bridge-progress li{padding:0 4px}.bridge-progress .movement-icon{width:58px;height:58px;font-size:31px;margin-bottom:14px}.bridge-progress li:not(:last-child)::after{top:11px;font-size:24px;right:-10px}.bridge-progress strong{font-size:12px;min-height:34px}.bridge-progress .movement-state{font-size:14px}.bridge-progress .movement-detail{font-size:11px}.bridge-progress .movement-badge{width:25px;height:25px;font-size:14px}}
