:root{--swap-ink: #1b2f3b;--swap-ink-soft: #365667;--swap-muted: #6d8593;--swap-line: #e3edf2;--swap-line-strong: #cbdde5;--swap-paper: #ffffff;--swap-wash: #f6fafb;--swap-green: #1b7f4d;--swap-green-wash: #eaf7ef;--swap-red: #b23b3b;--swap-shadow: 0 22px 60px rgba(27, 47, 59, .09), 0 2px 6px rgba(27, 47, 59, .04);--swap-radius: 18px}body.swap-page{background:#f5f9fb;color:var(--swap-ink)}body.swap-page .scene-shade{opacity:.04;pointer-events:none}.swap-shell{max-width:1120px;margin:0 auto;padding-bottom:54px}.swap-shell header{position:relative;z-index:5}.swap-shell .workspace-nav a[href="/swap/"]{color:var(--swap-ink);font-weight:700}.swap-shell .workspace-nav a.active{border-bottom-color:var(--swap-green)}.swap-intro{padding:74px 18px 34px}.swap-intro-grid{display:flex;align-items:end;justify-content:space-between;gap:36px}.swap-intro h1{margin:12px 0 12px;font-size:clamp(42px,6vw,78px);line-height:.94;letter-spacing:-.065em;font-weight:500;color:var(--swap-ink)}.swap-intro h1 em{color:var(--swap-green);font-style:normal;font-weight:350}.swap-intro p{max-width:550px;margin:0;color:var(--swap-muted);font-size:16px;line-height:1.7}.intro-note{display:flex;gap:11px;align-items:flex-start;color:var(--swap-ink-soft);font-size:12px;line-height:1.55;letter-spacing:.04em;text-transform:uppercase;padding-bottom:5px}.intro-note small{color:var(--swap-muted);font-size:11px;text-transform:none;letter-spacing:0}.live-dot,.footnote-mark{width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--swap-green);box-shadow:0 0 0 5px rgba(27,127,77,.11);flex:none}.eyebrow,.card-kicker{display:block;color:var(--swap-muted);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.swap-card{position:relative;margin:0 18px;padding:30px;border:1px solid var(--swap-line);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:var(--swap-shadow)}.card-topline,.quote-section-head,.progress-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.card-topline{position:relative;margin-bottom:24px}.card-topline h2,.quote-section h3,.progress-section h3{margin:6px 0 0;color:var(--swap-ink);font-weight:600;letter-spacing:-.035em}.card-topline h2{font-size:24px}.quote-section h3,.progress-section h3{font-size:20px}.settings-button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--swap-line-strong);border-radius:999px;background:var(--swap-paper);padding:9px 12px;color:var(--swap-ink-soft);font-size:12px;cursor:pointer}.settings-button:hover,.settings-button[aria-expanded=true]{border-color:var(--swap-green);color:var(--swap-green)}.settings-glyph{width:14px;height:14px;display:inline-block;border:2px solid currentColor;border-radius:50%;position:relative}.settings-glyph::before,.settings-glyph::after{content:"";position:absolute;inset:4px -4px;border-top:2px solid currentColor;border-bottom:2px solid currentColor}.settings-glyph::after{transform:rotate(90deg)}.settings-panel{position:absolute;z-index:10;right:0;top:44px;width:280px;padding:17px;border:1px solid var(--swap-line);border-radius:15px;background:#fff;box-shadow:0 18px 40px rgba(27,47,59,.14)}.settings-heading{display:flex;justify-content:space-between;color:var(--swap-ink);font-size:12px;font-weight:700}.settings-heading span:last-child{color:var(--swap-green)}.slippage-options{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:12px 0}.slippage-options button{border:1px solid var(--swap-line);border-radius:8px;background:var(--swap-wash);color:var(--swap-ink-soft);padding:7px 2px;font-size:11px;cursor:pointer}.slippage-options button.selected,.slippage-options button:hover{border-color:var(--swap-green);background:var(--swap-green-wash);color:var(--swap-green)}.custom-slippage{display:grid;gap:6px;color:var(--swap-muted);font-size:10px}.custom-slippage input{border:1px solid var(--swap-line-strong);border-radius:8px;padding:8px;color:var(--swap-ink)}.settings-panel p{margin:12px 0 0;color:var(--swap-muted);font-size:11px;line-height:1.5}.route-builder{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:center;gap:12px}.asset-panel{min-width:0;padding:18px;border:1px solid var(--swap-line);border-radius:var(--swap-radius);background:var(--swap-wash)}.from-panel{border-color:#d2e6da}.panel-label,.balance-row,.address-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-label{margin-bottom:13px;color:var(--swap-ink);font-size:12px;font-weight:700}.panel-chip{border-radius:999px;background:var(--swap-green-wash);color:var(--swap-green);padding:4px 7px;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.muted-chip{background:#eef3f5;color:var(--swap-muted)}.asset-picker{display:flex;align-items:center;width:100%;min-height:47px;padding:6px 9px;border:1px solid var(--swap-line-strong);border-radius:11px;background:#fff;color:var(--swap-ink);text-align:left;cursor:pointer}.asset-picker:hover,.asset-picker:focus-visible{border-color:var(--swap-green);outline:3px solid rgba(27,127,77,.13)}.chain-token-icon{display:grid;place-items:center;width:31px;height:31px;margin-right:9px;border-radius:50%;background:#edf4f6}.chain-token-icon img,.list-logo{width:22px;height:22px;object-fit:contain;border-radius:50%}.asset-picker-copy{display:grid;gap:2px;min-width:0}.asset-picker-copy strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.asset-picker-copy small{color:var(--swap-muted);font-size:11px}.chevron{width:7px;height:7px;margin-left:auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);color:var(--swap-muted)}.amount-line{display:flex;align-items:center;gap:8px;margin-top:17px}.amount-input,.amount-output{width:100%;min-width:0;padding:0;border:0;background:transparent;color:var(--swap-ink);font:inherit;font-size:clamp(31px,4vw,48px);font-weight:600;letter-spacing:-.06em;line-height:1;outline:0}.amount-input::placeholder{color:#b7c5cb}.amount-output{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amount-symbol{flex:none;color:var(--swap-ink-soft);font-size:12px;font-weight:700}.balance-row{margin-top:15px;color:var(--swap-muted);font-size:11px}.balance-row b{color:var(--swap-ink-soft);font-weight:600}.balance-row button{border:0;background:transparent;color:var(--swap-green);font-size:11px;font-weight:700;cursor:pointer}.arrival-note{color:var(--swap-muted);text-align:right}.switch-route{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--swap-line-strong);border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 8px 18px rgba(27,47,59,.08)}.switch-route:hover{border-color:var(--swap-green);transform:translateY(-1px)}.switch-route img{width:17px;height:17px}.address-section{margin-top:18px;padding-top:18px;border-top:1px solid var(--swap-line)}.address-heading{margin-bottom:8px;color:var(--swap-ink-soft);font-size:12px;font-weight:700}.same-wallet{border:0;background:transparent;color:var(--swap-muted);font-size:11px;cursor:pointer}.same-wallet.selected{color:var(--swap-green)}.address-input-wrap{position:relative}.address-input-wrap input{width:100%;box-sizing:border-box;padding:12px 64px 12px 14px;text-overflow:ellipsis;border:1px solid var(--swap-line-strong);border-radius:10px;color:var(--swap-ink);background:#fff;font:inherit;font-size:12px}.address-input-wrap input:disabled{color:var(--swap-muted);background:var(--swap-wash);cursor:not-allowed}.address-input-wrap input:not(:disabled):focus{border-color:var(--swap-green);outline:3px solid rgba(27,127,77,.12)}.address-status{position:absolute;right:12px;top:12px;font-size:11px}.address-status.valid{color:var(--swap-green)}.address-status.invalid{color:var(--swap-red)}.field-help{margin:7px 0 0;color:var(--swap-muted);font-size:11px}.inline-error{margin-top:15px;padding:12px 14px;border:1px solid #f0caca;border-radius:10px;background:#fff6f6;color:var(--swap-red);font-size:12px;line-height:1.5}.quote-loading{display:flex;align-items:center;gap:8px;margin-top:18px;color:var(--swap-muted);font-size:12px}.loading-pulse{width:8px;height:8px;border-radius:50%;background:var(--swap-green);animation:swap-pulse 1.2s ease-in-out infinite}@keyframes swap-pulse{0%,100%{opacity:.35;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}.quote-section,.progress-section{margin-top:22px;padding:20px;border:1px solid var(--swap-line);border-radius:15px;background:#fbfdfe}.expiry-label{flex:none;color:var(--swap-green);font-size:11px;font-weight:700}.expiry-label.expired{color:var(--swap-red)}.best-route{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:14px;align-items:center;margin-top:17px;padding:16px;border:1px solid #cfe7d9;border-radius:13px;background:var(--swap-green-wash)}.best-route>div{min-width:0}.best-route .route-arrival strong{display:block;overflow:hidden;color:var(--swap-ink);font-size:20px;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap}.best-route .route-arrival small,.route-metric span{color:var(--swap-muted);font-size:10px}.route-metric b{display:block;margin-top:5px;color:var(--swap-ink-soft);font-size:12px;font-weight:600}.route-provider{margin-top:4px;color:var(--swap-green);font-size:11px;font-weight:700}.all-routes{margin-top:12px;border-top:1px solid var(--swap-line)}.all-routes summary{display:flex;justify-content:space-between;padding:14px 2px 3px;color:var(--swap-ink-soft);font-size:12px;font-weight:700;cursor:pointer;list-style:none}.all-routes summary::-webkit-details-marker{display:none}.all-routes summary::after{content:"+";color:var(--swap-muted);font-size:16px;font-weight:400}.all-routes[open] summary::after{content:"−"}.all-routes summary span:last-child{margin-left:auto;margin-right:15px;color:var(--swap-muted);font-size:10px;font-weight:500}.route-list{display:grid;gap:6px;padding-top:9px}.route-option{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr auto;align-items:center;gap:10px;width:100%;padding:11px 12px;border:1px solid var(--swap-line);border-radius:9px;background:#fff;color:var(--swap-ink-soft);text-align:left;cursor:pointer}.route-option:hover,.route-option.selected{border-color:#99caae;background:#f2fbf5}.route-option strong{color:var(--swap-ink);font-size:12px}.route-option span{color:var(--swap-muted);font-size:10px}.route-option .route-option-arrival{color:var(--swap-ink);font-size:12px;font-weight:700}.route-option .route-option-check{color:var(--swap-green);font-size:10px;font-weight:700}.action-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:22px}.primary-action{width:100%;min-height:52px;border:1px solid var(--swap-green);border-radius:11px;background:var(--swap-green);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 9px 20px rgba(27,127,77,.16)}.primary-action:hover:not(:disabled){background:#14683f}.primary-action:disabled{border-color:#cfdee4;background:#e9f0f2;color:#90a3ad;box-shadow:none;cursor:not-allowed}.action-hint{max-width:195px;margin:0;color:var(--swap-muted);font-size:10px;line-height:1.45}.progress-badge{border-radius:999px;background:#eef3f5;color:var(--swap-muted);padding:5px 9px;font-size:10px;font-weight:700;text-transform:uppercase}.progress-badge.success{background:var(--swap-green-wash);color:var(--swap-green)}.progress-badge.error{background:#fff0f0;color:var(--swap-red)}.progress-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.progress-step{position:relative;padding:12px;border:1px solid var(--swap-line);border-radius:10px;background:#fff}.progress-step span{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:6px;border-radius:50%;background:#eff3f4;color:var(--swap-muted);font-size:10px;font-weight:700}.progress-step b{color:var(--swap-ink-soft);font-size:11px}.progress-step small{display:block;margin-top:8px;color:var(--swap-muted);font-size:10px}.progress-step.active{border-color:#a6d0b5}.progress-step.active span,.progress-step.done span{background:var(--swap-green);color:#fff}.progress-step.done{border-color:#cfe7d9;background:#fbfffc}.hashes{display:grid;gap:7px;margin-top:13px}.hash-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border-radius:8px;background:var(--swap-wash);color:var(--swap-muted);font-size:10px}.hash-row a{overflow:hidden;color:var(--swap-ink-soft);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.progress-detail{margin:13px 0 0;color:var(--swap-muted);font-size:11px;line-height:1.5}.mock-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:18px;padding:10px 12px;border:1px dashed #9dc6ad;border-radius:10px;background:#f5fcf7;color:var(--swap-green);font-size:10px}.mock-controls button{border:1px solid #c9e2d2;border-radius:7px;background:#fff;color:var(--swap-green);padding:5px 8px;font-size:10px;cursor:pointer}.mock-controls button.active{background:var(--swap-green);color:#fff}.swap-footnote{display:flex;align-items:flex-start;gap:10px;margin:23px 18px 0;color:var(--swap-muted);font-size:11px;line-height:1.5}.footnote-mark{width:6px;height:6px;margin-top:4px;box-shadow:none}.selector-backdrop{position:fixed;z-index:40;inset:0;background:rgba(20,37,46,.25)}.selector-modal{position:fixed;z-index:41;top:50%;left:50%;width:min(760px,calc(100vw - 32px));transform:translate(-50%,-50%);padding:22px;border:1px solid var(--swap-line);border-radius:18px;background:#fff;box-shadow:0 28px 90px rgba(27,47,59,.2)}.selector-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:18px}.selector-head h2{margin:6px 0 0;color:var(--swap-ink);font-size:22px;letter-spacing:-.035em}.close-button{border:1px solid var(--swap-line-strong);border-radius:8px;background:#fff;color:var(--swap-ink-soft);padding:8px 11px;font-size:11px;cursor:pointer}.close-button:hover{border-color:var(--swap-green);color:var(--swap-green)}.selector-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:12px}.selector-column{min-width:0;padding:12px;border:1px solid var(--swap-line);border-radius:12px;background:var(--swap-wash)}.search-field{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--swap-line-strong);border-radius:8px;background:#fff}.search-field img{width:14px;height:14px;opacity:.65}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--swap-ink);font:inherit;font-size:12px}.selector-list{display:grid;gap:5px;max-height:330px;margin-top:9px;overflow:auto}.selector-item{display:flex;align-items:center;gap:9px;width:100%;padding:9px;border:1px solid transparent;border-radius:8px;background:#fff;color:var(--swap-ink-soft);text-align:left;cursor:pointer}.selector-item:hover,.selector-item:focus-visible,.selector-item.selected{border-color:#a6d0b5;background:#f4fcf6;outline:0}.selector-item-copy{display:grid;min-width:0;gap:2px}.selector-item-copy strong{overflow:hidden;color:var(--swap-ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.selector-item-copy small{overflow:hidden;color:var(--swap-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.token-balance{margin-left:auto;color:var(--swap-muted);font-size:10px}.empty-list{padding:22px 5px;color:var(--swap-muted);font-size:11px;text-align:center}.toast{position:fixed;z-index:60;right:20px;bottom:20px;max-width:360px;padding:12px 15px;border:1px solid var(--swap-line-strong);border-radius:10px;background:#fff;color:var(--swap-ink-soft);box-shadow:0 14px 36px rgba(27,47,59,.16);font-size:12px}@media (max-width: 760px){.swap-shell{padding-bottom:28px}.swap-intro{padding-top:45px}.swap-intro-grid{display:grid;gap:20px}.intro-note{padding:0}.swap-card{margin:0 10px;padding:18px 14px;border-radius:18px}.route-builder{grid-template-columns:1fr;gap:7px}.switch-route{justify-self:center;transform:rotate(90deg)}.switch-route:hover{transform:rotate(90deg) translateY(-1px)}.best-route{grid-template-columns:1fr 1fr;gap:13px}.best-route .route-arrival{grid-column:1 / -1}.action-row{grid-template-columns:1fr;gap:10px}.action-hint{max-width:none;text-align:center}.progress-steps{grid-template-columns:1fr}.selector-modal{width:calc(100vw - 20px);padding:15px}.selector-layout{grid-template-columns:1fr;gap:8px}.selector-column{padding:9px}.selector-list{max-height:190px}.settings-panel{right:-2px;width:min(280px,calc(100vw - 48px))}.swap-footnote{margin-inline:10px}}@media (prefers-reduced-motion: reduce){.loading-pulse{animation:none}.switch-route,.asset-picker,.primary-action{transition:none}}