:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg-main:#191b1f;--bg-card:#212429;--bg-card-hover:#2c2f36;--bg-input:#2c2f36;--border:#2c2f36;--border-hover:#ff007a;--accent:#ff007a;--accent-dim:#ff007a1a;--arkeo:#3be0ff;--arkeo-dim:#3be0ff1a;--success:#27ae60;--warning:#f59e0b;--text:#fff;--text-dim:#8f96ac;--text-muted:#565a69}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-main);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.app{max-width:1100px;margin:0 auto;padding:0 1rem 2rem}.header{border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding:1rem 0}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.logo{align-items:center;gap:.5rem;font-size:1.3rem;font-weight:700;display:flex}.logo-icon{font-size:1.5rem}.accent{color:var(--arkeo);font-size:.85rem;font-weight:500}.header-right{align-items:center;gap:.75rem;display:flex}.marketplace-link{color:var(--text-dim);border:1px solid var(--border);border-radius:.5rem;padding:.35rem .7rem;font-size:.8rem;text-decoration:none;transition:all .2s}.marketplace-link:hover{border-color:var(--arkeo);color:var(--arkeo)}.provider-badge{border-radius:1rem;padding:.3rem .7rem;font-size:.7rem}.provider-badge.arkeo{color:var(--arkeo);background:var(--arkeo-dim)}.provider-badge.fallback{color:var(--warning);background:#f59e0b1a}.chain-selector{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.chain-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:.75rem;align-items:center;gap:.3rem;padding:.5rem .9rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.chain-btn:hover{border-color:var(--chain-color);color:var(--text)}.chain-btn.active{border-color:var(--chain-color);color:var(--text);background:var(--bg-card-hover)}.arkeo-tag{color:var(--arkeo);font-size:.7rem}.fallback-tag{color:var(--warning);font-size:.7rem}.stats-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding:.7rem 1rem;display:flex}.stat{flex-direction:column;gap:.1rem;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;font-size:.65rem}.stat-value{font-size:.8rem;font-weight:600}.error-banner{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:.5rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:.8rem}.swap-card{background:var(--bg-card);border:1px solid var(--border);border-radius:1.25rem;max-width:480px;margin:0 auto 2rem;padding:1.25rem}.swap-card h2{margin-bottom:.25rem;font-size:1rem}.swap-subtitle{color:var(--text-dim);margin-bottom:1rem;font-size:.75rem}.swap-inputs{flex-direction:column;gap:.25rem;display:flex}.swap-row label{color:var(--text-muted);text-transform:uppercase;margin-bottom:.25rem;font-size:.7rem;display:block}.input-group{background:var(--bg-input);border-radius:.75rem;gap:.5rem;padding:.5rem;display:flex}.input-group select{background:var(--bg-main);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:.5rem;min-width:90px;padding:.5rem;font-size:.9rem;font-weight:600}.input-group input{color:var(--text);text-align:right;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:1.2rem}.quote-output{color:var(--arkeo)!important}.swap-arrow{text-align:center;color:var(--text-dim);cursor:pointer;padding:.25rem;font-size:1.2rem;transition:color .2s}.swap-arrow:hover{color:var(--accent)}.swap-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:1rem;width:100%;margin-top:.75rem;padding:.85rem;font-size:.95rem;font-weight:600;transition:opacity .2s}.swap-btn:hover{opacity:.9}.swap-note{color:var(--text-muted);text-align:center;margin-top:.75rem;font-size:.7rem}.pools-section{margin-bottom:2rem}.pools-section h2{margin-bottom:.25rem;font-size:1.1rem}.section-sub{color:var(--text-dim);margin-bottom:1rem;font-size:.8rem}.loading{text-align:center;color:var(--text-dim);padding:2rem;font-size:.85rem}.pool-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;display:grid}.pool-card{background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;padding:1rem;transition:border-color .2s}.pool-card:hover{border-color:var(--accent)}.pool-pair{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1rem;font-weight:700;display:flex}.pool-fee{background:var(--accent-dim);color:var(--accent);border-radius:.5rem;padding:.1rem .4rem;font-size:.65rem;font-weight:600}.pool-details{flex-direction:column;gap:.25rem;display:flex}.pool-detail{justify-content:space-between;font-size:.8rem;display:flex}.pool-detail .label{color:var(--text-dim)}.pool-detail .value{font-weight:500}.mono{font-family:SF Mono,monospace}.how-it-works{background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;margin-bottom:2rem;padding:1.5rem}.how-it-works h2{margin-bottom:1rem;font-size:1rem}.steps{flex-direction:column;gap:.75rem;display:flex}.step{color:var(--text-dim);align-items:flex-start;gap:.75rem;font-size:.85rem;display:flex}.step strong{color:var(--text)}.step-num{background:var(--accent-dim);min-width:28px;height:28px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.footer{text-align:center;border-top:1px solid var(--border);color:var(--text-dim);padding:1.5rem 0;font-size:.8rem}.footer a{color:var(--arkeo);text-decoration:none}.footer a:hover{text-decoration:underline}.footer-sub{color:var(--text-muted);margin-top:.3rem;font-size:.7rem}@media (width<=768px){.header-inner{flex-direction:column}.stats-bar{flex-direction:column;gap:.5rem}.swap-card{margin:0 0 2rem}}