:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ecfff5;background:#020706;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow:hidden;background:#020706}button,input{font:inherit}.app-shell{--green:#80ffc0;--cyan:#7fdcff;--amber:#ffd166;--red:#ff7f8f;--line:rgba(128,255,192,.16);position:relative;width:100vw;height:100dvh;min-height:720px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 46%,rgba(40,145,105,.09),transparent 28%),radial-gradient(circle at 50% 50%,#07140f,#020706 52%,#000)}.neural-canvas{position:absolute;inset:0;z-index:1}.ambient-grid{position:absolute;inset:44% -20% -35%;z-index:2;opacity:.25;pointer-events:none;background-image:linear-gradient(rgba(115,255,180,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(115,255,180,.12) 1px,transparent 1px);background-size:56px 56px;transform:perspective(720px) rotateX(67deg) scale(1.3);transform-origin:center bottom}.scan-lines{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:.16;background:repeating-linear-gradient(to bottom,transparent 0 4px,rgba(120,255,180,.07) 5px,transparent 6px)}.vignette{position:absolute;inset:0;z-index:7;pointer-events:none;box-shadow:inset 0 0 180px #000000eb}.top-rail,.bottom-rail{position:absolute;left:0;right:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:54px;padding:0 clamp(18px,3vw,48px);border-color:var(--line);background:#00080594;backdrop-filter:blur(10px);color:#dcffe86b;font:9px/1.2 Courier New,monospace;letter-spacing:.18em}.top-rail{top:0;border-bottom:1px solid var(--line)}.bottom-rail{bottom:0;border-top:1px solid var(--line)}.top-rail>:last-child,.bottom-rail>:last-child{justify-self:end}.system-kicker,.center-status{color:#cdffdcb8}.pulse-dot,.center-status i{display:inline-block;width:6px;height:6px;margin-right:9px;border-radius:50%;background:var(--green);box-shadow:0 0 14px #80ffc0cc;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{50%{opacity:.25;transform:scale(.78)}}.platform-rail-brand{color:#e2ffebd1;font-weight:700;letter-spacing:.12em}.platform-wordmark{margin-bottom:8px;color:#dcffe7c7;font:600 12px/1 Courier New,monospace;letter-spacing:.22em;text-transform:none;text-shadow:0 0 22px rgba(128,255,192,.08)}.constellation-core em{margin-top:5px;color:#c8ffdc94;font: 6px/1.2 Courier New,monospace;letter-spacing:.1em}.platform-wordmark:before{content:"[";margin-right:8px;color:#80ffc052}.platform-wordmark:after{content:"]";margin-left:8px;color:#80ffc052}.hero-copy{position:absolute;z-index:10;left:50%;top:clamp(72px,9vh,105px);transform:translate(-50%);width:min(760px,80vw);text-align:center;pointer-events:none}.micro-label{color:#98ffbe78;font:8px/1.2 Courier New,monospace;letter-spacing:.25em}.node-title{margin:10px 0 0;font-size:clamp(46px,6.3vw,92px);line-height:.84;font-weight:850;letter-spacing:-.055em;text-shadow:0 0 48px rgba(80,255,170,.08)}.node-title span{color:var(--green);font-weight:300}.node-subtitle{margin:14px 0 0;color:#e6ffee85;font:9px/1.5 Courier New,monospace;letter-spacing:.19em}.glass-panel{position:absolute;z-index:20;border:1px solid var(--line);background:linear-gradient(135deg,#071a12d1,#010a0694);backdrop-filter:blur(12px);box-shadow:0 24px 90px #0000003d,inset 0 0 45px #46ff9606}.panel-label{margin-bottom:12px;color:#91ffb980;font:8px/1.2 Courier New,monospace;letter-spacing:.22em}.telemetry-panel{left:clamp(16px,2.4vw,42px);top:36%;width:min(285px,22vw);padding:15px}.telemetry-row,.context-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid rgba(128,255,192,.07);font:7px/1.2 Courier New,monospace;letter-spacing:.08em}.telemetry-row span,.context-row span{color:#d6f0de61}.telemetry-row strong,.context-row strong{color:#8effb5db;font-weight:400;text-align:right}.context-panel{left:clamp(16px,2.4vw,42px);bottom:154px;width:min(285px,22vw);padding:14px}.context-amber{color:var(--amber)!important}.context-foot{margin-top:10px;padding-top:9px;border-top:1px solid rgba(128,255,192,.08);color:#b4dcc047;font:6px/1.45 Courier New,monospace;letter-spacing:.08em}.constellation-shell{position:absolute;z-index:12;inset:205px 25% 246px;min-height:290px;pointer-events:none}.constellation-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.constellation-link{vector-effect:non-scaling-stroke;stroke-width:.42;stroke-linecap:round}.agent-link{stroke:#80ffc06b;filter:drop-shadow(0 0 4px rgba(100,255,165,.18))}.tool-link{stroke:#7fdcff40;stroke-dasharray:2 2}.constellation-ring{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(128,255,192,.11)}.ring-inner{width:54%;aspect-ratio:1;animation:orbitSpin 26s linear infinite;border-style:dashed}.ring-outer{width:86%;aspect-ratio:1;animation:orbitSpinReverse 38s linear infinite;border-color:#7fdcff17}@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes orbitSpinReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}.constellation-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:132px;height:132px;border:1px solid rgba(128,255,192,.3);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,#38ff8714,#020d08a8 58%,#000000c2);box-shadow:0 0 46px #46ff9114,inset 0 0 32px #46ff910d}.constellation-core span{color:#8effb580;font:6px/1.2 Courier New,monospace;letter-spacing:.16em}.constellation-core strong{margin-top:7px;color:#dfffea;font:9px/1.2 Courier New,monospace;letter-spacing:.13em}.active-core{animation:coreBreathe 2.2s ease-in-out infinite}@keyframes coreBreathe{50%{box-shadow:0 0 70px #46ff9129,inset 0 0 38px #46ff9114}}.constellation-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:50%;pointer-events:auto;transition:.18s ease}.constellation-node span{font:5px/1 Courier New,monospace;letter-spacing:.12em;opacity:.45}.constellation-node strong{margin-top:3px;font:7px/1 Courier New,monospace;letter-spacing:.06em}.agent-node{width:78px;height:78px;border:1px solid rgba(128,255,192,.36);background:radial-gradient(circle,#42ff891a,#03120abf);color:#d9ffe6;box-shadow:0 0 22px #46ff910f}.agent-node:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(128,255,192,.08);border-radius:50%;animation:nodePulse 2.5s ease-in-out infinite}.tool-node{width:58px;height:58px;border:1px solid rgba(127,220,255,.28);background:radial-gradient(circle,#3cb4ff17,#020c11c7);color:#c7efff}.tool-node:after{content:"";position:absolute;inset:-4px;border:1px solid rgba(127,220,255,.06);border-radius:50%}@keyframes nodePulse{50%{transform:scale(1.08);opacity:.2}}.constellation-idle .constellation-core{opacity:.75}.idle-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(128,255,192,.08)}.orbit-a{width:56%;aspect-ratio:1;animation:orbitSpin 28s linear infinite}.orbit-b{width:84%;aspect-ratio:1;animation:orbitSpinReverse 42s linear infinite}.task-panel{right:clamp(16px,2.4vw,42px);top:31%;bottom:154px;width:min(330px,25vw);padding:16px;overflow:hidden}.task-empty{padding:14px 2px}.task-empty span{color:var(--green);font:7px/1.2 Courier New,monospace;letter-spacing:.16em}.task-empty strong{display:block;margin-top:10px;font-size:18px;line-height:1.1;font-weight:560}.task-empty p{margin:10px 0 0;color:#dcf5e475;font-size:11px;line-height:1.55}.task-head{display:grid;gap:8px;padding-bottom:12px;border-bottom:1px solid rgba(128,255,192,.09)}.task-head span{display:block;color:#e7fff0;font-size:14px;font-weight:600}.task-head strong{display:block;margin-top:5px;color:#dcf5e470;font-size:10px;line-height:1.45;font-weight:400}.task-head b{justify-self:start;padding:5px 7px;border:1px solid rgba(128,255,192,.15);color:#aaebbe7a;font:6px/1 Courier New,monospace;letter-spacing:.12em}.task-head b.approval-required{border-color:#ffd16642;color:#ffd166c7}.task-steps{position:relative;display:grid;gap:0;margin-top:10px}.task-step{position:relative;display:grid;grid-template-columns:24px 16px 1fr;align-items:center;min-height:43px;color:#d2ebd947;font-family:Courier New,monospace}.task-step:before{content:"";position:absolute;left:31px;top:-50%;bottom:50%;width:1px;background:#80ffc01a}.task-step:first-child:before{display:none}.task-index{font-size:6px;letter-spacing:.06em}.task-node-dot{width:7px;height:7px;border-radius:50%;border:1px solid currentColor;background:#020706;z-index:2}.task-step small{display:block;font-size:5px;letter-spacing:.13em;opacity:.55}.task-step strong{display:block;margin-top:3px;font-size:7px;letter-spacing:.07em;font-weight:400}.task-step.complete{color:#80ffc0a1}.task-step.complete .task-node-dot{background:var(--green);box-shadow:0 0 9px #80ffc080}.task-step.active{color:#e7fff0}.task-step.active .task-node-dot{border-color:var(--green);box-shadow:0 0 12px #80ffc0a6;animation:activeTask 1s ease-in-out infinite}@keyframes activeTask{50%{transform:scale(1.45)}}.task-step.modified{color:var(--amber)}.task-step.denied{color:var(--red)}.approval-gate{margin-top:11px;padding:10px;border:1px solid rgba(255,209,102,.18);background:#ffd16606}.approval-gate span{display:block;color:var(--amber);font:6px/1.2 Courier New,monospace;letter-spacing:.16em}.approval-gate strong{display:block;margin-top:6px;color:#ffeebe94;font-size:9px;line-height:1.35;font-weight:400}.approval-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px}.approval-actions button{cursor:pointer;padding:7px 5px;border:1px solid rgba(128,255,192,.22);background:#3cff820a;color:#cffff0;font:6px/1 Courier New,monospace;letter-spacing:.08em}.approval-actions button:hover{background:#3cff821a;border-color:#80ffc08c}.approval-actions .deny{border-color:#ff7f8f3d;color:#ffb7c0}.approval-result{margin-top:9px;padding:7px;border:1px solid;font:6px/1.2 Courier New,monospace;letter-spacing:.13em;text-align:center}.approved-result{color:var(--green);border-color:#80ffc038}.denied-result{color:var(--red);border-color:#ff7f8f38}.event-rail{left:50%;bottom:150px;transform:translate(-50%);width:min(530px,40vw);padding:11px 14px}.event-rail .panel-label{margin-bottom:6px}.event-line{display:flex;gap:7px;padding:2px 0;color:#bee6ca66;font:6px/1.35 Courier New,monospace;letter-spacing:.07em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-line span{color:#80ffc080}.event-line.ok{color:#96ffb9b8}.event-line.warn{color:#ffd166c7}.intent-dock{position:absolute;z-index:26;left:50%;bottom:68px;transform:translate(-50%);display:grid;grid-template-columns:repeat(6,1fr);gap:6px;width:min(920px,76vw)}.intent-button{min-width:0;padding:11px 8px;cursor:pointer;opacity:1!important;visibility:visible!important;border:1px solid rgba(128,255,192,.17);color:#e0ffe9ad;background:#010c07c2;font:7px/1.2 Courier New,monospace;letter-spacing:.09em;transition:.18s ease}.intent-button span{margin-right:6px;color:#80ffc052}.intent-button:hover,.intent-button.active{transform:translateY(-2px);color:#eafff0;border-color:#80ffc09e;background:#37ff871a;box-shadow:0 0 30px #5aff9614}@media(max-width:1180px){.constellation-shell{left:23%;right:27%}.telemetry-panel,.context-panel{width:min(260px,22vw)}.task-panel{width:min(300px,26vw)}}@media(max-width:900px){.app-shell{min-height:760px}.hero-copy{top:68px}.telemetry-panel{left:14px;top:205px;width:220px}.context-panel{left:14px;bottom:190px;width:220px}.task-panel{right:14px;top:205px;bottom:190px;width:270px}.constellation-shell{inset:195px 28% 300px 22%}.event-rail{bottom:154px;width:min(430px,46vw)}.intent-dock{bottom:61px;width:calc(100vw - 28px);grid-template-columns:repeat(3,1fr);gap:5px}.intent-button{padding:8px 5px}}@media(max-width:680px){body{overflow:auto}.app-shell{min-height:860px;height:100dvh}.top-rail,.bottom-rail{grid-template-columns:1fr 1fr;font-size:7px;min-height:48px;padding:0 11px}.top-rail>:nth-child(2),.bottom-rail>:nth-child(2){display:none}.hero-copy{top:67px}.node-title{font-size:clamp(44px,15vw,66px)}.node-subtitle{font-size:7px;letter-spacing:.12em}.telemetry-panel,.context-panel{display:none}.constellation-shell{inset:180px 5% 430px;min-height:250px}.constellation-core{width:100px;height:100px}.agent-node{width:64px;height:64px}.tool-node{width:48px;height:48px}.constellation-node strong{font-size:6px}.task-panel{inset:auto 14px 205px;width:auto;height:205px;padding:11px;overflow:auto}.task-head strong{display:none}.task-steps{grid-template-columns:repeat(5,1fr);gap:4px}.task-step{grid-template-columns:1fr;min-height:52px;text-align:center;border:1px solid rgba(128,255,192,.06);padding:5px}.task-step:before,.task-index{display:none}.task-node-dot{margin:0 auto 4px}.task-step strong{font-size:5px}.approval-gate{position:absolute;left:8px;right:8px;bottom:7px;background:#020c07f5}.event-rail{left:14px;right:14px;bottom:151px;width:auto;transform:none;padding:8px 10px}.event-line:nth-of-type(-n+4){display:none}.intent-dock{bottom:57px;width:calc(100vw - 28px)}.intent-button{font-size:6px}.intent-button span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}