body{color:#ffebd8;background-color:#1a0c02;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Black Ops One,sans-serif;display:flex;position:relative;overflow-x:hidden}canvas#bg-canvas{z-index:-67;width:100vw;height:100vh;position:fixed;top:0;left:0}h1{color:#f70;margin:0 0 1rem;font-family:Orbitron,sans-serif}p{color:#ffb870;font-family:Black Ops One,sans-serif}body:before,body:after{content:"";z-index:-1;background-color:#d95300;width:45px;position:fixed;top:0;bottom:0}body:before{clip-path:polygon(0 0,100% 0,85% 2.5%,100% 5%,85% 7.5%,100% 10%,0 100%);left:0}body:after{clip-path:polygon(0 0,100% 0,100% 100%,15% 97.5%,0 95%,15% 92.5%,0 90%);right:0}#app{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a0c02e0;border:2px solid #f70;border-radius:18px;width:90%;max-width:720px;padding:2rem;box-shadow:0 8px 32px #ff770040}.logo-header h1{letter-spacing:3px;text-shadow:0 0 12px #ff770080;font-size:3rem}.logo-header .o-glow{color:#f93}.logo-header .o-bright{color:#f50}.clock{color:#ffb870;margin:.5rem 0;font-size:2.8rem}.search-container{margin:1.5rem 0}.search-input{color:#ffebd8;text-align:center;background:#0d0500;border:2px solid #f70;border-radius:12px;outline:none;width:75%;padding:.8rem 1rem;font-family:inherit;font-size:1rem}.search-input:focus{border-color:#fa5;box-shadow:0 0 8px #fa59}.grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;margin:1.5rem 0;display:grid}.card{color:#fa5;background:#0d050099;border:1px solid #f706;border-radius:8px;padding:.8rem;text-decoration:none;transition:all .2s ease-in-out}.card:hover{color:#fff;background:#d9530059;border-color:#f50}.apod-container{border-top:1px dashed #f706;margin-top:1.5rem;padding-top:1rem}.apod-container img,.apod-container iframe,.apod-container video{border:2px solid #f70;border-radius:10px;max-width:100%;margin-top:.8rem}@media (width<=600px){body:before,body:after{display:none}}