body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.onboarding-text,body{color:#fff;font-family:Inter,sans-serif}body,ol{margin:0}.limit-head,.line-input,.loader-text,.logo,.onboarding-text{text-align:center}.spark,button{overflow:hidden}body{background-color:#0b011d;padding:0;font-smooth:always;text-rendering:optimizeLegibility}.hero{height:100vh}.onboarding-text,.tsparticles{top:0;width:100%;height:100%;bottom:0}.hero img{max-width:100%}.hero-bg{background:radial-gradient(50% 70.31% at 50% 0,rgba(126,61,255,.24) 0,rgba(126,61,255,0) 100%),#0b011d}.logo{margin-bottom:20px}.main,.onboarding-text{margin:auto;left:0;right:0}.logo img{width:100%;max-width:220px}.tsparticles{position:absolute;left:0;right:0;z-index:0;scale:2}.onboarding-text,canvas{z-index:-1;position:absolute}#gender,#name,#question,#relationship{background-color:rgba(255,255,255,.1);border:none!important}#name{border-radius:8px 8px 0 0;border:1px solid rgba(255,255,255,.6);margin-bottom:1px}#gender,#relationship{padding:24px;-webkit-appearance: initial;}#question{border-radius:0 0 8px 8px;border:1px solid rgba(255,255,255,.6);border-top:transparent;margin:0}.hero-lights{transform:translate3d(0,0,0) scale3d(1,1,1) rotateX(0) rotateY(0) rotateZ(0) skew(0deg,0deg);transform-style:preserve-3d;opacity:0;position:absolute;top:0}.onboarding-text{max-width:1000px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-weight:900;font-size:4.5rem;line-height:1.5;letter-spacing:.02em;text-transform:uppercase;padding:0 1rem;opacity:0;filter:blur(20px)}.fa-button,.line-input{padding:20px;color:#fff;width:100%;outline:0}h1{font-size:54px;font-weight:700}h3{color:#d699ff;text-shadow:0 0 40px rgba(0,0,0,.3)}h3 span{display:block;color:#fff;font-size:24px;margin-top:8px}.main{top:200px;z-index:3;position:absolute;opacity:1}.main.read{top:100px}.line-input{font-size:32px;border:0;background-color:transparent;border-bottom:1px solid rgba(255,255,255,.5);text-shadow:0 0 10px rgba(255,255,255,.5);display:block;margin-bottom:2px;margin-top:2px}.fa-button,h2{font-size:24px;font-weight:700}.line-input.noselect{color:rgba(255,255,255,.5);text-shadow:none}.line-input::placeholder{text-shadow:none;color:rgba(255,255,255,.6)}.form-fortune{max-width:600px;padding-top:20px;margin:auto}.fa-button{display:inline-block;border-radius:8px;background-color:#752f9b;text-decoration:none;margin-top:20px;margin-bottom:20px;transition:.3s;border:none;opacity:0}.wrap,button{display:flex}.wrap,div{background:0 0}ol{padding:0 0 0 20px}main{padding-bottom:60px}h2{margin-top:40px;opacity:.9}main p{letter-spacing:.3px;opacity:.8;font-size:17px;font-weight:400}.ml12 .letter{display:inline-block;line-height:1em}.wrap{position:absolute;top:0;left:0;right:0;margin:auto;width:1400px;height:100vh;justify-content:center;align-items:center;transform:scale(1);opacity:.4}.aurora{position:absolute;width:.01px;height:300px;top:0;box-shadow:0 -55px 250px 35px var(--magenta),0 30px 100px 10px var(--green);animation:5s ease-in-out infinite dancing;margin:0 55px;border-radius:70%;transform:rotatex(5deg)}.aurora:first-child{animation-delay:.1s;top:0;left:8%;height:200px;opacity:.8}.aurora:nth-child(2){animation-delay:.3s;left:22%;top:0}.aurora:nth-child(3){left:34%;top:-5%;animation-delay:.1s}.aurora:nth-child(4){animation-delay:.4s;left:44%;top:3%;height:250px}.aurora:nth-child(5){animation-delay:.5s;left:54%;top:3%}.aurora:nth-child(6){animation-delay:.2s;left:64%;top:3%;height:280px}.aurora:nth-child(7){animation-delay:.5s;left:75%;top:3%}.aurora:nth-child(8){animation-delay:.3s;left:88%;top:0;height:210px;opacity:.8}@keyframes dancing{0%{box-shadow:0 -55px 250px 35px var(--dark-violet),0 0 100px 15px var(--green)}20%{box-shadow:0 -85px 250px 30px var(--dark-violet),0 0 100px 35px var(--green)}30%{box-shadow:0 -105px 250px 45px var(--magenta),0 10px 100px 25px var(--green)}60%{box-shadow:0 -85px 250px 35px var(--dark-violet),0 20px 100px 15px var(--green)}80%{box-shadow:0 -105px 250px 55px var(--magenta),0 0 100px 45px var(--green)}100%{box-shadow:0 -55px 250px 35px var(--dark-violet),0 0 100px 10px var(--green)}}.loader-wrapper{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(29,0,31,.98);z-index:999;width:100%;height:100%}.loader-circle,.loader-line-mask,.loader-text{top:50%;z-index:999;position:absolute}.loader-circle{left:50%;width:120px;height:120px;border-radius:50%;box-shadow:inset 0 0 0 5px rgba(255,255,255,.1);margin-left:-60px;margin-top:-60px}.loader-text{left:0;right:0;width:300px;height:50px;margin:80px auto auto;color:rgba(255,255,255,.6)}.loader-line-mask{left:50%;width:60px;height:120px;margin-left:-60px;margin-top:-60px;overflow:hidden;transform-origin:60px 60px;-webkit-mask-image:-webkit-linear-gradient(top,#000000,rgba(0,0,0,0));animation:1.2s linear infinite loaderRotate}.loader-line-mask .loader-line{width:120px;height:120px;border-radius:50%;box-shadow:inset 0 0 0 5px rgba(255,255,255,.8)}.coffee-photos{position:absolute;left:0;right:0;top:330px;bottom:0;width:244px;height:100px;margin:auto}.sub-area{opacity:0;background-color:rgba(255,170,70,.05);border:1px solid rgba(255,170,70,.1);max-width:600px;margin:auto auto 70px;border-radius:12px;padding-bottom:20px}.limit-head{font-size:28px;font-weight:700;color:#fff;margin:30px auto auto}.subscribe-button{background-color:rgba(255,170,70,.2);border:1px solid rgba(255,170,70,.4);max-width:fit-content;padding:10px 40px;font-size:22px;border-radius:36px;margin:auto;color:#fff;text-decoration:none!important;box-shadow:0 0 30px 0 rgba(255,170,70,.2);transition:.3s ease-in-out;animation:1.5s ease-in-out infinite subscribeButton}.sub-text,.sub-title{text-align:center;margin:20px auto 10px;max-width:360px}.subscribe-button:hover{background-color:rgba(255,170,70,.3);border:1px solid rgba(255,170,70,.6);box-shadow:0 0 30px 0 rgba(255,170,70,.4)}@keyframes subscribeButton{0%,100%{box-shadow:0 0 30px 0 rgba(255,170,70,.2);border:1px solid rgba(255,170,70,.4)}50%{box-shadow:0 0 50px 0 rgba(255,170,70,.4);border:1px solid rgba(255,170,70,.5)}}.sub-title{font-size:24px;color:#fff;font-weight:700}.sub-text{font-size:18px;color:rgba(255,255,255,.6)}.sub-text span{color:#ffaa46;font-weight:600}.subscribe-button a{color:#ffaa46;text-decoration:none!important}.coffee-photo{width:70px;display:inline-block;height:70px;border-radius:100%;margin:4px;background-position:center;background-size:cover;background-color:rgba(44,12,113,.2);border:2px solid rgba(255,255,255,.1);opacity:0}.fal-content{max-width:600px;text-align:left;margin:0 auto;font-size:17px;padding:30px;color:rgba(255,255,255,.9);text-shadow:0 0 20px rgba(0,0,0,.5)}.created{font-size:14px;color:#fff;opacity:.5;margin-top:10px;opacity:0}.download-buttons{text-align:center;padding:10px;opacity:0}.download-buttons img{height:55px}.download-buttons div{padding:10px}@keyframes loaderRotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes fade{0%{opacity:1}50%{opacity:.25}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}:root{--magenta:rgba(186, 57, 197, .7);--green:rgba(47, 164, 80, .7);--dark-violet:rgba(71, 60, 120, .8);--transition:0.25s;--spark:1.8s;--hue:245}button{--cut:0.1em;--active:0;--bg:radial-gradient(120% 120% at 126% 126%,
      hsl(var(--hue) calc(var(--active) * 97%) 98% / calc(var(--active) * 0.9)) 40%,
      transparent 50%) calc(100px - (var(--active) * 100px)) 0/100% 100% no-repeat,radial-gradient(120% 120% at 120% 120%,
      hsl(var(--hue) calc(var(--active) * 97%) 70% / calc(var(--active) * 1)) 30%,
      transparent 70%) calc(100px - (var(--active) * 100px)) 0/100% 100% no-repeat,hsl(var(--hue) calc(var(--active) * 100%) calc(12% - (var(--active) * 8%)));background:#2c0c71;font-size:2rem;font-weight:500;border:0;cursor:pointer;padding:.9em 1.3em;align-items:center;gap:.25em;white-space:nowrap;border-radius:3rem;position:relative;box-shadow:0 0 calc(var(--active) * 1em) calc(var(--active) * 1px) hsl(var(--hue) 97% 61% / .5),0 .05em 0 0 hsl(var(--hue) calc(var(--active) * 97%) calc((var(--active) * 10%) + 30%)) inset,0 -.05em 0 0 hsl(var(--hue) calc(var(--active) * 97%) calc(var(--active) * 10%)) inset;transition:box-shadow var(--transition),scale var(--transition),background var(--transition);scale:calc(1 + (var(--active) * 0.03));transform-style:preserve-3d;perspective:100vmin;width:100%;margin-top:20px}button:active{scale:1}@keyframes move-x{0%{translate:-100px 0}100%{translate:100px 0}}@keyframes move-y{0%{transform:translate(0,-50px)}100%{transform:translate(0,50px)}}.spark{position:absolute;inset:0;border-radius:2rem;rotate:0deg;mask:linear-gradient(white,transparent 50%);animation:flip calc(var(--spark) * 2) infinite steps(2,end)}.backdrop,.spark:after{position:absolute;border-radius:3rem}@keyframes flip{to{rotate:360deg}}.spark:before{content:"";position:absolute;width:200%;aspect-ratio:1;top:0;left:50%;z-index:-1;translate:-50% -15%;rotate:0;transform:rotate(-90deg);opacity:calc((var(--active)) + .4);background:conic-gradient(from 0deg,transparent 0 340deg,#fff 360deg);transition:opacity var(--transition);animation:rotate var(--spark) linear infinite both}.spark:after{content:"";inset:var(--cut)}.backdrop{inset:2px;background:hsl(260 calc(10 * 100%) 5%);transition:background var(--transition)}@keyframes rotate{to{transform:rotate(90deg)}}button:is(:hover,:focus-visible)~:is(.bodydrop,.particle-pen){--active:1;--play-state:running}.bodydrop{position:fixed;inset:0;z-index:-1}button:is(:hover,:focus-visible){--active:1;--play-state:running}.galaxy-button{position:relative}.text{translate:94% -3%;letter-spacing:.01ch;text-align:center;color:#fff}@media (max-width:600px){.main,main{padding:20px}.aurora{height:150px}.main{top:60px}main h2{font-size:20px}main p{font-size:16px}.hero{height:110vh}.text{translate:24% -3%}h1{font-size:36px}h3{font-size:calc(1rem + .6vw)}h3 span{font-size:19px}.line-input{font-size:24px}.cont-main{margin-top: 70px;}}