:root{color-scheme:dark;font-family:Inter,Rajdhani,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0d0e12;color:#eef7ff;font-synthesis:none;text-rendering:geometricPrecision;--bg: #0d0e12;--panel: rgba(17, 20, 29, .86);--panel-strong: rgba(21, 25, 36, .96);--line: rgba(132, 246, 255, .15);--muted: #8490a8;--text: #eef7ff;--cyan: #33f5ff;--purple: #a855f7;--green: #76ff7a;--red: #ff3f72;--amber: #ffd166}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;overflow-x:hidden}body{background:radial-gradient(circle at 20% 0%,rgba(51,245,255,.12),transparent 26%),radial-gradient(circle at 82% 8%,rgba(168,85,247,.14),transparent 30%),linear-gradient(135deg,#0d0e12,#11131b 45%,#08090d)}button,input{min-width:0;min-height:38px;border:1px solid rgba(132,246,255,.18);background:#0f121ce6;color:var(--text);border-radius:7px;padding:0 12px;font:inherit;letter-spacing:0}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}button:hover{border-color:#33f5ff94;background:#161d2bfa;box-shadow:0 0 18px #33f5ff21}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}input{width:100%;outline:none;font-family:JetBrains Mono,SF Mono,Consolas,monospace}input:focus{border-color:#33f5ffad;box-shadow:0 0 0 3px #33f5ff1a}h1,h2,h3,p{margin:0}.terminalShell{position:relative;width:100vw;min-height:100vh;padding:16px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;overflow:hidden}.ambientGrid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.32;background-image:linear-gradient(rgba(132,246,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(132,246,255,.045) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 82%);mask-image:linear-gradient(to bottom,black,transparent 82%)}.topbar,.workspace,.panel,.heroPanel,.metricCard,.indexCard,.eventCard,.positionRow{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,#141822eb,#0b0d14e6);border-radius:8px;box-shadow:0 20px 60px #00000057,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar{z-index:2;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px}.brandBlock{min-width:0}.eyebrow{margin-bottom:5px;color:var(--cyan);font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:900}h1{font-size:clamp(22px,2vw,32px);line-height:1;letter-spacing:0}.topActions,.ledgerHeader{display:flex;align-items:center;gap:10px}.iconButton,.closeButton{width:40px;padding:0}.alert{position:fixed;z-index:8;left:16px;right:16px;top:86px;min-height:40px;display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid rgba(255,63,114,.42);background:#4c0d21f5;color:#ffd5df;border-radius:8px;font-size:13px}.workspace{z-index:1;min-width:0;min-height:0;display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px;padding:12px}.navDock{min-width:0;display:grid;align-content:start;gap:9px;padding:4px}.navDock button{justify-content:flex-start;min-height:46px;color:#b8c4d8;background:#07090e73}.navDock button.active{color:var(--cyan);border-color:#33f5ff85;background:linear-gradient(90deg,#33f5ff29,#a855f717);box-shadow:0 0 22px #33f5ff2e,inset 3px 0 0 var(--cyan)}.viewStage{min-width:0;min-height:0;overflow:auto;padding-right:2px}.cockpitGrid{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"hero side" "legs pulse";gap:14px}.heroPanel{grid-area:hero;min-width:0;padding:16px;display:grid;gap:14px}.sideStack{grid-area:side;display:grid;gap:14px;align-content:start}.activeLegsPanel{grid-area:legs}.indexPulsePanel{grid-area:pulse}.panel{min-width:0;padding:15px;overflow:visible}.panelTitle{min-height:24px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.panelTitle>div{display:inline-flex;align-items:center;gap:8px;min-width:0;color:var(--text);font-size:14px;font-weight:900}.metricCard span,.indexCard span,.healthRow span,.panelTitle span,.dataChip span,.positionPnl span,.eventContext span,.pulseTile span{color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.heroMetrics{min-width:0;display:grid;grid-template-columns:1.3fr repeat(3,minmax(0,1fr));gap:12px}.metricCard{min-width:0;min-height:106px;display:grid;grid-template-columns:minmax(0,1fr) 126px;align-items:center;gap:12px;padding:14px}.metricCard.large{border-color:#33f5ff5c;box-shadow:0 0 34px #33f5ff21,0 22px 60px #00000061}.metricCard strong{display:block;margin-top:8px;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:clamp(20px,2vw,31px);line-height:1}.mono,small,.positive,.negative,.neutral{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-variant-numeric:tabular-nums}.positive{color:var(--green)!important;text-shadow:0 0 14px rgba(118,255,122,.28)}.negative{color:var(--red)!important;text-shadow:0 0 14px rgba(255,63,114,.25)}.neutral{color:#dde8ff!important}.sparkline{width:100%;height:44px;opacity:.96}.sparkline.positive polyline{stroke:var(--green);filter:drop-shadow(0 0 5px rgba(118,255,122,.6))}.sparkline.negative polyline{stroke:var(--red);filter:drop-shadow(0 0 5px rgba(255,63,114,.6))}.sparkline.neutral polyline,.sparkline.empty{stroke:#738199;color:#738199}.controlPanel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.success{border-color:#76ff7a5c;background:#123a288a}.danger{border-color:#ff3f727a;background:#4d1026ad;color:#ffd5df}.wideButton{width:100%}.tokenRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:9px}.healthRows{display:grid;gap:7px}.healthRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(132,246,255,.09)}.healthRow:last-child{border-bottom:0}.statusPill{display:inline-flex;align-items:center;gap:7px;width:fit-content;border:1px solid rgba(132,246,255,.16);border-radius:999px;padding:6px 10px;background:#080a10b8;color:#cbd6e7;font-size:11px;font-weight:900;letter-spacing:.08em;font-family:JetBrains Mono,SF Mono,Consolas,monospace}.statusPill i{position:relative;width:8px;height:8px;border-radius:50%;background:#94a3b8}.statusPill.active{color:#cbffd0;border-color:#76ff7a61}.statusPill.active i{background:var(--green);box-shadow:0 0 12px #76ff7abf}.statusPill.active i:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:1px solid rgba(118,255,122,.68);animation:ping 1.45s cubic-bezier(0,0,.2,1) infinite}.statusPill.standby{color:#ffe39a;border-color:#ffd1664d}.statusPill.standby i{background:var(--amber)}@keyframes ping{75%,to{transform:scale(1.95);opacity:0}}.pulseGrid,.indexGrid{min-width:0;display:grid;gap:12px}.pulseGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pulseTile{min-width:0;padding:12px;border:1px solid rgba(132,246,255,.12);background:#080a108f;border-radius:8px}.pulseTile strong,.pulseTile small{display:block;margin-top:6px}.pulseTile small{color:var(--muted);font-size:11px}.matrixView,.positionsView,.ledgerView{min-width:0;display:grid;gap:12px}.indexGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.indexCard{min-width:0;padding:15px;display:flex;flex-direction:column;gap:13px}.indexCard.tone-positive{border-color:#76ff7a33}.indexCard.tone-negative{border-color:#ff3f7238}.indexHeader{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:8px}.indexHeader h3{font-size:20px}.indexStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.indexStats>div{padding:10px;border:1px solid rgba(132,246,255,.1);background:#07090e7a;border-radius:8px}.indexStats strong{display:block;margin-top:6px;font-size:16px}.smallControls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.smallControls button{min-height:34px;font-size:12px;padding:0 8px}.chainToggle{width:100%;min-height:34px;justify-content:flex-start;color:#dffbff;background:#090c14b8}.chainMatrix{border:1px solid rgba(132,246,255,.13);background:#05080e94;border-radius:8px;padding:10px;max-height:280px;overflow:auto}.chainMeta,.chainHeader,.chainRow{display:grid;grid-template-columns:1fr .9fr 1fr;gap:8px;align-items:center;text-align:right}.chainMeta{grid-template-columns:1fr auto;margin-bottom:8px;text-align:left}.chainHeader{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.chainRow{min-height:30px;border-top:1px solid rgba(132,246,255,.08)}.chainRow strong{color:var(--text)}.chainState,.emptyState{color:var(--muted);font-size:12px;padding:10px 0 2px}.errorText{color:#ff9ab2}.positionStack{min-width:0;display:grid;gap:10px}.positionRow{min-width:0;display:grid;grid-template-columns:minmax(220px,1.8fr) repeat(3,minmax(92px,.7fr)) minmax(120px,.8fr) 42px;gap:10px;align-items:center;padding:12px}.positionStack.compact .positionRow{grid-template-columns:minmax(180px,1.6fr) repeat(2,minmax(78px,.7fr)) minmax(98px,.8fr) 40px}.positionStack.compact .dataChip:nth-of-type(3){display:none}.positionRow.tone-positive{border-color:#76ff7a38}.positionRow.tone-negative{border-color:#ff3f723d}.positionIdentity,.dataChip,.positionPnl{min-width:0}.positionIdentity strong,.dataChip strong,.positionPnl strong{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.positionIdentity strong{font-size:14px}.closeButton{border-color:#ff3f724d;color:#ffd5df}.ledgerHeader{justify-content:space-between;align-items:flex-start}.filterDock{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.filterDock button{min-height:32px;font-size:12px}.filterDock button.active{color:var(--cyan);border-color:#33f5ff94;box-shadow:0 0 18px #33f5ff26}.eventStream{display:grid;gap:10px}.eventCard{overflow:hidden}.eventCard.skip{opacity:.72}.eventSummary{width:100%;min-height:66px;display:grid;grid-template-columns:4px minmax(0,1fr) auto 22px;gap:12px;align-items:center;padding:12px;border:0;background:transparent;text-align:left}.eventMarker{width:4px;height:100%;min-height:36px;border-radius:999px;background:#77839b}.eventCard.plan .eventMarker{background:var(--cyan);box-shadow:0 0 14px #33f5ff8c}.eventCard.alert .eventMarker{background:var(--red);box-shadow:0 0 14px #ff3f728c}.eventCard.skip .eventMarker{background:#657086}.eventMain,.eventTitle{min-width:0}.eventTitle{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.eventTitle strong{font-size:14px}.eventTitle span{color:var(--cyan);font-size:11px;font-weight:900}.eventMain p{margin-top:4px;color:#b9c5d9;font-size:13px}.eventTime{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;white-space:nowrap}.eventContext{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin:0 12px 12px 28px;padding:12px;border:1px solid rgba(132,246,255,.11);background:#05080e9e;border-radius:8px}.eventContext p{margin-top:5px;color:#d9e4f7;font-size:13px;line-height:1.45}.eventContext pre{grid-column:1 / -1;margin:0;overflow:auto;padding:10px;border-radius:7px;background:#00000047;color:#d9e4f7;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:12px}.emptyState{min-height:82px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed rgba(132,246,255,.16);border-radius:8px;background:#07090e61}@media (max-width: 1240px){.workspace{grid-template-columns:1fr}.navDock{grid-template-columns:repeat(4,minmax(0,1fr))}.navDock button{justify-content:center}.cockpitGrid{grid-template-columns:1fr;grid-template-areas:"hero" "side" "legs" "pulse"}.sideStack{grid-template-columns:1fr 1fr}}@media (max-width: 920px){.heroMetrics,.indexGrid,.indexStats,.pulseGrid{grid-template-columns:1fr 1fr}.positionRow,.positionStack.compact .positionRow{grid-template-columns:minmax(0,1fr) 80px 90px 42px}.positionRow .dataChip:nth-of-type(2){display:none}.positionPnl{grid-column:span 1}}@media (max-width: 680px){.terminalShell{padding:10px}.topbar,.ledgerHeader{align-items:flex-start;flex-direction:column}.workspace{padding:8px}.navDock,.heroMetrics,.sideStack,.indexGrid,.indexStats,.pulseGrid,.controlPanel{grid-template-columns:1fr}.navDock button{justify-content:flex-start}.metricCard{grid-template-columns:minmax(0,1fr) 108px}.positionRow,.positionStack.compact .positionRow{grid-template-columns:minmax(0,1fr) 42px}.positionRow .dataChip,.positionPnl{grid-column:span 1}.eventSummary{grid-template-columns:4px minmax(0,1fr) 20px}.eventTime{grid-column:2 / -1}.eventContext{grid-template-columns:1fr;margin-left:12px}}