@layer reset,tokens,base,layout,components,motion,utilities;@layer tokens{:root{color-scheme:dark;--bg-0: oklch(.1496 0 0);--bg-1: oklch(.1957 0 0);--bg-2: oklch(.235 0 0);--bg-3: oklch(.3092 0 0);--bg-0-a: oklch(.1496 0 0 / .86);--line-1: oklch(.3052 0 0);--line-2: oklch(.3942 0 0);--line-control: oklch(.5313 0 0);--text-1: oklch(.9851 0 0);--text-2: oklch(.9431 0 0);--text-3: oklch(.754 0 0);--text-4: oklch(.6434 0 0);--ink: oklch(.1496 0 0);--primary: oklch(.9431 0 0);--primary-hover: oklch(.9851 0 0);--primary-press: oklch(.754 0 0);--focus: oklch(.9851 0 0);--scrim: oklch(0 0 0 / .66);--tint-1: oklch(1 0 0 / .045);--tint-2: oklch(1 0 0 / .09);--shadow-panel: 0 1px 0 oklch(1 0 0 / .04) inset, 0 12px 32px oklch(0 0 0 / .32);--shadow-sheet: 0 -8px 40px oklch(0 0 0 / .5);--shadow-head: 0 8px 24px oklch(0 0 0 / .28);--tap: 48px;--head-h: 64px;--page-max: 1200px;--gutter: clamp(16px, 4vw, 32px);--gap: 16px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-pill: 999px;--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-xs: clamp(.75rem, .73rem + .08vw, .8125rem);--fs-sm: clamp(.8125rem, .79rem + .1vw, .875rem);--fs-md: clamp(.9375rem, .91rem + .12vw, 1rem);--fs-lg: clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--fs-xl: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--fs-2xl: clamp(1.5rem, 1.2rem + 1.3vw, 2rem);--fs-ca: clamp(.85rem, 4.6vw, 1.75rem);--dur-feedback: .12s;--dur-secondary: .2s;--dur-primary: .36s;--stagger: 70ms;--ease-out: cubic-bezier(.2, .7, .2, 1);--ease-inout: cubic-bezier(.4, 0, .2, 1);--z-head: 50;--z-dock: 60}}@layer base{@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url("./fonts/geist-latin-wght-normal-T72VVCUW.woff2") format("woff2-variations")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url("./fonts/geist-mono-latin-wght-normal-CJNQKXUG.woff2") format("woff2-variations")}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--head-h) + 16px);background:var(--bg-0)}body{margin:0;background:var(--bg-0);color:var(--text-1);font-family:var(--font-sans);font-size:var(--fs-md);line-height:1.5;font-feature-settings:"ss01" 0;-webkit-font-smoothing:antialiased;min-block-size:100dvh;overflow-wrap:break-word}h1,h2,h3,p,dl,dd,ul,figure{margin:0;padding:0}ul{list-style:none}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}svg{display:block}time{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::selection{background:var(--text-1);color:var(--ink)}.num,dd,output,.field-input,.kv dd{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.mono{font-family:var(--font-mono);font-variant-ligatures:none}.wrap{overflow-wrap:anywhere}}@layer reset{*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}}@layer utilities{.sr-only{position:absolute;inline-size:1px;block-size:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.clip-scratch{position:fixed;inset-block-start:0;inset-inline-start:-9999px;opacity:0}}@layer layout{.page{inline-size:100%;max-inline-size:var(--page-max);margin-inline:auto;padding-inline:var(--gutter)}.skip{position:fixed;inset-block-start:8px;inset-inline-start:8px;z-index:100;padding:12px 16px;min-block-size:var(--tap);display:inline-flex;align-items:center;background:var(--primary);color:var(--ink);border-radius:var(--r-md);font-weight:600;transform:translateY(-200%)}.skip:focus-visible{transform:none}.synthetic-banner{padding:8px var(--gutter);text-align:center;font-size:var(--fs-sm);font-weight:600;background:var(--primary);color:var(--ink)}.site-head{position:sticky;inset-block-start:0;z-index:var(--z-head);background:var(--bg-0);border-block-end:1px solid transparent}.head-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand social" "tools tools";align-items:center;column-gap:8px;padding-block-end:8px}.head-inner>.brand{grid-area:brand}.head-inner>.primary-nav{grid-area:nav;display:none}.head-inner>.head-tools{grid-area:tools}.head-inner>.social{grid-area:social;justify-self:end}.head-tools{display:flex;align-items:center;gap:8px;min-inline-size:0}.head-tools .chain-chip{flex:1 1 auto;min-inline-size:0}@media(min-width:760px){.head-inner{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand tools social";column-gap:16px;padding-block-end:0;min-block-size:var(--head-h)}.head-tools{justify-content:flex-end}.head-tools .chain-chip{flex:0 1 auto}}@media(min-width:1024px){.head-inner{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"brand nav tools social"}.head-inner>.primary-nav{display:flex;justify-content:center;gap:4px}}main.page{padding-block:12px 32px;display:grid;gap:var(--gap)}.workspace{display:grid;gap:var(--gap);grid-template-columns:minmax(0,1fr);align-items:start}.col-main{display:grid;gap:var(--gap);min-inline-size:0}.col-side{min-inline-size:0}@media(max-width:1023.98px){.workspace[data-view=pairs] .col-side,.workspace[data-view=trade] .col-main{display:none}body{padding-block-end:calc(var(--tap) + 32px + env(safe-area-inset-bottom,0px))}}.site-foot{display:grid;gap:4px;padding-block:24px 40px;color:var(--text-3);font-size:var(--fs-sm);border-block-start:1px solid var(--line-1);margin-block-start:8px}.dock{position:fixed;inset-inline:0;inset-block-end:0;z-index:var(--z-dock);display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px var(--gutter) calc(8px + env(safe-area-inset-bottom,0px));background:var(--bg-1);border-block-start:1px solid var(--line-1)}@media(min-width:1024px){.workspace{grid-template-columns:minmax(0,1fr) minmax(360px,420px);gap:24px}.col-side{position:sticky;inset-block-start:calc(var(--head-h) + 16px)}.dock{display:none}main.page{gap:24px;padding-block-start:16px}}}@layer components{.brand{display:inline-flex;align-items:center;gap:10px;min-block-size:var(--tap);font-weight:650;font-size:var(--fs-lg);letter-spacing:-.02em;border-radius:var(--r-md)}.icon{inline-size:20px;block-size:20px;flex:none}.brand-mark{inline-size:34px;block-size:28px;flex:none}.icon--social{inline-size:20px;block-size:20px}.nav-link{display:inline-flex;align-items:center;min-block-size:var(--tap);padding-inline:16px;border-radius:var(--r-pill);color:var(--text-3);font-size:var(--fs-sm);font-weight:550;transition:color var(--dur-feedback) var(--ease-inout),background-color var(--dur-feedback) var(--ease-inout)}.nav-link[aria-current=page]{color:var(--text-1);background:var(--tint-2)}.social{display:flex;gap:0}.social-link{display:inline-grid;place-items:center;inline-size:var(--tap);block-size:var(--tap);border-radius:var(--r-md);color:var(--text-2);transition:color var(--dur-feedback) var(--ease-inout),background-color var(--dur-feedback) var(--ease-inout),transform var(--dur-feedback) var(--ease-inout)}.social-link.is-inert{color:var(--text-4);cursor:not-allowed}.social-link.is-inert .icon{opacity:.85}.social-link:not(.is-inert):active{transform:scale(.94)}@media(hover:hover){.social-link:not(.is-inert):hover{color:var(--text-1);background:var(--tint-2)}}.chain-chip{display:inline-flex;align-items:center;gap:8px;min-block-size:var(--tap);padding-inline:14px;border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--bg-1);font-size:var(--fs-sm);white-space:nowrap}.chain-name{font-weight:600;overflow:hidden;text-overflow:ellipsis}.chain-meta{color:var(--text-3);overflow:hidden;text-overflow:ellipsis}@media(max-width:759.98px){.chain-chip{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-content:center;padding-block:4px}.chain-dot{grid-row:1 / 3;align-self:center}.chain-name,.chain-meta{line-height:1.25;font-size:var(--fs-xs)}}.chain-dot{inline-size:8px;block-size:8px;border-radius:50%;border:1.5px solid var(--text-3);flex:none}.chain-chip[data-status=available] .chain-dot{background:var(--text-1);border-color:var(--text-1)}.chain-chip[data-status=error] .chain-dot,.chain-chip[data-status=mismatch] .chain-dot{border-style:dotted;border-color:var(--text-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:var(--tap);padding-inline:18px;border:1px solid transparent;border-radius:var(--r-md);background:var(--bg-2);font-weight:600;font-size:var(--fs-sm);line-height:1.2;white-space:nowrap;transition:background-color var(--dur-feedback) var(--ease-inout),color var(--dur-feedback) var(--ease-inout),transform var(--dur-feedback) var(--ease-inout),border-color var(--dur-feedback) var(--ease-inout)}.btn:active{transform:scale(.98)}.btn--primary{background:var(--primary);color:var(--ink)}@media(hover:hover){.btn--primary:hover{background:var(--primary-hover)}}.btn--primary:active{background:var(--primary-press)}.btn--ghost{background:transparent;border-color:var(--line-control);color:var(--text-1)}@media(hover:hover){.btn--ghost:hover{background:var(--tint-2)}}.btn--lg{min-block-size:56px;font-size:var(--fs-md);inline-size:100%}.btn[disabled]{opacity:1;background:var(--bg-2);color:var(--text-3);cursor:progress}.wallet-btn{flex:none;max-inline-size:100%}.wallet-btn[data-state=wrong_chain]{background:transparent;color:var(--text-1);border:1px dashed var(--text-1)}.wallet-btn #wallet-btn-label{overflow:hidden;text-overflow:ellipsis}.icon-btn{display:inline-grid;place-items:center;inline-size:var(--tap);block-size:var(--tap);border:1px solid transparent;border-radius:var(--r-md);background:transparent;color:var(--text-2);transition:background-color var(--dur-feedback) var(--ease-inout),color var(--dur-feedback) var(--ease-inout),transform var(--dur-feedback) var(--ease-inout)}.icon-btn:active{transform:scale(.94)}.icon-btn[aria-expanded=true]{background:var(--tint-2);color:var(--text-1)}@media(hover:hover){.icon-btn:hover{background:var(--tint-2);color:var(--text-1)}}.eyebrow{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--text-3)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--bg-2);color:var(--text-2);font-size:var(--fs-xs);font-weight:600;line-height:1.2;white-space:nowrap}.badge--ok{background:var(--primary);color:var(--ink);border-color:var(--primary)}.badge--warn{border-style:dashed;border-color:var(--text-2);color:var(--text-1)}.badge--warn:before{content:"!";font-weight:800}.dot{display:inline-block;inline-size:8px;block-size:8px;border-radius:50%;flex:none}.dot--on{background:var(--text-1)}.dot--off{border:1.5px solid var(--text-3)}.ca{container-type:inline-size;display:grid;gap:12px;padding:16px;border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--bg-1);box-shadow:var(--shadow-panel)}.ca-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ca-text{display:block;font-size:var(--fs-ca);font-weight:500;line-height:1.35;letter-spacing:-.01em;color:var(--text-1);overflow-wrap:anywhere;user-select:all}.ca-chunk{display:block}.ca-text.is-blank,.ca-text.is-dim{color:var(--text-4);user-select:none}.ca-text.is-blank{letter-spacing:.02em}@container (max-width: 39.99rem){.ca-text{font-size:min(1.625rem,calc((100cqi - 72px) / 8.9))}}@container (min-width: 40rem){.ca-text{font-size:min(1.75rem,calc((100cqi - 72px) / 25.8))}.ca-chunk{display:inline}}.ca-copy{display:grid;gap:12px;inline-size:100%;min-block-size:var(--tap);padding:14px 16px;text-align:start;background:var(--bg-0);border:1px solid var(--line-control);border-radius:var(--r-md);transition:border-color var(--dur-feedback) var(--ease-inout),background-color var(--dur-feedback) var(--ease-inout),transform var(--dur-feedback) var(--ease-inout)}.ca-copy .ca-text{user-select:text;pointer-events:none}.ca-slot{padding:14px 16px;background:var(--bg-0);border:1px dashed var(--line-2);border-radius:var(--r-md)}.ca-action{display:inline-flex;align-items:center;gap:8px;justify-self:start;min-block-size:32px;color:var(--text-2);font-size:var(--fs-sm);font-weight:600}.ca-copy:active{transform:scale(.995)}.ca-copy[data-copy-state=ok]{border-color:var(--text-1);background:var(--bg-2)}.ca-copy[data-copy-state=ok] .ca-action{color:var(--text-1)}.ca-copy[data-copy-state=fail]{border-style:dashed;border-color:var(--text-1)}@media(hover:hover){.ca-copy:hover{border-color:var(--text-2);background:var(--bg-2)}}.ca-status{min-block-size:1.25em;color:var(--text-3);font-size:var(--fs-sm)}@container (min-width: 49rem){.ca-copy{grid-template-columns:minmax(0,1fr) auto;align-items:center}.ca-action{justify-self:end}}.panel{container-type:inline-size;container-name:panel;display:grid;gap:16px;padding:16px;border:1px solid var(--line-1);border-radius:var(--r-lg);background:var(--bg-1);box-shadow:var(--shadow-panel)}@media(min-width:640px){.panel{padding:20px}}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title{font-size:var(--fs-xl);font-weight:650;letter-spacing:-.02em;line-height:1.2}.panel-sub{margin-block-start:2px;color:var(--text-3);font-size:var(--fs-sm)}.toolbar{display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}@container panel (min-width: 34rem){.toolbar{grid-template-columns:minmax(0,1fr) 14rem}}.search,.select{position:relative;display:flex;align-items:center;gap:10px;min-block-size:var(--tap);padding-inline:14px;background:var(--bg-0);border:1px solid var(--line-control);border-radius:var(--r-md);color:var(--text-3);transition:border-color var(--dur-feedback) var(--ease-inout),background-color var(--dur-feedback) var(--ease-inout)}.search:has(input:focus-visible),.select:has(select:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.search input,.select select{flex:1 1 auto;min-inline-size:0;block-size:var(--tap);margin-block:-1px;background:transparent;border:0;color:var(--text-1);outline:none}.search input::placeholder{color:var(--text-4);opacity:1}.search input::-webkit-search-cancel-button{appearance:none}.select{padding-inline-end:34px}.select select{appearance:none;padding-inline-end:4px;cursor:pointer}.select select option{background:var(--bg-2);color:var(--text-1)}.select-label{font-size:var(--fs-sm);color:var(--text-3);flex:none}.select:after{content:"";position:absolute;inset-inline-end:16px;inset-block-start:calc(50% - 6px);inline-size:7px;block-size:7px;border:solid var(--text-2);border-width:0 1.75px 1.75px 0;transform:rotate(45deg);pointer-events:none}.search-slot:empty{display:none}.search-note{padding:10px 14px;border-radius:var(--r-md);border:1px solid var(--line-2);background:var(--bg-2);color:var(--text-2);font-size:var(--fs-sm)}.search-note--ok{border-color:var(--text-1);color:var(--text-1)}.search-note--warn{border-style:dashed;border-color:var(--text-2);color:var(--text-1)}.empty{display:grid;justify-items:center;gap:8px;padding:32px 20px;text-align:center;border:1px dashed var(--line-2);border-radius:var(--r-lg);background:var(--bg-0)}.empty--sheet{padding-block:40px}.empty-glyph{display:grid;place-items:center;inline-size:48px;block-size:48px;border-radius:50%;background:var(--bg-2);border:1px solid var(--line-1);color:var(--text-3);margin-block-end:4px}.empty-title{font-weight:650;font-size:var(--fs-lg)}.empty-body{max-inline-size:26rem;color:var(--text-3);font-size:var(--fs-sm)}.empty-foot{display:inline-flex;align-items:center;gap:8px;margin-block-start:8px;color:var(--text-3);font-size:var(--fs-xs)}.empty[data-state=error]{border-style:solid;border-color:var(--text-3)}.skeleton{border-radius:var(--r-md);background:var(--bg-2);min-block-size:72px}.pair-list[aria-busy=true],.pair-list{display:grid;gap:8px}.pair-card{display:grid;gap:12px;inline-size:100%;min-block-size:var(--tap);padding:14px 16px;text-align:start;background:var(--bg-0);border:1px solid var(--line-1);border-radius:var(--r-md);transition:border-color var(--dur-feedback) var(--ease-inout),background-color var(--dur-feedback) var(--ease-inout),transform var(--dur-feedback) var(--ease-inout)}.pair-card:active{transform:scale(.995)}@media(hover:hover){.pair-card:hover{transform:translateY(-1px)}}.pair-card[aria-pressed=true]{border-color:var(--text-1);background:var(--bg-2)}@media(hover:hover){.pair-card:hover{border-color:var(--line-control);background:var(--bg-2)}}.pair-id{display:inline-flex;align-items:center;gap:12px;min-inline-size:0}.pair-name{font-weight:650;font-size:var(--fs-md);overflow-wrap:anywhere}.pair-tokens{display:inline-flex;flex:none}.tok{display:inline-grid;place-items:center;inline-size:32px;block-size:32px;border-radius:50%;background:var(--bg-3);border:2px solid var(--bg-0);font-size:var(--fs-sm);font-weight:700;color:var(--text-1)}.tok+.tok{margin-inline-start:-10px;background:var(--text-2);color:var(--ink)}.tok--ghost{background:var(--bg-2)!important;border:1px dashed var(--line-control)}.pair-tokens--lg .tok{inline-size:44px;block-size:44px;font-size:var(--fs-md)}.pair-tokens--lg .tok+.tok{margin-inline-start:-14px}.pair-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.pair-stat dt,.stat dt,.kv dt{color:var(--text-3);font-size:var(--fs-xs)}.pair-stat dd{font-weight:600;font-size:var(--fs-sm);overflow-wrap:anywhere}@container panel (min-width: 34rem){.pair-card{grid-template-columns:minmax(10rem,.9fr) minmax(0,2.4fr);align-items:center}.pair-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.ref-card{display:grid;gap:12px;padding:14px 16px;background:var(--bg-0);border:1px dashed var(--line-2);border-radius:var(--r-md);transition:border-color var(--dur-feedback) var(--ease-inout),background-color var(--dur-feedback) var(--ease-inout)}@media(hover:hover){.ref-card:hover{border-color:var(--line-control);background:var(--bg-1)}}.ref-ticker{display:block;color:var(--text-3);font-size:var(--fs-xs);font-weight:500}.ref-tag{display:block;margin-block-start:2px;color:var(--text-3);font-size:var(--fs-xs);font-weight:500;letter-spacing:.02em}.ref-card[data-dir=up] [data-ref=change]{color:var(--text-1);font-weight:700}.ref-card[data-dir=down] [data-ref=change]{color:var(--text-2);font-weight:500;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}.native-note{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--bg-0);color:var(--text-3);font-size:var(--fs-sm)}.native-note .dot{margin-block-start:6px}.tok--logo{position:relative;overflow:hidden;flex:none}.tok--logo .tok-mono{position:absolute;inset:0;display:grid;place-items:center}.tok-img{position:relative;inline-size:100%;block-size:100%;object-fit:cover;background:var(--bg-3);border-radius:50%}@container panel (min-width: 34rem){.ref-card{grid-template-columns:minmax(10rem,.9fr) minmax(0,2.4fr);align-items:center}}.identity{display:flex;align-items:center;gap:14px;min-inline-size:0}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line-1);border:1px solid var(--line-1);border-radius:var(--r-md);overflow:hidden}.stat{padding:12px 14px;background:var(--bg-1);transition:background-color var(--dur-feedback) var(--ease-inout)}@media(hover:hover){.stat:hover{background:var(--bg-2)}}.stat dd{margin-block-start:2px;font-size:var(--fs-lg);font-weight:600;color:var(--text-1);overflow-wrap:anywhere}.stat dd:where([data-stat]){font-variant-numeric:tabular-nums}@container panel (min-width: 34rem){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}}.seg{--n: 2;--i: 0;--pad: 4px;position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));padding:var(--pad);background:var(--bg-0);border:1px solid var(--line-1);border-radius:var(--r-md);isolation:isolate}.seg:before{content:"";position:absolute;inset-block:var(--pad);inset-inline-start:var(--pad);inline-size:calc((100% - 2 * var(--pad)) / var(--n));background:var(--bg-3);border-radius:calc(var(--r-md) - 3px);transform:translate(calc(var(--i) * 100%));transition:transform var(--dur-secondary) var(--ease-out);z-index:-1;box-shadow:0 1px 0 var(--tint-2) inset}.seg[data-n="3"]{--n: 3}.seg[data-n="4"]{--n: 4}.seg[data-n="5"]{--n: 5}.seg[data-i="1"]{--i: 1}.seg[data-i="2"]{--i: 2}.seg[data-i="3"]{--i: 3}.seg[data-i="4"]{--i: 4}.seg-btn{min-block-size:var(--tap);padding-inline:12px;background:transparent;border:0;border-radius:calc(var(--r-md) - 3px);color:var(--text-3);font-size:var(--fs-sm);font-weight:600;transition:color var(--dur-feedback) var(--ease-inout),transform var(--dur-feedback) var(--ease-inout)}@container panel (max-width: 17rem){.seg--sm[data-n="5"]{--pad: 0px;border-width:0}}.seg-btn:active{transform:scale(.97)}.seg-btn[aria-selected=true],.seg-btn[aria-checked=true]{color:var(--text-1)}@media(hover:hover){.seg-btn:hover{color:var(--text-1)}}.seg-btn:focus-visible{outline-offset:-2px}.tabs{display:grid;gap:16px}.tab-panel{min-inline-size:0}.chart{display:grid;gap:12px;min-inline-size:0}.chart-bar{display:grid;gap:8px}@container panel (min-width: 34rem){.chart-bar{grid-template-columns:1fr minmax(16rem,22rem);align-items:center}}.legend{display:flex;gap:16px;color:var(--text-3);font-size:var(--fs-sm)}.legend li{display:inline-flex;align-items:center;gap:8px}.swatch{display:inline-block}.swatch--line{inline-size:16px;block-size:0;border-block-start:2px solid var(--text-2)}.swatch--bar{inline-size:10px;block-size:10px;border-radius:2px;background:var(--text-4)}.chart-plot{position:relative;inline-size:100%;block-size:clamp(15rem,48cqi,24rem);background:var(--bg-0);border:1px solid var(--line-1);border-radius:var(--r-md);overflow:hidden}.chart-grid{position:absolute;inset:0;inline-size:100%;block-size:100%;stroke:var(--line-1);stroke-width:1}.chart-grid line{vector-effect:non-scaling-stroke}.axis{position:absolute;display:flex;justify-content:space-between;color:var(--text-4);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.axis-y{inset-block:10px 30px;inset-inline-end:10px;flex-direction:column;align-items:flex-end}.axis-x{inset-block-end:8px;inset-inline:12px 44px}.chart-note{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:6px;padding:24px 48px 32px 24px;text-align:center}.chart-note-title{font-weight:650;font-size:var(--fs-lg)}.chart-note-body{max-inline-size:22rem;color:var(--text-3);font-size:var(--fs-sm)}.chart-note .badge{margin-block-start:6px}.info-card,.position{display:grid;gap:12px;padding:16px;border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--bg-0)}.position-title{font-weight:650}.kv-list{display:grid;gap:0}.kv{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-block:10px;border-block-end:1px solid var(--line-1)}.kv:last-child{border-block-end:0}.kv dd{font-weight:600;font-size:var(--fs-sm);text-align:end}.kv dt{font-size:var(--fs-sm)}.netbar{container-type:inline-size;display:grid;gap:12px;padding:14px 16px;border:1px solid var(--line-1);border-radius:var(--r-lg);background:var(--bg-1)}.netbar-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.netbar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line-1);border:1px solid var(--line-1);border-radius:var(--r-md);overflow:hidden}@container (min-width: 36rem){.netbar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.net-tile{padding:10px 14px;background:var(--bg-0);min-inline-size:0;transition:background-color var(--dur-feedback) var(--ease-inout)}@media(hover:hover){.net-tile:hover{background:var(--bg-2)}}.net-tile dt{color:var(--text-3);font-size:var(--fs-xs)}.net-tile dd{margin-block-start:2px;font-size:var(--fs-lg);font-weight:600;overflow-wrap:anywhere}.netbar-note{color:var(--text-3);font-size:var(--fs-xs)}.netbar[data-state=error]{border-style:dashed;border-color:var(--line-control)}.netbar[data-state=mismatch]{border-color:var(--text-2)}.info-foot{color:var(--text-3);font-size:var(--fs-xs)}.activity{overflow-x:auto;border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--bg-0)}.table{inline-size:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th{text-align:start;padding:12px 14px;color:var(--text-3);font-weight:600;font-size:var(--fs-xs);border-block-end:1px solid var(--line-1);white-space:nowrap}.table-empty{padding:28px 14px;text-align:center;color:var(--text-3)}@container panel (max-width: 33.99rem){.table thead{display:none}}.trade-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.trade-head .seg{flex:1 1 auto;max-inline-size:18rem}.settings{display:grid;gap:10px;padding:16px;border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--bg-0)}.settings-title{font-weight:650;font-size:var(--fs-sm)}.settings-note{color:var(--text-3);font-size:var(--fs-xs)}.seg-row{display:grid;grid-template-columns:repeat(3,1fr) minmax(0,1.4fr);gap:8px}.chip{min-block-size:var(--tap);padding-inline:10px;background:var(--bg-2);border:1px solid var(--line-1);border-radius:var(--r-md);color:var(--text-2);font-size:var(--fs-sm);font-weight:600;transition:background-color var(--dur-feedback) var(--ease-inout),border-color var(--dur-feedback) var(--ease-inout),color var(--dur-feedback) var(--ease-inout),transform var(--dur-feedback) var(--ease-inout)}.chip:active{transform:scale(.97)}.chip[aria-checked=true]{background:var(--primary);color:var(--ink);border-color:var(--primary)}.chip[aria-disabled=true]{color:var(--text-4);background:var(--bg-1);border-style:dashed;cursor:not-allowed}@media(hover:hover){.chip:not([aria-disabled=true]):not([aria-checked=true]):hover{background:var(--bg-3);color:var(--text-1)}}.slip-custom{display:flex;align-items:center;gap:4px;min-block-size:var(--tap);padding-inline:12px;background:var(--bg-0);border:1px solid var(--line-control);border-radius:var(--r-md);color:var(--text-3)}.slip-custom:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.slip-custom input{inline-size:100%;min-inline-size:0;block-size:calc(var(--tap) - 2px);background:transparent;border:0;outline:none;color:var(--text-1);text-align:end}.slip-custom input::placeholder{color:var(--text-4);opacity:1}.mode-panel{display:grid;gap:16px}.swap-stack{position:relative;display:grid;gap:8px}.swap-stack--flat{gap:12px}.field{display:grid;gap:10px;padding:14px 16px;background:var(--bg-0);border:1px solid var(--line-1);border-radius:var(--r-md);transition:border-color var(--dur-feedback) var(--ease-inout)}.field:has(.field-input:focus-visible){border-color:var(--text-1)}.field:has(.field-input:focus-visible) .field-input{outline:none}.field:has([aria-invalid=true]){border-color:var(--text-2);border-style:dashed}.field-top{display:flex;justify-content:space-between;gap:12px;color:var(--text-3);font-size:var(--fs-sm)}.field-label{font-weight:600;color:var(--text-2);font-size:var(--fs-sm)}.field-balance{font-size:var(--fs-xs)}.field-row{display:flex;align-items:center;gap:10px;min-inline-size:0}.field-input{flex:1 1 auto;min-inline-size:0;block-size:var(--tap);padding:0;background:transparent;border:0;color:var(--text-1);font-size:var(--fs-2xl);font-weight:550;letter-spacing:-.02em}.field-input::placeholder{color:var(--text-4);opacity:1}.field-output{display:flex;align-items:center;color:var(--text-4)}.field-msg{min-block-size:0;color:var(--text-1);font-size:var(--fs-sm)}.field-msg:empty{display:none}.token-pick{display:inline-flex;align-items:center;gap:6px;flex:none;min-block-size:var(--tap);max-inline-size:60%;padding-inline:14px 10px;background:var(--bg-3);border:1px solid var(--line-2);border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:600;transition:background-color var(--dur-feedback) var(--ease-inout),transform var(--dur-feedback) var(--ease-inout)}.token-pick-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-pick:active{transform:scale(.97)}@media(hover:hover){.token-pick:hover{background:var(--tint-2)}}.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.chips--4{grid-template-columns:repeat(4,1fr)}.swap-dir-wrap{position:relative;z-index:2;block-size:0;display:grid;justify-items:center}.swap-dir{position:absolute;inset-block-start:calc(var(--tap) / -2);display:grid;place-items:center;inline-size:var(--tap);block-size:var(--tap);background:var(--bg-2);border:4px solid var(--bg-1);border-radius:var(--r-md);color:var(--text-1);outline-offset:0;transition:background-color var(--dur-feedback) var(--ease-inout),transform var(--dur-feedback) var(--ease-inout)}.swap-dir:active{transform:scale(.94)}@media(hover:hover){.swap-dir:hover{background:var(--bg-3)}}.swap-dir .icon{transition:transform var(--dur-secondary) var(--ease-out)}.swap-dir[data-flip="1"] .icon{transform:rotate(180deg)}.quote{display:grid;padding:4px 16px;border:1px solid var(--line-1);border-radius:var(--r-md)}.status-row{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--text-3);font-size:var(--fs-sm)}.status-item{display:inline-flex;align-items:center;gap:8px}.status-item strong{color:var(--text-1);font-weight:600}.cta-block{display:grid;gap:10px}.cta[aria-disabled=true]{background:var(--bg-2);color:var(--text-3);border:1px dashed var(--line-control);cursor:not-allowed}.cta[aria-disabled=true]:active{transform:none}.cta-why{color:var(--text-3);font-size:var(--fs-sm);text-align:center}.cta-why:empty{display:none}.remove{display:grid;gap:12px;padding:16px;border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--bg-0)}.remove-top{display:flex;justify-content:space-between;align-items:baseline}.remove-val{font-size:var(--fs-2xl);font-weight:600}.range{inline-size:100%;block-size:var(--tap);margin:0;background:transparent;accent-color:var(--text-1);cursor:pointer}.dock-btn{display:grid;justify-items:center;align-content:center;gap:2px;min-block-size:var(--tap);padding:6px 4px;background:transparent;border:0;border-radius:var(--r-md);color:var(--text-3);font-size:var(--fs-xs);font-weight:600;transition:color var(--dur-feedback) var(--ease-inout),background-color var(--dur-feedback) var(--ease-inout),transform var(--dur-feedback) var(--ease-inout)}.dock-btn:active{transform:scale(.96)}.dock-btn[aria-selected=true]{color:var(--text-1);background:var(--bg-3)}.sheet{inline-size:min(100%,30rem);max-inline-size:100%;max-block-size:min(88dvh,40rem);margin:auto auto 0;padding:0;color:var(--text-1);background:var(--bg-1);border:1px solid var(--line-2);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--shadow-sheet);overflow:auto}.sheet::backdrop{background:var(--scrim)}@media(min-width:720px){.sheet{margin:auto;border-radius:var(--r-xl)}}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 4px 20px}.sheet-title{font-size:var(--fs-xl);font-weight:650;letter-spacing:-.02em}.sheet-body{display:grid;gap:14px;padding:8px 20px 24px}.sheet-actions{display:grid;gap:8px}.wallet-line{font-weight:650;font-size:var(--fs-lg)}.wallet-note{color:var(--text-2);font-size:var(--fs-sm)}.wallet-note:empty{display:none}.wallet-foot{color:var(--text-3);font-size:var(--fs-xs)}}@layer motion{@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes settle{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes drop-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes sheet-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes breathe{50%{opacity:.35}}@keyframes sweep{0%{background-position:-40rem 0}to{background-position:40rem 0}}@keyframes tick{0%{color:var(--text-1);background-color:var(--tint-2)}to{background-color:transparent}}@keyframes head-edge{to{border-block-end-color:var(--line-1);box-shadow:var(--shadow-head)}}@media(prefers-reduced-motion:no-preference){.rise{animation:rise var(--dur-primary) var(--ease-out) both;animation-delay:calc(var(--stagger) * var(--k, 0))}.rise-1{--k: 0}.rise-2{--k: 1}.rise-3{--k: 2}.rise-4{--k: 3}.rise-5{--k: 4}.stat,.net-tile,.kv,.pair-item{animation:settle var(--dur-primary) var(--ease-out) both;animation-delay:calc(var(--stagger) * (var(--k, 0) + var(--i, 0)) + .12s)}.stat:nth-child(1),.net-tile:nth-child(1),.pair-item:nth-child(1){--i: 0}.stat:nth-child(2),.net-tile:nth-child(2),.pair-item:nth-child(2){--i: 1}.stat:nth-child(3),.net-tile:nth-child(3),.pair-item:nth-child(3){--i: 2}.stat:nth-child(4),.net-tile:nth-child(4),.pair-item:nth-child(4){--i: 3}.stat:nth-child(5),.pair-item:nth-child(5){--i: 4}.stat:nth-child(n+6),.pair-item:nth-child(n+6){--i: 5}.kv{animation-duration:var(--dur-secondary);--i: 0}.num.tick{animation:tick var(--dur-primary) var(--ease-out) both;border-radius:var(--r-sm)}.tab-panel:not([hidden]),.mode-panel:not([hidden]),#liq-add:not([hidden]),#liq-remove:not([hidden]){animation:settle var(--dur-secondary) var(--ease-out) both}.settings:not([hidden]){animation:drop-in var(--dur-secondary) var(--ease-out) both}.sheet[open]{animation:sheet-in var(--dur-secondary) var(--ease-out) both}.sheet[open]::backdrop{animation:fade var(--dur-secondary) var(--ease-out) both}.ca-copy[data-copy-state=ok] .ca-action{animation:settle var(--dur-secondary) var(--ease-out) both}.chain-chip[data-status=loading_real_source] .chain-dot{animation:breathe 1.4s ease-in-out infinite}.skeleton{background-image:linear-gradient(90deg,transparent,var(--tint-2),transparent);background-size:40rem 100%;background-repeat:no-repeat;animation:sweep 1.6s linear infinite}@supports (animation-timeline: scroll()){.site-head{animation:head-edge linear both;animation-timeline:scroll(root block);animation-range:0 72px}}}.site-head.is-scrolled{border-block-end-color:var(--line-1);box-shadow:var(--shadow-head)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.seg:before{transition:none}}}