:root{--nasa-blue:#0b3d91;--nasa-red:#fc3d21;--panel-bg:#f4f4f5;--border-color:#111;--text-primary:#111;--text-secondary:#444}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#050510;margin:0;font-family:Space Mono,monospace;overflow:hidden}#canvas-container{z-index:1;width:100vw;height:100vh;position:absolute;top:0;left:0}#ui-container{z-index:10;pointer-events:none;position:absolute;top:20px;left:20px}#toggles-container{z-index:10;pointer-events:none;position:absolute;top:20px;right:20px}.glass-panel{background:var(--panel-bg);border:2px solid var(--border-color);border-radius:0;width:400px;padding:2rem;animation:1s cubic-bezier(.16,1,.3,1) fade-in;position:relative;box-shadow:6px 6px #0b3d9133}.glass-panel:before{content:"";background:var(--nasa-red);width:100%;height:4px;position:absolute;top:0;left:0}.toggles-panel{width:250px}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1{letter-spacing:-.5px;color:var(--nasa-blue);text-transform:uppercase;margin-bottom:.5rem;font-size:1.3rem;font-weight:700}p{color:var(--text-secondary);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:2rem;font-size:.85rem;font-weight:400;display:flex}.live-dot{background-color:var(--nasa-red);border-radius:0;width:10px;height:10px;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.stats{border-bottom:2px solid var(--border-color);grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px;padding-bottom:15px;display:grid}.stat-item{flex-direction:column;display:flex}.stat-item .label{letter-spacing:1.5px;text-transform:uppercase;font-size:.75rem;font-weight:700}.stat-item .value{color:var(--text-primary);margin-top:4px;font-size:1.4rem;font-weight:700}.legend{margin-top:1rem}.legend-scale{color:#a0a0b0;justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.gradient{border-radius:4px;flex-grow:1;height:8px;margin:0 10px}.toggles{pointer-events:auto;flex-direction:column;gap:8px;display:flex}.inactive{opacity:.3;filter:grayscale();transition:all .3s cubic-bezier(.16,1,.3,1)}.toggles button{color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#e0e0e0;border:1px solid #ccc;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:.95rem;font-weight:700}.toggles button.active{color:#fff!important;background:#0b3d91!important;border-color:#0b3d91!important;box-shadow:0 4px 10px #0b3d914d!important}.loader-overlay{z-index:9999;background:#f4f4f5;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .4s;display:flex;position:fixed;top:0;left:0}.loader-overlay.hidden{opacity:0;pointer-events:none}.loader-content{text-align:center;color:var(--border-color);border:2px solid var(--border-color);background:#fff;padding:40px;font-family:inherit;position:relative;box-shadow:8px 8px #0b3d911a}.loader-content:before{content:"";background:var(--nasa-red);width:100%;height:4px;position:absolute;top:0;left:0}.spinner{border:4px solid #eee;border-top-color:var(--nasa-blue);border-radius:0%;width:40px;height:40px;margin:0 auto 20px;animation:1.5s cubic-bezier(.16,1,.3,1) infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-content h2{letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;font-size:1rem;font-weight:700}.progress-bar-container{border:2px solid var(--border-color);background:#fff;width:250px;height:10px;margin:0 auto;overflow:hidden}.progress-bar{background:var(--nasa-blue);width:0%;height:100%;transition:width .2s}