@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,400&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600&display=swap");:root{--color-bg-dark:#09120e;--color-bg-fog:#122119;--color-cream-light:#fdfaf5;--color-cream-warm:#f6efe2;--color-sage:#8fa88c;--color-forest:#1b3628;--color-gold:#e5c388;--color-gold-bright:#fbe6ba;--color-rose:#df9e94;--color-lavender:#bfa4ce;--font-serif-display:"Playfair Display","Cormorant Garamond",Georgia,serif;--font-serif-body:"Cormorant Garamond",Georgia,serif;--font-sans:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif}.garden-app-container{position:relative;width:100%;height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-bg-dark);font-family:var(--font-sans);color:var(--color-cream-warm)}.garden-canvas{z-index:1;pointer-events:auto}.garden-canvas,.ui-layer{position:absolute;top:0;left:0;width:100%;height:100%}.ui-layer{z-index:10;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px}.interactive-element{pointer-events:auto}.serif-title{font-family:var(--font-serif-display);font-weight:400;letter-spacing:.05em;color:var(--color-cream-light);text-shadow:0 4px 20px rgba(0,0,0,.6)}.serif-subtitle{font-family:var(--font-serif-body);font-weight:300;font-style:italic;letter-spacing:.03em;color:var(--color-gold)}.gold-gradient-text{background:linear-gradient(135deg,#fff7ea,#e8c495 50%,#c49a60);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dob-card-container{background:rgba(14,26,20,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(229,195,136,.3);box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 30px rgba(229,195,136,.15),inset 0 1px 1px rgba(255,255,255,.15);border-radius:24px;padding:36px 42px;max-width:440px;width:90%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px;transition:all .6s cubic-bezier(.16,1,.3,1);animation:floatCard 6s ease-in-out infinite alternate}@keyframes floatCard{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.dob-card-container.error-shake{animation:shakeCard .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shakeCard{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(4px,0,0)}30%,50%,70%{transform:translate3d(-6px,0,0)}40%,60%{transform:translate3d(6px,0,0)}}.dob-inputs-wrapper{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.dob-field-group{display:flex;flex-direction:column;align-items:center;gap:6px}.dob-input{width:68px;height:58px;background:rgba(255,255,255,.08);border:1.5px solid rgba(229,195,136,.35);border-radius:14px;text-align:center;font-family:var(--font-serif-display);font-size:1.6rem;color:var(--color-cream-light);outline:none;transition:all .3s ease;box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}.dob-input.year{width:96px}.dob-input:focus{background:rgba(255,255,255,.15);border-color:var(--color-gold);box-shadow:0 0 15px rgba(229,195,136,.4),inset 0 1px 2px rgba(255,255,255,.2);transform:translateY(-2px)}.dob-separator{font-family:var(--font-serif-display);font-size:1.5rem;color:rgba(229,195,136,.5);padding-bottom:14px}.dob-label{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(246,239,226,.6);font-weight:500}.enter-btn{background:linear-gradient(135deg,#1b3628,#2c543f);border:1px solid rgba(229,195,136,.5);color:var(--color-cream-light);padding:16px 36px;border-radius:40px;font-family:var(--font-sans);font-size:.95rem;font-weight:500;letter-spacing:.08em;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 25px rgba(0,0,0,.4),0 0 20px rgba(139,168,140,.2)}.enter-btn:hover{background:linear-gradient(135deg,#244634,#37664d);border-color:var(--color-gold);box-shadow:0 14px 30px rgba(0,0,0,.5),0 0 30px rgba(229,195,136,.4);transform:translateY(-3px) scale(1.02)}.enter-btn:active{transform:translateY(-1px) scale(.99)}.fade-in{animation:fadeIn 1.5s cubic-bezier(.16,1,.3,1) forwards}.fade-out{animation:fadeOut 1.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-15px)}}.cinematic-text-box{position:relative;text-align:center;max-width:720px;width:92%;max-height:calc(100dvh - 110px);overflow-y:auto;padding:20px 24px;pointer-events:auto;z-index:20;margin:0 auto;scrollbar-width:thin}@media (max-width:640px){.dob-card-container{padding:22px 16px;gap:16px;max-width:94%;border-radius:20px}.dob-inputs-wrapper{gap:6px}.dob-input{width:48px;height:48px;font-size:1.25rem;border-radius:12px}.dob-input.year{width:68px}.dob-separator{font-size:1.2rem;padding-bottom:10px}.serif-title{font-size:1.6rem!important}.enter-btn{padding:12px 24px;font-size:.85rem}.cinematic-text-box{padding:14px 16px;max-height:calc(100dvh - 90px)}}@import url("https://fonts.googleapis.com/css2?family=Bangers&family=Bebas+Neue&family=Cinzel:wght@700;900&family=Outfit:wght@400;600;800;900&family=Reenie+Beanie&display=swap");:root{--spidey-red:#e62429;--spidey-red-dark:#8b0000;--spidey-blue:#0b1f48;--spidey-blue-glow:#00d2ff;--spidey-dark:#050814;--spidey-gold:#ffcc00}.font-bangers{font-family:Bangers,cursive}.font-bebas{font-family:Bebas Neue,sans-serif}.font-handwriting{font-family:Reenie Beanie,cursive}.font-cinzel{font-family:Cinzel,serif}.bg-web-pattern{background-image:radial-gradient(circle at 50% 50%,rgba(230,36,41,.15) 0,transparent 60%),linear-gradient(rgba(0,229,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(0,229,255,.05) 1px,transparent 0);background-size:100% 100%,40px 40px,40px 40px}.glow-red{box-shadow:0 0 25px rgba(230,36,41,.7),inset 0 0 15px rgba(230,36,41,.4)}.glow-blue{box-shadow:0 0 25px rgba(0,210,255,.7),inset 0 0 15px rgba(0,210,255,.3)}.text-glow-red{text-shadow:0 0 12px rgba(230,36,41,.9),0 0 24px rgba(230,36,41,.6)}.text-glow-blue{text-shadow:0 0 12px rgba(0,210,255,.9),0 0 24px rgba(0,210,255,.6)}.text-glow-gold{text-shadow:0 0 15px rgba(255,204,0,.9),0 0 30px rgba(255,150,0,.7)}.spider-btn{position:relative;background:linear-gradient(135deg,#e62429,#a00d11);border:2px solid #ff4d4d;color:white;font-family:Bangers,cursive;letter-spacing:1px;text-transform:uppercase;border-radius:12px;padding:12px 28px;font-size:1.35rem;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 25px rgba(230,36,41,.5),inset 0 2px 4px rgba(255,255,255,.3)}.spider-btn:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 12px 35px rgba(230,36,41,.8),inset 0 2px 6px rgba(255,255,255,.5);border-color:#ffffff}.spider-btn:active{transform:translateY(1px) scale(.98)}@keyframes spiderPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px rgba(230,36,41,.6))}50%{transform:scale(1.08);filter:drop-shadow(0 0 20px rgba(230,36,41,.9))}}.animate-spider-pulse{animation:spiderPulse 2s ease-in-out infinite}@keyframes webSwing{0%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}to{transform:rotate(-8deg)}}.animate-web-swing{animation:webSwing 3.5s ease-in-out infinite;transform-origin:top center}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:floatSlow 4s ease-in-out infinite}.font-cinzel{font-family:Cinzel Decorative,Cinzel,serif}.font-handwriting{font-family:Great Vibes,Dancing Script,cursive}.font-pinyon{font-family:Pinyon Script,cursive}.font-body{font-family:Cormorant Garamond,serif}.font-sans{font-family:Montserrat,Inter,sans-serif}.glow-pink-text{text-shadow:0 0 10px rgba(255,182,193,.8),0 0 20px rgba(255,105,180,.6),0 0 30px rgba(230,230,250,.4)}.glow-gold-text{text-shadow:0 0 10px rgba(247,208,112,.8),0 0 20px rgba(255,215,0,.5),0 0 35px rgba(212,175,55,.3)}.glow-fairy-box{box-shadow:0 0 25px rgba(255,182,193,.3),inset 0 0 15px rgba(247,208,112,.2)}.parchment-bg{background:radial-gradient(circle,#fdf6e7 0,#f4e4c1 70%,#ebd39c 100%);box-shadow:inset 0 0 50px rgba(115,78,20,.25),0 15px 40px rgba(0,0,0,.6)}.envelope-bg{background:linear-gradient(135deg,#ffd1dc,#fbe4eb 50%,#f5c2d0)}@keyframes floatGentle{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-12px) rotate(1.5deg)}}@keyframes pulseGlow{0%,to{opacity:.6;filter:drop-shadow(0 0 8px rgba(255,182,193,.8))}50%{opacity:1;filter:drop-shadow(0 0 20px rgba(255,215,0,.9))}}@keyframes sparkleSpin{0%{transform:rotate(0deg) scale(.9)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(1turn) scale(.9)}}.animate-float-gentle{animation:floatGentle 5s ease-in-out infinite}.animate-pulse-glow{animation:pulseGlow 3s ease-in-out infinite}.animate-sparkle-spin{animation:sparkleSpin 8s linear infinite}