@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");@tailwind base;@tailwind components;@tailwind utilities;body,html{height:100%;margin:0;padding:0}body{font-family:Cormorant Garamond,serif;background-color:#fce7f3;min-height:100vh;overflow-x:hidden;position:relative}.main-background{background-color:#fce7f3!important}.main-title{font-family:"Sorts Mill Goudy, serif"!important;font-weight:700!important;letter-spacing:1px!important;background:linear-gradient(135deg,#8b0000,sienna,#8b4513)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-align:center!important;width:100%!important;margin:0!important}.main-title:not([class*=text-]){font-size:2xl!important}.test-section{padding:32px!important}.account-section,.test-section{background-color:#fefaf7!important;border:1px solid #d4af37!important;border-radius:16px!important;box-shadow:0 2px 8px rgba(212,175,55,.1)!important}.account-section,.danger-section{padding:24px!important}.danger-section{background-color:#fef2f2!important;border:1px solid #fca5a5!important;border-radius:16px!important;box-shadow:0 2px 8px rgba(220,38,38,.1)!important}.magical-background{background:linear-gradient(135deg,#fdf2f8,#f3e8ff 25%,#ec4899 50%,#d946ef 75%,#a855f7)!important;min-height:100vh;overflow-x:hidden;position:relative}.my-dates-page{min-height:100vh;background-color:#fce7f3!important;padding:40px 20px;position:relative}.my-dates-title{font-family:"Sorts Mill Goudy, serif"!important;font-size:48px!important;font-weight:700!important;letter-spacing:1px!important;background:linear-gradient(135deg,#8b0000,sienna,#8b4513)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-align:center!important;width:100%!important;margin:0!important}.vintage-button{background:linear-gradient(135deg,#f9f5f0,#f4e9d9 30%,#f0e2cc 70%,#f4e9d9)!important;border:2px solid #d4af37!important;border-radius:8px!important;box-shadow:0 2px 8px rgba(212,175,55,.2),0 1px 3px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.3)!important;filter:sepia(.1) saturate(1.1)!important;font-family:Cormorant Garamond,serif!important;font-weight:500!important;letter-spacing:.5px!important;transition:all .3s ease!important;padding:15px 25px!important;cursor:pointer!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;display:inline-block!important;font-size:16px!important;font-weight:700!important}.vintage-button,.vintage-button:hover{color:#8b6914!important;text-decoration:none!important}.vintage-button:hover{background:linear-gradient(135deg,#f4e9d9,#f0e2cc 30%,#ebd8b8 70%,#f0e2cc)!important;border-color:#dab547!important;box-shadow:0 4px 16px rgba(212,175,55,.4),0 2px 6px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.4)!important;filter:sepia(.15) saturate(1.2)!important;transform:translateY(-1px)!important}.vintage-button:active{background:linear-gradient(135deg,#ebd8b8,#e6d1a3 30%,#e1c98e 70%,#e6d1a3)!important;box-shadow:inset 0 2px 4px rgba(139,105,20,.3),0 1px 2px rgba(0,0,0,.1)!important;transform:translateY(1px)!important}.vintage-button:active,.vintage-button:focus{color:#8b6914!important;text-decoration:none!important}.vintage-button:focus{outline:2px solid #d4af37!important;outline-offset:2px!important}.content-center-box{width:100%;max-width:32rem;margin:0 auto;padding:20px;min-height:calc(100vh - 200px);display:flex;flex-direction:column;justify-content:center}@media (min-width:768px){.content-center-box{position:static!important;top:auto!important;left:auto!important;transform:none!important;padding:0!important;min-height:calc(100vh - 200px)!important;display:flex!important;flex-direction:column!important;justify-content:center!important}}.input-group{display:block;width:100%}.input-group button,.input-group textarea{width:100%;margin:0;box-sizing:border-box;font-family:Cormorant Garamond,serif!important}.input-group button{margin-top:1rem;font-weight:500;letter-spacing:.8px}@media (max-width:767px){.input-group input,.input-group textarea{padding:12px!important;font-size:16px;font-family:Cormorant Garamond,serif!important}}.input-group button,[role=button],[type=button],[type=submit],button{background:linear-gradient(135deg,#f9f5f0,#f4e9d9 30%,#f0e2cc 70%,#f4e9d9)!important;border:2px solid #d4af37!important;border-radius:8px!important;box-shadow:0 2px 8px rgba(212,175,55,.2),0 1px 3px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.3)!important;filter:sepia(.1) saturate(1.1)!important;font-family:Cormorant Garamond,serif!important;font-weight:500!important;letter-spacing:.5px!important;transition:all .3s ease!important;padding:12px 24px!important;cursor:pointer!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.input-group button:hover,[role=button]:hover,[type=button]:hover,[type=submit]:hover,button:hover{background:linear-gradient(135deg,#f4e9d9,#f0e2cc 30%,#ebd8b8 70%,#f0e2cc)!important;border-color:#dab547!important;box-shadow:0 4px 16px rgba(212,175,55,.4),0 2px 6px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.4)!important;filter:sepia(.15) saturate(1.2)!important;transform:translateY(-1px)!important}.input-group button:active,[role=button]:active,[type=button]:active,[type=submit]:active,button:active{background:linear-gradient(135deg,#ebd8b8,#e6d1a3 30%,#e1c98e 70%,#e6d1a3)!important;box-shadow:inset 0 2px 4px rgba(139,105,20,.3),0 1px 2px rgba(0,0,0,.1)!important;transform:translateY(1px)!important}.input-group button:focus,[role=button]:focus,[type=button]:focus,[type=submit]:focus,button:focus{outline:2px solid #d4af37!important;outline-offset:2px!important}.flags-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}.horizontal-flags{justify-content:center!important;margin-bottom:2rem!important;padding:1rem!important;background-color:rgba(243,244,246,.8)!important;border-radius:.5rem!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.flag-item,.horizontal-flags{display:flex!important;align-items:center!important}.flag-item{margin:0 .5rem!important}.flag-emoji{font-size:1.5rem!important;margin-right:.5rem!important}@media (min-width:768px){.flag-item{margin:0 .75rem!important}.flag-emoji{font-size:1.875rem!important}}.flag-counter{background-color:hsla(0,0%,100%,.9)!important;border-radius:50%!important;width:2rem!important;height:2rem!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(209,213,219,.6)!important;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.flag-counter span{color:#1f2937!important;font-weight:600!important;font-size:.875rem!important;font-family:Cormorant Garamond,serif!important}.witch-hand-container{text-align:center;margin-top:8px;transition:all .3s ease}.witch-hand-result{margin-top:16px}.witch-hand{width:300px;height:auto;margin:0 auto;opacity:.8;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1)) sepia(.3) hue-rotate(300deg);transition:all .3s ease}.witch-hand:hover{opacity:1;transform:scale(1.05);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2)) sepia(.4) hue-rotate(300deg)}.content-wrapper{position:relative;z-index:10}.date-card{background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(138,43,226,.15);box-shadow:0 8px 32px rgba(138,43,226,.1)}input[type=text]::placeholder,textarea::placeholder{text-align:center!important;color:rgba(139,90,60,.7)!important;font-style:italic!important;font-family:Cormorant Garamond,serif!important}.bg-white label,.bg-white p,.bg-white span,.content-center-box label,.content-center-box p,.content-center-box span,.text-lg,.text-xl,div:not(.input-group):not(button):not(.bg-white) p,div:not(.input-group):not(button):not(.bg-white) span,h3,h4,h5,h6,label,p,span{color:#8b0000!important;font-family:Cormorant Garamond,serif!important;font-weight:500!important}*{color:#8b0000!important;font-family:Cormorant Garamond,serif!important}h2{color:inherit!important}.input-group button,[role=button],[type=button],[type=submit],button{color:#8b6914!important}input[type=text],textarea{background:#f9f5f0!important;-webkit-clip-path:polygon(2% 0,5% 2%,10% 0,15% 3%,20% 1%,25% 4%,30% 2%,35% 5%,40% 1%,45% 3%,50% 0,55% 4%,60% 2%,65% 5%,70% 1%,75% 3%,80% 0,85% 4%,90% 2%,95% 5%,98% 0,100% 8%,98% 12%,100% 18%,97% 22%,100% 28%,98% 32%,100% 38%,96% 42%,100% 48%,98% 52%,100% 58%,97% 62%,100% 68%,98% 72%,100% 78%,96% 82%,100% 88%,98% 92%,100% 98%,95% 100%,90% 98%,85% 100%,80% 97%,75% 100%,70% 98%,65% 100%,60% 96%,55% 100%,50% 98%,45% 100%,40% 97%,35% 100%,30% 98%,25% 100%,20% 96%,15% 100%,10% 98%,5% 100%,2% 98%,0 92%,2% 88%,0 82%,3% 78%,0 72%,2% 68%,0 62%,4% 58%,0 52%,2% 48%,0 42%,3% 38%,0 32%,2% 28%,0 22%,4% 18%,0 12%,2% 8%)!important;clip-path:polygon(2% 0,5% 2%,10% 0,15% 3%,20% 1%,25% 4%,30% 2%,35% 5%,40% 1%,45% 3%,50% 0,55% 4%,60% 2%,65% 5%,70% 1%,75% 3%,80% 0,85% 4%,90% 2%,95% 5%,98% 0,100% 8%,98% 12%,100% 18%,97% 22%,100% 28%,98% 32%,100% 38%,96% 42%,100% 48%,98% 52%,100% 58%,97% 62%,100% 68%,98% 72%,100% 78%,96% 82%,100% 88%,98% 92%,100% 98%,95% 100%,90% 98%,85% 100%,80% 97%,75% 100%,70% 98%,65% 100%,60% 96%,55% 100%,50% 98%,45% 100%,40% 97%,35% 100%,30% 98%,25% 100%,20% 96%,15% 100%,10% 98%,5% 100%,2% 98%,0 92%,2% 88%,0 82%,3% 78%,0 72%,2% 68%,0 62%,4% 58%,0 52%,2% 48%,0 42%,3% 38%,0 32%,2% 28%,0 22%,4% 18%,0 12%,2% 8%)!important;border:2px solid #8b5a3c!important;border-radius:0!important;box-shadow:inset 3px 3px 8px rgba(139,90,60,.2),inset -2px -2px 6px hsla(33,43%,96%,.8),0 6px 12px rgba(139,90,60,.15),0 2px 4px rgba(0,0,0,.1)!important;filter:sepia(.2) contrast(1.1)!important;transform:rotate(-.5deg)!important;position:relative!important;transition:all .3s ease!important;font-family:Cormorant Garamond,serif!important}input[type=text]:before,textarea:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:transparent;border:1px solid rgba(139,90,60,.3);-webkit-clip-path:polygon(1% 2%,4% 0,8% 3%,12% 1%,16% 4%,20% 0,24% 3%,28% 1%,32% 4%,36% 2%,40% 0,44% 3%,48% 1%,52% 4%,56% 0,60% 2%,64% 4%,68% 1%,72% 3%,76% 0,80% 2%,84% 4%,88% 1%,92% 3%,96% 0,99% 2%,100% 6%,98% 10%,100% 14%,97% 18%,100% 22%,98% 26%,100% 30%,96% 34%,100% 38%,98% 42%,100% 46%,97% 50%,100% 54%,98% 58%,100% 62%,96% 66%,100% 70%,98% 74%,100% 78%,97% 82%,100% 86%,98% 90%,100% 94%,96% 98%,92% 100%,88% 98%,84% 100%,80% 97%,76% 100%,72% 98%,68% 100%,64% 96%,60% 100%,56% 98%,52% 100%,48% 97%,44% 100%,40% 98%,36% 100%,32% 96%,28% 100%,24% 98%,20% 100%,16% 97%,12% 100%,8% 98%,4% 100%,1% 98%,0 94%,2% 90%,0 86%,3% 82%,0 78%,2% 74%,0 70%,4% 66%,0 62%,2% 58%,0 54%,3% 50%,0 46%,2% 42%,0 38%,4% 34%,0 30%,2% 26%,0 22%,3% 18%,0 14%,2% 10%,0 6%);clip-path:polygon(1% 2%,4% 0,8% 3%,12% 1%,16% 4%,20% 0,24% 3%,28% 1%,32% 4%,36% 2%,40% 0,44% 3%,48% 1%,52% 4%,56% 0,60% 2%,64% 4%,68% 1%,72% 3%,76% 0,80% 2%,84% 4%,88% 1%,92% 3%,96% 0,99% 2%,100% 6%,98% 10%,100% 14%,97% 18%,100% 22%,98% 26%,100% 30%,96% 34%,100% 38%,98% 42%,100% 46%,97% 50%,100% 54%,98% 58%,100% 62%,96% 66%,100% 70%,98% 74%,100% 78%,97% 82%,100% 86%,98% 90%,100% 94%,96% 98%,92% 100%,88% 98%,84% 100%,80% 97%,76% 100%,72% 98%,68% 100%,64% 96%,60% 100%,56% 98%,52% 100%,48% 97%,44% 100%,40% 98%,36% 100%,32% 96%,28% 100%,24% 98%,20% 100%,16% 97%,12% 100%,8% 98%,4% 100%,1% 98%,0 94%,2% 90%,0 86%,3% 82%,0 78%,2% 74%,0 70%,4% 66%,0 62%,2% 58%,0 54%,3% 50%,0 46%,2% 42%,0 38%,4% 34%,0 30%,2% 26%,0 22%,3% 18%,0 14%,2% 10%,0 6%);pointer-events:none;z-index:-1}input[type=text]:hover,textarea:hover{background:#f5f0e8!important;box-shadow:inset 4px 4px 10px rgba(139,90,60,.25),inset -3px -3px 8px hsla(37,39%,94%,.9),0 8px 16px rgba(139,90,60,.2),0 4px 8px rgba(0,0,0,.15)!important;filter:sepia(.25) contrast(1.15)!important;transform:rotate(-.3deg) scale(1.01)!important}input[type=text]:focus,textarea:focus{background:#f3ede5!important;box-shadow:inset 5px 5px 12px rgba(139,90,60,.3),inset -4px -4px 10px #f3ede5,0 10px 20px rgba(139,90,60,.25),0 5px 10px rgba(0,0,0,.2)!important;filter:sepia(.3) contrast(1.2)!important;transform:rotate(0deg) scale(1.02)!important}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slide-up .3s ease-out}@keyframes pulse-glow{0%,to{box-shadow:0 0 25px rgba(138,43,226,.2),0 0 50px rgba(218,165,32,.1)}50%{box-shadow:0 0 45px rgba(138,43,226,.4),0 0 80px rgba(218,165,32,.2)}}.mystical-glow{animation:pulse-glow 3s ease-in-out infinite;border:2px solid rgba(138,43,226,.2)}