:root{--bg:#05070d;--panel:#0a0e1a;--panel-2:#0e131e;--border:#1a2333;--border-2:#25354d;--text:#e6edf3;--text-dim:#8a9ab3;--label:#6e7f9a;--cyan:#3fe0ff;--cyan-dim:#3fe0ff26;--cyan-glow:#3fe0ff73;--amber:#ff7a3d;--amber-dim:#ff7a3d26;--red:#ff3b3b;--red-dim:#ff3b3b26;--radius:8px}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;padding:0}body{-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;overflow-x:hidden}#root{min-height:100vh;position:relative}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#1a2333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#25354d}.starfield{pointer-events:none;z-index:0;background:radial-gradient(1200px 600px at 50% -10%,#1e3c782e,#0000 60%),radial-gradient(900px 500px at 90% 110%,#0f285a24,#0000 60%),linear-gradient(#05070d 0%,#070a12 100%);position:fixed;inset:0;overflow:hidden}.star{opacity:.5;background:#fff;border-radius:50%;width:1px;height:1px;animation:linear infinite drift;position:absolute}@keyframes drift{0%{transform:translate(0)translateY(0)}to{transform:translate(-40px)translateY(10px)}}@media (prefers-reduced-motion:reduce){.star{animation:none!important}}.vignette{pointer-events:none;z-index:1;background:radial-gradient(#0000 60%,#05070da6 100%);position:fixed;inset:0}.mono{font-family:IBM Plex Mono,JetBrains Mono,monospace}.label{letter-spacing:.14em;text-transform:uppercase;color:var(--label);font-family:IBM Plex Sans,sans-serif;font-size:10px;font-weight:600}.value-mono{letter-spacing:-.02em;font-family:IBM Plex Mono,JetBrains Mono,monospace;font-weight:500}.panel{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(#0a0e1a 0%,#0c1020 100%);position:relative;overflow:hidden}.panel:before{content:"";opacity:.6;background:linear-gradient(90deg,#0000,#3fe0ff2e,#0000);height:1px;position:absolute;top:0;left:0;right:0}.panel-header{letter-spacing:.14em;text-transform:uppercase;color:var(--label);border-bottom:1px solid var(--border);background:#0a0e1ae6;justify-content:space-between;align-items:center;padding:10px 14px;font-family:IBM Plex Sans,sans-serif;font-size:10px;font-weight:600;display:flex}.panel-body{padding:12px;position:relative}@keyframes bootIn{0%{opacity:0;filter:brightness(.6);transform:translateY(8px)}to{opacity:1;filter:brightness();transform:translateY(0)}}.boot-0{animation:.6s .1s both bootIn}.boot-1{animation:.6s .22s both bootIn}.boot-2{animation:.6s .34s both bootIn}.boot-3{animation:.6s .46s both bootIn}.boot-4{animation:.6s .58s both bootIn}.boot-5{animation:.6s .7s both bootIn}.boot-6{animation:.6s .82s both bootIn}@media (prefers-reduced-motion:reduce){.boot-0,.boot-1,.boot-2,.boot-3,.boot-4,.boot-5,.boot-6{opacity:1;animation:none;transform:none}}@keyframes pulseLine{0%{stroke-dashoffset:20px}to{stroke-dashoffset:0}}@keyframes flicker{0%,to{opacity:1;filter:brightness()}10%{opacity:.6;filter:brightness(.7)}20%{opacity:1}30%{opacity:.8}40%{opacity:1}}@keyframes earthGlow{0%{filter:drop-shadow(0 0 6px #3fe0ff4d)}50%{filter:drop-shadow(0 0 14px #3fe0ffd9)drop-shadow(0 0 28px #3fe0ff59)}to{filter:drop-shadow(0 0 6px #3fe0ff4d)}}@keyframes linkBreak{0%{stroke:#ff7a3d;filter:brightness(1.4)}50%{stroke:#ff3b3b}to{stroke:#3d444d}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes typeIn{0%{width:0}to{width:100%}}.link-active{stroke:var(--cyan);filter:drop-shadow(0 0 4px var(--cyan-glow))}.link-pulse{stroke-dasharray:6 8;animation:.9s linear infinite pulseLine}.link-break{animation:.6s linkBreak}.node-offline{animation:.45s flicker}.earth-glow{animation:1.1s earthGlow}.log-entry{animation:.35s both slideIn}@media (prefers-reduced-motion:reduce){.link-pulse{stroke-dasharray:none;animation:none}.node-offline,.earth-glow,.log-entry{animation:none}}.queue-track{border:1px solid var(--border);background:#ffffff0f;border-radius:999px;height:8px;position:relative;overflow:hidden}.queue-fill{border-radius:999px;height:100%;transition:width .6s,background .3s}.queue-fill.cyan{background:linear-gradient(90deg,#3fe0ff,#2aa8d8);box-shadow:0 0 8px #3fe0ff59}.queue-fill.amber{background:linear-gradient(90deg,#ff7a3d,#ffb347);box-shadow:0 0 8px #ff7a3d59}.queue-fill.red{background:linear-gradient(90deg,#ff3b3b,#ff6b6b);box-shadow:0 0 8px #ff3b3b66}@media (width<=1100px){.grid-main{grid-template-columns:1fr!important}.grid-main .span-2{grid-column:span 1!important}}.tooltip-card{border:1px solid var(--cyan-glow);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e1af2;box-shadow:0 8px 24px #000000b3,0 0 15px #3fe0ff33}.detail-panel{box-shadow:-8px 0 30px #000c,-1px 0 10px #3fe0ff26}
