[data-vibe=flows]{--flows-bg:#070b12;--flows-panel-bg:#0b111c;--flows-line:#1b2636;--flows-ink:#c9d6e4;--flows-dim:#7d8fa5;--flows-faint:#55677c;--flows-usdc:#2775ca;--flows-cault:#e0a83c;--flows-signal:#39c0d4;--flows-risk:#ff5470;--flows-ok:#43d17c;background:repeating-linear-gradient(0deg, transparent 0 39px, #7896be0d 39px 40px), repeating-linear-gradient(90deg, transparent 0 39px, #7896be0d 39px 40px), var(--flows-bg);height:100vh;color:var(--flows-ink);font-family:var(--font-geist-sans), sans-serif;flex-direction:column;display:flex;overflow:hidden}[data-vibe=flows] .flows-header{border-bottom:1px solid var(--flows-line);flex-wrap:wrap;align-items:baseline;gap:28px;padding:14px 22px 10px;display:flex}[data-vibe=flows] .flows-wordmark{font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;font-size:18px;font-weight:700}[data-vibe=flows] .flows-wordmark-dim{color:var(--flows-dim);font-weight:400}[data-vibe=flows] .flows-stats{font-family:var(--font-geist-mono), monospace;flex-wrap:wrap;gap:20px;font-size:13px;display:flex}[data-vibe=flows] .flows-stat-label{color:var(--flows-faint);text-transform:uppercase;letter-spacing:.06em;font-size:11px}[data-vibe=flows] .flows-stats [data-up]{color:var(--flows-ok)}[data-vibe=flows] .flows-clock{color:var(--flows-faint)}[data-vibe=flows] .flows-tagline{color:var(--flows-faint);margin:0 0 0 auto;font-size:12px}@media (max-width:1250px){[data-vibe=flows] .flows-tagline{display:none}}[data-vibe=flows] .flows-main{flex-direction:column;flex:1;min-height:0;display:flex}[data-vibe=flows] .flows-map{flex:1;min-height:0;overflow:auto}[data-vibe=flows] .flows-svg{width:100%;min-width:1100px;height:100%;min-height:620px;display:block}[data-vibe=flows] .flows-edge{cursor:pointer;--tone:var(--flows-dim);outline:none}[data-vibe=flows] .flows-edge[data-tone=usdc]{--tone:var(--flows-usdc)}[data-vibe=flows] .flows-edge[data-tone=cault]{--tone:var(--flows-cault)}[data-vibe=flows] .flows-edge[data-tone=signal]{--tone:var(--flows-signal)}[data-vibe=flows] .flows-edge[data-tone=risk]{--tone:var(--flows-risk)}[data-vibe=flows] .flows-edge-hit{fill:none;stroke:#0000;stroke-width:18px;pointer-events:stroke}[data-vibe=flows] .flows-edge-line{fill:none;stroke:var(--tone);stroke-opacity:.32;stroke-width:1.5px;pointer-events:none;transition:stroke-opacity .25s,stroke-width .25s}[data-vibe=flows] .flows-edge-flow{fill:none;stroke:var(--tone);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:8 14;opacity:0;pointer-events:none}[data-vibe=flows] .flows-arrowhead{fill:var(--flows-dim);opacity:.55}[data-vibe=flows] .flows-arrowhead.tone-usdc{fill:var(--flows-usdc)}[data-vibe=flows] .flows-arrowhead.tone-cault{fill:var(--flows-cault)}[data-vibe=flows] .flows-arrowhead.tone-signal{fill:var(--flows-signal)}[data-vibe=flows] .flows-arrowhead.tone-risk{fill:var(--flows-risk)}[data-vibe=flows] .flows-edge-label{font-family:var(--font-geist-mono), monospace;fill:var(--flows-faint);text-anchor:middle;paint-order:stroke;stroke:var(--flows-bg);stroke-width:4px;pointer-events:none;font-size:10.5px;transition:fill .25s}[data-vibe=flows] .flows-edge:hover .flows-edge-line,[data-vibe=flows] .flows-edge:focus-visible .flows-edge-line,[data-vibe=flows] .flows-edge[data-hot] .flows-edge-line,[data-vibe=flows] .flows-edge[data-selected] .flows-edge-line{stroke-opacity:.95;stroke-width:2.5px}[data-vibe=flows] .flows-edge:hover .flows-edge-label,[data-vibe=flows] .flows-edge[data-hot] .flows-edge-label,[data-vibe=flows] .flows-edge[data-selected] .flows-edge-label{fill:var(--flows-ink)}[data-vibe=flows] .flows-edge[data-pulse] .flows-edge-flow{animation:2s linear flows-dash;animation-delay:calc(var(--hop,0) * .22s);filter:drop-shadow(0 0 5px var(--tone))}[data-vibe=flows] .flows-edge[data-pulse] .flows-edge-line{stroke-opacity:.85}@keyframes flows-dash{0%{opacity:0;stroke-dashoffset:0}12%{opacity:1}80%{opacity:1}to{opacity:0;stroke-dashoffset:-176px}}[data-vibe=flows] .flows-node{cursor:pointer;--accent:var(--flows-dim);outline:none}[data-vibe=flows] .flows-node[data-kind=reserve]{--accent:var(--flows-usdc)}[data-vibe=flows] .flows-node[data-kind=token]{--accent:var(--flows-cault)}[data-vibe=flows] .flows-node[data-kind=gate]{--accent:var(--flows-signal)}[data-vibe=flows] .flows-node[data-kind=sink]{--accent:#a78bfa}[data-vibe=flows] .flows-node-box{fill:var(--flows-panel-bg);fill-opacity:.92;stroke:var(--accent);stroke-opacity:.45;stroke-width:1.2px;transition:stroke-opacity .25s,stroke-width .25s,filter .3s}[data-vibe=flows] .flows-node:hover .flows-node-box,[data-vibe=flows] .flows-node:focus-visible .flows-node-box,[data-vibe=flows] .flows-node[data-selected] .flows-node-box{stroke-opacity:1;stroke-width:1.8px}[data-vibe=flows] .flows-node[data-flash] .flows-node-box{stroke-opacity:1;stroke-width:2.2px;filter:drop-shadow(0 0 9px var(--accent))}[data-vibe=flows] .flows-node-label{fill:var(--flows-ink);pointer-events:none;font-size:14.5px;font-weight:600}[data-vibe=flows] .flows-node-sub{font-family:var(--font-geist-mono), monospace;fill:var(--flows-faint);pointer-events:none;font-size:10.5px}[data-vibe=flows] .flows-node-row{font-family:var(--font-geist-mono), monospace;fill:var(--flows-ink);pointer-events:none;font-size:11.5px}[data-vibe=flows] .flows-node-row-label{fill:var(--flows-faint)}[data-vibe=flows] .flows-node-row[data-tone=ok]{fill:var(--flows-ok)}[data-vibe=flows] .flows-node-row[data-tone=warn]{fill:var(--flows-risk)}[data-vibe=flows] .flows-ticker{border-top:1px solid var(--flows-line);scrollbar-width:thin;align-items:center;gap:8px;padding:8px 22px 12px;display:flex;overflow-x:auto}[data-vibe=flows] .flows-chip{border:1px solid var(--flows-line);background:var(--flows-panel-bg);color:var(--flows-ink);font-family:var(--font-geist-mono), monospace;cursor:pointer;--tone:var(--flows-dim);border-radius:999px;flex:none;align-items:baseline;gap:8px;padding:5px 10px;font-size:11.5px;transition:border-color .2s;display:inline-flex}[data-vibe=flows] .flows-chip[data-tone=usdc]{--tone:var(--flows-usdc)}[data-vibe=flows] .flows-chip[data-tone=cault]{--tone:var(--flows-cault)}[data-vibe=flows] .flows-chip[data-tone=signal]{--tone:var(--flows-signal)}[data-vibe=flows] .flows-chip[data-tone=risk]{--tone:var(--flows-risk)}[data-vibe=flows] .flows-chip:hover,[data-vibe=flows] .flows-chip:focus-visible{border-color:var(--tone)}[data-vibe=flows] .flows-chip-tag{color:var(--tone);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}[data-vibe=flows] .flows-chip-when{color:var(--flows-faint);font-size:10px}[data-vibe=flows] .flows-panel{background:var(--flows-panel-bg);border-left:1px solid var(--flows-line);z-index:20;width:min(380px,92vw);padding:22px 24px;transition:transform .28s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(105%);box-shadow:-18px 0 40px #00000073}[data-vibe=flows] .flows-panel[data-open]{transform:translate(0)}[data-vibe=flows] .flows-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}[data-vibe=flows] .flows-panel-head h2{margin:0;font-size:18px;line-height:1.25}[data-vibe=flows] .flows-panel-close{border:1px solid var(--flows-line);color:var(--flows-dim);cursor:pointer;background:0 0;border-radius:6px;width:30px;height:30px;font-size:18px;line-height:1}[data-vibe=flows] .flows-panel-close:hover{color:var(--flows-ink);border-color:var(--flows-dim)}[data-vibe=flows] .flows-panel-live{border:1px solid var(--flows-line);border-radius:8px;gap:6px;margin:0 0 16px;padding:12px 14px;display:grid}[data-vibe=flows] .flows-panel-live div{font-family:var(--font-geist-mono), monospace;justify-content:space-between;font-size:12.5px;display:flex}[data-vibe=flows] .flows-panel-live dt{color:var(--flows-faint);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px}[data-vibe=flows] .flows-panel-live dd{margin:0}[data-vibe=flows] .flows-panel-live div[data-tone=ok] dd{color:var(--flows-ok)}[data-vibe=flows] .flows-panel-live div[data-tone=warn] dd{color:var(--flows-risk)}[data-vibe=flows] .flows-panel-rules{gap:10px;margin:0;padding:0 0 0 18px;font-size:13.5px;line-height:1.5;display:grid}[data-vibe=flows] .flows-panel-rules li::marker{color:var(--flows-usdc)}[data-vibe=flows] .flows-panel-why{border-left:2px solid var(--flows-cault);color:var(--flows-dim);background:#e0a83c0f;margin:16px 0 0;padding:12px 14px;font-size:12.5px;font-style:italic;line-height:1.55}@media (max-width:900px){[data-vibe=flows] .flows-header{gap:14px}[data-vibe=flows] .flows-stats{gap:12px;font-size:12px}}
