*{box-sizing:border-box;margin:0;padding:0}:root{--bg:black;--bg-card:#0f0f1e;--border:#1f1f35;--text:#e8e8f5;--muted:gray;--accent:mediumpurple;--gold:gold}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:space grotek,sans-serif;overflow-x:hidden}.stars-bg{z-index:0;pointer-events:none;background-color:#0000;background-image:radial-gradient(3px 3px at 20px 30px,#fff,#0000),radial-gradient(3px 3px at 40px 70px,#fff,#0000),radial-gradient(3px 3px at 50px 160px,#fff,#0000),radial-gradient(3px 3px at 90px 40px,#fff,#0000),radial-gradient(3px 3px at 130px 80px,#fff,#0000),radial-gradient(3px 3px at 160px 120px,#fff,#0000),radial-gradient(2px 2px at 50px 50px,#fff,#0000),radial-gradient(2px 2px at 100px 30px,#fff,#0000),radial-gradient(2px 2px at 150px 50px,#fff,#0000),radial-gradient(2px 2px at 30px 100px,#fff,#0000),radial-gradient(2px 2px at 80px 130px,#fff,#0000),radial-gradient(2px 2px at 130px 160px,#fff,#0000);background-size:200px 200px;width:100%;height:100%;animation:5s ease-in-out infinite twinkle;position:fixed;top:0;left:0}@keyframes twinkle{0%,to{opacity:.5}50%{opacity:.8}}.app{z-index:1;width:min(900px, calc(100%-32px));margin:auto;padding:40px 0 60px;position:relative}.header{text-align:center;margin-bottom:40px}.logo{justify-content:center;align-items:center;gap:10px;margin-bottom:10px;display:flex}.logo-icon{color:var(--accent);font-size:28px;animation:20s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.logo-text{letter-spacing:4px;background:linear-gradient(135deg, #fff, var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:orbitron,sans-serif;font-size:28px;font-weight:700}.tagline{color:var (--muted);letter-spacing:.5px;font-size:13px}.controls{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:24px;display:flex}.control-group{flex-direction:column;flex:1;gap:4px;min-width:180px;display:flex}.control-group label{color:var (--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px}input[type=date]{color:#e8e8f5;cursor:pointer;background:#0f0f1e;border:1px solid #1f1f35;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px}input[type=date]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}input[type=date]:focus{border-color:var(--accent)}.btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;border-radius:8px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.btn:hover{color:#9370db;border-color:#9370db}.btn-fav.active{color:gold;border-color:gold}.apod-card{background:#0f0f1e;border:1px solid #141424;border-radius:16px;flex-direction:column;min-height:300px;margin-bottom:40px;transition:border-color .3s;display:flex;overflow:hidden}.apod-card:hover{border-color:#9370db}loading{color:gray;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;font-size:13px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.apod-image-wrap{background:#000;width:100%;position:relative}.apod-image{object-fit:contain;width:100%;max-height:500px;display:block}.apod-video{aspect-ratio:16/9;border:0;width:100%;display:block}.apod-info{padding:24px}.apod-date{color:#9370db;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;font-size:11px;font-weight:600}.apod-title{margin-bottom:12px;font-family:orbitron,sans-serif;font-size:22px;font-weight:600;line-height:1.3}.apod-explanation{color:gray;font-size:14px;line-height:1.7}.apod-copyright{color:gray;margin-top:12px;font-size:11px;font-style:italic}.section-title{text-transform:uppercase;letter-spacing:2px;color:#e8e8f5;margin-bottom:16px;font-family:orbitron,sans-serif;font-size:16px;font-weight:600}.favourites-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.fav-card{aspect-ratio:1;cursor:pointer;transition:.2;background:#000;border:1px solid #1f1f35;border-radius:10px;position:relative;overflow:hidden}.fav-card:hover{border-color:#9370db;transform:translateY(-2px)}.fav-card img{object-fit:cover;width:100%;height:100%}.fav-card .fav-date{color:#fff;background:linear-gradient(#0000,#000);padding:6px 8px;font-size:10px;position:absolute;bottom:0;left:0;right:0}.fav-remove{color:#fff;cursor:pointer;opacity:0;background:#dc143c;border:0;border-radius:50%;width:22px;height:22px;font-size:14px;line-height:1;transition:all .15s;position:absolute;top:6px;right:6px}.fav-card:hover .fav-remove{opacity:1}.empty-state{color:gray;text-align:center;border:1px dashed #1f1f35;border-radius:10px;grid-column:1/-1;padding:20px;font-size:13px}.footer{text-align:center;color:gray;border-top:1px solid #1f1f35;margin-top:40px;padding-top:24px;font-size:12px}.footer a{color:#9370db;text-decoration:none}@media (width<=600px){.logo-text{letter-spacing:2px;font-size:20px}.apod-title{font-size:18px}.controls{flex-direction:column}.controls .btn{width:100%}}