/* Generated by make-dark-css.mjs from pools.css + dark-extra.css. Do not edit by hand. */
:root[data-theme=dark]{--surface:#191915;--edge:#333332;--primary:#dadcd9;--muted:#a8a8a6;--faint:#777777;--label:#616161;--chip:#20201d;--shadow:0 4px 8px -2px rgba(0,0,0,0.072),0 8px 16px -4px rgba(0,0,0,0.072),0 8px 16px -4px rgba(0,0,0,0.096),0 0 0 1px rgba(255,255,255,0.093)}
:root[data-theme=dark],:root[data-theme=dark] body{background:var(--surface);color:var(--primary)}
:root[data-theme=dark] button{color:inherit;background:none;border:0}
:root[data-theme=dark] input{color:inherit}
:root[data-theme=dark] a{color:inherit}
:root[data-theme=dark] :focus-visible{outline:2px solid #9ea49e}
:root[data-theme=dark] .cell{background:var(--surface);border:1px solid var(--edge)}
:root[data-theme=dark] .navlink{border:1px solid transparent;color:#dddddb;filter:drop-shadow(0 2px 1.5px rgba(221,221,219,0.02))}
:root[data-theme=dark] .navlink.active{background:var(--surface);border-color:#31322d}
:root[data-theme=dark] .glass{background:rgba(65,65,63,0.4);color:#f5f5f5}
:root[data-theme=dark] .menu{background:var(--surface);box-shadow:var(--shadow)}
:root[data-theme=dark] .menu-item:hover{background:#23231f}
:root[data-theme=dark] .menu-item.checked::after{background:#7adf3e}
:root[data-theme=dark] .menu-note{color:var(--muted)}
:root[data-theme=dark] .pools-head h1{color:#f5f5f5}
:root[data-theme=dark] .head-stat span{color:var(--label)}
:root[data-theme=dark] .head-stat strong{color:#e2e2e2}
:root[data-theme=dark] .head-stat strong.tvl{color:#7adf3e}
:root[data-theme=dark] .chip{background:var(--chip);color:#aaaaa8}
:root[data-theme=dark] .chip[aria-expanded=true]{background:#2e2e2a}
:root[data-theme=dark] .segmented{background:var(--chip)}
:root[data-theme=dark] .segmented button{color:rgba(170,170,168,0.5)}
:root[data-theme=dark] .segmented button:hover{color:rgba(221,221,219,0.7)}
:root[data-theme=dark] .segmented button.active{background:#1d1e18;color:rgba(221,221,219,0.9)}
:root[data-theme=dark] .search{background:var(--surface);box-shadow:0 0 0 1px rgba(255,255,255,0.12)}
:root[data-theme=dark] .search input{border:0;background:none;color:#dddddb;outline:none}
:root[data-theme=dark] .search input::placeholder{color:#aaaaa8}
:root[data-theme=dark] .search:focus-within{box-shadow:0 0 0 1px rgba(255,255,255,0.12)}
:root[data-theme=dark] .min-tvl button{background:var(--chip);color:var(--muted)}
:root[data-theme=dark] .min-tvl button.active{background:var(--primary);color:#191915}
:root[data-theme=dark] .table-card{border:1px solid var(--edge);background:var(--surface)}
:root[data-theme=dark] .thead{background:var(--chip)}
:root[data-theme=dark] .thead button{color:#a8a8a6}
:root[data-theme=dark] .thead button:hover,:root[data-theme=dark] .thead button.sorted{color:var(--primary)}
:root[data-theme=dark] .thead button:disabled{color:#a8a8a6}
:root[data-theme=dark] .prow{background:var(--surface)}
:root[data-theme=dark] a.prow:hover{background:#1e1e1a}
:root[data-theme=dark] .token{background:#292929;color:var(--primary)}
:root[data-theme=dark] .names strong{color:#f5f5f5}
:root[data-theme=dark] .pill{border:1px solid var(--edge);color:var(--muted)}
:root[data-theme=dark] .val{color:#f5f5f5}
:root[data-theme=dark] .val.na{color:var(--label)}
:root[data-theme=dark] .cap-kind{color:var(--label)}
:root[data-theme=dark] .price-pill{background:var(--chip);color:#b7bab5}
:root[data-theme=dark] .spark-empty{color:var(--label)}
:root[data-theme=dark] .state-row{color:var(--muted)}
:root[data-theme=dark] .state-row button{background:var(--primary);color:#191915}
:root[data-theme=dark] .skeleton .bar{background:linear-gradient(90deg,#272723 0%,#1b1b18 50%,#272723 100%)}
:root[data-theme=dark] .skeleton .token{background:#272723}
:root[data-theme=dark] .more{background:var(--chip);color:#aaaaa8}
:root[data-theme=dark] .more:hover{background:#2e2e2a}
:root[data-theme=dark] .source{color:var(--label)}
:root[data-theme=dark] .nav-swap-menu{background:#191915;box-shadow:0 12px 32px -8px rgba(0,0,0,0.432),0 0 0 1px rgba(255,255,255,0.12)}
:root[data-theme=dark] .nav-swap-menu a{color:#dddddb}
:root[data-theme=dark] .nav-swap-menu a:hover{background:rgba(218,220,217,0.06)}
:root[data-theme=dark] .pill.pinned{background:rgba(176,196,80,0.22);border-color:rgba(180,215,70,0.45);color:#a6bf5f}
:root[data-theme=dark] .prow.pinned{background:linear-gradient(90deg,rgba(176,196,80,0.045),transparent 60%),var(--surface)}
:root[data-theme=dark] .chg-text{color:var(--muted,#a8a8a6)}
:root[data-theme=dark] .chg-text.up{color:#29f5d2}
:root[data-theme=dark] .chg-text.down{color:#f23546}
/* Hand-tuned dark overrides (appended after the generated rules). */
:root[data-theme=dark]{color-scheme:dark}
/* Monochrome UI icons are drawn dark-on-light: flip them. Coloured marks (dots, chain badges, token art) stay. */
:root[data-theme=dark] img[src^="/yield/assets/fp-"]:not([src*="fp-dot-"]):not([src*="fp-chain-"]):not([src$=".png"]){filter:invert(.9) hue-rotate(180deg)}
/* Selected range on the chart: a quieter wash on dark. */
:root[data-theme=dark] .range-band{background:rgba(255,255,255,.035)}
:root[data-theme=dark] .range-band.has-position{background:linear-gradient(151.79deg,rgba(99,229,57,.055) 0%,rgba(203,227,62,.045) 89.2%)}
/* Baseline under the liquidity bars: a light hairline on dark. */
:root[data-theme=dark] .dist-plot .dist-bars{box-shadow:inset 0 -1px 0 rgba(255,255,255,.1)}
/* Route's bullish / bearish colours stay exact in dark. */
:root[data-theme=dark] .change.up strong{color:#0b9981}
:root[data-theme=dark] .change.down strong{color:#f23546}
:root[data-theme=dark] .change.up{background:rgba(11,153,129,.12)}
:root[data-theme=dark] .change.down{background:rgba(242,53,70,.1)}
/* Swap card: route.fun's dark swap palette. */
:root[data-theme=dark] .swap-dialog{--sw-shell:#202619;--sw-pay:#1b2019;--sw-receive:#242b20;--sw-field-border:#414a39;--sw-receive-border:#3a4333;--sw-number:#edf0e7;--sw-muted:#a5ad9f;--sw-shortcut:#bbd7aa;--sw-shortcut-hover:#303a29;--sw-token:#1b2019;--sw-token-border:#363e31;--sw-flip-ring:#1b2019;--sw-button:#b7ce9f;--sw-button-text:#182111;--sw-button-edge:#080c06;--sw-card-shadow:0 4px 12px -4px rgba(0,0,0,.27);box-shadow:0 24px 48px -12px rgba(0,0,0,.6),0 0 0 1px #363e31}
:root[data-theme=dark] .sw-slip-btn{background:#303a29;color:var(--sw-number)}
:root[data-theme=dark] .sw-receive .sw-token .auto-dd-btn{background:#1b2019;border-color:#363e31}
:root[data-theme=dark] .sw-token .auto-dd-btn:hover{border-color:#6a856b}
:root[data-theme=dark] .sw-flip{background:#384330}
:root[data-theme=dark] .sw-flip:hover{background:#46583c}
:root[data-theme=dark] .sw-go{border-color:#b7ce9f}
:root[data-theme=dark] .sw-go svg{color:#354a26}
/* Scrims stay dark. */
:root[data-theme=dark] .pnl-modal,:root[data-theme=dark] .auto-scrim{background:rgba(0,0,0,.62)}
/* TVL sparkline (SVG attributes set in pool.mjs). */
:root[data-theme=dark] #tvl-chart path[fill="none"]{stroke:#e6e7df}
:root[data-theme=dark] #tvl-chart line,:root[data-theme=dark] #tvl-chart circle{stroke:#e6e7df;fill:#e6e7df}
:root[data-theme=dark] #tvl-chart stop{stop-color:#9fbf7e}
/* Theme switch: moon in light, sun in dark. */
.theme-toggle{display:grid;place-items:center;width:16px;height:16px}
.theme-toggle img{width:16px;height:16px;display:block}
.theme-toggle .sun{display:none}
:root[data-theme=dark] .theme-toggle .sun{display:block}
:root[data-theme=dark] .theme-toggle .moon{display:none}
/* Guide: dark card, light question mark. */
:root[data-theme=dark] .guide-btn{border-color:#e6e7df;color:#e6e7df}
:root[data-theme=dark] .guide-card{background:#1d1f1a;color:#edf0e7;box-shadow:0 24px 48px -12px rgba(0,0,0,.6),0 0 0 1px #363a31}
:root[data-theme=dark] .guide-art{background:linear-gradient(180deg,#262921,#22251e)}
:root[data-theme=dark] .guide-card h3{color:#f1f3ec}
:root[data-theme=dark] .guide-body{color:#b0b5a8}
:root[data-theme=dark] .guide-live{color:#c5e059}
:root[data-theme=dark] .guide-x{background:rgba(29,31,26,.8)}
:root[data-theme=dark] .guide-x img{filter:invert(.9) hue-rotate(180deg)}
:root[data-theme=dark] .guide-dots i{background:rgba(255,255,255,.18)}
:root[data-theme=dark] .guide-dots i.on{background:#c5e059}
:root[data-theme=dark] .guide-next{background:#e6e9df;color:#1b1d18}
:root[data-theme=dark] .guide-next:hover{background:#fff}
:root[data-theme=dark] .guide-skip{color:#a5ab9e}
:root[data-theme=dark] .guide-skip:hover{color:#f1f3ec;background:rgba(255,255,255,.07)}
:root[data-theme=dark] .guide-spot{box-shadow:0 0 0 9999px rgba(0,0,0,.6),0 0 0 2px rgba(197,224,89,.85)}
:root[data-theme=dark] .ga text{fill:#1b1d18}
:root[data-theme=dark] .ga-pool{fill:rgba(255,255,255,.06);stroke:rgba(255,255,255,.1)}
:root[data-theme=dark] .ga-coin{stroke:#22251e}
:root[data-theme=dark] .ga-c0,:root[data-theme=dark] .ga-rise.b,:root[data-theme=dark] .ga-drop.d1,:root[data-theme=dark] .ga-bar.in{fill:#c9cdc0}
:root[data-theme=dark] .ga-c1,:root[data-theme=dark] .ga-rise.q,:root[data-theme=dark] .ga-drop.d0{fill:#c5e059}
:root[data-theme=dark] .ga-fee rect{fill:#c5e059}
:root[data-theme=dark] .ga-bar{fill:rgba(255,255,255,.12)}
:root[data-theme=dark] .ga-band{fill:rgba(197,224,89,.1);stroke:rgba(197,224,89,.45)}
:root[data-theme=dark] .ga-price line{stroke:#edf0e7}
:root[data-theme=dark] .ga-price circle{fill:#edf0e7}
:root[data-theme=dark] .ga-axis{stroke:rgba(255,255,255,.18)}
:root[data-theme=dark] .ga-line{stroke:#c5e059}
:root[data-theme=dark] .ga-dot{fill:#c5e059;stroke:#1d1f1a}
:root[data-theme=dark] .ga-cdl.out rect,:root[data-theme=dark] .ga-cdl.out line{fill:#5d6157;stroke:#5d6157}
:root[data-theme=dark] .ga-chip rect{fill:#c5e059}
:root[data-theme=dark] .ga-label{fill:#c5e059!important}
:root[data-theme=dark] .ga-gbar{fill:#c9cdc0}
:root[data-theme=dark] .ga-gbar.last{fill:#c5e059}
:root[data-theme=dark] .ga-tag rect{fill:rgba(255,255,255,.07)}
:root[data-theme=dark] .ga .ga-tag text{fill:#edf0e7}
:root[data-theme=dark] .ga-claim rect{fill:#e6e9df}
:root[data-theme=dark] .ga .ga-ro{fill:#a5ab9e}
:root[data-theme=dark] .ga-ro .big{fill:#f1f3ec}
:root[data-theme=dark] .ga .ga-ro.fee-v{fill:#2fd1a7}
:root[data-theme=dark] .ga-split.q{fill:#c5e059}
:root[data-theme=dark] .ga-split.b{fill:#c9cdc0}
:root[data-theme=dark] .ga-now{stroke:rgba(255,255,255,.4)}
:root[data-theme=dark] .ga-tile rect,:root[data-theme=dark] .ga-btn circle,:root[data-theme=dark] .ga-row .bg,:root[data-theme=dark] .ga-item rect,:root[data-theme=dark] .ga-item .bg{fill:#1d1f1a;stroke:rgba(255,255,255,.1)}
:root[data-theme=dark] .ga .ga-tv,:root[data-theme=dark] .ga .ga-btn text,:root[data-theme=dark] .ga .ga-row text,:root[data-theme=dark] .ga .ga-item text{fill:#edf0e7}
:root[data-theme=dark] .ga .ga-tl,:root[data-theme=dark] .ga .ga-lg text,:root[data-theme=dark] .ga .ga-cap{fill:#a5ab9e}
:root[data-theme=dark] .ga .ga-tile.hot .ga-tv,:root[data-theme=dark] .ga-tile circle{fill:#2fd1a7}
:root[data-theme=dark] .ga-rline{stroke:#c5e059}
:root[data-theme=dark] .ga-rtag rect,:root[data-theme=dark] .ga-tog .on{fill:#c5e059}
:root[data-theme=dark] .ga-rband{fill:rgba(197,224,89,.1)}
:root[data-theme=dark] .ga-bot rect,:root[data-theme=dark] .ga-moon,:root[data-theme=dark] .ga-pm rect{fill:#edf0e7}
:root[data-theme=dark] .ga-bot line,:root[data-theme=dark] .ga-pm line{stroke:#edf0e7}
:root[data-theme=dark] .ga-tog .off{fill:#3a3e35}
:root[data-theme=dark] .ga-sbar.q,:root[data-theme=dark] .ga-lg circle.q{fill:#c5e059}
:root[data-theme=dark] .ga-sbar.b,:root[data-theme=dark] .ga-lg circle.b{fill:#c9cdc0}
:root[data-theme=dark] .ga-link{stroke:rgba(255,255,255,.25)}
:root[data-theme=dark] .ga-cursor{fill:#edf0e7;stroke:#1d1f1a}
:root[data-theme=dark] .ga-btn rect{fill:#1d1f1a;stroke:rgba(255,255,255,.12)}
:root[data-theme=dark] .ga-btn.hot>rect{stroke:#c5e059}
:root[data-theme=dark] .ga-swapi,:root[data-theme=dark] .ga-boti circle{fill:#edf0e7}
:root[data-theme=dark] .ga-boti rect,:root[data-theme=dark] .ga-boti path{stroke:#edf0e7}
:root[data-theme=dark] .ga-pulse{stroke:#c5e059}
:root[data-theme=dark] .zap-text strong{color:#edf0e7}
:root[data-theme=dark] .zap-text small{color:#a5ab9e}
:root[data-theme=dark] .yourpos.yp-enter::after{background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.12) 50%,transparent 70%)}
:root[data-theme=dark] .pcts button{color:#b7ce9f}
:root[data-theme=dark] .pcts button:hover{background:rgba(255,255,255,.07)}
/* Max / Min Bin tags with a position: dark text on the lime tag (light text was unreadable). */
:root[data-theme=dark] .has-position .band-marker span,:root[data-theme=dark] .has-position .band-marker b{background:#c5e059;color:#191915}
:root[data-theme=dark] .zap-btn{color:#edf0e7}
:root[data-theme=dark] .zap-btn[aria-pressed=true]{background:#c5e059;color:#1b1d18}
:root[data-theme=dark] .pill.pinned{background:rgba(197,224,89,.16);border-color:rgba(197,224,89,.35);color:#d6ec7c}
:root[data-theme=dark] .prow.pinned{background:linear-gradient(90deg,rgba(197,224,89,.07),transparent 60%)}