body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.modal-overlay{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:1000}.modal-overlay.show{opacity:1}.modal-content{align-items:center;display:flex;justify-content:center;max-height:90%;max-width:90%;opacity:0;position:relative;transform:scale(.9);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.modal-content.show{opacity:1;transform:scale(1)}.modal-content img{border-radius:10px;max-height:100%;max-width:100%}.deck-animation-container{height:100vh;padding:20px;width:100vw}.deck{align-items:center;display:flex;justify-content:center;pointer-events:none;width:auto}.deck-card{pointer-events:auto}.button-wrapper{animation:fadeIn 1s ease-in-out forwards;opacity:0;position:relative;top:-100px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.start-reading-btn{background:linear-gradient(115deg,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b);border-radius:10px;cursor:pointer;display:block;font-family:Amatic SC,sans-serif;font-size:30px;height:70px;padding:12px 24px;position:relative;text-align:center;width:220px}.start-reading-btn span{background:#111;border-radius:6px;color:#f5f5f5;display:block;font-size:35px;height:88%;left:50%;line-height:55px;position:absolute;top:50%;transform:translate(-50%,-50%);width:96%}.start-reading-btn:hover{animation:animate .4s linear infinite}@keyframes animate{to{filter:hue-rotate(-1turn)}}@media (max-width:768px){.button-wrapper{margin-top:30px}.start-reading-btn{font-size:24px;height:60px;width:180px}}@media (min-width:1200px){.button-wrapper{margin-top:70px}}#root,.App,.tarot-reading-container,body,html{height:100%}.cards-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;max-width:100vw;min-height:100vh;overflow-y:auto}.cards-container.show-cards{opacity:1;transform:translateY(0)}.cards{display:flex;gap:20px;justify-content:center;margin:0 auto;max-width:1200px;width:100%}.cards.desktop-view{flex-direction:row;flex-wrap:nowrap;width:1400px}.card-container,.cards.mobile-view{align-items:center;flex-direction:column}.card-container{display:flex;height:auto;margin:0 auto 20px;max-width:300px;opacity:0;padding-bottom:60px;perspective:1000px;position:relative;transform:translateY(20px);transition:opacity .5s,transform .5s;width:100%}.show-cards .card-container{opacity:1;transform:translateY(0)}.show-cards .card-container:first-child{transition-delay:.2s}.show-cards .card-container:nth-child(2){transition-delay:.4s}.show-cards .card-container:nth-child(3){transition-delay:.6s}.card{height:0;padding-bottom:150%;position:relative;transform-style:preserve-3d;transition:transform 1s;width:120%}.card-back,.card-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px;box-shadow:0 4px 8px #00000080;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.card-back img,.card-front img{border-radius:10px;height:100%;object-fit:cover;width:100%}.card-front{background-color:orange}.card-back{background-color:initial}.card-back,.card-container.flipped .card{transform:rotateY(180deg)}.card-label{color:#fff;font-family:Amatic SC,sans-serif;font-size:40px;font-weight:700;margin-top:10px;text-align:center;text-shadow:0 0 5px #000c;width:100%}.cards-container.show-cards[data-view=Reading]{justify-content:flex-start;left:auto;max-height:100vh;max-width:100vw;overflow-y:auto;position:relative;top:auto;transform:none;width:auto}@media (min-width:600px){.card-container{max-width:200px}}@media (min-width:900px){.card-container{max-width:250px}}@media (min-width:1200px){.card-container{max-width:300px}}.deck-animation-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;overflow:hidden;padding:0;perspective:1000px;position:fixed;top:0;transition:opacity .5s;width:100%}.fade-out{opacity:0}.deck{height:100%;position:relative;width:100%}.deck-card{animation-duration:1.5s;animation-fill-mode:forwards;animation-timing-function:ease-in-out;border-radius:5px;box-shadow:0 2px 5px #0003;height:75vw;left:50%;max-height:600px;max-width:400px;position:absolute;top:50%;transform:translate(-50%,-50%);width:50vw}.deck-card img{border-radius:5px;height:100%;object-fit:cover;width:100%}@keyframes shuffleLeft{0%{transform:translate(-50%,-50%) translateX(-300px) translateY(0) rotate(0deg)}25%{transform:translate(-50%,-50%) translateX(-150px) translateY(-100px) rotate(-10deg)}50%{transform:translate(-50%,-50%) translateX(0) translateY(0) rotate(10deg)}75%{transform:translate(-50%,-50%) translateX(150px) translateY(100px) rotate(-10deg)}to{transform:translate(-50%,-50%) translateX(0) translateY(0) rotate(0deg)}}@keyframes shuffleRight{0%{transform:translate(-50%,-50%) translateX(300px) translateY(0) rotate(0deg)}25%{transform:translate(-50%,-50%) translateX(150px) translateY(-100px) rotate(10deg)}50%{transform:translate(-50%,-50%) translateX(0) translateY(0) rotate(-10deg)}75%{transform:translate(-50%,-50%) translateX(-150px) translateY(100px) rotate(10deg)}to{transform:translate(-50%,-50%) translateX(0) translateY(0) rotate(0deg)}}.draw-new-cards-btn,.start-reading-btn{animation:rainbow-border 4s linear infinite;background:#0000;border:4px solid;border-image:linear-gradient(115deg,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b) 1;border-radius:10px;color:#f5f5f5;cursor:pointer;display:block;font-family:Amatic SC,sans-serif;font-size:30px;height:70px;line-height:62px;margin:0 auto 20px;outline:none;position:relative;text-align:center;width:220px}.deck-content-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.start-reading-btn-below-deck{display:block;margin-top:40px}.draw-new-cards-btn:hover,.start-reading-btn:hover{animation:rainbow-border 1s linear infinite}@keyframes rainbow-border{0%{border-image:linear-gradient(0deg,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b) 1}25%{border-image:linear-gradient(90deg,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b) 1}50%{border-image:linear-gradient(180deg,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b) 1}75%{border-image:linear-gradient(270deg,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b) 1}to{border-image:linear-gradient(1turn,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b) 1}}.reading-container{animation:trippyFadeIn 1.5s ease-in-out forwards;background-color:#000000b3;border-radius:10px;box-shadow:0 0 15px #ffffff1a;color:#fff;height:auto;margin:20px auto;max-width:800px;opacity:0;padding:30px;position:relative;text-align:center;width:100%}@media (max-width:1023px){.reading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:10px auto;padding:20px;width:90%}}@media (min-width:1024px){.cards-container[data-view=Reading]{grid-gap:20px;display:grid;gap:20px;grid-template-rows:auto auto}.cards-container[data-view=Reading] .cards{grid-row:1;justify-content:flex-start}.cards-container[data-view=Ready] .cards{justify-content:center}.cards-container[data-view=Reading] .reading-container{grid-row:2}.cards-container[data-view=Reading] .button-container{grid-row:3}.cards-container[data-view=Reading] .card-container{padding-bottom:0}}.reading-container:before{animation:gradientShift 6s ease infinite;background:linear-gradient(45deg,#4c00ff33,#0ff3,#f0f3,#ff03)}.reading-container:after,.reading-container:before{border-radius:10px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.reading-container:after{animation:pulseGlow 4s ease-in-out infinite alternate;background:radial-gradient(circle at center,#ffffff1a 0,#fff0 70%);pointer-events:none}@keyframes trippyFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes pulseGlow{0%{background-position:50%;opacity:.3;transform:scale(.95)}50%{background-position:50%;opacity:.7;transform:scale(1.05)}to{background-position:50%;opacity:.3;transform:scale(.95)}}.ai-reading{margin-bottom:0;margin-top:15px;overflow:hidden}.ai-reading h3{font-family:Amatic SC,sans-serif;font-size:38px;margin:10px 0}.ai-reading p{font-size:18px;line-height:1.5}.ai-reading.loading{font-family:Amatic SC,sans-serif}.ai-reading .card-highlight{color:gold;cursor:pointer;display:inline-block;font-weight:700;padding:0 3px;position:relative;text-shadow:0 0 5px #ffd70080;transform:translateY(0);transition:all .3s ease}.card-image-tooltip{background-position:50%;background-size:cover;border-radius:10px;box-shadow:0 5px 15px #000000b3;height:450px;left:50%;opacity:0;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:300px;z-index:1000}.card-image-tooltip.visible{opacity:1}@keyframes card-pulse{0%{color:gold;text-shadow:0 0 5px #ffd70080;transform:translateY(0) rotate(-.5deg)}25%{color:#ffdf00;text-shadow:0 0 7px #ffd70099;transform:translateY(-1px) rotate(0deg)}50%{color:#ffea00;text-shadow:0 0 10px #ffd700cc,0 0 15px #ffa50066;transform:translateY(-2px) rotate(.5deg)}75%{color:#ffdf00;text-shadow:0 0 7px #ffd70099;transform:translateY(-1px) rotate(0deg)}to{color:gold;text-shadow:0 0 5px #ffd70080;transform:translateY(0) rotate(-.5deg)}}.purchase-link{display:block;margin:40px auto 20px;text-align:center}.combined-reading{animation:fadeInBlue 1.5s ease-in-out forwards;background-color:#003296b3;border-radius:10px;box-shadow:0 0 15px #6496ff4d;margin:30px auto 20px;overflow:hidden;padding:20px;position:relative}.combined-reading:before{animation:blueGradientShift 6s ease infinite;background:linear-gradient(135deg,#0032c8b3,#005effb3,#32b8ffb3,#64f0ffb3)}.combined-reading:after,.combined-reading:before{border-radius:8px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.combined-reading:after{animation:blueGlow 4s ease-in-out infinite alternate;background:radial-gradient(circle at center,#96c8ff33 0,#0064ff1a 50%,#00329600 70%);pointer-events:none}.combined-reading h4{color:#a0d8ff;font-family:Amatic SC,sans-serif;font-size:28px;margin-bottom:10px;text-shadow:0 0 8px #6496ffcc}.combined-reading-text{color:#e0f0ff;font-size:18px;line-height:1.6;text-shadow:0 0 2px #0064ff80}@keyframes fadeInBlue{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blueGradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes blueGlow{0%{opacity:.3;transform:scale(.95)}50%{opacity:.7;transform:scale(1.05)}to{opacity:.3;transform:scale(.95)}}.purchase-link a{animation:rainbow-border-purchase 4s linear infinite;background:#0000;border:4px solid;border-image:linear-gradient(135deg,#a767e5,#12bcfe,#4fcf70,#fad648,#ff7e5f) 1;border-radius:10px;color:#fff;display:inline-block;font-family:Amatic SC,sans-serif;font-size:30px;font-weight:700;line-height:62px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease;width:220px}@keyframes rainbow-border-purchase{0%{border-image:linear-gradient(0deg,#a767e5,#12bcfe,#4fcf70,#fad648,#ff7e5f) 1}25%{border-image:linear-gradient(90deg,#a767e5,#12bcfe,#4fcf70,#fad648,#ff7e5f) 1}50%{border-image:linear-gradient(180deg,#a767e5,#12bcfe,#4fcf70,#fad648,#ff7e5f) 1}75%{border-image:linear-gradient(270deg,#a767e5,#12bcfe,#4fcf70,#fad648,#ff7e5f) 1}to{border-image:linear-gradient(1turn,#a767e5,#12bcfe,#4fcf70,#fad648,#ff7e5f) 1}}.purchase-link a:hover{animation:rainbow-border-purchase 1s linear infinite;transform:scale(1.05)}.button-wrapper{width:100%}.button-container,.button-wrapper{display:flex;justify-content:center}.button-container{margin-top:20px;position:relative;z-index:2}@media (max-width:1023px){.cards.desktop-view{align-items:center;flex-direction:column}.card-container{margin-bottom:30px;max-width:250px}}.next-button{animation:rainbow-border 4s linear infinite;background:#0000;border:4px solid;border-image:linear-gradient(115deg,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b) 1;border-radius:10px;bottom:0;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;display:block;font-family:Amatic SC,sans-serif;font-size:30px;font-weight:700;left:50%;max-width:200px;padding:10px 20px;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:80%}.next-button:hover{animation:rainbow-border 1s linear infinite;transform:translateX(-50%) scale(1.05)}.cards.transitioning{opacity:.5;transition:opacity 1s ease}.reading-container.transitioning{opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}@media (max-width:600px){.draw-new-cards-btn span,.start-reading-btn span{font-size:28px;line-height:50px}.card-container{margin-bottom:30px;max-width:80%}.reading-container{margin-top:20px;padding:10px}.ai-reading p{font-size:16px}.next-button,.purchase-link a{padding:8px 16px}.next-button{font-size:22px;margin-top:20px}.card-image-tooltip{display:none}}.stars{background:#000;bottom:0;display:block;height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;width:100%;z-index:-9999}.stars .small-stars-1{animation:twinkle-3 7s ease-in-out infinite;background-image:radial-gradient(#fff,#ffffff80 .7px,#0000 1.5px),radial-gradient(#fff,#fff6 .5px,#0000 1px),radial-gradient(#fff,#ffffff4d .7px,#0000 1.5px),radial-gradient(#ffffffb3,#ffffff4d .5px,#0000 1px);background-position:0 0,40px 60px,130px 270px,70px 100px;background-size:350px 350px,200px 200px,150px 150px,100px 100px;z-index:-9998}.stars .small-stars-1,.stars .small-stars-2{bottom:0;content:"";display:block;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.stars .small-stars-2{animation:twinkle-4 8s ease-in-out infinite;background-image:radial-gradient(#fff,#ffffff80 .5px,#0000 1.2px),radial-gradient(#fff,#fff6 .4px,#0000 .8px),radial-gradient(#fff,#ffffff4d .4px,#0000 .8px),radial-gradient(#ffffffb3,#ffffff4d .6px,#0000 1.2px);background-position:50px 50px,20px 30px,80px 160px,30px 40px;background-size:300px 300px,180px 180px,120px 120px,80px 80px;z-index:-9997}.twinkling{pointer-events:none;z-index:-9996}.stars:after,.twinkling{bottom:0;display:block;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.stars:after{animation:bright-twinkle 4s ease-in-out infinite alternate;background-image:radial-gradient(#fff,#ffffffe6 1px,#0000 3px),radial-gradient(#fff,#fffc 1.2px,#0000 2.5px),radial-gradient(#fff,#ffffffb3 1px,#0000 2px);background-position:120px 90px,350px 320px,570px 210px;background-size:800px 800px,600px 600px,700px 700px;content:"";z-index:-9995}@keyframes bright-twinkle{0%{filter:brightness(.9) blur(0);opacity:.7}50%{filter:brightness(1.2) blur(.3px);opacity:1}to{filter:brightness(1.5) blur(0);opacity:.9}}.twinkling:after,.twinkling:before{animation:twinkle-1 5s ease-in-out infinite;background-image:radial-gradient(#fff,#fff9 .5px,#0000 1.2px),radial-gradient(#fff,#ffffff80 .4px,#0000 .8px);background-position:25px 25px,10px 15px;background-size:280px 280px,150px 150px;bottom:0;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:-9995}.twinkling:after{animation:twinkle-2 6s ease-in-out infinite;background-image:radial-gradient(#fff,#fff9 .5px,#0000 1px),radial-gradient(#fff,#ffffff80 .4px,#0000 .8px);background-position:45px 45px,60px 85px;background-size:220px 220px,170px 170px;pointer-events:none;z-index:-9994}@keyframes twinkle-1{0%,to{opacity:.5;transform:scale(.98)}25%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}75%{opacity:.8;transform:scale(1)}}@keyframes twinkle-2{0%,to{filter:brightness(.9);opacity:.4}33%{filter:brightness(1.1);opacity:.7}66%{filter:brightness(1.3);opacity:.9}}@keyframes twinkle-3{0%,to{filter:brightness(.9);opacity:.6;transform:scale(.97)}20%{filter:brightness(1);opacity:.8;transform:scale(.99)}40%{filter:brightness(1.1);opacity:.7;transform:scale(1.01)}60%{filter:brightness(1.2);opacity:.9;transform:scale(1.03)}80%{filter:brightness(1);opacity:.7;transform:scale(1)}}@keyframes twinkle-4{0%,to{filter:brightness(.9);opacity:.5}16%{filter:brightness(1);opacity:.7}33%{filter:brightness(1.1);opacity:.9}50%{filter:brightness(1.2);opacity:.6}66%{filter:brightness(1.1);opacity:.8}83%{filter:brightness(1.3);opacity:1}}
/*# sourceMappingURL=main.f6ecf085.css.map*/