:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fff;--color-bg-elevated:#fff;--color-surface:#fff;--color-surface-solid:#fff;--color-chip:#efefef;--color-hover:#e2e2e2;--color-hover-light:#f3f3f3;--color-pressed:#00000014;--color-border:#000;--color-border-soft:#0000001f;--color-text:#000;--color-text-muted:#4b4b4b;--color-text-subtle:#afafaf;--color-text-inverse:#fff;--color-accent:#000;--color-accent-strong:#000;--color-accent-soft:#0000000f;--color-link:#00e;--color-positive:#000;--color-warning:#000;--color-danger:#b00020;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.25rem;--text-display:3.25rem;--leading-tight:1.22;--leading-snug:1.33;--leading-normal:1.5;--tracking-display:0;--tracking-tight:0;--tracking-wide:.04em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:8px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--radius-circle:50%;--shadow-card:0 4px 16px #0000001f;--shadow-medium:0 4px 16px #00000029;--shadow-floating:0 2px 8px #00000029;--shadow-pressed:inset 0 0 0 999px #00000014;--duration-fast:.12s;--duration-normal:.22s;--duration-slow:.42s;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--layout-max:1136px;--layout-gutter:clamp(1rem, .5rem + 2vw, 2rem);--nav-height:64px}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-normal:0s;--duration-slow:0s}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100svh;margin:0;padding:0}html{font-family:var(--font-sans);font-size:16px;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg)}#root{flex-direction:column;display:flex}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:var(--tracking-display);font-weight:700;line-height:var(--leading-tight);margin:0}p{margin:0}::selection{background:var(--color-text);color:var(--color-text-inverse)}:focus-visible{outline:2px solid var(--color-text);outline-offset:2px;border-radius:var(--radius-sm)}.nav-bar{z-index:50;height:var(--nav-height);background:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0}.nav-inner{height:100%;max-width:var(--layout-max);padding:0 var(--layout-gutter);justify-content:space-between;align-items:center;gap:var(--space-6);margin:0 auto;display:flex}.nav-left{align-items:center;gap:var(--space-8);display:flex}.brand{align-items:center;gap:var(--space-2);color:var(--color-text);display:inline-flex}.brand-mark-img{border-radius:var(--radius-sm,6px);object-fit:cover;width:28px;height:28px;display:block}.brand-wordmark{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:var(--tracking-display);color:var(--color-text);font-weight:700;line-height:1}.nav-links{gap:var(--space-2);display:flex}.nav-link{padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);border-radius:var(--radius-pill);transition:color var(--duration-fast) var(--ease-out-expo), background-color var(--duration-fast) var(--ease-out-expo);background:0 0;align-items:center;font-weight:500;display:inline-flex}.nav-link:hover:not(.is-active){background:var(--color-chip)}.nav-link.is-active{color:var(--color-text-inverse);background:var(--color-text)}.nav-right{align-items:center;gap:var(--space-2);display:flex}.wallet-fallback-button{padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-inverse);background:var(--color-text);border-radius:var(--radius-pill);cursor:pointer;border:0;align-items:center;font-weight:500;display:inline-flex}.wallet-fallback-button:hover{opacity:.9}.wallet-dropdown{position:relative}.wallet-menu{top:calc(100% + var(--space-2));min-width:220px;padding:var(--space-2);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md,12px);z-index:60;flex-direction:column;gap:4px;display:flex;position:absolute;right:0;box-shadow:0 12px 32px #00000014}.wallet-menu-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);border-radius:var(--radius-sm,6px);cursor:pointer;text-align:left;background:0 0;border:0;font-weight:500;display:inline-flex}.wallet-menu-item:hover:not(:disabled){background:var(--color-chip)}.wallet-menu-item:disabled{opacity:.6;cursor:not-allowed}.wallet-menu-icon{border-radius:var(--radius-sm,6px);object-fit:cover;flex-shrink:0;width:20px;height:20px;display:block}.wallet-menu-label{flex:1}.wallet-menu-empty{padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);opacity:.7}.wallet-menu-pending{font-size:var(--text-xs);opacity:.7;margin-left:auto}.wallet-menu-error{padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-error,#b91c1c);background:var(--color-error-bg,#b91c1c0f);border-radius:var(--radius-sm,6px);margin-top:4px}@media (width<=640px){.nav-left{gap:var(--space-4)}}.app-shell{flex-direction:column;min-height:100svh;display:flex}.app-main{width:100%;max-width:var(--layout-max);padding:var(--space-12) var(--layout-gutter) var(--space-16);flex-direction:column;flex:1;margin:0 auto;display:flex}@media (width<=640px){.app-main{padding-top:var(--space-8)}}.pair-selector{gap:var(--space-2);flex-direction:column;display:flex}.pair-label{font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text);font-weight:700}.pair-select{appearance:none;font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:linear-gradient(135deg, transparent calc(50% - 4px), var(--color-text) 50%, transparent calc(50% + 4px)) no-repeat right 16px top 50% / 8px 1px, linear-gradient(135deg, transparent calc(50% - 4px), var(--color-text) 50%, transparent calc(50% + 4px)) no-repeat right 12px top 50% / 8px 1px, var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out-expo);padding:10px 36px 10px 16px;font-weight:500}.pair-select:hover{background-color:var(--color-hover-light)}.pair-empty{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-chip);color:var(--color-text-muted)}.pair-empty-title{color:var(--color-text);margin-bottom:var(--space-2);font-weight:700}.pair-empty-help{font-size:var(--text-sm);line-height:var(--leading-snug)}.pair-empty code{font-family:var(--font-mono);background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);border-radius:4px;padding:2px 5px;font-size:.92em}.surface{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.surface--glass{background:var(--color-surface)}.surface--flat{background:var(--color-surface);box-shadow:none;border:1px solid var(--color-border-soft)}.pool-frame{gap:var(--space-5);flex-direction:column;width:100%;max-width:480px;display:flex}.pool-frame-card{padding:var(--space-6);gap:var(--space-5);flex-direction:column;display:flex}.pool-frame-state{padding:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.pool-frame-error{color:var(--color-danger)}.pool-stats{gap:var(--space-4) var(--space-6);padding:var(--space-5) var(--space-6);background:var(--color-bg);border-top:1px solid var(--color-border);font-variant-numeric:tabular-nums;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.pool-stats>div{gap:var(--space-1);flex-direction:column;display:flex}.pool-stats dt{font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);font-weight:700}.pool-stats dd{font-size:var(--text-lg);color:var(--color-text);margin:0;font-weight:500}@media (width<=480px){.pool-stats{grid-template-columns:1fr}}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-base);letter-spacing:0;border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out-expo), color var(--duration-fast) var(--ease-out-expo);padding:10px 16px;font-weight:500;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.4}.btn--md{font-size:var(--text-sm);padding:10px 14px}.btn--lg{font-size:var(--text-base);padding:14px 20px}.btn--primary{color:var(--color-text-inverse);background:var(--color-text)}.btn--primary:hover:not(:disabled){background:#1a1a1a}.btn--primary:active:not(:disabled){box-shadow:var(--shadow-pressed)}.btn--ghost{color:var(--color-text);background:var(--color-chip)}.btn--ghost:hover:not(:disabled){background:var(--color-hover)}.btn--ghost:active:not(:disabled){box-shadow:var(--shadow-pressed)}.token-input{gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:box-shadow var(--duration-fast) var(--ease-out-expo);flex-direction:column;display:flex}.token-input:focus-within{box-shadow:0 0 0 1px var(--color-text) inset}.token-input.is-disabled{opacity:.4}.token-input-row{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.token-input-label{letter-spacing:.18em;text-transform:uppercase;color:var(--color-text);font-weight:700}.token-input-balance{align-items:center;gap:var(--space-2);font-variant-numeric:tabular-nums;display:inline-flex}.token-input-max{font-size:var(--text-xs);letter-spacing:0;color:var(--color-text);background:var(--color-chip);border-radius:var(--radius-pill);transition:background-color var(--duration-fast) var(--ease-out-expo);padding:4px 10px;font-weight:500}.token-input-max:hover{background:var(--color-hover)}.token-input-amount{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.token-input-amount input{min-width:0;font-family:var(--font-sans);font-size:var(--text-3xl);letter-spacing:var(--tracking-tight);font-weight:700;line-height:var(--leading-tight);color:var(--color-text);font-variant-numeric:tabular-nums;caret-color:var(--color-text);background:0 0;border:0;outline:0;flex:1}.token-input-amount input::placeholder{color:var(--color-text-subtle);opacity:1}.token-input-amount input:read-only{cursor:default}.token-input-token{align-items:center;gap:var(--space-2);background:var(--color-chip);border-radius:var(--radius-pill);white-space:nowrap;padding:8px 14px;font-weight:500;display:inline-flex}.token-symbol{font-size:var(--text-sm);letter-spacing:0;color:var(--color-text)}.direction-rail{justify-content:center;height:0;display:flex;position:relative}.direction-toggle{width:44px;height:44px;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-circle);box-shadow:var(--shadow-floating);transition:transform var(--duration-normal) var(--ease-out-expo), background-color var(--duration-fast) var(--ease-out-expo);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:-22px}.direction-toggle:hover:not(:disabled){background:var(--color-hover-light);transform:rotate(180deg)}.direction-toggle:disabled{opacity:.4;cursor:not-allowed}.slippage{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-xs);display:flex}.slippage-label{letter-spacing:.16em;text-transform:uppercase;color:var(--color-text);font-weight:700}.slippage-presets{gap:var(--space-1);background:0 0;padding:0;display:inline-flex}.slippage-preset{font-size:var(--text-xs);color:var(--color-text);background:var(--color-chip);border-radius:var(--radius-pill);transition:color var(--duration-fast) var(--ease-out-expo), background-color var(--duration-fast) var(--ease-out-expo);padding:6px 12px;font-weight:500}.slippage-preset:hover:not(.is-active){background:var(--color-hover)}.slippage-preset.is-active{color:var(--color-text-inverse);background:var(--color-text)}.swap-widget{gap:var(--space-3);flex-direction:column;display:flex}.swap-widget>.btn{margin-top:var(--space-2);width:100%}.swap-cta-card{padding:var(--space-8) var(--space-6);text-align:center;background:var(--color-chip);border-radius:var(--radius-md)}.swap-cta-title{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:var(--tracking-tight);color:var(--color-text);margin-bottom:var(--space-2);font-weight:700}.swap-cta-help{font-size:var(--text-sm);color:var(--color-text-muted)}.quote-summary{gap:var(--space-3) var(--space-6);padding:var(--space-3) var(--space-5);background:var(--color-chip);border-radius:var(--radius-md);font-variant-numeric:tabular-nums;flex-wrap:wrap;margin:0;display:flex}.quote-summary>div{align-items:baseline;gap:var(--space-2);font-size:var(--text-xs);display:flex}.quote-summary dt{letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);font-weight:700}.quote-summary dd{font-size:var(--text-sm);color:var(--color-text);margin:0}.swap-error{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-danger);background:var(--color-bg);border:1px solid var(--color-danger);border-radius:var(--radius-md)}.swap-success{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text);background:var(--color-chip);border:1px solid var(--color-border);border-radius:var(--radius-md);font-variant-numeric:tabular-nums}.swap-page{align-items:center;gap:var(--space-10);flex-direction:column;display:flex}.page-header{gap:var(--space-3);text-align:center;flex-direction:column;max-width:560px;display:flex}.page-eyebrow{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.22em;text-transform:uppercase;color:var(--color-text);font-weight:700}.page-title{font-family:var(--font-display);font-size:var(--text-4xl);letter-spacing:var(--tracking-display);font-weight:700;line-height:var(--leading-tight);color:var(--color-text)}.page-lede{color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-normal)}.swap-placeholder{padding:var(--space-5) 0;text-align:center;color:var(--color-text-subtle);font-size:var(--text-sm);border-top:1px solid var(--color-border-soft)}.liquidity-widget{gap:var(--space-5);flex-direction:column;display:flex}.liquidity-tabs{align-self:flex-start;gap:var(--space-1);background:0 0;padding:0;display:inline-flex}.liquidity-tab{font-size:var(--text-sm);color:var(--color-text);background:var(--color-chip);border-radius:var(--radius-pill);transition:color var(--duration-fast) var(--ease-out-expo), background-color var(--duration-fast) var(--ease-out-expo);padding:10px 18px;font-weight:500}.liquidity-tab.is-active{color:var(--color-text-inverse);background:var(--color-text)}.liquidity-tab:not(.is-active):hover{background:var(--color-hover)}.liquidity-form{gap:var(--space-3);flex-direction:column;display:flex}.liquidity-form>.btn{margin-top:var(--space-2);width:100%}.liquidity-split{padding:var(--space-3) var(--space-5);background:var(--color-chip);border-radius:var(--radius-md)}.liquidity-split-title{font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-2);font-weight:700}.liquidity-split-rows{gap:var(--space-1) var(--space-3);font-variant-numeric:tabular-nums;grid-template-columns:1fr auto;display:grid}.liquidity-split-rows>div{display:contents}.liquidity-split-rows span:first-child{font-size:var(--text-sm);color:var(--color-text-muted)}.liquidity-split-rows span:last-child{font-size:var(--text-sm);text-align:right;color:var(--color-text)}.liquidity-cta-card{padding:var(--space-8) var(--space-6);text-align:center;background:var(--color-chip);border-radius:var(--radius-md)}.liquidity-cta-title{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:var(--tracking-tight);color:var(--color-text);font-weight:700}