@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Share+Tech+Mono&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&display=swap";:root{--void:#020409;--deep-space:#050b18;--nebula:#0a1628;--dust:#0f2040;--horizon:#1a3560;--star:#c8d8f5;--bright-star:#e8f0ff;--gold:#c9a227;--gold-dim:#c9a22766;--amber:#e8961a;--cyan-star:#4ae3ff;--cyan-dim:#4ae3ff1f;--glow:#4ae3ff33;--font-display:"Playfair Display", Georgia, serif;--font-mono:"Share Tech Mono", "Courier New", monospace;--font-body:"Cormorant Garamond", Georgia, serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--void);color:var(--star);font-family:var(--font-body);cursor:crosshair;min-height:100vh;font-size:18px;line-height:1.7;overflow-x:hidden}::selection{color:#fff;background:#4ae3ff40}#root{width:100%;min-height:100vh}.starfield{z-index:0;pointer-events:none;position:fixed;inset:0}.observatory{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.header{justify-content:space-between;align-items:center;padding:28px 48px;display:flex;position:relative}.header:after{content:"";background:linear-gradient(90deg, transparent, var(--cyan-star), transparent);opacity:.2;height:1px;position:absolute;bottom:0;left:48px;right:48px}.header-left{flex-direction:column;gap:3px;display:flex}.header-label{font-family:var(--font-mono);letter-spacing:.35em;text-transform:uppercase;color:var(--cyan-star);opacity:.65;font-size:10px}.header-title{font-family:var(--font-display);letter-spacing:.02em;color:var(--bright-star);font-size:22px;font-weight:700}.header-right{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.date-badge{font-family:var(--font-mono);letter-spacing:.15em;color:var(--gold);border:1px solid var(--gold-dim);background:#c9a2270d;border-radius:2px;padding:4px 12px;font-size:11px}.coord-badge{font-family:var(--font-mono);letter-spacing:.1em;color:#c8d8f540;font-size:9px}.main{flex:1;grid-template-columns:1fr 420px;align-items:start;gap:0;width:100%;max-width:1600px;margin:0 auto;padding:0 48px 48px;display:grid}.media-pane{grid-column:1;padding:48px 48px 0 0;position:relative}.media-frame{background:var(--deep-space);border:1px solid #4ae3ff1a;position:relative;overflow:hidden}.corner-tl,.corner-tr,.corner-bl,.corner-br{z-index:2;pointer-events:none;width:20px;height:20px;position:absolute}.corner-tl{border-top:2px solid var(--cyan-star);border-left:2px solid var(--cyan-star);top:-1px;left:-1px}.corner-tr{border-top:2px solid var(--cyan-star);border-right:2px solid var(--cyan-star);top:-1px;right:-1px}.corner-bl{border-bottom:2px solid var(--gold);border-left:2px solid var(--gold);bottom:-1px;left:-1px}.corner-br{border-bottom:2px solid var(--gold);border-right:2px solid var(--gold);bottom:-1px;right:-1px}.apod-image{object-fit:cover;opacity:0;width:100%;height:auto;max-height:72vh;transition:opacity 1s;display:block}.apod-image.loaded{opacity:1}.apod-video{aspect-ratio:16/9;border:none;width:100%;display:block}.media-overlay{pointer-events:none;background:linear-gradient(#0000,#02040980);height:80px;position:absolute;bottom:0;left:0;right:0}.scan-line{background:linear-gradient(90deg, transparent 0%, var(--cyan-star) 50%, transparent 100%);opacity:0;height:2px;animation:5s ease-in-out 1.5s infinite scan;position:absolute;top:0;left:0;right:0}@keyframes scan{0%{opacity:0;top:0%}5%{opacity:.35}90%{opacity:.1}to{opacity:0;top:100%}}.info-pane{border-left:1px solid #4ae3ff0f;flex-direction:column;grid-column:2;padding:48px 0 0 40px;display:flex}.section-tag{font-family:var(--font-mono);letter-spacing:.4em;text-transform:uppercase;color:var(--cyan-star);opacity:.55;align-items:center;gap:10px;margin-bottom:18px;font-size:9px;display:flex}.section-tag:after{content:"";background:linear-gradient(90deg,#4ae3ff40,#0000);flex:1;height:1px}.apod-title{font-family:var(--font-display);color:var(--bright-star);letter-spacing:-.01em;margin-bottom:8px;font-size:clamp(22px,2.4vw,34px);font-weight:700;line-height:1.2}.apod-subtitle{font-family:var(--font-mono);letter-spacing:.12em;color:#c8d8f559;margin-bottom:28px;font-size:11px}.divider{background:linear-gradient(90deg,#c9a22759,#0000);height:1px;margin-bottom:24px}.explanation-label{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:#c8d8f54d;margin-bottom:10px;font-size:9px}.explanation{font-family:var(--font-body);color:#c8d8f5b8;scrollbar-width:thin;scrollbar-color:#4ae3ff2e transparent;max-height:300px;padding-right:10px;font-size:16px;font-weight:300;line-height:1.85;overflow-y:auto}.explanation::-webkit-scrollbar{width:3px}.explanation::-webkit-scrollbar-track{background:0 0}.explanation::-webkit-scrollbar-thumb{background:#4ae3ff2e;border-radius:2px}.meta-grid{background:#4ae3ff12;border:1px solid #4ae3ff12;grid-template-columns:1fr 1fr;gap:1px;margin-top:28px;display:grid}.meta-cell{background:var(--deep-space);flex-direction:column;gap:5px;padding:13px 15px;display:flex}.meta-label{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:#c8d8f547;font-size:8px}.meta-value{font-family:var(--font-mono);color:var(--gold);letter-spacing:.05em;font-size:12px}.meta-value.cyan{color:var(--cyan-star)}.copyright-strip{background:#c9a22708;border:1px solid #c9a2271a;align-items:center;gap:10px;margin-top:20px;padding:11px 14px;display:flex}.copyright-icon{color:var(--gold);opacity:.5;font-size:11px;font-family:var(--font-mono)}.copyright-text{font-family:var(--font-body);color:#c8d8f566;font-size:13px;font-style:italic}.loading-container{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:36px;min-height:100vh;display:flex;position:relative}.telescope-loader{width:80px;height:80px;position:relative}.scope-ring{border:1px solid #0000;border-radius:50%;animation:2s linear infinite orbit;position:absolute;inset:0}.scope-ring:first-child{border-top-color:var(--cyan-star);animation-duration:2s}.scope-ring:nth-child(2){border-right-color:var(--gold);animation-duration:3s;animation-direction:reverse;inset:12px}.scope-ring:nth-child(3){border-bottom-color:#c8d8f559;animation-duration:4.5s;inset:24px}.scope-dot{background:var(--cyan-star);box-shadow:0 0 12px var(--cyan-star), 0 0 24px #4ae3ff66;border-radius:50%;animation:2s ease-in-out infinite pulse-dot;position:absolute;inset:35px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.5)}}.loading-text{font-family:var(--font-mono);letter-spacing:.4em;text-transform:uppercase;color:var(--cyan-star);font-size:11px;animation:1.5s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:.7}50%{opacity:.15}}.error-container{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:24px;display:flex;position:relative}.error-code{font-family:var(--font-mono);color:#ff444440;letter-spacing:.1em;font-size:72px;line-height:1}.error-msg{font-family:var(--font-display);color:#c8d8f58c;font-size:22px}.error-detail{font-family:var(--font-mono);color:#ff44448c;letter-spacing:.1em;max-width:400px;font-size:11px}.footer{z-index:1;border-top:1px solid #4ae3ff0d;justify-content:space-between;align-items:center;padding:20px 48px;display:flex;position:relative}.footer-left{font-family:var(--font-mono);letter-spacing:.25em;color:#c8d8f52e;text-transform:uppercase;font-size:9px}.footer-dots{align-items:center;gap:20px;display:flex}.footer-dot{background:var(--cyan-star);opacity:.25;width:3px;height:3px;animation:twinkle var(--delay,3s) ease-in-out infinite;border-radius:50%}@keyframes twinkle{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.9;box-shadow:0 0 5px var(--cyan-star);transform:scale(1.8)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.9s cubic-bezier(.16,1,.3,1) both fade-up}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.35s}.delay-4{animation-delay:.5s}.delay-5{animation-delay:.65s}.delay-6{animation-delay:.8s}@media (width<=1024px){.main{grid-template-columns:1fr;padding:0 24px 48px}.media-pane{padding:32px 0 0}.info-pane{border-top:1px solid #4ae3ff0f;border-left:none;padding-top:32px;padding-left:0}.header{padding:20px 24px}.footer{padding:16px 24px}.explanation{max-height:none}}