:root{color-scheme:dark;font-family:Avenir Next,Inter,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.5;--ink: #f8fafc;--muted: rgba(226, 232, 240, .7);--faint: rgba(226, 232, 240, .48);--line: rgba(125, 211, 252, .18);--panel: rgba(10, 28, 48, .78);--panel-strong: rgba(12, 34, 58, .94);--cyan: #22d3ee;--green: #34d399;--yellow: #facc15;--red: #fb7185}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:linear-gradient(135deg,#04081261,#0c122085),radial-gradient(circle at 50% 34%,#080d1814,#080d1875 62%),url(/background.png) center top / cover no-repeat fixed,linear-gradient(180deg,#08111f,#111827 48%,#090d16);background-color:#08111f}button,input,select{font:inherit}a{color:inherit;text-decoration:none}#root{min-height:100vh}.app-shell{width:calc(100% - 32px);max-width:1360px;margin:0 auto;padding:20px 0 48px}.page-content{display:grid;gap:54px;padding-top:44px}.quote-section{display:block}.quote-section,.comparison-section,.method-section{scroll-margin-top:104px}.hero-copy{min-width:0}.kicker{margin:0 0 14px;color:var(--green);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-copy h1,.section-heading h2{margin:0;color:#fff;font-size:clamp(2.1rem,5vw,4.8rem);font-weight:560;letter-spacing:0;line-height:.98}.hero-copy p:last-child{max-width:62ch;margin:22px 0 0;color:#e2e8f0d1;font-size:1.02rem;line-height:1.64}.exchange-card,.quotes-table-shell,.method-section article{border:1px solid var(--line);background:linear-gradient(135deg,#0c223ae0,#08172ad1);box-shadow:0 0 38px #22d3ee1f,0 24px 58px #00000075;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.positive{color:var(--green)!important;font-weight:800}.negative{color:#fda4af!important;font-weight:800}.site-header{position:sticky;top:14px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:10px 18px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#0c223adb,#08172ac7);box-shadow:0 0 34px #22d3ee1a,0 18px 48px #0000006b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-text{flex:0 0 auto;color:#fff;font-size:1.04rem;font-weight:820;line-height:1;white-space:nowrap}.section-nav{display:inline-flex;align-items:center;gap:24px;margin:0 auto;color:#f1f5f9c7;font-size:.88rem}.section-nav a:hover{color:var(--cyan)}.header-actions{display:inline-flex;align-items:center;gap:12px;min-width:0}.language-switcher,.network-switcher,.protocol-switcher{position:relative;z-index:40}.language-switcher{display:inline-flex;align-items:center}.language-trigger,.network-trigger,.protocol-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;height:36px;border-radius:6px;font-size:.84rem;font-weight:700;cursor:pointer;transition:border-color .16s ease,color .16s ease,box-shadow .16s ease,background-color .16s ease}.language-trigger{min-width:148px;padding:0 10px;border:1px solid var(--line);background:#0f2a4694;color:#f8fafc}.network-trigger,.protocol-trigger{padding:0 12px;border:1px solid rgba(255,255,255,.12);background:#0f2a4694;color:#f1f5f9d1;white-space:nowrap}.network-trigger{min-width:132px}.protocol-trigger{min-width:148px}.language-trigger:hover,.language-trigger:focus,.network-trigger:hover,.network-trigger:focus,.protocol-trigger:hover,.protocol-trigger:focus{outline:none;border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 0 3px #22d3ee29}.language-trigger-copy,.language-option-copy,.network-trigger-copy,.protocol-trigger-copy{display:inline-flex;align-items:center;gap:8px;min-width:0}.language-trigger-caret,.network-trigger-caret,.protocol-trigger-caret{color:var(--cyan);transition:transform .16s ease}.language-trigger-caret-open,.network-trigger-caret-open,.protocol-trigger-caret-open{transform:rotate(180deg)}.language-menu,.network-menu,.protocol-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:45;display:grid;gap:2px;padding:4px;border:1px solid rgba(34,211,238,.25);border-radius:6px;background:#0a1c30fa;box-shadow:0 0 38px #22d3ee29,0 18px 48px #0000009e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.language-menu{width:196px}.network-menu{width:180px}.protocol-menu{width:224px}.language-option,.network-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:36px;padding:0 10px;border:0;border-radius:4px;background:transparent;color:#e2e8f0eb;font-size:.86rem;font-weight:700;cursor:pointer;text-align:left;transition:background-color .16s ease,color .16s ease}.language-option:hover,.network-option:hover{background:#22d3ee1a;color:var(--cyan)}.language-option-active,.network-option-active{background:var(--cyan);color:#05070d}.language-option-dot,.network-option-dot{width:6px;height:6px;border-radius:999px;background:#05070d;box-shadow:0 0 10px #050a12b3}.network-option-disabled{color:#94a3b852;cursor:not-allowed;opacity:.58}.network-option-disabled:hover{background:transparent;color:#94a3b852}.protocol-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:#22d3ee24;color:var(--cyan);font-size:.72rem;font-weight:900}.protocol-option{display:flex;align-items:center;width:100%;min-height:36px;padding:0 10px;color:#e2e8f0eb;font-size:.86rem;font-weight:700}.protocol-option-muted{color:#94a3b89e}.status-dot{width:8px;height:8px;border-radius:999px;background:var(--green);box-shadow:0 0 0 4px #34d3991f}.exchange-card{width:100%;max-width:1040px;margin:0 auto;min-width:0;padding:28px;border-radius:8px}.exchange-panels{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px 16px;align-items:start}.swap-panel{display:grid;gap:8px;min-width:0}.swap-panel-title{color:#f1f5f9db;font-size:.9rem;font-weight:700}.swap-panel-surface{display:flex;align-items:center;gap:12px;min-height:68px;padding:8px 10px 8px 16px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#0f2a4685;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.swap-panel-surface:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #22d3ee29}.swap-panel-surface-error{border-color:#f87171c7;background:linear-gradient(135deg,#f8717129,#ffffff0f);box-shadow:0 0 0 4px #f871711a,inset 0 1px #ffffff12}.token-field-error{min-height:1.1rem;color:#fecaca;font-size:.76rem;font-weight:700;line-height:1.2}.token-field-error-empty{visibility:hidden}.swap-amount-input{min-width:0;width:100%;border:0;background:transparent;color:#fff;font-size:1.26rem;font-weight:700;line-height:1}.swap-amount-input:focus,.token-search-input:focus{outline:none}.swap-amount-input::-webkit-outer-spin-button,.swap-amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.token-search{position:relative;flex:0 0 196px;min-width:0}.token-select-shell{display:inline-flex;align-items:center;gap:8px;width:100%;min-width:0;min-height:46px;padding:5px 10px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#12325294}.swap-token-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:999px;color:#fff;font-size:.72rem;font-weight:900}.swap-token-logo{object-fit:cover;background:#ffffff1f}.token-select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;width:100%;height:30px;padding:0;border:0;background:transparent;color:#fff;font-weight:800;cursor:pointer;text-align:left}.token-search-dropdown{position:absolute;top:calc(100% + 10px);left:auto;right:0;z-index:30;display:grid;gap:6px;width:min(360px,84vw);max-height:260px;padding:8px;overflow-y:auto;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#0a1c30fa;box-shadow:0 0 38px #22d3ee29,0 18px 48px #0000009e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.token-search-input{width:100%;height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#12325294;color:#fff;font-weight:700}.token-search-input::placeholder{color:#e2e8f06b}.token-search-input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #22d3ee29}.token-search-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:10px 12px;border:0;border-radius:6px;background:transparent;color:#f8fafcf0;cursor:pointer;text-align:left}.token-search-option:hover,.token-search-option-active{background:#22d3ee1a;color:var(--cyan)}.token-search-option-main{display:grid;gap:3px;min-width:0}.token-search-option-main strong{font-size:.92rem;line-height:1}.token-search-option-main small,.token-search-option-meta{color:#e2e8f0a8;font-size:.78rem}.token-search-option-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-search-option-meta{font-variant-numeric:tabular-nums}.token-search-empty{padding:12px;color:#e2e8f0b8;font-size:.86rem}.swap-direction-button{width:46px;height:46px;margin-top:38px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:var(--cyan);color:#05070d;font-size:1.18rem;font-weight:800;cursor:pointer;box-shadow:0 0 28px #22d3ee3d;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.swap-direction-button:hover{background:#22d3eee0;box-shadow:0 0 34px #22d3ee52}.quote-summary{position:relative;display:grid;grid-template-columns:1.35fr .85fr 1fr;gap:12px;width:100%;margin-top:18px;min-height:106px}.summary-card{display:grid;gap:5px;min-height:106px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0f2a4675}.quote-summary-loading .summary-card{visibility:hidden}.summary-loader-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;width:100%;border:1px solid rgba(34,211,238,.18);border-radius:8px;background:#0f2a4652}.summary-card-primary{border-color:#34d39957;background:#22d3ee1a}.summary-card span,.summary-card small,.muted{color:var(--muted);font-size:.82rem}.summary-card strong{color:#fff;font-size:1.02rem;line-height:1.2}.summary-value-lines{display:grid;gap:2px}.summary-amount-line{display:flex;align-items:baseline;gap:8px;min-width:0}.summary-amount-line strong{flex:0 1 auto;min-width:0}.summary-amount-line>span{flex:0 0 auto;color:var(--muted)}.liquid-loader-frame{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;overflow:visible;vertical-align:middle}.liquid-loader-frame-large{width:42px;height:42px}.liquid-loader{--loader-size: 22px;position:relative;display:block;width:var(--loader-size);height:var(--loader-size);overflow:hidden;border:1px solid rgba(125,211,252,.92);border-radius:50%;background:radial-gradient(circle at 36% 28%,rgba(255,255,255,.8),transparent 17%),linear-gradient(180deg,#38bdf838,#0e74906b);box-shadow:0 0 14px #22d3ee59,inset 0 0 12px #0e74906b}.liquid-loader-frame-large .liquid-loader{--loader-size: 40px}.liquid-loader:before{content:"";position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:42% 58% 48% 52%;background:radial-gradient(circle at 30% 36%,rgba(255,255,255,.7),transparent 12%),radial-gradient(circle at 68% 62%,rgba(125,211,252,.72),transparent 18%),linear-gradient(180deg,#67e8f9,#0891b2);filter:blur(.4px) contrast(1.35);animation:liquid-wobble 1.65s ease-in-out infinite}.liquid-loader:after{content:"";position:absolute;top:21%;right:21%;bottom:21%;left:21%;border-radius:55% 45% 40% 60%;background:radial-gradient(circle at 66% 36%,rgba(240,249,255,.82),transparent 11%),linear-gradient(135deg,#bae6fdb8,#0e74908f);filter:blur(.2px) contrast(1.4);mix-blend-mode:screen;animation:liquid-wobble-alt 1.35s ease-in-out infinite reverse}@keyframes liquid-wobble{0%,to{border-radius:42% 58% 48% 52%;transform:translate(-7%,4%) rotate(0) scale(1)}50%{border-radius:58% 42% 53% 47%;transform:translate(8%,-6%) rotate(130deg) scale(1.08)}}@keyframes liquid-wobble-alt{0%,to{border-radius:55% 45% 40% 60%;transform:translate(7%,-3%) rotate(0) scale(.94)}50%{border-radius:39% 61% 58% 42%;transform:translate(-9%,6%) rotate(-160deg) scale(1.12)}}.comparison-section{display:grid;gap:20px}.section-heading h2{font-size:clamp(1.7rem,3.6vw,3.2rem)}.comparison-mode-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:#0a1c3094}.comparison-mode-bar p{flex:1;max-width:none;margin:0;color:#e2e8f0b3;font-size:.88rem;line-height:1.45;text-align:right;white-space:nowrap}.comparison-mode-tabs{display:inline-flex;align-items:center;gap:4px;min-width:0;padding:4px;border:1px solid rgba(125,211,252,.16);border-radius:8px;background:#08172a9e}.comparison-mode-tab{min-height:34px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:#e2e8f0b8;font-size:.84rem;font-weight:800;cursor:pointer;white-space:nowrap;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.comparison-mode-tab:hover,.comparison-mode-tab:focus{outline:none;color:var(--cyan)}.comparison-mode-tab-active{background:var(--cyan);color:#05070d;box-shadow:0 0 18px #22d3ee33}.comparison-mode-tab-active:hover,.comparison-mode-tab-active:focus{color:#05070d}.quotes-table-shell{overflow-x:auto;border-radius:8px}.quotes-table{width:100%;min-width:920px;border-collapse:collapse}.quotes-table th,.quotes-table td{padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.09);text-align:left;vertical-align:middle}.quotes-table th{color:#e2e8f09e;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.quotes-table tr:last-child td{border-bottom:0}.quotes-table td{color:#f1f5f9e6;font-size:.92rem}.quotes-table td:nth-child(3){display:grid;gap:3px}.trail-row{background:#34d39914}.router-cell{display:grid;gap:2px}.router-cell span{color:var(--faint);font-size:.8rem}.method-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.method-section article{min-height:210px;padding:26px;border-radius:8px}.method-section article>span{color:var(--yellow);font-weight:900}.method-section h3{margin:32px 0 10px;color:#fff;font-size:1.2rem}.method-section p{margin:0;color:#e2e8f0c2;line-height:1.56}@media(max-width:1080px){.quote-section{grid-template-columns:1fr}.exchange-card{width:100%}}@media(max-width:780px){.app-shell{width:calc(100% - 20px);padding-top:12px}.site-header{gap:12px;border-radius:8px}.brand-text{font-size:.96rem}.section-nav{display:none}.network-trigger{font-size:.76rem}.header-actions{gap:8px}.network-switcher,.protocol-switcher{display:none}.language-trigger{min-width:112px}.page-content{padding-top:28px}.hero-copy h1{font-size:clamp(2rem,12vw,3.1rem)}.exchange-card{padding:18px;border-radius:8px}.exchange-panels,.method-section{grid-template-columns:1fr}.quote-summary{grid-template-columns:1fr;min-height:342px}.comparison-mode-bar{align-items:stretch;flex-direction:column}.comparison-mode-bar p{text-align:left;white-space:normal}.comparison-mode-tabs{width:100%}.comparison-mode-tab{flex:1}.swap-direction-button{justify-self:center;margin:0;transform:rotate(90deg)}.swap-panel-surface{align-items:stretch;flex-direction:column;min-height:0}.swap-amount-input{min-height:40px}.token-select-shell{width:100%}.token-search{flex-basis:auto;width:100%}.token-search-dropdown{left:0;right:0;width:100%}}