*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e8e0f0;background-color:#100224;background-image:radial-gradient(at 20%,#1a0540 0%,#0000 60%),radial-gradient(at 80% 20%,#0a1a40 0%,#0000 60%);min-height:100vh;font-family:"Exo 2",system-ui,sans-serif;font-weight:300;position:relative;overflow-x:hidden}body:before{content:"";clip-path:polygon(0 0,100% 0,70% 12%,100% 24%,70% 36%,100% 48%,70% 60%,100% 72%,70% 84%,100% 100%,0 100%);z-index:-1;background:linear-gradient(160deg,#2d0a6e 0%,#1a0540 50%,#0d0220 100%);width:72px;height:100vh;position:fixed;top:0;left:0}body:after{content:"";clip-path:polygon(100% 0,0 0,30% 12%,0 24%,30% 36%,0 48%,30% 60%,0 72%,30% 84%,0 100%,100% 100%);z-index:-1;background:linear-gradient(200deg,#0a1a40 0%,#1a0540 50%,#0d0220 100%);width:72px;height:100vh;position:fixed;top:0;right:0}.apod-card{flex-direction:column;align-items:center;gap:2rem;max-width:860px;margin:0 auto;padding:3rem 1.5rem 5rem;display:flex}.apod-title{text-align:center;color:#c8b0ff;letter-spacing:.04em;text-shadow:0 0 20px #a064ff80;font-family:Orbitron,sans-serif;font-size:clamp(1.4rem,4vw,2.4rem);font-weight:700;line-height:1.3}.apod-media{object-fit:contain;border-radius:12px;width:100%;max-width:800px;max-height:560px;box-shadow:0 0 0 1px #a064ff33,0 8px 40px #0009,0 0 60px #5000a033}iframe.apod-media{aspect-ratio:16/9;max-height:unset;border:none;height:auto}.apod-explanation{color:#c8c0d8;text-align:left;max-width:720px;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.85}.loading,.error{color:#9070c0;text-align:center;letter-spacing:.08em;padding:4rem 1.5rem;font-family:Orbitron,sans-serif;font-size:1rem}.error{color:#d06080}@media (width<=600px){body:before,body:after{display:none}.apod-card{padding:2rem 1rem 4rem}}