body{color:#fff;box-sizing:border-box;background-color:#0b0d19;background-image:radial-gradient(2px 2px at 20px 30px,#fff,#0000),radial-gradient(2px 2px at 40px 70px,#fff,#0000),radial-gradient(1px 1px at 90px 40px,#fff,#0000),radial-gradient(2px 2px at 160px 120px,#fda,#0000),radial-gradient(1.5px 1.5px at 230px 190px,#adf,#0000);background-repeat:repeat;background-size:300px 300px;flex-direction:column;align-items:center;min-height:100vh;margin:0;padding:20px;animation:4s ease-in-out infinite alternate twinkle;display:flex;position:relative}@keyframes twinkle{0%{opacity:.6}to{opacity:1}}h1{text-align:center;color:#61dafb;text-shadow:0 0 10px #61dafb80;font-family:Oswald,Orbitron,sans-serif}p{color:#e0e6ed;text-align:center;box-sizing:border-box;width:90%;max-width:900px;margin:25px auto;font-family:Black Ops One,sans-serif;line-height:1.7}#datepicker{color:#61dafb;cursor:pointer;background-color:#1a1d36;border:2px solid #61dafb;border-radius:8px;outline:none;margin-bottom:20px;padding:8px 14px;font-family:Orbitron,sans-serif;font-size:1rem;transition:all .3s;box-shadow:0 0 10px #61dafb33}#datepicker:hover{box-shadow:0 0 15px #61dafb99}#app img,#app iframe,#app video{box-sizing:border-box;border:2px solid #ffffff1a;border-radius:12px;width:100%;max-width:100%;margin:0 auto;transition:transform .3s;display:block;box-shadow:0 0 20px #000c}#app img:hover{transform:scale(1.01)}#app{text-align:center;box-sizing:border-box;width:100%;max-width:1100px;margin:0 auto;padding:0 30px}#app h1{text-align:center;margin:25px auto}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-bottom:20px;display:flex}#randomBtn{color:#61dafb;cursor:pointer;background-color:#1a1d36;border:2px solid #61dafb;border-radius:8px;padding:8px 14px;font-family:Orbitron,sans-serif;font-size:1rem;transition:all .3s;box-shadow:0 0 10px #61dafb33}#randomBtn:hover{color:#0b0d19;background-color:#61dafb;box-shadow:0 0 15px #61dafb99}#randomBtn:active{transform:scale(.97)}#randomBtn:disabled{opacity:.6;cursor:not-allowed}.error{color:#f33;text-align:center;font-family:Orbitron,sans-serif;font-weight:700}body:before,body:after{content:"";z-index:-1;background-color:#ff007f;width:50px;position:fixed;top:0;bottom:0}body:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);background-image:repeating-linear-gradient(45deg,#ff007f,#ff007f 10px,#f5f5f5 10px 20px);left:0}body:after{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);background-image:repeating-linear-gradient(45deg,#ff007f,#ff007f 10px,#f5f5f5 10px 20px);right:0}@media (width<=600px){body:before,body:after{display:none}#app{padding:0 15px}p{width:100%;font-size:14px}}