.network-traffic{--traffic-ink:#30382e;--traffic-muted:#858575;--traffic-line:#77785d33;--traffic-green:#788364;--traffic-gold:#ac9674;--traffic-blue:#708b97;--traffic-mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;color:var(--traffic-ink);padding:28px 0 24px;border-bottom:1px solid var(--traffic-line)}
.traffic-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.traffic-eyebrow{font:9px var(--traffic-mono);letter-spacing:2px;color:var(--traffic-muted);margin:0 0 10px}
.traffic-heading h1{font-size:34px;font-weight:450;letter-spacing:-1.3px;margin:0;line-height:1.1}
.traffic-heading-actions{display:flex;align-items:center;gap:25px}
.traffic-heading select{font:11px var(--traffic-mono);background:transparent;color:var(--traffic-ink);border:0;padding:10px 20px 10px 0;max-width:205px}
.traffic-mode{display:flex;border:1px solid var(--traffic-line);padding:3px;gap:2px}
.traffic-mode button{background:transparent;color:var(--traffic-muted);border:0;font:10px var(--traffic-mono);padding:9px 14px;cursor:pointer}
.traffic-mode button[aria-pressed=true]{background:var(--traffic-ink);color:var(--paper)}
.traffic-summary{display:grid;grid-template-columns:1fr 1.3fr 1fr 1.8fr;gap:24px;margin:25px 0 24px;padding:18px 0;border-top:1px solid var(--traffic-line);border-bottom:1px solid var(--traffic-line)}
.traffic-summary>div{display:flex;align-items:baseline;gap:18px}
.traffic-summary>div>span{font:10px var(--traffic-mono);color:var(--traffic-muted)}
.traffic-summary strong{font-size:23px;font-weight:400;letter-spacing:-.7px;font-variant-numeric:tabular-nums}
.traffic-summary .traffic-source{flex-direction:column;align-items:flex-end;justify-content:center;gap:7px}
.traffic-summary .traffic-source>span{font-size:9px}
.traffic-status{display:flex;align-items:center;gap:7px}
.traffic-status i{width:5px;height:5px;border-radius:50%;background:var(--traffic-gold)}
[data-mode=live] .traffic-status i{background:var(--traffic-green)}
.traffic-chart-heading{display:flex;justify-content:space-between;font:10px var(--traffic-mono);color:var(--traffic-muted)}
.traffic-chart-heading strong{color:var(--traffic-ink);font-weight:400}
.traffic-chart{height:147px;margin-top:4px}
.traffic-chart svg{width:100%;height:100%;overflow:visible}
.traffic-grid path{fill:none;stroke:var(--traffic-line);stroke-width:.6;stroke-dasharray:2 6;vector-effect:non-scaling-stroke}
.traffic-chart-context{fill:none;stroke:#77785d22;stroke-width:1;vector-effect:non-scaling-stroke}
.traffic-chart-line{fill:none;stroke:var(--traffic-ink);stroke-width:1.4;vector-effect:non-scaling-stroke}
.traffic-chart-cursor{stroke:var(--traffic-green);stroke-width:.7;stroke-dasharray:3 4;opacity:.6;vector-effect:non-scaling-stroke}
[data-chart-dot]{fill:var(--traffic-ink)}
.traffic-axis{font:8px var(--traffic-mono);fill:var(--traffic-muted)}
.traffic-chart-labels{display:flex;justify-content:space-between;margin:0 0 14px;font:8px var(--traffic-mono);color:var(--traffic-muted)}
.traffic-stage{width:100%;padding:10px 0 12px;overflow:auto;scrollbar-width:thin;scrollbar-color:#b7b49d transparent}
.traffic-stage-inner{height:320px;position:relative;min-width:630px}
.traffic-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.traffic-wire{fill:none;stroke:#898e703f;stroke-width:.85;vector-effect:non-scaling-stroke;transition:stroke .2s}
.traffic-wire.is-active{stroke:#71795c;stroke-width:1.15}
.traffic-particle{fill:var(--traffic-ink);stroke:var(--paper);stroke-width:1.3;vector-effect:non-scaling-stroke}
.particle-deposit{fill:var(--traffic-green)}.particle-trade{fill:var(--traffic-ink)}.particle-claim{fill:var(--traffic-blue)}.particle-exit{fill:var(--traffic-gold)}
.traffic-node{position:absolute;box-sizing:border-box;border:1px solid #77785d42;background:var(--paper);padding:14px 17px;transition:border-color .2s;overflow:hidden}
.traffic-node.is-active{border-color:var(--traffic-green)}
.traffic-node-title{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:500;letter-spacing:-.15px;margin-bottom:8px;line-height:1.1}
.traffic-node-title i{height:4px;width:4px;background:#8d9277}
.traffic-wallets{left:0;top:28.125%;width:17.857%;height:43.75%}
.traffic-baskets{left:33.929%;top:14.063%;width:23.214%;height:70.312%}
.traffic-liquidity,.traffic-claims,.traffic-exits{left:80.357%;width:19.643%;height:31.25%}
.traffic-liquidity{top:3.125%}.traffic-claims{top:35.937%}.traffic-exits{top:68.75%}
.traffic-node-caption{font:8px/1.5 var(--traffic-mono);color:var(--traffic-muted);display:block}
.traffic-wallets>strong{display:inline-block;font-size:25px;font-weight:400;letter-spacing:-.7px;line-height:1;margin:6px 5px 5px 0;font-variant-numeric:tabular-nums;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.traffic-node-unit{font:9px var(--traffic-mono);color:var(--traffic-muted)}
.traffic-meter{height:3px;background:#77785d13;overflow:hidden;margin:7px 0}
.traffic-meter i{display:block;height:100%;width:0;background:#929d7b;transition:width .55s cubic-bezier(.2,.7,.2,1)}
.traffic-node-foot{font:8px var(--traffic-mono);color:var(--traffic-muted)}
.traffic-node-foot b{font-weight:400;color:var(--traffic-ink)}
.traffic-basket-number{display:flex;align-items:baseline;gap:10px;margin:8px 0 19px}
.traffic-basket-number strong{font-weight:400;font-size:36px;letter-spacing:-1.5px;line-height:1}
.traffic-basket-number span{font:8px var(--traffic-mono);color:var(--traffic-muted)}
.traffic-holdings-heading{display:flex;justify-content:space-between;font:8px var(--traffic-mono);color:var(--traffic-muted);padding-bottom:9px;border-bottom:1px solid var(--traffic-line);gap:8px}
.traffic-holdings{max-height:76px;overflow:auto;scrollbar-width:thin}
.traffic-holdings>div{display:flex;justify-content:space-between;gap:12px;font:9px var(--traffic-mono);padding:6px 0;border-bottom:1px solid #77785d15}
.traffic-holdings strong{font-weight:400;font-variant-numeric:tabular-nums}
.traffic-holdings span{color:var(--traffic-muted)}
.traffic-node-reading{display:flex;align-items:baseline;gap:8px;line-height:1}
.traffic-node-reading strong{font-size:24px;line-height:1;font-weight:400;letter-spacing:-.6px;font-variant-numeric:tabular-nums}
.traffic-node-reading span{font:9px var(--traffic-mono);color:var(--traffic-muted)}
.traffic-exits .traffic-node-caption{margin-top:8px;font-size:7px}
.traffic-playback{display:flex;align-items:center;gap:16px;border-top:1px solid var(--traffic-line);border-bottom:1px solid var(--traffic-line);padding:10px 0;margin-top:4px}
.traffic-play{font:17px/1 var(--traffic-mono);background:transparent;border:0;width:25px;height:25px;padding:2px;color:var(--traffic-ink);cursor:pointer}
.traffic-playback input[type=range]{flex:1;min-width:40px;height:18px;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;margin:0;border:0;outline-offset:3px}
.traffic-playback input[type=range]::-webkit-slider-runnable-track{height:2px;background:#a8ad96;border:0}
.traffic-playback input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:9px;height:9px;border-radius:50%;border:2px solid var(--paper);outline:1px solid #777e62;background:#777e62;margin-top:-3.5px;box-shadow:none}
.traffic-playback input[type=range]::-moz-range-track{height:2px;background:#a8ad96;border:0}
.traffic-playback input[type=range]::-moz-range-thumb{width:6px;height:6px;border-radius:50%;border:2px solid var(--paper);outline:1px solid #777e62;background:#777e62;box-shadow:none}
.traffic-playback select{font:10px var(--traffic-mono);background:transparent;border:0;color:var(--traffic-ink);padding:4px;cursor:pointer}
.traffic-window-note{font:8px var(--traffic-mono);color:var(--traffic-muted);margin-left:12px}
.traffic-playback :disabled{opacity:.4;cursor:default}
.traffic-ticker{display:flex;align-items:center;gap:10px;min-height:38px;font:10px var(--traffic-mono);color:#6a705f}
.traffic-event-dot{flex-shrink:0;height:4px;width:4px;background:#818968}
.traffic-ticker button{margin-left:auto;background:transparent;border:0;font:9px var(--traffic-mono);color:var(--traffic-ink);cursor:pointer;padding:7px 0;white-space:nowrap}
.traffic-ticker button[hidden]{display:none}
.traffic-legend{display:flex;gap:25px;font:8px var(--traffic-mono);color:var(--traffic-muted);justify-content:center;padding:0 0 4px}
.traffic-legend span{display:flex;align-items:center;gap:6px}
.traffic-legend i{width:4px;height:4px;background:var(--traffic-ink);border-radius:50%}
.traffic-legend .legend-deposit{background:var(--traffic-green)}.traffic-legend .legend-trade{border-radius:0}.traffic-legend .legend-claim{background:var(--traffic-blue)}.traffic-legend .legend-exit{background:var(--traffic-gold)}
.workspace-basket-summary{display:flex;gap:30px;padding:10px 0 22px;font-size:12px;color:#7b8174}
.workspace-basket-summary strong{font-size:24px;font-weight:400;color:#30382e;margin-right:5px}
body[data-page=workspace] .notice{background:transparent;color:#898674;border:0;border-bottom:1px solid #77785d24;padding:10px 0;margin:0;font:9px/1.6 'SFMono-Regular',Consolas,monospace}
@media(min-width:1500px){.traffic-stage-inner{height:320px}.traffic-chart{height:170px}.traffic-node{padding:17px 22px}.traffic-holdings{max-height:100px}}
@media(max-width:1000px){.traffic-summary{gap:16px;grid-template-columns:1fr 1.2fr 1fr 1.7fr}.traffic-summary>div{flex-direction:column;gap:6px}.traffic-node{padding:12px}.traffic-node-caption{font-size:7px}.traffic-holdings-heading span{display:none}.traffic-node-title{font-size:12px}.traffic-wallets>strong{font-size:22px}.traffic-holdings>div{font-size:8px}.traffic-basket-number span{font-size:7px}.traffic-summary .traffic-source{align-items:flex-end}.traffic-window-note{font-size:7px}}
@media(max-width:740px){.network-traffic{padding:24px 0 18px}.traffic-heading{align-items:flex-start;flex-direction:column;gap:20px}.traffic-heading h1{font-size:30px}.traffic-heading-actions{width:100%;justify-content:space-between;gap:12px}.traffic-mode button{padding:8px 12px}.traffic-summary{grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.traffic-summary>div>span{font-size:8px}.traffic-summary strong{font-size:22px}.traffic-summary .traffic-source{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;padding-top:9px;border-top:1px solid var(--traffic-line)}.traffic-chart{height:120px}.traffic-chart-heading{font-size:8px}.traffic-stage-inner{height:320px}.traffic-stage{margin-top:8px}.traffic-window-note{display:none}.traffic-ticker{font-size:8px;gap:6px;flex-wrap:wrap;padding:8px 0}.traffic-ticker button{font-size:8px}.traffic-legend{gap:18px;font-size:7px;padding-top:8px}.traffic-heading select{font-size:10px;max-width:190px}}
@media(prefers-reduced-motion:reduce){.traffic-meter i,.traffic-node,.traffic-wire{transition:none}}