:root{--void:#050704;--acid:#c8ff00;--acid-dim:#c8ff008c;--line:#c8ff0029;--ink:#e9ffe2;--mute:#e9ffe273;--font-display:"Unbounded", sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--void);color:var(--ink);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--acid);color:#000}a{color:inherit;text-decoration:none}.sys{flex-direction:column;min-height:100%;display:flex;position:relative;overflow:hidden}.bg-grid{transform-origin:50% 0;pointer-events:none;z-index:0;background-image:linear-gradient(#c8ff0021 1px,#0000 1px),linear-gradient(90deg,#c8ff0021 1px,#0000 1px);background-size:52px 52px;height:58vh;animation:1.6s linear infinite grid-flow;position:fixed;inset:auto -60% -12%;transform:perspective(520px)rotateX(61deg);-webkit-mask-image:linear-gradient(#0000 0%,#000 22% 78%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 22% 78%,#0000 100%)}@keyframes grid-flow{0%{background-position-y:0}to{background-position-y:52px}}.bg-core{pointer-events:none;z-index:0;will-change:transform;background:radial-gradient(circle,#c8ff0024 0%,#c8ff000d 34%,#0000 62%);border-radius:50%;width:96vmin;height:96vmin;animation:6s ease-in-out infinite core-breathe;position:fixed;top:42%;left:50%}@keyframes core-breathe{0%,to{opacity:.75}50%{opacity:1}}.bg-noise{opacity:.05;mix-blend-mode:overlay;pointer-events:none;z-index:3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:fixed;inset:0}.bg-scan{pointer-events:none;z-index:4;background:repeating-linear-gradient(#0000 0 3px,#0000002e 4px);position:fixed;inset:0}.corner{z-index:20;pointer-events:none;width:26px;height:26px;animation:.7s cubic-bezier(.16,1,.3,1) both corner-in;position:fixed}.corner.tl{border-top:2px solid var(--acid);border-left:2px solid var(--acid);top:14px;left:14px}.corner.tr{border-top:2px solid var(--acid);border-right:2px solid var(--acid);animation-delay:.1s;top:14px;right:14px}.corner.bl{border-bottom:2px solid var(--acid);border-left:2px solid var(--acid);animation-delay:.2s;bottom:44px;left:14px}.corner.br{border-bottom:2px solid var(--acid);border-right:2px solid var(--acid);animation-delay:.3s;bottom:44px;right:14px}@keyframes corner-in{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}.hud{z-index:10;letter-spacing:.18em;color:var(--mute);text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;padding:26px clamp(28px,5vw,64px) 0;font-size:11px;display:flex;position:relative}.hud em{color:var(--acid-dim);font-style:normal}.hud-status{color:var(--ink);align-items:center;gap:8px;display:inline-flex}.dot{background:var(--acid);width:7px;height:7px;box-shadow:0 0 10px var(--acid);border-radius:50%;animation:1.8s ease-in-out infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.mono-num{font-variant-numeric:tabular-nums}.stage{z-index:10;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px clamp(20px,5vw,64px) 96px;display:flex;position:relative}.boot{letter-spacing:.32em;color:var(--acid-dim);text-transform:uppercase;margin-bottom:22px;font-size:11px}.glitch{font-family:var(--font-display);letter-spacing:.01em;color:var(--ink);text-shadow:0 0 24px #c8ff0040,0 0 90px #c8ff001f;-webkit-user-select:none;user-select:none;font-size:clamp(56px,13vw,176px);font-weight:900;line-height:.95;position:relative}.glitch:before,.glitch:after{content:attr(data-text);opacity:0;pointer-events:none;position:absolute;inset:0}.glitch:before{color:var(--acid);z-index:-1;animation:4.2s step-end infinite glitch-a}.glitch:after{color:#ff3df5;z-index:-2;animation:4.2s step-end infinite glitch-b}@keyframes glitch-a{0%,86%,92%,to{opacity:0;clip-path:inset(0);transform:translate(0)}87%{opacity:.85;clip-path:inset(12% 0 56%);transform:translate(-6px,2px)}89%{opacity:.85;clip-path:inset(62% 0 8%);transform:translate(5px,-2px)}91%{opacity:.85;clip-path:inset(38% 0 40%);transform:translate(-3px,1px)}}@keyframes glitch-b{0%,88%,94%,to{opacity:0;clip-path:inset(0);transform:translate(0)}89%{opacity:.7;clip-path:inset(24% 0 48%);transform:translate(6px,-2px)}91%{opacity:.7;clip-path:inset(70% 0 4%);transform:translate(-5px,3px)}93%{opacity:.7;clip-path:inset(46% 0 30%);transform:translate(4px,-1px)}}.role{font-family:var(--font-mono);letter-spacing:.42em;text-transform:uppercase;color:var(--ink);margin-top:26px;font-size:clamp(12px,1.6vw,15px);font-weight:600}.role .x{color:var(--acid);padding:0 .35em}.sub-line{border-bottom:1px dashed var(--line);align-items:center;gap:10px;width:min(520px,92%);margin-top:14px;padding-bottom:6px;transition:border-color .3s;display:flex}.sub-line:focus-within{border-bottom-color:var(--acid)}.prompt{color:var(--acid);flex-shrink:0;font-size:13px}.field{text-align:left;flex:1;position:relative}.field input{width:100%;color:var(--ink);font-family:var(--font-mono);letter-spacing:.14em;caret-color:var(--acid);background:0 0;border:none;outline:none;padding:4px 0;font-size:12px}.field .ghost{letter-spacing:.14em;color:var(--mute);white-space:nowrap;pointer-events:none;align-items:center;font-size:12px;display:inline-flex;position:absolute;inset:4px auto auto 0}.ghost-sent{color:var(--acid)}.send-btn{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;flex-shrink:0;padding:7px 14px;font-size:10px;transition:background .25s,border-color .25s,color .25s,box-shadow .25s}.send-btn:hover,.send-btn:focus-visible{background:var(--acid);border-color:var(--acid);color:#000;box-shadow:0 0 24px #c8ff0059}.caret{background:var(--acid);vertical-align:-2px;width:8px;height:14px;margin-left:4px;animation:1s step-end infinite caret;display:inline-block}@keyframes caret{0%,49%{opacity:1}50%,to{opacity:0}}.nodes{text-align:left;width:min(720px,100%);margin-top:clamp(48px,8vh,84px)}.nodes-label{letter-spacing:.3em;color:var(--acid-dim);margin-bottom:14px;font-size:11px}.nodes ul{flex-direction:column;gap:10px;list-style:none;display:flex}.node{border:1px solid var(--line);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#c8ff0008;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:clamp(14px,3vw,28px);padding:16px 20px;transition:background .25s,border-color .25s,color .25s,transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;display:grid}.node:hover,.node:focus-visible{background:var(--acid);border-color:var(--acid);color:#000;transform:translate(6px);box-shadow:0 0 40px #c8ff0059}.node-id{color:var(--acid-dim);font-size:11px;transition:color .25s}.node-name{font-family:var(--font-display);letter-spacing:.06em;font-size:clamp(15px,2.4vw,21px);font-weight:700}.node-host{color:var(--mute);font-size:11px;transition:color .25s}.node-live{letter-spacing:.2em;white-space:nowrap;align-items:center;gap:7px;font-size:10px;transition:color .25s;display:inline-flex}.node:hover .node-id,.node:hover .node-host,.node:hover .node-live{color:#000000a6}.node:hover .dot{background:#000;animation:none;box-shadow:0 0 8px #0009}.node-arrow{font-size:18px;line-height:1;transition:transform .25s cubic-bezier(.16,1,.3,1)}.node:hover .node-arrow{transform:translate(3px,-3px)}.ticker{z-index:20;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050704d1;padding:10px 0;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.ticker-track{width:max-content;animation:36s linear infinite marquee;display:flex}.ticker-track span{letter-spacing:.24em;color:var(--acid-dim);text-transform:uppercase;white-space:nowrap;padding-right:2em;font-size:11px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.rise{animation:.9s cubic-bezier(.16,1,.3,1) both rise;animation-delay:calc(var(--d) * .11s)}@keyframes rise{0%{opacity:0;filter:blur(6px);transform:translateY(28px)}to{opacity:1;filter:blur();transform:translateY(0)}}@media (width<=680px){.hud .hud-item:first-child em{display:none}.node{grid-template-columns:auto 1fr auto}.node-host,.node-live{display:none}.corner.bl,.corner.br{bottom:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}