*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#100224;flex-direction:column;align-items:center;min-height:100vh;margin:0;padding:2rem 1rem;display:flex;position:relative}body:before,body:after{content:"";z-index:-1;clip-path:polygon(0 0,100% 0,85% 2.5%,100% 5%,85% 7.5%,100% 10%,85% 12.5%,100% 15%,85% 17.5%,100% 20%,85% 22.5%,100% 25%,85% 27.5%,100% 30%,85% 32.5%,100% 35%,85% 37.5%,100% 40%,85% 42.5%,100% 45%,85% 47.5%,100% 50%,85% 52.5%,100% 55%,85% 57.5%,100% 60%,85% 62.5%,100% 65%,85% 67.5%,100% 70%,85% 72.5%,100% 75%,85% 77.5%,100% 80%,85% 82.5%,100% 85%,85% 87.5%,100% 90%,85% 92.5%,100% 95%,85% 97.5%,100% 100%,0 100%);background:#ff007a;width:50px;height:100vh;position:fixed;top:0;bottom:0}body:before{left:0}body:after{right:0;transform:scaleX(-1)}h1{font-family:Orbitron,sans-serif}p{font-family:Black Ops One,sans-serif}#datepicker{color:#fff;cursor:pointer;background-color:#1e053a;border:2px solid #ff007a;border-radius:8px;outline:none;margin-bottom:2rem;padding:.6rem 1.2rem;font-family:Orbitron,sans-serif;font-size:1rem;transition:border-color .2s,box-shadow .2s}#datepicker:hover,#datepicker:focus{border-color:#fff;box-shadow:0 0 12px #ff007a99}#app{background-color:#1e053a;border:1px solid #ffffff1a;border-radius:12px;width:100%;max-width:800px;margin:0 auto;padding:2rem;box-shadow:0 8px 32px #0009}.apod-title{color:#ff007a;text-align:center;margin-bottom:.75rem;font-size:2rem;line-height:1.3}.apod-date{color:#bfa8ea;text-align:center;margin-bottom:1.5rem;font-size:1rem}.media-container{background-color:#100224;border-radius:8px;justify-content:center;margin-bottom:1.5rem;display:flex;overflow:hidden}.apod-media{border-radius:8px;max-width:100%;height:auto;display:block}iframe.apod-media,video.apod-media{border:none;border-radius:8px;width:100%;min-height:400px}.apod-explanation{color:#fff;letter-spacing:.5px;font-size:1.05rem;line-height:1.8}.loading,.error{text-align:center;color:#bfa8ea;padding:2rem;font-size:1.2rem}.error{color:#ff4d6d}@media (width<=600px){body:before,body:after{display:none}}