:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#142e38;background:#f6faf9;--teal:#008b79;--muted:#6b7e84;--line:#e2eae7}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,summary{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:3px solid #19bea2;outline-offset:3px}[hidden]{display:none!important}.exchange-nav{min-height:96px;display:flex;align-items:center;justify-content:space-between;padding:12px 4vw;border-bottom:1px solid var(--line);gap:20px;background:#ffffffad}.exchange-nav img{display:block;object-fit:contain}.exchange-nav nav{display:flex;gap:28px;font-size:14px;color:var(--muted)}.exchange-nav nav .active{color:var(--teal);font-weight:700}.wallet-controls{display:flex;align-items:center;gap:10px}.network{font-size:13px;color:#1652f0;margin-right:8px}.connect-button,.primary{background:var(--teal);color:white;font-weight:700;border-radius:16px;padding:14px 20px}.connect-button{font-size:13px}.secondary{background:#e7f3ef;border:1px solid #cce2da;border-radius:12px;color:#146959;padding:11px 14px;font-size:13px}.intro{text-align:center;margin:52px auto 25px;padding:0 20px}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--teal);font-weight:800}.intro h1{font-size:clamp(28px,4vw,42px);letter-spacing:-.045em;margin:12px 0}.intro p{color:var(--muted);font-size:14px}.swap-card{width:min(480px,calc(100% - 32px));margin:auto;padding:24px;background:white;border:1px solid #e4ede8;border-radius:28px;box-shadow:0 18px 60px #123b2920}.card-heading{display:flex;align-items:center;justify-content:space-between;position:relative}.card-heading h2{font-size:20px;margin:0}.settings{font-size:12px;color:var(--muted)}.settings summary{list-style:none;padding:8px 12px;background:#f3f6f4;border-radius:10px}.settings summary span{color:#24473e;font-weight:700}.settings[open]{position:absolute;right:0;top:0;z-index:3;width:230px;padding:12px;background:white;box-shadow:0 8px 35px #142e3825;border:1px solid var(--line);border-radius:14px}.settings label{display:block;margin:14px 0 8px}.settings select{width:100%;padding:8px;border:1px solid var(--line);border-radius:8px}.settings p{line-height:1.5}.wallet-status{font-size:12px;color:var(--muted);margin:16px 0}.token-box{background:#f2f6f4;border:1px solid transparent;border-radius:19px;padding:17px}.token-box:focus-within{border-color:#87cdbb}.token-caption,.token-foot{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;gap:8px}.token-caption>span{font-size:11px}.token-entry{display:flex;align-items:center;gap:12px;margin:12px 0}.token-entry input,.token-entry output{min-width:0;width:100%;font-size:32px;font-weight:500;letter-spacing:-.045em;color:#183c3b;background:none;border:0}.token-entry input::placeholder{color:#a4b4ad}.token-entry output{overflow:hidden;text-overflow:ellipsis}.token-entry select{width:110px;flex-shrink:0;border:1px solid #dde8e1;border-radius:20px;padding:10px 9px;background:white;font-size:14px;font-weight:750;color:#163934}.token-foot button{background:none;color:var(--teal);font-weight:700;font-size:12px}.token-foot span:last-child{font-size:11px}.direction-row{position:relative;height:7px;display:flex;justify-content:center;z-index:1}.direction-row button{position:absolute;top:-13px;width:34px;height:34px;border:4px solid white;border-radius:11px;background:#e5efea;color:#356357;font-size:18px}.receive-box{background:#f7faf8}.wide{width:100%;margin-top:16px}.primary{min-height:52px;font-size:15px}.primary:hover:not(:disabled),.connect-button:hover:not(:disabled){background:#007763}.quote-heading{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-top:20px}.quote-heading span{color:var(--muted);font-size:12px}dl{margin:16px 0}dl>div{display:flex;justify-content:space-between;gap:14px;font-size:12px;margin:10px 0}dt{color:var(--muted)}dd{margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere}.consent{display:flex;align-items:flex-start;gap:8px;color:#637873;font-size:12px;line-height:1.6}.consent input{accent-color:var(--teal);margin-top:4px}.fine-print{font-size:11px;color:var(--muted);text-align:center;line-height:1.6}.swap-message{margin-top:16px;padding:13px;border-radius:12px;background:#edf7f2;color:#256452;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.swap-message.error{background:#fff1ee;color:#973e32}.transaction-link{display:block;color:var(--teal);font-size:12px;margin-top:12px}.route-credit{text-align:center;font-size:11px;color:#667e74;margin:18px 0}.route-credit span{margin:0 8px}.swap-disclosure{max-width:440px;padding:0 20px;margin:0 auto;text-align:center;font-size:11px;line-height:1.7;color:#8b9b95}.activity-section{max-width:480px;margin:38px auto 60px;padding:0 5px}.activity-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.activity-heading h2{font-size:14px}.activity-heading>span{font-size:10px;color:var(--muted)}.empty-activity{display:grid;justify-items:center;padding:24px;border:1px dashed #d9e5df;border-radius:18px;margin-top:10px;color:var(--muted)}.empty-activity>span{font-size:25px;color:#87ab9c}.empty-activity strong{font-size:12px;margin-top:8px;font-weight:500}.empty-activity p{font-size:11px;margin:7px 0 0}.activity-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:16px 0;font-size:12px}.activity-item small{display:block;margin-top:4px;color:var(--muted)}.activity-symbol{background:#e4f0e9;border-radius:12px;padding:12px;color:var(--teal)}.status{margin-left:auto;font-size:10px;background:#eef2ee;border-radius:15px;padding:5px 8px}.status-confirmed{color:#167352;background:#e3f4e9}.status-failed,.status-rejected{color:#963e35;background:#ffebe6}footer{display:flex;justify-content:space-between;padding:24px 4vw;border-top:1px solid var(--line);font-size:11px;color:#85968d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:650px){.exchange-nav{padding:10px 16px;gap:10px;flex-wrap:wrap;min-height:76px}.exchange-nav img{width:120px;height:48px}.exchange-nav nav{order:3;width:100%;justify-content:center;gap:28px;padding:6px}.network{display:none}.wallet-controls{margin-left:auto}.connect-button{padding:12px}.intro{margin-top:32px}.swap-card{padding:18px;border-radius:24px}.activity-section{width:calc(100% - 40px)}footer>span:nth-child(2){display:none}.wallet-controls .secondary{max-width:115px}.token-entry input,.token-entry output{font-size:28px}}

.provider-tag{font-size:11px;color:#527368;background:#e9f3ee;border-radius:20px;padding:8px 12px;white-space:nowrap}.cross-label{display:block;font-size:12px;font-weight:650;margin:20px 0 9px;color:#416156}.cross-label small{float:right;font-weight:400;color:var(--muted)}.cross-select{width:100%;padding:14px;border:1px solid var(--line);border-radius:13px;background:#f7faf8;color:#183c3b;font-size:14px}.cross-route{display:flex;align-items:center;gap:16px;padding:20px 16px;border-radius:16px;background:#eef6f1;margin-top:18px}.cross-route>div{flex:1;min-width:0}.cross-route>div:last-child{text-align:right}.cross-route span,.cross-route small{display:block;color:var(--muted);font-size:11px}.cross-route strong{display:block;font-size:26px;margin:7px 0;letter-spacing:-.04em}.cross-route .cross-arrow{font-size:23px;color:var(--teal)}.handoff-note{background:#f5f8f6;border:1px solid var(--line);border-radius:14px;padding:15px;margin-top:20px;font-size:12px;line-height:1.7;color:#536e61}.handoff-note strong{color:#224f3c}.handoff-note p{margin:6px 0 0}.cross-error{color:#9f372d;font-size:12px}.cross-help{max-width:900px;margin:42px auto 24px;padding:0 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.cross-help article>span{font-size:11px;color:var(--teal);font-weight:750}.cross-help h2{font-size:14px;margin:10px 0}.cross-help p,.cross-help a{font-size:12px;line-height:1.8;color:var(--muted)}.cross-help a{color:var(--teal)}[data-crosschain] footer{margin-top:40px}.cross-promo{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:480px;width:calc(100% - 32px);margin:28px auto 0;padding:17px 20px;border:1px solid #d6e8de;border-radius:17px;background:#edf6f1}.cross-promo strong{display:block;font-size:13px;color:#255340}.cross-promo small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.cross-promo>span:last-child{font-size:22px;color:var(--teal)}@media(max-width:650px){.cross-help{grid-template-columns:1fr;gap:18px;max-width:480px}.exchange-nav nav{gap:20px;font-size:12px}.cross-card .card-heading{gap:10px}.cross-card .card-heading h2{font-size:18px}}