:root{--bg:#0b0d12;--bg-elev:#12161f;--bg-hover:#1a2030;--line:#242b3a;--text:#e8edf5;--muted:#8b95a8;--accent:#f59e0b;--accent-2:#38bdf8;--good:#34d399;--bad:#f87171;--sans:"IBM Plex Sans", "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{font:15px/1.45 var(--sans);background:radial-gradient(1200px 500px at 10% -10%, #f59e0b14, transparent 50%), radial-gradient(900px 400px at 100% 0%, #38bdf812, transparent 45%), var(--bg);color:var(--text)}button,input,select{font:inherit;color:inherit}h1,h2,p{margin:0}h1{letter-spacing:-.03em;font-size:1.45rem;font-weight:600}h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.82rem;font-weight:600}code,.mono{font-family:var(--mono);font-size:.82rem}.muted{color:var(--muted)}.muted-strong{color:#c5cddb}.small{font-size:.78rem}.tone-good{color:var(--good)}.tone-bad{color:var(--bad)}.shell{max-width:none;min-height:100%;margin:0;padding:10px 12px 16px}.ops-shell{flex-direction:column;height:100%;padding-bottom:10px;display:flex;overflow:hidden}.ops-shell>main{flex-direction:column;flex:1;min-height:0;display:flex}.topbar{border:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#12161feb;border-radius:10px;flex-shrink:0;align-items:center;gap:20px;padding:8px 12px;display:flex;position:sticky;top:8px}.ops-shell .topbar{position:static}.brand{align-items:center;gap:10px;min-width:160px;display:flex}.brand strong{line-height:1.1;display:block}.mark{background:conic-gradient(from 210deg, var(--accent), #fb7185, var(--accent-2), var(--accent));border-radius:8px;width:28px;height:28px;box-shadow:0 0 18px #f59e0b59}.nav{flex:1;gap:4px;display:flex}.nav-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 12px}.nav-btn:hover,.nav-btn.active{color:var(--text);background:var(--bg-hover)}.nav-btn.active{box-shadow:inset 0 -2px 0 var(--accent)}.status{align-items:center;gap:8px;display:flex}.dot{background:var(--bad);border-radius:50%;width:8px;height:8px}.dot.live{background:var(--good);box-shadow:0 0 10px var(--good)}.page{gap:16px;margin-top:22px;display:grid}.page-head{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.stat-grid,.card-grid{gap:12px;display:grid}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat,.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:14px;padding:16px}.stat{gap:6px;display:grid}.stat strong{letter-spacing:-.03em;font-size:1.25rem}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.breakdown{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.breakdown li{border-bottom:1px solid var(--line);justify-content:space-between;padding:8px 0;display:flex}.breakdown li:last-child{border-bottom:0}.banner{border:1px solid var(--line);border-radius:10px;padding:10px 12px}.banner.error{color:#fecaca;background:#f871711a;border-color:#f8717159}.toolbar{grid-template-columns:1fr 160px 140px;gap:10px;display:grid}.input{border:1px solid var(--line);background:#0d1118;border-radius:10px;outline:none;padding:9px 11px}.input:focus{border-color:#f59e0bb3}.table-wrap{border:1px solid var(--line);background:var(--bg-elev);border-radius:14px;overflow:auto}.state-table table{min-width:1280px}tr.row-flash td{background:#38bdf81a}table{border-collapse:collapse;width:100%;min-width:820px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 12px}th{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);background:#10151e;font-size:.72rem;font-weight:600;position:sticky;top:0}tr:last-child td{border-bottom:0}tr:hover td{background:#ffffff04}.depth{gap:2px;min-width:200px;display:grid}.depth-main{color:var(--text);font-size:.84rem}.depth-sub{color:var(--muted);font-size:.75rem}.pill{text-transform:uppercase;letter-spacing:.04em;background:#1c2433;border-radius:999px;align-items:center;padding:2px 8px;font-size:.75rem;display:inline-flex}.tier-hot{color:#fbbf24;background:#f59e0b2e}.tier-warm{color:#7dd3fc;background:#38bdf824}.tier-cold{color:var(--muted);background:#1c2433}.full-addr{font-family:var(--mono);margin-left:8px;font-size:.75rem;display:none}.quote-form{grid-template-columns:repeat(4,1fr) auto;align-items:end;gap:12px;display:grid}.quote-form label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;gap:6px;font-size:.75rem;display:grid}.btn{background:var(--accent);color:#1a1205;cursor:pointer;border:0;border-radius:10px;height:42px;padding:10px 16px;font-weight:650}.btn:disabled{opacity:.55;cursor:not-allowed}.quote-summary{align-items:center;gap:18px;margin-bottom:12px;display:flex}.quote-summary strong{font-size:1.2rem;display:block}.split-compare{border:1px solid var(--line);border-radius:10px;gap:8px;margin:0 0 14px;padding:10px 12px;display:grid}.split-compare-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.split-legs{margin-top:4px}.arrow{color:var(--muted);font-size:1.4rem}.paths{gap:10px;margin:8px 0 0;padding:0;list-style:none;display:grid}.hops{gap:8px;display:grid}.hop{border:1px solid var(--line);background:#0d1118;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.quote-path{border:1px solid var(--line);cursor:pointer;background:#0b0f16;border-radius:12px;gap:8px;padding:10px;display:grid}.quote-path:hover{border-color:#3a455c}.quote-path.is-selected{background:#102018;border-color:#4ade80;box-shadow:inset 3px 0 #4ade80}.quote-path.is-best:not(.is-selected){border-color:#4338ca}.quote-path-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.graph-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:12px;display:grid}.ops{flex-direction:column;flex:1;gap:8px;min-height:0;margin-top:8px;display:flex}.tone-warn{color:#fbbf24}.ops-hud{flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:6px;display:grid}.hud-cell{background:var(--bg-elev);border:1px solid var(--line);border-radius:8px;gap:2px;min-width:0;padding:7px 9px;display:grid}.hud-cell strong{font-family:var(--mono);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;overflow:hidden}.ops-net{flex-shrink:0;gap:6px;display:grid}.net-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:6px;display:grid}.net-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:8px;gap:2px;min-width:0;padding:8px 10px;display:grid}.net-card header{align-items:baseline;gap:8px;display:flex}.net-card header strong{text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.net-metrics{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ops-board{flex:1;grid-template-rows:minmax(0,1fr) 220px;grid-template-columns:210px minmax(0,1fr) 490px;gap:8px;min-height:0;display:grid}.ops-tokens{z-index:2;flex-direction:column;grid-area:1/1/span 2;min-height:0;padding:0;display:flex;position:relative}.ops-graph{isolation:isolate;z-index:0;background:linear-gradient(#38bdf808 1px, transparent 1px), linear-gradient(90deg, #38bdf808 1px, transparent 1px), var(--bg-elev);background-size:28px 28px,28px 28px,auto;flex-direction:column;grid-area:1/2;min-height:0;padding:0;display:flex;overflow:hidden}.ops-side{z-index:2;flex-direction:column;grid-area:1/3/span 2;min-width:0;min-height:0;padding:0;display:flex;position:relative}.ops-side-pane{flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex;overflow:hidden}.ops-side-pane+.ops-side-pane{border-top:1px solid var(--line)}.ops-side-pane.is-arb{flex:.9 1 0}.demo-shell{flex-direction:column;height:100%;padding-bottom:10px;display:flex;overflow:hidden}.demo-shell>.topbar{position:static}.demo-main{background:var(--bg-elev);border:1px solid var(--line);border-radius:10px;flex:1;min-height:0;margin-top:8px;padding:16px 18px 24px;overflow:auto}.size-search{flex-direction:column;gap:8px;display:flex}.size-search-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.size-search-btn{border:1px solid var(--line);background:var(--bg-hover);height:28px;color:var(--text);cursor:pointer;border-radius:8px;padding:3px 10px;font-size:.75rem;font-weight:600}.size-search-btn:disabled{opacity:.45;cursor:not-allowed}.size-search-btn.is-play{background:var(--accent);color:#1a1205;border-color:#0000}.size-search-range{width:100%;accent-color:var(--accent);height:18px}.size-search-chart{width:100%;height:148px;display:block}.size-search.is-page{gap:12px;max-width:920px}.size-search.is-page .size-search-chart{height:320px}.size-search.is-page .ss-curve{stroke-width:2.4px}.size-search.is-page .ss-plot{fill:#0e1218}.size-search-chart .ss-axis{fill:var(--muted);font-size:11px}.size-search-chart .ss-plot{fill:var(--bg)}.size-search-chart .ss-window{fill:#38bdf81f}.size-search-chart .ss-discard{fill:#f8717138}.size-search-chart .ss-curve{fill:none;stroke:var(--accent);stroke-width:1.8px}.size-search-chart .ss-guide{stroke:var(--muted);stroke-dasharray:3 3;stroke-width:1px}.size-search-chart .ss-probe{stroke:var(--accent-2);stroke-width:1.2px}.size-search-chart .ss-mid1{fill:var(--accent-2)}.size-search-chart .ss-mid2{fill:#7dd3fc}.size-search-chart .ss-best{fill:var(--good)}.size-search-chart .ss-tick{fill:var(--muted);font-size:9px;font-family:var(--mono)}.size-search-title{font-size:.84rem;font-weight:600}.size-search.is-page .size-search-kv{grid-template-columns:1fr 1fr 1fr 1fr}.size-search.is-page .size-search-title{font-size:1.05rem}.size-search-kv{grid-template-columns:1fr 1fr;gap:4px 12px;margin:0;display:grid}.size-search-kv div{justify-content:space-between;gap:8px;font-size:.78rem;display:flex}.size-search-kv dt{color:var(--muted)}.size-search-kv dd{font-family:var(--mono);margin:0}.size-search-hops{font-size:.78rem;font-family:var(--mono);margin:0}.ops-pools{z-index:2;flex-direction:column;grid-area:2/2;min-height:0;padding:0;display:flex;position:relative}.ops-panel-h{border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;font-size:.72rem;display:flex}.ops-graph .ops-panel-h{z-index:1;flex-wrap:wrap;position:relative}.ops-side-body{flex:1;min-width:0;min-height:0;padding:10px 12px 14px;overflow:hidden auto}.ops-side-body>h2:first-child{display:none}.arb-profit{color:var(--good);font-family:var(--mono);font-size:.85rem}.ops-scroll{flex:1;min-height:0;overflow:auto}.ops-empty{padding:16px}.ops-search{border-radius:6px;width:180px;padding:5px 8px;font-size:.78rem}.ops-table{min-width:640px}.ops-table th,.ops-table td{padding:6px 8px;font-size:.78rem}.ops-table tr{cursor:pointer}.ops-table tr.is-active td{background:#34d39914}.ops-token-list{gap:6px;margin:0;padding:8px;list-style:none;display:grid}.ops-token{border:1px solid var(--line);width:100%;color:inherit;text-align:left;cursor:pointer;background:#0d1118;border-radius:8px;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.ops-token span{min-width:0;display:grid}.ops-token em{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.68rem;font-style:normal}.ops-token.is-in{border-color:#f59e0b}.ops-token.is-out{border-color:#38bdf8}.ops-board:fullscreen{background:var(--bg);box-sizing:border-box;width:100%;height:100%;padding:12px}.ops-graph .graph-svg{width:100%;height:100%;max-height:none;position:absolute;inset:0}.graph-svg-wrap{flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.ops-graph .graph-legend{z-index:1;flex-shrink:0;margin-top:0;padding:4px 10px 8px;position:relative}.graph-zoom{text-transform:none;letter-spacing:0;flex-wrap:wrap;align-items:center;gap:4px;display:flex}.graph-zoom .nav-btn{height:26px;padding:0 8px;font-size:.72rem}.graph-pan-bg{cursor:grab}.graph-svg.is-panning,.graph-svg.is-panning .graph-pan-bg{cursor:grabbing}.graph-hull>rect{fill:#94a3b80d;stroke:#94a3b847;stroke-width:1.2px;pointer-events:all}.graph-hull-uniswap>rect{fill:#f59e0b12;stroke:#f59e0b61}.graph-hull-aerodrome>rect{fill:#2dd4bf12;stroke:#2dd4bf6b}.graph-hull-pancakeswap>rect{fill:#e879f912;stroke:#e879f96b}.graph-hull-sushiswap>rect{fill:#f8717112;stroke:#f871716b}.graph-hull-curve>rect{fill:#60a5fa12;stroke:#60a5fa6b}.graph-hull-balancer>rect{fill:#a78bfa12;stroke:#a78bfa6b}.graph-hull-algebra>rect{fill:#34d39912;stroke:#34d3996b}.graph-hull-hydrex>rect{fill:#fb923c14;stroke:#fb923c73}.graph-hull-woofi>rect{fill:#7dd3fc14;stroke:#7dd3fc73}.graph-hull-label{fill:var(--muted);letter-spacing:.14em;pointer-events:none;font-size:10px;font-weight:700}.graph-hull-hit{cursor:pointer}.graph-hull-hit rect{fill:#ffffff0a;stroke:#ffffff14;pointer-events:all}.graph-hull-hit:hover rect{fill:#ffffff1a;stroke:#ffffff2e}.graph-portal{cursor:pointer}.graph-portal rect{fill:#12161f;stroke:#94a3b88c;stroke-width:1.2px}.graph-portal.is-out rect{stroke:#86efac;fill:#102016}.graph-portal.is-in rect{stroke:#38bdf8;fill:#0e1822}.graph-portal.is-in.is-out rect{stroke:#86efac}.graph-portal:hover rect{fill:#1a2030}.graph-svg text.graph-portal-label{fill:#cbd5e1;letter-spacing:.08em;font-size:9px;font-weight:700}.swatch.portal{background:#12161f;border:1px solid #94a3b8b3;border-radius:3px;width:14px;height:10px}.ops-graph .graph-full-btn{height:28px;padding:3px 8px;font-size:.72rem}.graph-canvas{position:relative}.graph-full-btn{height:34px;margin-left:auto;padding:6px 12px;font-size:.8rem}.graph-svg{touch-action:none;width:100%;height:100%;display:block;overflow:hidden}.graph-svg text{fill:var(--text);pointer-events:none;font-size:12px;font-weight:600}.graph-svg text.node-symbol{letter-spacing:.02em;font-size:10px;font-weight:700}.graph-svg text.node-tag{letter-spacing:.08em;font-size:9px}.graph-svg text.node-tag.in{fill:#f59e0b}.graph-svg text.node-tag.out{fill:#38bdf8}.graph-node{cursor:grab;touch-action:none}.graph-node:active{cursor:grabbing}.graph-node foreignObject,.graph-node-icon,.graph-node .token-icon,.graph-node .token-fallback{pointer-events:none}.graph-node-icon{place-items:center;width:24px;height:24px;display:grid}.token-icon{object-fit:cover;background:#1a2030;border-radius:50%;flex-shrink:0;display:block}.token-fallback{color:var(--text);background:#1e2636;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;line-height:1;display:grid}.token-cell{align-items:center;gap:8px;min-width:0;display:inline-flex}.pair-cell .token-stack{align-items:center;display:inline-flex}.pair-cell .token-stack .token-icon,.pair-cell .token-stack .token-fallback{border:1.5px solid var(--bg,#0b0f16);margin-left:-6px}.pair-cell .token-stack>:first-child{z-index:1;margin-left:0}.token-select{align-items:center;gap:8px;display:flex}.token-select .input{flex:1}.graph-edge{cursor:pointer}.graph-legend{flex-wrap:wrap;align-items:center;gap:14px;margin-top:10px;display:flex}.graph-side{overflow:auto}.swatch{vertical-align:middle;border-radius:2px;width:18px;height:3px;margin-right:6px;display:inline-block}.swatch.v2{background:#f59e0b}.swatch.v3{background:#38bdf8}.swatch.route{background:#86efac;height:5px;box-shadow:0 0 6px #4ade80}.swatch.alt{opacity:1;background:repeating-linear-gradient(90deg,#818cf8 0 6px,#0000 6px 11px)}.swatch.handoff{background:repeating-linear-gradient(90deg,#86efac 0 8px,#0000 8px 14px);height:5px;box-shadow:0 0 6px #4ade80}.graph-handoff{pointer-events:none}.graph-svg text.graph-handoff-label{fill:#bbf7d0;letter-spacing:.06em;font-size:10px;font-weight:700}.swatch.hull-uni{background:#f59e0b40;border:1px solid #f59e0b99;border-radius:3px;width:14px;height:10px}.swatch.hull-aero{background:#2dd4bf40;border:1px solid #2dd4bf99;border-radius:3px;width:14px;height:10px}.swatch.hull-pancake{background:#e879f940;border:1px solid #e879f999;border-radius:3px;width:14px;height:10px}.swatch.hull-sushi{background:#f8717140;border:1px solid #f8717199;border-radius:3px;width:14px;height:10px}.route-head{flex-direction:column;gap:10px;margin-top:8px;display:flex}.route-pair{align-items:center;gap:8px;display:flex}.route-actions{gap:8px;display:flex}.route-amount{color:var(--muted);gap:6px;margin-top:12px;font-size:.78rem;display:grid}.route-amount-field{display:block;position:relative}.route-amount-field .input{width:100%;padding-right:32px}.quote-spinner{border:2px solid var(--line);border-top-color:var(--accent);opacity:0;pointer-events:none;border-radius:50%;width:12px;height:12px;margin-top:-6px;position:absolute;top:50%;right:10px}.quote-spinner.is-on{opacity:1;animation:.7s linear infinite quote-spin}@keyframes quote-spin{to{transform:rotate(360deg)}}.route-total{gap:4px;margin-top:12px;display:grid}.hop-line{gap:2px;display:grid}.route-count{margin-top:12px}.path-card{box-sizing:border-box;text-align:left;cursor:pointer;border:1px solid var(--line);width:100%;min-width:0;max-width:100%;color:inherit;font:inherit;overflow-wrap:anywhere;word-break:break-word;background:#0d1118;border-radius:10px;padding:10px}.path-card:hover{border-color:#3a455c}.path-card.is-selected{background:#102018;border-color:#4ade80;box-shadow:inset 3px 0 #4ade80}.path-card.is-best:not(.is-selected){border-color:#4338ca}.path-card-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.path-card-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.path-exec-btn{margin-left:0;padding:4px 10px;font-size:12px}.path-exec-ok,.path-exec-err{overflow-wrap:anywhere;word-break:break-word;max-width:100%;margin-top:6px;font-size:12px;display:block}.path-exec-pnl{overflow-wrap:anywhere;word-break:break-word;background:#ffffff08;border-radius:8px;gap:2px;min-width:0;max-width:100%;margin-top:8px;padding:8px 10px;font-size:12px;line-height:1.35;display:grid}.path-exec-pnl.tone-good{background:#34d39914;border:1px solid #34d39959}.path-exec-pnl.tone-bad{background:#f8717114;border:1px solid #f8717159}.path-exec-pnl-line{display:block}.explorer-link{color:var(--accent-2);text-underline-offset:2px;text-decoration:underline}.explorer-link code{color:inherit;font-size:inherit}.explorer-link:hover{opacity:.85}.tone-good .explorer-link,.path-exec-err .explorer-link{color:inherit}.pill.best{color:#34d399;background:#34d3992e}.pill.fail{color:var(--bad);background:#f871712e}.edge-list{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.edge-card{gap:4px;display:grid}@media (width<=900px){.topbar{flex-wrap:wrap;position:static}.nav{order:3;width:100%;overflow:auto}.toolbar,.quote-form,.graph-layout{grid-template-columns:1fr}.ops-shell{height:auto;overflow:auto}.ops-board{grid-template-rows:none;grid-template-columns:1fr;height:auto}.ops-tokens,.ops-graph,.ops-side,.ops-pools{grid-area:auto;min-height:280px}.full-addr{display:inline}}