:root{--bg-space:#06060e;--bg-panel:#0d0d1880;--border-subtle:#ffffff14;--border-purple:#9b51e033;--border-focus:#9b51e099;--neon-purple:#9b51e0;--neon-green:#39ff14;--neon-orange:#ff7b00;--neon-red:#f05;--text-primary:#f0f3f8;--text-secondary:#90a0c0;--text-muted:#5b6b8b;--font-display:"Orbitron", sans-serif;--font-body:"Space Grotesk", sans-serif;--font-accent:"Black Ops One", sans-serif;--shadow-subtle:0 4px 20px #0006;--shadow-glow:0 0 15px #9b51e026;--transition-smooth:all .3s cubic-bezier(.25, .8, .25, 1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-space);border-left:1px solid var(--border-subtle)}::-webkit-scrollbar-thumb{background:#9b51e04d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neon-purple);box-shadow:0 0 10px var(--neon-purple)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-space);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;position:relative;overflow-x:hidden}.stars-container{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.stars,.stars2,.stars3{background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.stars{width:1px;height:1px;animation:120s linear infinite starMove;box-shadow:120px 240px #fff,350px 80px #fff,700px 420px #fff,950px 180px #fff,1400px 50px #fff,1600px 600px #fff,180px 800px #fff,480px 920px #fff,1150px 750px #fff,1300px 950px #fff,800px 1100px #fff,50px 1300px #fff,1850px 1050px #fff,1500px 1350px #fff,980px 1500px #fff,300px 1650px #fff}.stars2{width:2px;height:2px;animation:80s linear infinite starMove;box-shadow:200px 100px #fff6,450px 300px #ffffff4d,800px 200px #9b51e080,1200px 400px #fff6,1500px 150px #ffffff4d,1750px 500px #9b51e066,250px 700px #ffffff4d,620px 850px #9b51e04d,1050px 680px #fff6,1380px 880px #9b51e066}.stars3{width:3px;height:3px;animation:40s linear infinite starMove;box-shadow:50px 50px #fff,600px 150px #fff,1000px 80px #fff,1450px 350px #fff,1900px 200px #fff,380px 600px #fff,820px 520px #fff,1250px 790px #fff,1680px 620px #fff,150px 1100px #fff,550px 1250px #fff}.nebula{filter:blur(80px);background:radial-gradient(circle at 30% 30%,#9b51e01f 0%,#0000 60%),radial-gradient(circle at 70% 70%,#0d0d18cc 0%,#0000 70%);width:150%;height:150%;animation:180s linear infinite nebulaSpin;position:absolute;top:-25%;left:-25%}@keyframes starMove{0%{transform:translateY(0)}to{transform:translateY(-1000px)}}@keyframes nebulaSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-wrapper{z-index:5;flex-direction:column;min-height:100vh;padding:0 20px;display:flex;position:relative}.dashboard-header{background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-subtle);-webkit-backdrop-filter:blur(12px);border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;margin-top:10px;padding:20px;display:flex}.header-left h1{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--text-primary);text-shadow:0 0 10px #f0f3ff33;margin-top:5px;font-size:1.8rem;font-weight:900}.accent-text{color:var(--text-primary);opacity:.85}.status-indicator{align-items:center;gap:8px;display:flex}.blinking-dot{background-color:var(--neon-green);width:8px;height:8px;box-shadow:0 0 8px var(--neon-green);border-radius:50%;animation:1.5s infinite blink}.status-text{font-family:var(--font-display);letter-spacing:1.5px;color:var(--neon-green);font-size:.75rem;font-weight:500}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.control-panel{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.control-label{font-family:var(--font-display);letter-spacing:1px;color:var(--text-secondary);font-size:.7rem}.input-glow-wrapper{background:var(--border-subtle);transition:var(--transition-smooth);border-radius:4px;padding:1px;position:relative;overflow:hidden}.input-glow-wrapper:focus-within{background:var(--border-focus);box-shadow:var(--shadow-glow)}.dashboard-input{background:var(--bg-space);color:var(--text-primary);font-family:var(--font-display);cursor:pointer;text-align:center;width:180px;transition:var(--transition-smooth);border:1px solid #ffffff0d;border-radius:3px;outline:none;padding:8px 12px;font-size:.9rem}.dashboard-input::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}#app{flex:1;grid-template-columns:1.2fr .8fr;gap:20px;min-height:calc(100vh - 160px);padding:20px 0;display:grid}.viewport-panel{background:var(--bg-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-subtle);-webkit-backdrop-filter:blur(8px);border-radius:6px;flex-direction:column;justify-content:center;min-height:450px;padding:16px;display:flex;position:relative;overflow:hidden}.media-container{background:#0000004d;border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.viewport-image{object-fit:contain;max-width:100%;max-height:70vh;transition:transform .5s;display:block}.media-container:hover .viewport-image{transform:scale(1.02)}.viewport-video{aspect-ratio:16/9;background:#000;border:none;width:100%;max-height:70vh;display:block}.viewport-iframe{aspect-ratio:16/9;background:#000;border:none;width:100%;height:100%;min-height:480px;display:block}.readout-panel{flex-direction:column;gap:20px;display:flex}.readout-card{background:var(--bg-panel);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-subtle);border-radius:6px;padding:24px;position:relative}.readout-card:before{content:"";background:var(--neon-purple);border-radius:3px 0 0 3px;width:3px;height:100%;position:absolute;top:0;left:0}.meta-group{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.meta-label{font-family:var(--font-display);letter-spacing:1px;color:var(--text-secondary);font-size:.75rem}.meta-value{font-family:var(--font-accent);color:var(--text-primary);opacity:.9;font-size:.9rem}.readout-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.5px;text-shadow:0 2px 4px #00000080;margin-bottom:18px;font-size:1.6rem;font-weight:700;line-height:1.3}.readout-explanation{color:var(--text-secondary);text-align:justify;font-size:1rem;font-weight:400;line-height:1.65}.hud-readout-header{font-family:var(--font-display);color:var(--neon-purple);letter-spacing:2px;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;font-weight:700;display:flex}.hud-readout-header:after{content:"";background:linear-gradient(90deg,#9b51e033,#0000);flex:1;height:1px}.hd-link{font-family:var(--font-display);color:var(--text-primary);border:1px solid var(--border-subtle);transition:var(--transition-smooth);background:#ffffff05;border-radius:4px;padding:8px 16px;font-size:.8rem;text-decoration:none;display:inline-block}.loading-container,.error-container{background:var(--bg-panel);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:400px;box-shadow:var(--shadow-subtle);border-radius:6px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;display:flex}.radar-loader{border:2px solid #ffffff0d;border-radius:50%;width:100px;height:100px;margin-bottom:20px;position:relative;overflow:hidden}.radar-loader:before{content:"";background:conic-gradient(from 0deg, var(--neon-purple) 0deg, transparent 90deg, transparent 360deg);transform-origin:50%;border-radius:50%;width:100%;height:100%;animation:2s linear infinite radarSweep;position:absolute;top:0;left:0}.radar-loader:after{content:"";border:1px dashed #ffffff1a;border-radius:50%;width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes radarSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-family:var(--font-display);letter-spacing:3px;color:var(--text-primary);font-size:1.1rem;animation:1.5s ease-in-out infinite pulseText}@keyframes pulseText{0%,to{opacity:.6}50%{opacity:1}}.error-icon{font-family:var(--font-accent);color:var(--neon-red);text-shadow:0 0 10px #ff00554d;margin-bottom:15px;font-size:3rem}.error-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:1px;margin-bottom:8px;font-size:1.3rem;font-weight:700}.error-message{font-family:var(--font-body);color:var(--text-secondary);text-align:center;background:#ff00550d;border:1px solid #f053;border-radius:4px;max-width:450px;padding:12px 20px;font-size:.95rem}@media (width<=1024px){#app{grid-template-columns:1fr;min-height:auto}.viewport-panel{min-height:400px}}@media (width<=600px){.dashboard-wrapper{padding:0 10px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:15px;padding:15px}.control-panel{align-items:flex-start;width:100%}.input-glow-wrapper,.dashboard-input{width:100%}.header-left h1{font-size:1.4rem}.viewport-panel{min-height:300px;padding:10px}.viewport-iframe{min-height:300px}.readout-card{padding:16px}.readout-title{font-size:1.3rem}}