body{font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;background:#f7f7f7;color:#222}.dark body{background-color:#090a0f;color:#f3f4f6;background:radial-gradient(ellipse at 20% 80%,#96326440,#96326400 60%),radial-gradient(ellipse at 80% 30%,#50967833,#50967800 50%),radial-gradient(ellipse at 50% 50%,#3250964d,#32509600 70%),radial-gradient(ellipse at bottom,#1b2735,#090a0f);background-size:250% 250%;animation:move-nebula 200s ease-in-out infinite alternate}body:not(.dark) #star-bg{display:none}@keyframes move-nebula{0%{background-position:0% 0%}to{background-position:100% 100%}}@keyframes fly{0%{transform:translateY(0)}to{transform:translateY(-1000px)}}@keyframes shooting-star{0%{transform:translate(0);opacity:1}to{transform:translate(300vw);opacity:0}}#star-bg{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;overflow:hidden;pointer-events:none}#stars1,#stars2,#stars3{position:absolute;left:0;top:0;right:0;height:2000px;background-repeat:repeat;background-size:1000px 1000px}#stars1{background-image:radial-gradient(1px 1px at 100px 200px,white,transparent),radial-gradient(1px 1px at 250px 800px,white,transparent),radial-gradient(1px 1px at 400px 500px,white,transparent),radial-gradient(1px 1px at 620px 720px,white,transparent),radial-gradient(1px 1px at 800px 100px,white,transparent),radial-gradient(1px 1px at 950px 450px,white,transparent),radial-gradient(1px 1px at 150px 950px,white,transparent),radial-gradient(1px 1px at 500px 300px,white,transparent),radial-gradient(1px 1px at 50px 50px,white,transparent),radial-gradient(1px 1px at 180px 600px,white,transparent),radial-gradient(1px 1px at 330px 400px,white,transparent),radial-gradient(1px 1px at 470px 900px,white,transparent),radial-gradient(1px 1px at 600px 150px,white,transparent),radial-gradient(1px 1px at 750px 650px,white,transparent),radial-gradient(1px 1px at 880px 880px,white,transparent),radial-gradient(1px 1px at 920px 250px,white,transparent),radial-gradient(1px 1px at 20px 700px,white,transparent),radial-gradient(1px 1px at 550px 50px,white,transparent);animation:fly 200s linear infinite}#stars2{background-image:radial-gradient(1.5px 1.5px at 50px 300px,white,transparent),radial-gradient(1.5px 1.5px at 300px 100px,white,transparent),radial-gradient(1.5px 1.5px at 550px 600px,white,transparent),radial-gradient(1.5px 1.5px at 750px 250px,white,transparent),radial-gradient(1.5px 1.5px at 900px 900px,white,transparent),radial-gradient(1.5px 1.5px at 150px 700px,white,transparent),radial-gradient(1.5px 1.5px at 400px 400px,white,transparent),radial-gradient(1.5px 1.5px at 650px 850px,white,transparent),radial-gradient(1.5px 1.5px at 850px 500px,white,transparent),radial-gradient(1.5px 1.5px at 200px 50px,white,transparent);animation:fly 120s linear infinite}#stars3{background-image:radial-gradient(2px 2px at 200px 400px,white,transparent),radial-gradient(2px 2px at 700px 800px,white,transparent),radial-gradient(2px 2px at 50px 900px,white,transparent),radial-gradient(2px 2px at 950px 50px,white,transparent),radial-gradient(2px 2px at 450px 150px,white,transparent),radial-gradient(2px 2px at 850px 650px,white,transparent),radial-gradient(2px 2px at 300px 750px,white,transparent);animation:fly 70s linear infinite}#shooting-stars{position:absolute;top:-50%;left:-50%;width:200%;height:200%;transform:rotate(-45deg)}#shooting-stars .star{position:absolute;height:1px;background:linear-gradient(-45deg,#59d1ff,#00f0);border-radius:999px;filter:drop-shadow(0 0 6px #69e0ff);animation:shooting-star 3s linear infinite}#shooting-stars .star:nth-child(1){top:20%;left:0;width:300px;animation-delay:0s;animation-duration:2.8s}#shooting-stars .star:nth-child(2){top:40%;left:10%;width:150px;animation-delay:1.2s;animation-duration:2.1s}#shooting-stars .star:nth-child(3){top:60%;left:-20%;width:200px;animation-delay:2.5s;animation-duration:3.5s}#shooting-stars .star:nth-child(4){top:85%;left:5%;width:100px;animation-delay:4.1s;animation-duration:1.8s}.slider-red{-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider-red::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#e61e4d;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.slider-red::-webkit-slider-thumb:hover{background:#d80565;transform:scale(1.1);box-shadow:0 4px 8px #e61e4d4d}.slider-red::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#e61e4d;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.slider-red::-moz-range-thumb:hover{background:#d80565;transform:scale(1.1);box-shadow:0 4px 8px #e61e4d4d}.slider-red::-webkit-slider-track{background:linear-gradient(to right,#E61E4D 0%,#E61E4D var(--slider-progress, 0%),#e5e7eb var(--slider-progress, 0%),#e5e7eb 100%)}.dark .slider-red::-webkit-slider-track{background:linear-gradient(to right,#E61E4D 0%,#E61E4D var(--slider-progress, 0%),#4b5563 var(--slider-progress, 0%),#4b5563 100%)}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #e61e4d4d}50%{box-shadow:0 0 30px #e61e4d99}}.animate-fade-in{animation:fade-in .3s ease-out}@keyframes fade-in-slow{0%{opacity:0}to{opacity:1}}@keyframes fade-out-slow{0%{opacity:1}to{opacity:0}}.animate-fade-in-slow{animation:fade-in-slow .8s ease-out forwards}.animate-fade-out-slow{animation:fade-out-slow .8s ease-out forwards}.animate-slide-in-right{animation:slide-in-right .4s ease-out}.animate-slide-in-left{animation:slide-in-left .4s ease-out}.animate-bounce-in{animation:bounce-in .6s ease-out}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}50%{transform:scale(1.1);opacity:.5}to{transform:scale(.8);opacity:1}}@keyframes pulse-ring-delayed{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.2);opacity:.3}to{transform:scale(.9);opacity:.8}}.animate-spin-slow{animation:spin-slow 3s linear infinite}.animate-pulse-ring{animation:pulse-ring 2s ease-in-out infinite}.animate-pulse-ring-delayed{animation:pulse-ring-delayed 2s ease-in-out infinite;animation-delay:.5s}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.animate-slide-up{animation:slide-up .3s ease-out}.animate-slide-down{animation:slide-down .3s ease-out}.animate-slide-in-left{animation:slide-in-left .3s ease-out}.animate-slide-out-left{animation:slide-out-left .3s ease-out}.safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom)}@media(max-width:768px){*{-webkit-overflow-scrolling:touch}button,a,[role=button]{min-height:44px;min-width:44px}}