.explorer-page{min-height:100vh;background:linear-gradient(135deg,#030712,#0f172a,#1e1b4b);color:#e2e8f0;position:relative;overflow-x:hidden}.space-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.stars{position:absolute;width:100%;height:100%;background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 30% 40%,rgba(255,255,255,.3),transparent),radial-gradient(1.5px 1.5px at 50% 60%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 70% 30%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 90% 70%,rgba(255,255,255,.3),transparent);background-size:200px 200px}.nebula{position:absolute;border-radius:50%;filter:blur(100px);opacity:.15}.nebula.milky-way{width:500px;height:500px;background:#06b6d4;top:10%;left:10%;animation:nebula-float 30s ease-in-out infinite}.nebula.andromeda{width:400px;height:400px;background:#db2777;bottom:10%;right:10%;animation:nebula-float 25s ease-in-out infinite reverse}@keyframes nebula-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.1)}}.container{max-width:1400px;margin:0 auto;padding:1.5rem;position:relative;z-index:1}.page-header{margin-bottom:2rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#64748b;text-decoration:none;font-size:.85rem;margin-bottom:.5rem;transition:color .2s}.back-link:hover{color:#94a3b8}.page-header h1{font-size:2rem;background:linear-gradient(135deg,#06b6d4,#8b5cf6,#db2777);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.subtitle{color:#64748b}.stats-overview{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.stat-card{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem;background:#0f172ab3;border-radius:12px;border:1px solid rgba(100,116,139,.2);min-width:100px}.stat-icon{font-size:1.5rem;margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:700;color:#f1f5f9;font-family:JetBrains Mono,monospace}.stat-label{font-size:.75rem;color:#64748b;text-transform:uppercase}.graph-controls{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#0f172acc;border-radius:12px;border:1px solid rgba(100,116,139,.2);margin-bottom:1rem;flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:.5rem}.control-label{font-size:.8rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.control-select{background:#1e293bcc;color:#e2e8f0;border:1px solid rgba(100,116,139,.3);border-radius:6px;padding:.4rem .75rem;font-size:.85rem;cursor:pointer;outline:none}.control-select:focus{border-color:#06b6d4}.control-btn{background:#1e293bcc;color:#94a3b8;border:1px solid rgba(100,116,139,.3);border-radius:6px;padding:.4rem .6rem;cursor:pointer;transition:all .2s;display:flex;align-items:center}.control-btn:hover{color:#e2e8f0;border-color:#06b6d4}.toggle-label{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.8rem;color:#94a3b8}.toggle-label input[type=checkbox]{accent-color:#06b6d4}.live-indicator{display:flex;align-items:center;gap:.4rem;margin-left:auto;padding:.3rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#1e293b99;border:1px solid rgba(100,116,139,.2)}.indicator-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.live-dot{background:#22c55e;box-shadow:0 0 6px #22c55e;animation:pulse-dot 2s ease-in-out infinite}.demo-dot{background:#f59e0b}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.indicator-text{color:#cbd5e1}.graph-wrapper{position:relative;margin-bottom:2rem;border-radius:16px;overflow:hidden;background:#03071299;border:1px solid rgba(100,116,139,.2)}.graph-wrapper:fullscreen{background:#030712;border-radius:0}.infra-graph-container{width:100%;aspect-ratio:16 / 10;min-height:400px}.graph-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#030712e6;z-index:10}.loading-spinner{position:relative;width:60px;height:60px;margin-bottom:1rem}.spinner-ring{position:absolute;width:100%;height:100%;border:2px solid transparent;border-top-color:#06b6d4;border-radius:50%;animation:spin 1.2s linear infinite}.spinner-ring:nth-child(2){width:80%;height:80%;top:10%;left:10%;border-top-color:#8b5cf6;animation-duration:.9s;animation-direction:reverse}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#64748b;font-size:.85rem}.details-panel{background:#0f172acc;border-radius:16px;border:1px solid rgba(100,116,139,.2);padding:1.5rem;margin-bottom:2rem;backdrop-filter:blur(12px)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.panel-header h3{font-size:1.25rem;color:#f1f5f9}.close-panel{background:none;border:none;color:#64748b;font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;transition:color .2s}.close-panel:hover{color:#e2e8f0}.panel-placeholder{color:#64748b;font-style:italic}.system-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.detail-group h4{font-size:.75rem;text-transform:uppercase;color:#64748b;margin-bottom:.25rem;letter-spacing:.05em}.detail-group .value{color:#e2e8f0;font-size:.95rem}.status-value{display:flex;align-items:center;gap:.5rem}.status-value.online{color:#22c55e}.status-value.offline{color:#ef4444}.status-dot-large{width:10px;height:10px;border-radius:50%;display:inline-block}.status-value.online .status-dot-large{background:#22c55e;box-shadow:0 0 6px #22c55e}.status-value.offline .status-dot-large{background:#ef4444}.live-metrics{display:flex;flex-direction:column;gap:.5rem}.metric-display{display:flex;align-items:center;gap:.75rem}.metric-name{font-size:.8rem;color:#94a3b8;min-width:35px}.metric-bar-large{flex:1;height:8px;background:#1e293bcc;border-radius:4px;overflow:hidden}.metric-fill-large{height:100%;background:linear-gradient(90deg,#06b6d4,#22c55e);border-radius:4px;transition:width .5s ease}.metric-fill-large.high{background:linear-gradient(90deg,#f97316,#ef4444)}.metric-value{font-size:.8rem;color:#e2e8f0;font-family:JetBrains Mono,monospace;min-width:45px;text-align:right}.services-list{display:flex;flex-wrap:wrap;gap:.5rem}.service-tag{padding:.25rem .5rem;background:#06b6d41a;border:1px solid rgba(6,182,212,.3);border-radius:4px;font-size:.8rem;color:#67e8f9}.network-legend{background:#0f172a99;border-radius:16px;border:1px solid rgba(100,116,139,.2);padding:1.5rem;margin-bottom:2rem}.network-legend h3{font-size:1.1rem;color:#f1f5f9;margin-bottom:1rem}.legend-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.legend-group h4{font-size:.75rem;text-transform:uppercase;color:#64748b;margin-bottom:.5rem;letter-spacing:.05em}.legend-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.4rem;font-size:.85rem;color:#cbd5e1}.legend-color{width:16px;height:16px;border-radius:4px;flex-shrink:0}.legend-shape{width:16px;height:16px;flex-shrink:0}.legend-shape.hexagon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.legend-shape.star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.legend-shape.circle{border-radius:50%}.legend-shape.rectangle{border-radius:2px}.legend-shape.rounded-rect{border-radius:4px}.legend-shape.diamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.legend-line{width:30px;height:2px;flex-shrink:0}.legend-line.solid{background:#475569}.legend-line.dashed{background:repeating-linear-gradient(90deg,#8b5cf6 0,#8b5cf6 8px,transparent 8px,transparent 12px)}.legend-line.dotted-green{background:repeating-linear-gradient(90deg,#22c55e 0,#22c55e 3px,transparent 3px,transparent 6px)}.legend-line.dotted-cyan{background:repeating-linear-gradient(90deg,#06b6d4 0,#06b6d4 3px,transparent 3px,transparent 6px)}.architecture-info{margin-bottom:2rem}.architecture-info h3{font-size:1.25rem;color:#f1f5f9;margin-bottom:1rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.info-card{background:#0f172a99;border-radius:12px;border:1px solid rgba(100,116,139,.2);padding:1.25rem;transition:border-color .3s}.info-card:hover{border-color:#06b6d466}.info-icon{font-size:1.5rem;margin-bottom:.5rem}.info-card h4{font-size:1rem;color:#f1f5f9;margin-bottom:.5rem}.info-card p{font-size:.85rem;color:#94a3b8;line-height:1.5}.try-section{margin-bottom:2rem}.try-section h3{font-size:1.25rem;color:#f1f5f9;margin-bottom:1rem}.try-links{display:flex;flex-wrap:wrap;gap:1rem}.try-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#0f172a99;border-radius:12px;border:1px solid rgba(100,116,139,.2);color:#e2e8f0;text-decoration:none;font-size:.9rem;transition:all .2s}.try-link:hover{border-color:#06b6d466;background:#0f172acc}.link-icon{font-size:1.25rem}.learning-panel{position:fixed;top:100px;right:1rem;z-index:50;max-width:400px;max-height:calc(100vh - 120px);overflow-y:auto}.learning-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#0f172ae6;border:1px solid rgba(100,116,139,.3);border-radius:8px;color:#94a3b8;cursor:pointer;font-size:.85rem;transition:all .2s;margin-left:auto}.learning-toggle:hover{color:#e2e8f0;border-color:#06b6d466}.learning-content{display:grid;gap:1rem;background:#0f172af2;border:1px solid rgba(100,116,139,.3);border-radius:12px;padding:1rem;margin-top:.5rem;max-height:calc(100vh - 180px);overflow-y:auto;backdrop-filter:blur(12px)}.mobile-system-list{padding:1rem}.mobile-galaxy-group{margin-bottom:1.5rem}.mobile-galaxy-title{font-size:1.1rem;font-weight:700;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(100,116,139,.2)}.mobile-system-card{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:#0f172ab3;border:1px solid rgba(100,116,139,.2);border-radius:8px;margin-bottom:.5rem;color:#e2e8f0;cursor:pointer;transition:border-color .2s;text-align:left}.mobile-system-card:hover{border-color:#06b6d466}.mobile-icon{font-size:1.5rem}.mobile-info{flex:1;display:flex;flex-direction:column;gap:.1rem}.mobile-info strong{font-size:.95rem}.mobile-role{font-size:.75rem;color:#94a3b8}.mobile-specs{font-size:.75rem;color:#64748b;font-family:JetBrains Mono,monospace}.mobile-status .status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e}@media(max-width:768px){.infra-graph-container,.graph-controls,.graph-loading{display:none}.learning-panel{position:relative;top:auto;right:auto;max-width:100%;max-height:none;margin-bottom:1rem}.learning-content{max-height:60vh}.stats-overview{gap:.75rem}.stat-card{padding:.75rem;min-width:80px}.stat-value{font-size:1.1rem}.legend-items,.info-grid{grid-template-columns:1fr}.try-links{flex-direction:column}}@media(prefers-reduced-motion:reduce){.nebula,.live-dot,.spinner-ring{animation:none}}