*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:radial-gradient(circle at top,#151b38,#050816 60%);min-height:100vh;font-family:Arial,sans-serif}header{text-align:center;padding:55px 20px 35px}header h1{margin-bottom:15px;font-size:3.5rem}header p{color:#aaa;font-size:1.2rem}main{justify-content:center;align-items:center;min-height:70vh;padding:40px 20px;display:flex}.hero{text-align:center;background:#10162b;border-radius:25px;width:100%;max-width:960px;min-height:400px;padding:45px;animation:.6s fadeIn;position:relative;box-shadow:0 20px 60px #00000059}.apod-content h2{margin-bottom:10px;font-size:2.2rem}.date{color:#888;margin-bottom:30px}.apod-image{object-fit:contain;border-radius:15px;width:100%;max-height:650px;margin:0 auto 30px;transition:transform .4s,box-shadow .4s;display:block}.apod-image:hover{transform:scale(1.015);box-shadow:0 15px 40px #0006}.apod-video{border:none;border-radius:15px;width:100%;height:500px;margin-bottom:30px}.description{text-align:left;color:#ccc;font-size:1rem;line-height:1.8}.copyright{color:#777;margin-top:20px}button{color:#050816;cursor:pointer;background:#fff;border:none;border-radius:9px;padding:13px 22px;font-size:1rem;transition:transform .2s,opacity .2s}button:hover{opacity:.85;transform:translateY(-2px)}.controls{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:35px;display:flex}.controls button{min-width:120px}.date-picker{border-top:1px solid #252b40;margin-top:40px;padding-top:30px}.date-picker label{color:#aaa;margin-bottom:15px;display:block}.date-controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.date-controls input{color:#fff;background:#050816;border:1px solid #333;border-radius:9px;padding:12px;font-size:1rem}.loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:300px;display:flex}.loading p{color:#aaa}.loader{border:4px solid #333;border-top-color:#fff;border-radius:50%;width:50px;height:50px;margin-bottom:15px;animation:1s linear infinite spin}.error{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:300px;display:flex}.error h2{font-size:2rem}.error p{color:#bbb}.error-details{word-break:break-word;max-width:600px;font-size:.8rem;color:#777!important}.top-button{border-radius:50%;width:45px;height:45px;padding:0;font-size:20px;position:fixed;bottom:25px;right:25px}footer{text-align:center;color:#777;padding:30px}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=600px){header h1{font-size:2.3rem}header p{font-size:1rem}main{padding:20px 12px}.hero{border-radius:18px;padding:25px 15px}.apod-content h2{font-size:1.6rem}.description{font-size:.95rem}.apod-video{height:300px}.controls{flex-direction:column}.controls button{width:100%}}