:root{--bg-color:#0b0d17;--text-color:#fff;--accent-color:#d0d6f9;--card-bg:#1c1f33}body{background-color:var(--bg-color);color:var(--text-color);margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}#app{flex-direction:column;max-width:800px;min-height:100vh;margin:0 auto;padding:2rem;display:flex}header{text-align:center;margin-bottom:2rem}h1{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#d0d6f9,#a5b4fc);-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem}.date{color:var(--accent-color);font-size:1.1rem;font-weight:500}main{flex-direction:column;flex-grow:1;gap:2rem;display:flex}.apod-image,.apod-video{border:1px solid #ffffff1a;border-radius:12px;width:100%;box-shadow:0 10px 30px #00000080}.apod-video{aspect-ratio:16/9}.explanation{background-color:var(--card-bg);border-left:4px solid var(--accent-color);border-radius:12px;padding:1.5rem}.explanation h2{color:var(--accent-color);margin-top:0;font-size:1.25rem}.loading,.error{text-align:center;background:var(--card-bg);border-radius:12px;margin-top:2rem;padding:3rem}.error h1{color:#ff6b6b;-webkit-text-fill-color:#ff6b6b}footer{text-align:center;color:#888;margin-top:2rem;font-size:.9rem}@media (width<=600px){h1{font-size:1.8rem}#app{padding:1rem}}