@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-base:#f0f0f0;--bg-surface:#fff;--bg-elevated:#e6e6e6;--bg-zone-dark:#121212;--bg-zone-dark-border:#ffffff1f;--path-color:#f0f0f0;--text-primary:#121212;--text-secondary:#12121280;--text-on-dark:#f0f0f0;--text-on-dark-muted:#f0f0f080;--accent-coral:#121212;--accent-green:#0a8f5a;--accent-red:#d42020;--accent-blue:#2563eb;--accent-yellow:#ca8a04;--accent-purple:#7c3aed;--accent-bg-subtle:color-mix(in srgb, var(--accent-coral) 4%, transparent);--accent-bg-light:color-mix(in srgb, var(--accent-coral) 8%, transparent);--accent-bg-medium:color-mix(in srgb, var(--accent-coral) 15%, transparent);--accent-border:color-mix(in srgb, var(--accent-coral) 25%, transparent);--border-subtle:#00000012;--border-medium:#00000021;--border-heavy:#121212;--dot-color:#121212;--dot-size:1.5px;--grid-gap:6px;--bar-bg:#00000012;--bar-fill:#121212;--shape-bg:#e6e6e6;--shape-bg-hover:#d9d9d9;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--glow-color:#1212124d;--glow-accent:#12121226;--spacing-xs:4px;--spacing-sm:12px;--spacing-md:24px;--spacing-lg:48px;--spacing-xl:80px;--font-mono:"JetBrains Mono", "SF Mono", "Roboto Mono", "Courier New", monospace;--font-sans:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-family:var(--font-sans);--nav-bg:#121212f7}[data-theme=critical]{--bg-base:#1a0505;--bg-surface:#120000;--bg-elevated:#250808;--bg-zone-dark:#000;--bg-zone-dark-border:#ff333340;--path-color:#1a0505;--text-primary:#f33;--text-secondary:#ff333373;--text-on-dark:#f33;--text-on-dark-muted:#f336;--accent-coral:#f33;--accent-green:#f44;--accent-red:red;--accent-blue:#f54;--accent-yellow:#f60;--accent-purple:#f26;--accent-bg-subtle:#ff33330d;--accent-bg-light:#ff33331a;--accent-bg-medium:#ff33332e;--accent-border:#ff333347;--border-subtle:#ff333312;--border-medium:#ff333326;--border-heavy:#f33;--dot-color:#f33;--bar-bg:#ff333312;--bar-fill:#f33;--shape-bg:#250808;--shape-bg-hover:#350c0c;--glow-color:#f336;--glow-accent:#f333;--nav-bg:#000000f7}[data-theme=void]{--bg-base:#0a0a0f;--bg-surface:#111118;--bg-elevated:#1a1a24;--bg-zone-dark:#050508;--bg-zone-dark-border:#8b8bf51f;--path-color:#0a0a0f;--text-primary:#d4d4dc;--text-secondary:#d4d4dc66;--text-on-dark:#d4d4dc;--text-on-dark-muted:#d4d4dc59;--accent-coral:#8b8bf5;--accent-green:#34d399;--accent-red:#f87171;--accent-blue:#60a5fa;--accent-yellow:#fbbf24;--accent-purple:#a78bfa;--accent-bg-subtle:#8b8bf50a;--accent-bg-light:#8b8bf514;--accent-bg-medium:#8b8bf524;--accent-border:#8b8bf538;--border-subtle:#d4d4dc0d;--border-medium:#d4d4dc1a;--border-heavy:#d4d4dc38;--dot-color:#8b8bf5;--bar-bg:#8b8bf50f;--bar-fill:#8b8bf5;--shape-bg:#1a1a24;--shape-bg-hover:#222230;--glow-color:#8b8bf559;--glow-accent:#8b8bf526;--nav-bg:#050508f7}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-base);background-color:color-mix(in srgb, var(--bg-base) 92%, transparent);font-size:12px;line-height:1.4}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input{font-family:inherit}ul,ol{list-style:none}h1,h2,h3{text-transform:uppercase;letter-spacing:.04em;font-weight:700}::selection{background:var(--accent-coral);color:var(--bg-base)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-medium)}.zone-transition{background-color:var(--bg-base);flex-shrink:0;height:100px;position:relative}.zone-transition:before{content:"";background-color:var(--bg-zone-dark);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 12%);mask-image:linear-gradient(#000 0%,#0000 12%)}.zone-transition:after{content:"";background-image:radial-gradient(circle at center, var(--dot-color) var(--dot-size), transparent var(--dot-size));background-size:var(--grid-gap) var(--grid-gap);background-position:top;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000b3 0%,#0000 80%);mask-image:linear-gradient(#000000b3 0%,#0000 80%)}.dot-hero{letter-spacing:-.02em;background-image:radial-gradient(circle at center, var(--bg-zone-dark) 2px, transparent 2px);background-size:8px 8px;background-color:var(--text-on-dark);color:#0000;z-index:10;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;margin-left:-.04em;font-family:Impact,Arial Black,sans-serif;font-size:clamp(72px,13vw,170px);font-weight:900;line-height:.82;position:relative}.sensor-grid{grid-template-columns:repeat(32,1fr);gap:2px;width:100%;margin-top:10px;display:grid}.sensor-node{aspect-ratio:1;background-color:var(--text-on-dark);opacity:.06;border-radius:50%;transition:opacity .35s}.bar-container{background:var(--bar-bg);width:100%;height:4px;margin-top:4px;overflow:hidden}.bar-fill{background:var(--bar-fill);background-image:repeating-linear-gradient(45deg, transparent, transparent 2px, var(--bg-base) 2px, var(--bg-base) 4px);height:100%;transition:width .5s}.glass-card{background:color-mix(in srgb, var(--bg-surface) 60%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.6);border:1px solid color-mix(in srgb, var(--border-subtle) 60%, transparent);border-radius:var(--radius-lg);will-change:transform;transition:transform .3s cubic-bezier(.33,1,.68,1),box-shadow .3s cubic-bezier(.33,1,.68,1),border-color .3s;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a}.glass-card:before{content:"";border-radius:inherit;background:linear-gradient(135deg, color-mix(in srgb, var(--bg-surface) 15%, transparent) 0%, transparent 50%);pointer-events:none;position:absolute;inset:0}.glass-card:hover{border-color:color-mix(in srgb, var(--accent-coral) 30%, transparent);box-shadow:0 12px 40px color-mix(in srgb, var(--accent-coral) 10%, transparent), 0 4px 12px #00000014, inset 0 1px 0 color-mix(in srgb, var(--bg-surface) 40%, transparent);transform:translateY(-4px)scale(1.01)}.glass-static{background:color-mix(in srgb, var(--bg-surface) 60%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.6);border:1px solid color-mix(in srgb, var(--border-subtle) 60%, transparent);border-radius:var(--radius-lg);position:relative;overflow:hidden}.glass-static:before{content:"";border-radius:inherit;background:linear-gradient(135deg, color-mix(in srgb, var(--bg-surface) 15%, transparent) 0%, transparent 50%);pointer-events:none;position:absolute;inset:0}[data-theme=critical] .glass-card,[data-theme=critical] .glass-static{background:color-mix(in srgb, var(--bg-surface) 50%, transparent);box-shadow:0 0 40px #ff00000a}[data-theme=critical] .glass-card:hover{box-shadow:0 12px 40px #ff333326,0 4px 12px #0000004d,inset 0 0 30px #ff33330a}[data-theme=void] .glass-card,[data-theme=void] .glass-static{background:color-mix(in srgb, var(--bg-surface) 55%, transparent)}[data-theme=void] .glass-card:hover{box-shadow:0 12px 40px #8b8bf51a,0 4px 12px #00000040,inset 0 1px #8b8bf514}.glow-text{text-shadow:0 0 8px var(--glow-color), 0 0 20px var(--glow-accent)}.glow-text-strong{text-shadow:0 0 10px var(--glow-color), 0 0 30px var(--glow-accent), 0 0 60px var(--glow-accent)}.glow-text-accent{text-shadow:0 0 8px color-mix(in srgb, var(--accent-coral) 40%, transparent), 0 0 20px color-mix(in srgb, var(--accent-coral) 15%, transparent)}@keyframes border-glow{0%,to{box-shadow:0 0 8px var(--glow-accent)}50%{box-shadow:0 0 16px var(--glow-color), 0 0 24px var(--glow-accent)}}.border-glow{animation:3s ease-in-out infinite border-glow}.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:12px;--glow-padding:40px;--cone-spread:25;border-radius:var(--border-radius);isolation:isolate;background:var(--card-bg,transparent);border:1px solid #ffffff1a;display:grid;position:relative;overflow:visible;transform:translateZ(.01px)}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{background:linear-gradient(var(--card-bg,transparent) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one) border-box, var(--gradient-two) border-box, var(--gradient-three) border-box, var(--gradient-four) border-box, var(--gradient-five) border-box, var(--gradient-six) border-box, var(--gradient-seven) border-box, var(--gradient-base) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));border:1px solid #0000}.border-glow-card:after{background:var(--gradient-one) padding-box, var(--gradient-two) padding-box, var(--gradient-three) padding-box, var(--gradient-four) padding-box, var(--gradient-five) padding-box, var(--gradient-six) padding-box, var(--gradient-seven) padding-box, var(--gradient-base) padding-box;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);opacity:calc(var(--fill-opacity,.5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light;border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color,#f5daa3), inset 0 0 3px 0 var(--glow-color-50,#f5daa380), inset 0 0 15px 0 var(--glow-color-30,#f5daa34d), inset 0 0 50px 2px var(--glow-color-10,#f5daa31a), 0 0 3px 0 var(--glow-color-50,#f5daa380), 0 0 15px 0 var(--glow-color-30,#f5daa34d), 0 0 50px 2px var(--glow-color-10,#f5daa31a);position:absolute}.border-glow-inner{z-index:1;flex-direction:column;display:flex;position:relative;overflow:auto}@keyframes pulse-critical{0%{background-color:#1a0505}50%{background-color:#240808}to{background-color:#1a0505}}[data-theme=critical] body{animation:3s ease-in-out infinite pulse-critical}.nav-desktop{display:flex}.nav-hamburger{display:none!important}@media (width<=768px){.nav-desktop{display:none!important}.nav-hamburger{display:block!important}.nav-mobile-menu{display:flex!important}.charts-row{grid-template-columns:1fr!important}.hero-layout{grid-template-columns:1fr!important;gap:24px!important}.dot-hero{font-size:22vw}}@media (width<=1024px){.dashboard-layout{grid-template-columns:1fr!important}}@media (width<=900px){.charts-row,.dash-main-grid{grid-template-columns:1fr!important}}.app{flex-direction:column;min-height:100vh;display:flex}