@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--color-primary:#00f0ff;--color-primary-light:#33f5ff;--color-primary-dim:#00b8c4;--color-primary-glow:#00f0ff59;--color-primary-subtle:#00f0ff14;--color-safe:#0f8;--color-safe-glow:#00ff884d;--color-watch:#ffb800;--color-watch-glow:#ffb8004d;--color-danger:#ff4d4d;--color-danger-glow:#ff4d4d4d;--color-critical:#ff1744;--color-critical-glow:#ff174480;--color-bg-deep:#030712;--color-bg-dark:#0a0f1a;--color-bg-surface:#0d1117;--color-bg-elevated:#161b22;--color-card-bg:#060c18d9;--color-card-border:#00f0ff1f;--color-card-border-hover:#00f0ff66;--color-card-hover:#00f0ff0f;--color-text-primary:#e8ecf0;--color-text-secondary:#8b98a5;--color-text-muted:#536471;--color-text-accent:#00f0ff;--font-display:"Outfit", sans-serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Cascadia Code", "Fira Code", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-card:0 8px 32px 0 #000000a6, 0 0 0 1px #00f0ff0d;--shadow-glow:0 0 30px var(--color-primary-glow);--shadow-neon:0 0 15px #00f0ff40, 0 0 60px #00f0ff14;--shadow-danger-glow:0 0 20px #ff17444d}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg-deep);color:var(--color-text-primary);background-image:radial-gradient(at 10% 0,#00f0ff0f 0%,#0000 50%),radial-gradient(at 90% 100%,#ff17440a 0%,#0000 50%),radial-gradient(#00f0ff05 0%,#0000 70%);min-height:100vh;line-height:1.55;overflow-x:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#030712e6}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--color-primary-dim), var(--color-primary));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary);box-shadow:0 0 8px var(--color-primary-glow)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}h1{font-family:var(--font-display)}.mono{font-family:var(--font-mono)}.text-glow{text-shadow:0 0 10px var(--color-primary-glow), 0 0 40px #00f0ff1a}.glass-card{background:var(--color-card-bg);-webkit-backdrop-filter:blur(20px)saturate(1.2);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-shrink:0;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glass-card:before{content:"";pointer-events:none;z-index:0;border-radius:inherit;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00f0ff02 2px 4px);position:absolute;inset:0}.glass-card>*{z-index:1;position:relative}.glass-card:hover{border-color:var(--color-card-border-hover);box-shadow:var(--shadow-card), 0 0 24px #00f0ff1f}aside,section{scrollbar-width:thin;scrollbar-color:var(--color-primary-dim) #030712cc;min-height:0}aside>*,section>*{flex-shrink:0}.badge{border-radius:var(--radius-full);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;align-items:center;gap:5px;padding:3px 10px;font-size:.7rem;font-weight:600;transition:all .2s;display:inline-flex}.badge-low{color:var(--color-safe);background:#00ff881a;border:1px solid #00ff884d;box-shadow:0 0 8px #00ff881a}.badge-medium{color:var(--color-watch);background:#ffb8001a;border:1px solid #ffb8004d;box-shadow:0 0 8px #ffb8001a}.badge-high{color:var(--color-danger);background:#ff4d4d1f;border:1px solid #ff4d4d59;box-shadow:0 0 8px #ff4d4d1a}.badge-critical{color:#ff4060;background:#ff174426;border:1px solid #ff174480;animation:2s ease-in-out infinite pulse-critical}@keyframes pulse-critical{0%,to{box-shadow:0 0 #ff174480}50%{box-shadow:0 0 18px 5px #ff174459}}.btn-primary{color:#030712;border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;text-shadow:none;letter-spacing:.01em;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#00f0fff2 0%,#00b8c4f2 100%);border:none;align-items:center;gap:8px;padding:10px 18px;font-size:.825rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;box-shadow:0 4px 18px #00f0ff4d,inset 0 1px #fff3}.btn-primary:hover{filter:brightness(1.12);transform:translateY(-2px)scale(1.01);box-shadow:0 8px 30px #00f0ff80,0 0 50px #00f0ff33}.btn-primary:active{transform:translateY(0)scale(.98);box-shadow:0 2px 10px #00f0ff4d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{color:var(--color-text-primary);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;-webkit-user-select:none;user-select:none;background:#00f0ff0f;border:1px solid #00f0ff33;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-secondary:hover{color:#fff;background:#00f0ff24;border-color:#00f0ff80;transform:translateY(-1px);box-shadow:0 0 16px #00f0ff33}.btn-secondary:active{transform:translateY(0)scale(.98)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed;transform:none}@keyframes cascadeGlow{0%,to{box-shadow:0 4px 18px #00f0ff59,inset 0 1px #fff3}50%{box-shadow:0 6px 28px #00f0ffa6,0 0 40px #00f0ff40,inset 0 1px #fff6}}.btn-trigger-cascade{animation:2.8s ease-in-out infinite cascadeGlow}.hotspot-item{cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.hotspot-item:hover{transform:translate(4px);box-shadow:0 4px 16px #0006,0 0 14px #00f0ff1f;background:#00f0ff12!important;border-color:#00f0ff66!important}.hotspot-item.active{box-shadow:0 0 20px #00f0ff33,inset 0 0 10px #00f0ff0f;border-color:var(--color-primary)!important;background:#00f0ff1f!important}.hotspot-item.active:before{content:"";background:var(--color-primary);width:3px;box-shadow:0 0 8px var(--color-primary);position:absolute;top:0;bottom:0;left:0}input[type=range]{appearance:none;background:#ffffff1a;border-radius:4px;outline:none;height:5px;transition:all .2s}input[type=range]:hover{background:#ffffff2e}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .15s,box-shadow .15s;box-shadow:0 0 10px #00f0ffb3}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 16px var(--color-primary);transform:scale(1.3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes neonPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes glowBreathe{0%,to{box-shadow:0 0 5px var(--color-primary-glow)}50%{box-shadow:0 0 20px var(--color-primary-glow), 0 0 40px #00f0ff14}}.animate-fade-in{animation:.45s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-slide-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideInRight}.animate-glow{animation:3s ease-in-out infinite glowBreathe}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.leaflet-container{border-radius:0;width:100%;height:100%;background-color:#040a12!important}.leaflet-popup-content-wrapper{color:var(--color-text-primary)!important;border-radius:var(--radius-md)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#060c18f2!important;border:1px solid #00f0ff59!important;box-shadow:0 8px 32px #000000b3,0 0 15px #00f0ff1a!important}.leaflet-popup-tip{background:#060c18f2!important;border:1px solid #00f0ff33!important}.leaflet-control-zoom a{color:var(--color-primary)!important;background:#060c18e6!important;border:1px solid #00f0ff33!important}.leaflet-control-zoom a:hover{background:#00f0ff26!important}.telemetry-ticker{white-space:nowrap;background:linear-gradient(90deg,#030712fa 0%,#060f1efa 50%,#030712fa 100%);border-top:1px solid #00f0ff14;border-bottom:1px solid #00f0ff26;align-items:center;height:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 15px #0009,inset 0 1px #00f0ff0d}.telemetry-ticker:before,.telemetry-ticker:after{content:"";z-index:2;pointer-events:none;width:80px;position:absolute;top:0;bottom:0}.telemetry-ticker:before{background:linear-gradient(90deg,#030712 0%,#0000 100%);left:0}.telemetry-ticker:after{background:linear-gradient(270deg,#030712 0%,#0000 100%);right:0}.marquee-content{font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-text-muted);align-items:center;gap:36px;padding-left:100%;font-size:.72rem;animation:42s linear infinite marquee-scroll;display:inline-flex}.marquee-content:hover{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.marquee-item{align-items:center;gap:8px;display:inline-flex}.marquee-highlight{color:var(--color-primary);text-shadow:0 0 8px #00f0ff4d;font-weight:600}.marquee-emerald{color:var(--color-safe);text-shadow:0 0 8px #00ff884d;font-weight:600}.marquee-amber{color:var(--color-watch);text-shadow:0 0 8px #ffb8004d;font-weight:600}.particle-canvas{pointer-events:none;z-index:0;opacity:.5;width:100vw;height:100vh;position:fixed;top:0;left:0}.audio-equalizer{align-items:flex-end;gap:2px;height:14px;margin-left:6px;display:inline-flex}.audio-bar{background:var(--color-primary);border-radius:2px;width:2.5px;animation:1.1s ease-in-out infinite sound-wave;box-shadow:0 0 4px #00f0ff66}.audio-bar:first-child{height:5px;animation-delay:.1s}.audio-bar:nth-child(2){height:12px;animation-delay:.28s}.audio-bar:nth-child(3){height:8px;animation-delay:.14s}.audio-bar:nth-child(4){height:14px;animation-delay:.38s}.audio-bar:nth-child(5){height:6px;animation-delay:.22s}@keyframes sound-wave{0%,to{opacity:.5;transform:scaleY(.35)}50%{opacity:1;filter:drop-shadow(0 0 6px #00f0ff99);transform:scaleY(1.3)}}.cyber-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);background:#060c18cc;border:1px solid #00f0ff1f;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.cyber-card:after{content:"";background:linear-gradient(90deg, transparent, var(--color-primary), transparent);opacity:.4;height:1px;position:absolute;top:0;left:10%;right:10%}.cyber-card:hover{border-color:#00f0ff66;transform:translateY(-2px);box-shadow:0 12px 40px #000000b3,0 0 25px #00f0ff1a}.cyber-badge{color:var(--color-primary);font-family:var(--font-mono);border-radius:var(--radius-full);letter-spacing:.04em;text-shadow:0 0 8px #00f0ff33;background:#00f0ff14;border:1px solid #00f0ff40;padding:2px 10px;font-size:.7rem;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(12px)saturate(.8);z-index:9999;background:#02040ae0;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-bg-surface);border-radius:var(--radius-xl);border:1px solid #00f0ff40;width:100%;max-width:900px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards modalPop;overflow-y:auto;box-shadow:0 30px 80px -20px #000000e6,0 0 50px #00f0ff14,inset 0 1px #00f0ff1a}@keyframes modalPop{0%{opacity:0;transform:scale(.94)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.pulse-ping{width:8px;height:8px;display:inline-flex;position:relative}.pulse-ping-dot{background-color:var(--color-safe);opacity:.7;border-radius:9999px;animation:1.5s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:0}.pulse-ping-core{background-color:var(--color-safe);border-radius:9999px;width:8px;height:8px;position:relative;box-shadow:0 0 6px #00ff8880}@keyframes ping{75%,to{opacity:0;transform:scale(2.5)}}.neon-divider{background:linear-gradient(90deg,#0000,#00f0ff4d,#0000);border:none;height:1px;margin:12px 0}.gauge-ring-glow{filter:drop-shadow(0 0 6px var(--color-primary-glow))}@media (width<=1280px){body{font-size:14px}}::selection{color:#fff;background:#00f0ff40}:focus-visible{outline-offset:2px;outline:2px solid #00f0ff80}a{color:var(--color-primary);text-decoration:none;transition:color .2s,text-shadow .2s}a:hover{color:var(--color-primary-light);text-shadow:0 0 8px #00f0ff4d}.nav-tab-container{border-radius:var(--radius-full);background:#0d1117d9;border:1px solid #00f0ff26;align-items:center;gap:4px;padding:3px 4px;display:flex;box-shadow:0 0 20px #0006,inset 0 0 10px #00f0ff08}.nav-tab-btn{border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:7px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.nav-tab-btn:hover{color:#fff;background:#ffffff0d}.nav-tab-btn.active{color:#fff;text-shadow:0 0 8px #00f0ff66;background:linear-gradient(135deg,#00f0ff33 0%,#00f0ff0d 100%);border-color:#00f0ff73;box-shadow:0 0 16px #00f0ff40,inset 0 0 8px #00f0ff1a}.preset-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px;margin-bottom:12px;display:grid}.preset-pill{border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #ffffff0f;flex-direction:column;align-items:flex-start;padding:7px 10px;font-size:.72rem;transition:all .2s;display:flex}.preset-pill:hover{background:#00f0ff14;border-color:#00f0ff4d;transform:translateY(-1px)}.preset-pill.active{border-color:var(--color-primary);background:#00f0ff1f;box-shadow:0 0 12px #00f0ff33}.mcp-pill-btn{color:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;background:linear-gradient(135deg,#00f0ff26 0%,#030712e6 100%);border:1px solid #00f0ff66;align-items:center;gap:8px;padding:6px 14px;font-size:.78rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 0 15px #00f0ff33}.mcp-pill-btn:hover{border-color:var(--color-primary);background:linear-gradient(135deg,#00f0ff4d 0%,#030712f2 100%);transform:scale(1.02);box-shadow:0 0 25px #00f0ff66}.code-snippet-box{border-radius:var(--radius-md);font-family:var(--font-mono);color:#a5f3fc;background:#02060ef2;border:1px solid #00f0ff33;padding:12px 14px;font-size:.78rem;position:relative;overflow-x:auto;box-shadow:inset 0 0 15px #000c}
