body{color:#fff;box-sizing:border-box;background-color:#100224;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;margin:0;padding:3rem 1.5rem;font-family:Courier New,Courier,monospace;position:relative}.site-title{text-align:center;letter-spacing:.15em;text-transform:uppercase;color:#e9dcff;text-shadow:0 0 18px #a855f7d9;margin:0 0 1.5rem;font-family:Courier New,Courier,monospace;font-size:3.2rem;font-weight:900}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.controls button,#datepicker{color:#fff;cursor:pointer;background:#1c0838;border:1px solid #ffffff80;border-radius:6px;padding:.45rem .9rem;font-family:Courier New,Courier,monospace}.controls button:hover:not(:disabled){background:#2a0d55}.controls button:disabled{opacity:.4;cursor:not-allowed}#app{text-align:center;max-width:900px;margin:0 auto}#app h1{color:#fff;font-family:Courier New,Courier,monospace;font-size:2.5rem;font-weight:900;line-height:1.2;text-decoration:underline}#app .content{text-align:left;align-items:flex-start;gap:1.5rem;margin-top:1.5rem;display:flex}#app .content img,#app .content video,#app .content iframe{border-radius:10px;flex:50%;width:50%;min-width:0;max-width:50%;height:auto}#app .content iframe{aspect-ratio:16/9}.apod-image{cursor:pointer;transition:transform .15s}.apod-image:hover{transform:scale(1.02)}#app .content p{color:#fff;flex:50%;min-width:0;margin:0;font-family:Courier New,Courier,monospace;font-size:1rem;line-height:1.7}#app img.astronaut{width:200px;max-width:none;box-shadow:none;border:none;border-radius:0;animation:1.5s linear infinite spin;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.lightbox{z-index:100;cursor:zoom-out;box-sizing:border-box;background:#000000eb;padding:2rem;display:none;position:fixed;inset:0}.lightbox.open{justify-content:center;align-items:center;display:flex}.lightbox img{border-radius:6px;max-width:95%;max-height:95%;box-shadow:0 0 40px #000c}@media (width<=600px){.site-title{font-size:2.2rem}#app h1{font-size:1.8rem}#app .content{flex-direction:column}#app .content img,#app .content video,#app .content iframe{width:100%;max-width:100%}}