:root{--bg-0: #020305;--bg-1: #070b11;--bg-2: #0c121a;--bg-3: #131c26;--bg-inset: #04070b;--lime: #c8f03c;--lime-bright: #e2ff6a;--cyan: #19d4f0;--cyan-bright: #6fecff;--magenta: #f23ca6;--magenta-bright: #ff6cc4;--text: #e9f3f1;--text-dim: #8b9ca2;--text-faint: #51636c;--line: #1b2733;--line-strong: #2a3a48;--good: var(--lime);--warn: #f2b33c;--danger: #ff5c6c;--muted: #586a72;--glow-lime: 0 0 0 1px rgba(200, 240, 60, .35), 0 0 18px -2px rgba(200, 240, 60, .45);--glow-cyan: 0 0 0 1px rgba(25, 212, 240, .35), 0 0 18px -2px rgba(25, 212, 240, .45);--glow-magenta: 0 0 0 1px rgba(242, 60, 166, .35), 0 0 18px -2px rgba(242, 60, 166, .45);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--radius: 6px;--radius-sm: 4px;--font-display: "Chakra Petch", "Rajdhani", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-mono);font-size:14px;line-height:1.5;color:var(--text);background-color:var(--bg-1);overflow-x:hidden;background-image:radial-gradient(60rem 40rem at 12% -10%,rgba(200,240,60,.06),transparent 60%),radial-gradient(60rem 40rem at 92% -6%,rgba(25,212,240,.07),transparent 60%),radial-gradient(40rem 40rem at 80% 112%,rgba(242,60,166,.05),transparent 60%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(120,200,210,.05) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 75%);mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 75%)}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:600}a{color:var(--cyan)}.appShell{position:relative;z-index:1;max-width:1140px;margin:0 auto;padding:var(--sp-6) var(--sp-5) var(--sp-7);overflow-x:hidden}@media(max-width:720px){.appShell{padding:var(--sp-3) var(--sp-3) var(--sp-6)}}@media(max-width:430px){.appShell{padding:var(--sp-3) var(--sp-2) var(--sp-6)}.topBar{column-gap:var(--sp-1)}}.topBar{display:flex;align-items:center;gap:var(--sp-4);padding-bottom:var(--sp-5);border-bottom:1px solid var(--line);flex-wrap:wrap}.connectLabel--short{display:none}@media(max-width:720px){.connectLabel--full{display:none}.connectLabel--short{display:inline}.topBar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1);row-gap:var(--sp-2)}.brandMark{order:1;flex:0 0 auto;width:32px;height:32px}.topBar__identity{order:2;flex:1 1 0;min-width:0;overflow:hidden}.topBar__identity h1{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.05em}.topBar__actions{order:3;flex:0 0 auto}.topBar__actions .btn{padding:var(--sp-1) var(--sp-2);font-size:10px;font-weight:700;min-height:30px;letter-spacing:.06em}.topBar__ratio{order:4;flex:0 0 100%;flex-direction:row;gap:var(--sp-2);align-items:center;padding:var(--sp-1) var(--sp-3);justify-content:flex-start}.ratioLabel{font-size:9px}.ratioValue{font-size:15px}}.brandMark{width:52px;height:52px;filter:drop-shadow(0 0 10px rgba(200,240,60,.35))}.topBar h1{font-size:clamp(20px,3vw,28px);letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.topBar p{margin:4px 0 0;font-size:clamp(18px,3vw,26px);font-weight:600;letter-spacing:.14em;color:var(--lime);text-shadow:0 0 16px rgba(200,240,60,.35)}.topBar__identity{display:flex;flex-direction:column;gap:var(--sp-1);flex:1}.topBar__ratio{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--sp-2) var(--sp-4);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-inset)}.ratioLabel{font-family:var(--font-display);font-size:10px;letter-spacing:.12em;color:var(--text-faint);text-transform:uppercase}.ratioValue{font-family:var(--font-mono);font-size:clamp(18px,3vw,26px);font-weight:600;letter-spacing:.14em;color:var(--lime);text-shadow:0 0 16px rgba(200,240,60,.35);font-variant-numeric:tabular-nums}.topBar__actions{display:flex;align-items:center;gap:var(--sp-3)}.networkPill{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border-radius:var(--radius-sm);border:1px solid var(--line-strong);font-family:var(--font-display);font-size:10px;letter-spacing:.1em;color:var(--text-dim);background:var(--bg-inset);text-transform:uppercase;width:fit-content}.networkPill--wrong{border-color:var(--warn);color:var(--warn)}.networkDot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 6px var(--lime);flex-shrink:0}.networkPill--wrong .networkDot{background:var(--warn);box-shadow:0 0 6px var(--warn)}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;transition:box-shadow .12s ease,background .12s ease,border-color .12s ease;outline:none;white-space:nowrap;min-height:36px}.btn--primary{background:var(--lime);color:var(--bg-0)}.btn--primary:hover{background:var(--lime-bright);box-shadow:var(--glow-lime)}.btn--secondary{background:transparent;color:var(--text);border:1px solid var(--line-strong)}.btn--secondary:hover{border-color:var(--lime);color:var(--lime)}.btn--address{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-transform:none}.addressDot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 6px var(--lime);flex-shrink:0}.addressChip{font-variant-numeric:tabular-nums}.dashGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp-5);margin-top:var(--sp-5)}.moduleCard--wide{grid-column:1 / -1}@media(max-width:900px){.dashGrid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.dashGrid{grid-template-columns:1fr}}.moduleCard{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease;box-shadow:inset 0 1px #ffffff0a;position:relative}.moduleCard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:var(--radius) 0 0 var(--radius)}.moduleCard--lime:before{background:var(--lime);box-shadow:0 0 12px #c8f03c99}.moduleCard--lime:hover{border-color:#c8f03c66;box-shadow:var(--glow-lime),inset 0 1px #ffffff0d;background:var(--bg-3)}.moduleCard--cyan:before{background:var(--cyan);box-shadow:0 0 12px #19d4f099}.moduleCard--cyan:hover{border-color:#19d4f066;box-shadow:var(--glow-cyan),inset 0 1px #ffffff0d;background:var(--bg-3)}.moduleCard--magenta:before{background:var(--magenta);box-shadow:0 0 12px #f23ca699}.moduleCard--magenta:hover{border-color:#f23ca666;box-shadow:var(--glow-magenta),inset 0 1px #ffffff0d;background:var(--bg-3)}.moduleCard__header{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4) var(--sp-3) calc(var(--sp-4) + 3px);border-bottom:1px solid var(--line)}.moduleTitle{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text);flex:1}.moduleSubtitle{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);letter-spacing:.02em}.moduleCard__body{padding:var(--sp-4) calc(var(--sp-4) + 3px)}.statusPill{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.statusPill:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.statusPill--active{color:var(--lime);background:#c8f03c1a;border:1px solid rgba(200,240,60,.25)}.statusPill--active:before{background:var(--lime);box-shadow:0 0 4px var(--lime)}.statusPill--idle{color:var(--muted);background:transparent;border:1px solid var(--line-strong)}.statusPill--idle:before{background:var(--muted)}.metricsGrid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.metricRow{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--bg-inset)}.metricLabel{font-family:var(--font-display);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);flex-shrink:0}.metricValue{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metricRow--lime .metricValue{color:var(--lime)}.metricRow--cyan .metricValue{color:var(--cyan)}.metricRow--magenta .metricValue{color:var(--magenta)}@media(max-width:480px){.metricsGrid{grid-template-columns:1fr}}.panelActions{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-4);align-items:center}.btn:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.txError{margin:var(--sp-2) 0 0;font-family:var(--font-mono);font-size:11px;color:var(--danger);word-break:break-word}.operatorConsole{margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-4);border:1px solid rgba(242,179,60,.45);border-radius:var(--radius-sm);background:#f2b33c0a;position:relative}.operatorConsole__label{display:inline-block;margin-bottom:var(--sp-2);font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--warn)}.btn--operator{background:transparent;color:var(--warn);border:1px solid rgba(242,179,60,.5)}.btn--operator:hover:not(:disabled){background:#f2b33c14;border-color:var(--warn);box-shadow:0 0 0 1px #f2b33c59,0 0 12px -2px #f2b33c66}.operatorConsole__scatter{display:flex;align-items:center;gap:var(--sp-2)}.scatterInput{width:68px;padding:var(--sp-1) var(--sp-2);background:var(--bg-inset);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-mono);font-size:12px;text-align:center;min-height:36px;outline:none}.scatterInput:focus{border-color:var(--warn)}.heroWrapper{margin-top:var(--sp-5)}.heroFlow{display:flex;flex-direction:column;gap:var(--sp-3)}.heroFlow__header{display:flex;align-items:center;gap:var(--sp-3);font-family:var(--font-display);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.heroFlow__neck{font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.14em;color:var(--lime);text-shadow:0 0 12px rgba(200,240,60,.4)}.heroFlow__arrow{color:var(--line-strong);font-size:12px}.heroFlow__inLabel,.heroFlow__outLabel{color:var(--text-faint)}.heroFlow__track{display:flex;height:52px;border-radius:var(--radius);overflow:hidden;gap:2px;background:var(--bg-inset);border:1px solid var(--line)}.heroFlow__segment{position:relative;overflow:hidden;display:flex;align-items:stretch;min-width:0;flex-shrink:0}.heroFlow__segment--lime{background:linear-gradient(135deg,#c8f03c2e,#c8f03c1a);border-right:1px solid rgba(200,240,60,.2)}.heroFlow__segment--cyan{background:linear-gradient(135deg,#19d4f02e,#19d4f01a);border-right:1px solid rgba(25,212,240,.2)}.heroFlow__segment--magenta{background:linear-gradient(135deg,#f23ca62e,#f23ca61a)}.heroFlow__sheen{position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.07) 50%,transparent 70%);background-size:200% 100%;animation:heroSheen 3.5s linear infinite}@keyframes heroSheen{0%{background-position:200% 0}to{background-position:-200% 0}}.heroFlow__segInner{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:0 var(--sp-3);gap:1px;min-width:0;overflow:hidden}.heroFlow__segLabel{font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.heroFlow__segPct{font-family:var(--font-mono);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.heroFlow__segment--lime .heroFlow__segPct{color:var(--lime);text-shadow:0 0 8px rgba(200,240,60,.5)}.heroFlow__segment--cyan .heroFlow__segPct{color:var(--cyan);text-shadow:0 0 8px rgba(25,212,240,.5)}.heroFlow__segment--magenta .heroFlow__segPct{color:var(--magenta);text-shadow:0 0 8px rgba(242,60,166,.5)}.heroFlow__segSub{font-family:var(--font-mono);font-size:9px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.heroFlow__legend{display:flex;gap:var(--sp-5);flex-wrap:wrap}.heroFlow__legendItem{display:flex;align-items:center;gap:var(--sp-2)}.heroFlow__legendDot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.heroFlow__legendName{font-family:var(--font-display);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.heroFlow__legendPct{font-family:var(--font-mono);font-size:10px;font-weight:600;font-variant-numeric:tabular-nums}@media(max-width:520px){.heroFlow__track{height:44px}.heroFlow__segLabel,.heroFlow__segSub{display:none}.heroFlow__segPct{font-size:11px}.heroFlow__segInner{padding:0 var(--sp-2)}}@keyframes entranceFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.appEntrance--header{animation:entranceFade .42s ease both;animation-delay:0ms}.appEntrance--hero{animation:entranceFade .42s ease both;animation-delay:80ms}.dashGrid>section:nth-child(1){animation:entranceFade .42s ease both;animation-delay:.14s}.dashGrid>section:nth-child(2){animation:entranceFade .42s ease both;animation-delay:.21s}.dashGrid>section:nth-child(3){animation:entranceFade .42s ease both;animation-delay:.28s}.dashGrid>section:nth-child(4){animation:entranceFade .42s ease both;animation-delay:.35s}@keyframes btnPulse{0%,to{opacity:1}50%{opacity:.6}}.btn--primary:active:not(:disabled){transform:scale(.98)}.btn--secondary:active:not(:disabled){transform:scale(.98)}.btn:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.btn--operator:focus-visible{outline-color:var(--warn)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.heroFlow__segment{transition:none!important}.heroFlow__sheen{animation:none!important}}
