*{box-sizing:border-box;margin:0;padding:0}body{color:#3f3;background-color:#0d0f0d;background-image:linear-gradient(#12101000 50%,#00000040 50%);background-size:100% 4px;flex-direction:column;align-items:center;min-height:100vh;padding:1.5rem;font-family:"Press Start 2P",monospace;display:flex}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}label{color:#3f3;text-shadow:0 0 5px #3f3;font-size:.8rem}input[type=date],button{color:#3f3;cursor:pointer;background-color:#000;border:3px solid #3f3;outline:none;padding:.6rem .8rem;font-family:"Press Start 2P",monospace;font-size:.75rem;box-shadow:3px 3px #1a801a}button:hover,input[type=date]:focus{color:#000;background-color:#3f3}button:active{transform:translate(2px,2px);box-shadow:1px 1px #1a801a}::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}#app{width:100%;max-width:750px}.apod-card{background-color:#000;border:4px solid #3f3;flex-direction:column;align-items:center;gap:1.2rem;padding:1.5rem;display:flex;box-shadow:6px 6px #1a801a}h1{color:#ffb000;text-shadow:0 0 4px #ffb000;text-align:center;font-size:1.1rem;line-height:1.4}.date{color:#3f3;font-size:.75rem}.media-wrapper{justify-content:center;width:100%;display:flex}img,iframe,video{object-fit:cover;border:3px solid #3f3;width:100%;max-height:420px}.explanation{color:#b3ffb3;text-align:left;font-size:.65rem;line-height:1.7}.loading,.error-card{color:#ffb000;text-align:center;padding:2rem;font-size:.8rem}@media (width<=600px){body{padding:.8rem}h1{font-size:.85rem}.explanation{font-size:.55rem}}