@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Outfit:wght@100..900&family=Dancing+Script:wght@500;700&display=swap";:root{--pink-primary:#ff65a3;--pink-light:#fff0f5;--purple-primary:#b088f9;--purple-light:#e8dff5;--blue-primary:#64c9cf;--blue-light:#e1f2fb;--gold-accent:#e5c158;--ui-border:#eaeaef;--sans:"Outfit", system-ui, -apple-system, sans-serif;--heading:"Fredoka", cursive, sans-serif;--cursive:"Dancing Script", cursive;--bg-gradient:linear-gradient(135deg, #ffebf0 0%, #f3e8ff 50%, #e6f7ff 100%);--card-shadow:0 16px 48px 0 #b088f91f;--inset-shadow:inset 0 2px 4px #fff9}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--bg-gradient);color:#4a3e56;background-attachment:fixed;justify-content:center;align-items:center;min-height:100vh;font-size:16px;line-height:1.5;display:flex;overflow-x:hidden}#root{z-index:10;flex-direction:column;justify-content:center;width:100%;max-width:600px;min-height:100vh;padding:24px 16px;display:flex;position:relative}.glass-card{-webkit-backdrop-filter:blur(20px);box-shadow:var(--card-shadow);text-align:center;z-index:10;background:#ffffffd1;border:1px solid #fff9;border-radius:28px;padding:40px 30px;transition:transform .4s cubic-bezier(.175,.885,.32,1.15),box-shadow .4s;position:relative;overflow:hidden}.glass-card:hover{box-shadow:0 20px 60px #b088f92e}@keyframes float{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:.5}90%{opacity:.5}to{opacity:0;transform:translateY(-800px)rotate(360deg)}}@keyframes heartbeat{0%{transform:scale(1)}25%{transform:scale(1.1)}40%{transform:scale(1)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.bg-decorations{pointer-events:none;z-index:1;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.decor-item{opacity:0;font-size:24px;animation:15s linear infinite float;position:absolute;bottom:-60px}h1{font-family:var(--heading);color:#3b2354;letter-spacing:-.5px;margin-bottom:12px;font-size:2.2rem;font-weight:700;line-height:1.25}h2{font-family:var(--heading);color:#3b2354;margin-bottom:20px;font-size:1.5rem;font-weight:600}p{color:#5c4d70;margin-bottom:20px}.btn-primary{font-family:var(--heading);background:linear-gradient(135deg, var(--pink-primary) 0%, var(--purple-primary) 100%);color:#fff;cursor:pointer;border:none;border-radius:50px;outline:none;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:14px 36px;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;box-shadow:0 8px 20px #ff65a340}.btn-primary:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 12px 28px #ff65a359}.btn-primary:active{transform:translateY(1px)scale(.98)}.btn-music-toggle{-webkit-backdrop-filter:blur(8px);cursor:pointer;z-index:1000;color:#5c4375;background:#ffffffd9;border:1px solid #fff9;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.175,.885,.32,1.25);display:flex;position:fixed;top:20px;right:20px;box-shadow:0 4px 15px #0000000d}.btn-music-toggle:hover{border-color:var(--pink-primary);color:var(--pink-primary);background:#fff;transform:scale(1.1);box-shadow:0 6px 20px #ff65a340}.btn-music-toggle svg{width:20px;height:20px}.btn-music-toggle.playing svg{animation:8s linear infinite spin}.progress-container{background-color:#b088f926;border:1px solid #fff6;border-radius:10px;width:100%;height:10px;margin-bottom:25px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--pink-primary), var(--purple-primary));border-radius:10px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);position:relative}.progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:2.5s infinite shine;position:absolute;top:0;left:0;transform:translate(-100%)}@keyframes shine{to{transform:translate(100%)}}.choices-grid{grid-template-columns:1fr;gap:12px;margin-bottom:20px;display:grid}.choice-btn{font-family:var(--heading);border:2px solid var(--ui-border);color:#4a3e56;text-align:left;cursor:pointer;background:#fff;border-radius:20px;outline:none;justify-content:space-between;align-items:center;padding:16px 22px;font-size:1rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #00000003}.choice-btn:hover:not(:disabled){border-color:var(--purple-primary);background:#b088f90d;transform:translate(6px);box-shadow:0 4px 12px #b088f91a}.choice-btn:active:not(:disabled){transform:translate(2px)scale(.99)}.choice-btn:disabled{cursor:not-allowed}.choice-btn.correct{font-weight:600;animation:.4s ease-out success-pulse;box-shadow:0 0 15px #2ecc7133;color:#196f3d!important;background-color:#e8f8f5!important;border-color:#2ecc71!important}.choice-btn.incorrect{animation:.4s ease-in-out shake;color:#78281f!important;background-color:#fdedec!important;border-color:#e74c3c!important}.choice-btn.dimmed{opacity:.5;transform:scale(.98)}.choice-btn svg{flex-shrink:0;width:20px;height:20px;margin-left:10px}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes success-pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.feedback-box{border-left:4px solid var(--purple-primary);text-align:left;background:#fffffff2;border-radius:16px;margin-top:18px;padding:16px 20px;animation:.35s cubic-bezier(.175,.885,.32,1.1) forwards slideUp;box-shadow:0 4px 15px #00000008}.feedback-text{color:#5c4d70;margin-bottom:0;font-size:.96rem;line-height:1.45}.welcome-envelope-wrapper{aspect-ratio:4/3;perspective:1000px;z-index:20;width:100%;max-width:420px;margin:30px auto 10px;position:relative}.welcome-envelope{width:100%;height:100%;transform-style:preserve-3d;background:#ffaec9;border-radius:16px;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 15px 35px #ff65a333}.welcome-envelope .flap{clip-path:polygon(0 0,50% 55%,100% 0);transform-origin:top;z-index:30;background:#ff8da1;border-radius:16px 16px 0 0;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1),z-index .1s .2s;position:absolute;top:0;left:0}.welcome-envelope.open .flap{z-index:5;transform:rotateX(180deg)}.welcome-envelope .pocket{clip-path:polygon(0 45%,50% 75%,100% 45%,100% 100%,0 100%);z-index:20;background:#ffaec9;border-radius:16px;width:100%;height:100%;position:absolute;top:0;left:0}.welcome-envelope .pocket:before{content:"";clip-path:polygon(0 100%,50% 60%,100% 100%);background:#ff9eb2;border-radius:16px;width:100%;height:100%;position:absolute;top:0;left:0}.welcome-envelope .letter{z-index:15;text-align:center;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:88%;height:80%;padding:20px;transition:transform .6s cubic-bezier(.4,0,.2,1),z-index linear;display:flex;position:absolute;top:10%;left:6%;box-shadow:0 4px 15px #0000000d}.welcome-envelope.open .letter{z-index:25;transition:transform .6s cubic-bezier(.4,0,.2,1) .3s,z-index 0s linear .6s;transform:translateY(-48%)scale(1.02);box-shadow:0 15px 30px #ff65a326}.welcome-envelope .wax-seal{z-index:35;cursor:pointer;background:radial-gradient(circle,#ff65a3 0%,#ff3d81 100%);border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:2s ease-in-out infinite pulse-seal;display:flex;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 15px #ff3d8166,inset 0 2px 4px #fff6}.welcome-envelope .wax-seal svg{color:#fff;width:26px;height:26px}.welcome-envelope .wax-seal:hover{transform:translate(-50%,-50%)scale(1.12);box-shadow:0 8px 22px #ff3d8199}.welcome-envelope.open .wax-seal{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(0)}@keyframes pulse-seal{0%,to{box-shadow:0 6px 15px #ff3d8166,0 0 #ff65a34d}50%{box-shadow:0 8px 20px #ff3d8180,0 0 0 10px #ff65a300}}.envelope-hint{text-align:center;color:var(--pink-primary);margin-top:15px;font-size:.95rem;font-weight:600;animation:3s ease-in-out infinite bounceSlow}.bday-envelope-wrapper{aspect-ratio:4/3;perspective:1000px;cursor:pointer;z-index:20;width:100%;max-width:380px;margin:30px auto;position:relative}.bday-envelope{width:100%;height:100%;transform-style:preserve-3d;background:#e8dff5;border-radius:16px;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 12px 30px #b088f926}.bday-envelope .flap{clip-path:polygon(0 0,50% 55%,100% 0);transform-origin:top;z-index:30;background:#d4c3ec;border-radius:16px 16px 0 0;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1),z-index .2s .3s;position:absolute;top:0;left:0}.bday-envelope.open .flap{z-index:5;transform:rotateX(180deg)}.bday-envelope .pocket{clip-path:polygon(0 45%,50% 75%,100% 45%,100% 100%,0 100%);z-index:20;background:#e8dff5;border-radius:16px;width:100%;height:100%;position:absolute;top:0;left:0}.bday-envelope .pocket:before{content:"";clip-path:polygon(0 100%,50% 60%,100% 100%);background:#decff0;border-radius:16px;width:100%;height:100%;position:absolute;top:0;left:0}.bday-envelope .letter-preview{z-index:15;background:#fcfbf7;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:88%;height:80%;padding:15px;transition:transform .8s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:10%;left:6%;box-shadow:0 2px 10px #00000008}.bday-envelope.open .letter-preview{z-index:25;transform:translateY(-48%)scale(1.02)}.bday-envelope .wax-seal{z-index:35;cursor:pointer;background:radial-gradient(circle,#b088f9 0%,#9063d9 100%);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 12px #9063d966,inset 0 2px 4px #fff6}.bday-envelope .wax-seal svg{color:#fff;width:24px;height:24px}.bday-envelope .wax-seal:hover{transform:translate(-50%,-50%)scale(1.12);box-shadow:0 7px 18px #9063d999}.bday-envelope.open .wax-seal{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(0)}.birthday-letter-expanded{text-align:left;background:#fcfbf7 linear-gradient(#b088f914 1px,#0000 1px) 0 0/100% 28px;border:1px solid #b088f926;border-radius:20px;max-width:500px;margin:25px auto 10px;padding:30px 25px;animation:.5s cubic-bezier(.175,.885,.32,1.1) forwards slideUpOpen;position:relative;overflow:hidden;box-shadow:0 15px 45px #4a2e801f}.birthday-letter-expanded:before{content:"";background:#ff65a340;width:1px;height:100%;position:absolute;top:0;left:35px}@keyframes slideUpOpen{0%{opacity:0;transform:translateY(50px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.birthday-letter-scroll{max-height:none;padding-left:20px;padding-right:8px;overflow:visible}.birthday-letter-scroll p{color:#3b2354;margin:0 0 28px;font-family:Dancing Script,cursive;font-size:1.4rem;line-height:28px}.birthday-letter-header{border-bottom:1px solid #b088f926;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:8px;padding-left:20px;display:flex}.birthday-letter-header h3{font-family:var(--heading);color:var(--pink-primary);margin:0;font-size:1.2rem}.btn-close-letter{color:#888;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.btn-close-letter:hover{color:var(--pink-primary)}.btn-close-letter svg{width:20px;height:20px}.preloader-screen{background:var(--bg-gradient);z-index:1000;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;transition:opacity .6s;display:flex;position:fixed;top:0;left:0}.preloader-screen.fade-out{opacity:0;pointer-events:none}.preloader-card{-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:32px;flex-direction:column;align-items:center;width:90%;max-width:340px;padding:40px 30px;animation:.6s cubic-bezier(.175,.885,.32,1.1) forwards pop;display:flex;box-shadow:0 20px 50px #b088f926}.spinner-heart{justify-content:center;align-items:center;margin-bottom:20px;font-size:4rem;animation:1.2s ease-in-out infinite heartbeat;display:flex}.loader-bar-container{background-color:#b088f926;border:1px solid #fff6;border-radius:10px;width:100%;height:6px;margin-bottom:15px;overflow:hidden}.loader-bar{background:linear-gradient(90deg, var(--pink-primary), var(--purple-primary));border-radius:10px;height:100%;transition:width .15s}.loader-percentage{font-family:var(--heading);color:var(--pink-primary);margin-bottom:8px;font-size:1.5rem;font-weight:700}.loader-status{color:#7b6888;text-align:center;min-height:40px;font-size:.88rem;font-weight:500}.cake-card{flex-direction:column;justify-content:center;align-items:center;padding:30px 20px;transition:opacity 1s cubic-bezier(.4,0,.2,1),transform 1s cubic-bezier(.4,0,.2,1);display:flex}.cake-card.fade-out{opacity:0;pointer-events:none;transform:scale(.92)translateY(20px)}.cake-container{flex-direction:column;justify-content:center;align-items:center;width:280px;height:280px;margin:15px auto;display:flex;position:relative}.gourmet-cake-img{object-fit:contain;mix-blend-mode:multiply;z-index:5;filter:drop-shadow(0 6px 16px #0000000f);width:260px;height:260px}.cake-plate{z-index:2;background:radial-gradient(#fffffff2 0%,#f0f0f3fa 70%,#d7d7dcf2 100%);border:1px solid #fff9;border-radius:50%;width:240px;height:16px;position:absolute;bottom:12px;box-shadow:0 8px 20px #00000014,inset 0 2px 4px #ffffffd9}.candles-row{z-index:10;gap:12px;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%)}.candle-wrapper{cursor:pointer;flex-direction:column;justify-content:flex-end;align-items:center;width:10px;height:40px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.candle-wrapper:hover{transform:scale(1.15)translateY(-2px)}.candle-body{border-radius:2px;width:6px;height:26px;position:relative;box-shadow:0 1px 3px #0000001a}.candle-body:before{content:"";background:inherit;filter:brightness(1.2);border-radius:50%;width:100%;height:2px;position:absolute;top:-1px;left:0}.candle-wrapper:first-child .candle-body{background:linear-gradient(90deg,#00000026,#0000 30%,#fff3 60%,#00000026),repeating-linear-gradient(45deg,#ff65a3,#ff65a3 4px,#fff 4px 8px)}.candle-wrapper:nth-child(2) .candle-body{background:linear-gradient(90deg,#00000026,#0000 30%,#fff3 60%,#00000026),repeating-linear-gradient(-45deg,#64c9cf,#64c9cf 4px,#fff 4px 8px)}.candle-wrapper:nth-child(3) .candle-body{background:linear-gradient(90deg,#00000026,#0000 30%,#fff3 60%,#00000026),repeating-linear-gradient(45deg,#e5c158,#e5c158 4px,#fff 4px 8px)}.candle-wick{background:#333;width:1.5px;height:5px;position:absolute;top:-5px;left:2px}.candle-flame{transform-origin:bottom;opacity:1;z-index:5;background:radial-gradient(at bottom,#fff 0%,#ffe066 30%,#ff9233 70%,#ff453a 100%);border-radius:50% 50% 20% 20%/60% 60% 40% 40%;width:8px;height:14px;transition:opacity .2s ease-out,transform .2s ease-out;animation:.5s ease-in-out infinite alternate flicker;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #ff923399,0 0 16px #ffe06666}.candle-flame:before{content:"";filter:blur(.3px);background:#00bcd4e6;border-radius:50%;width:3px;height:3px;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.candle-flame:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#ffe06659 0%,#ff92331a 50%,#0000 70%);border-radius:50%;width:28px;height:28px;animation:1.2s ease-in-out infinite alternate pulse-glow;position:absolute;top:-10px;left:-10px}.candle-flame.extinguished{pointer-events:none;opacity:0!important;transform:translate(-50%)scale(0)!important}.candle-shadow{z-index:-1;background:#00000026;border-radius:50%;width:8px;height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.smoke-container{pointer-events:none;z-index:15;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.smoke-particle{opacity:0;background:#dcdce1cc;border-radius:50%;position:absolute}.smoke-particle.p1{width:4px;height:4px;animation:.8s ease-out forwards smoke1}.smoke-particle.p2{width:6px;height:6px;animation:1s ease-out .1s forwards smoke2}.smoke-particle.p3{width:3px;height:3px;animation:.7s ease-out 50ms forwards smoke3}@keyframes smoke1{0%{opacity:.8;transform:translate(0)scale(1)}to{opacity:0;filter:blur(.8px);transform:translate(-6px,-20px)scale(2)}}@keyframes smoke2{0%{opacity:.6;transform:translate(0)scale(1)}to{opacity:0;filter:blur(1.2px);transform:translate(5px,-30px)scale(2.5)}}@keyframes smoke3{0%{opacity:.7;transform:translate(0)scale(1)}to{opacity:0;filter:blur(.6px);transform:translate(-2px,-15px)scale(1.6)}}@keyframes pulse-glow{0%{opacity:.8;transform:scale(.9)}to{opacity:1;transform:scale(1.15)}}@keyframes flicker{0%{transform:translate(-50%)scale(1)rotate(-1deg)}to{transform:translate(-50%)scale(1.05)rotate(1deg)skew(1deg)}}.celebration-overlay{z-index:1100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff5fa73;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.8s ease-in-out forwards fadeIn;display:flex;position:fixed;top:0;left:0}.celebration-box{text-align:center;background:#fffffff2;border:1px solid #ff65a333;border-radius:28px;width:90%;max-width:400px;padding:40px 30px;animation:.5s cubic-bezier(.175,.885,.32,1.25) forwards popUpScale;transform:scale(.92);box-shadow:0 20px 50px #ff65a32e}@keyframes popUpScale{to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pulsing-btn{animation:2s ease-in-out infinite pulseButton}@keyframes pulseButton{0%,to{transform:scale(1);box-shadow:0 8px 20px #ff65a359}50%{transform:scale(1.04);box-shadow:0 12px 28px #ff65a380}}.collage-container{background:#ffffff59;border:1px dashed #b088f933;border-radius:20px;width:100%;max-width:440px;height:420px;margin:20px auto 10px;padding:10px;position:relative;box-shadow:inset 0 2px 8px #00000005}.polaroid-frame{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;will-change:left, top, transform;background:#fff;border-radius:4px;padding:10px 10px 20px;box-shadow:0 8px 24px #4a2e801a}.polaroid-frame:active{cursor:grabbing}.tape-pink:before{background:#ffc8dca6!important;border-color:#ff65a34d!important;transform:translate(-50%)rotate(-2deg)!important}.tape-blue:before{background:#c8e6ffa6!important;border-color:#64c9cf4d!important;transform:translate(-50%)rotate(3deg)!important}.tape-purple:before{background:#e6d2ffa6!important;border-color:#b088f94d!important;transform:translate(-50%)rotate(-3deg)!important}.tape-gold:before{background:#fff5c8a6!important;border-color:#e5c15859!important;transform:translate(-50%)rotate(2deg)!important}.polaroid-dinar{z-index:10;width:220px;position:absolute;top:10px;left:8%;transform:rotate(-4deg);margin:0!important}.polaroid-dinar:hover{z-index:25;transform:rotate(-1deg)scale(1.05)}.polaroid-cat{z-index:5;opacity:.92;width:160px;transition:all .4s cubic-bezier(.175,.885,.32,1.25);position:absolute;top:75px;right:10%;transform:rotate(6deg);margin:0!important}.polaroid-cat:hover{z-index:25;opacity:1;transform:rotate(1deg)scale(1.06);box-shadow:0 15px 35px #b088f938}.polaroid-frame:before{content:"";-webkit-backdrop-filter:blur(1.5px);z-index:5;background:#ffe6f08c;border:1px dashed #ff65a340;width:70px;height:22px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-1deg)}.polaroid-cat:before{background:#e6f0ff8c!important;border-color:#64c9cf40!important;transform:translate(-50%)rotate(4deg)!important}.polaroid-img{aspect-ratio:3/4;object-fit:cover;pointer-events:none;background-color:#fafafa;border:1px solid #eee;border-radius:2px;width:100%}.polaroid-caption{font-family:var(--heading);color:var(--pink-primary);text-align:center;margin-top:12px;font-size:1.15rem}.lightbox-overlay{-webkit-backdrop-filter:blur(10px);z-index:2000;cursor:zoom-out;background:#120c1cd9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.lightbox-img{border:6px solid #fff;border-radius:16px;max-width:90%;max-height:80%;animation:.3s cubic-bezier(.175,.885,.32,1.15) forwards zoomIn;transform:scale(.92);box-shadow:0 24px 60px #00000080}.lightbox-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,transform .2s;display:flex;position:absolute;top:20px;right:20px}.lightbox-close:hover{background:#ffffff59;transform:scale(1.05)}.lightbox-close svg{width:22px;height:22px}@keyframes zoomIn{to{transform:scale(1)}}.subtitle{color:#7b6888;margin-bottom:25px;font-size:1.1rem;font-weight:500}.quiz-header{color:var(--purple-primary);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.92rem;font-weight:600;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#b088f94d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--purple-primary)}@media (width<=480px){#root{padding:16px 12px}.glass-card{border-radius:24px;padding:30px 18px}h1{margin-bottom:10px;font-size:1.75rem}h2{margin-bottom:15px;font-size:1.25rem}.subtitle{margin-bottom:20px;font-size:.95rem}.collage-container{max-width:330px;height:350px}.polaroid-dinar{width:180px;top:5px;left:4%}.polaroid-cat{width:130px;top:65px;right:5%}.choice-btn{border-radius:16px;padding:14px 16px;font-size:.92rem}.btn-primary{padding:12px 28px;font-size:1rem}.welcome-envelope-wrapper,.bday-envelope-wrapper{max-width:340px}.birthday-letter-expanded{padding:24px 15px}.birthday-letter-scroll{max-height:none;padding-left:15px}.birthday-letter-scroll p{margin-bottom:26px;font-size:1.25rem;line-height:26px}.birthday-letter-expanded:before{left:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:-1ms!important}.btn-music-toggle.playing svg{animation:none!important}.decor-item{display:none!important}}.css-flower-container *,.css-flower-container :after,.css-flower-container :before{box-sizing:border-box;margin:0;padding:0}.flower,.flower__line,.flower__leafs,.flower__light,.flower__grass,.flower__g-long,.flower__g-right,.flower__g-front,.flower__g-fr,.long-g .leaf,.grow-ans,.growing-grass{will-change:transform, opacity}:root{--dark-color:#f7e6ff}.css-flower-container{--dark-color:#f7e6ff;z-index:8;perspective:1000px;pointer-events:none;justify-content:center;align-items:flex-end;width:100vw;height:100vh;padding-bottom:25vh;transition:background 1.5s ease-in-out;display:flex;position:fixed;top:0;left:0;overflow:hidden}.css-flower-container.light-bg{background:linear-gradient(135deg,#fff0f6 0%,#f7e6ff 100%)}.css-flower-container.transparent-bg{background-color:#0000}.night{filter:blur(.1vmin);width:100%;height:100%;position:fixed;top:0;left:50%;transform:translate(-50%)}.flowers{position:relative;transform:scale(.9)}.flower{transform-origin:bottom;z-index:10;--fl-speed:.8s;position:absolute;bottom:10vmin}.flower--1{animation:4s linear infinite moving-flower-1}.flower--1 .flower__line{height:70vmin;animation-delay:.3s}.flower--1 .flower__line__leaf--1{animation:blooming-leaf-right var(--fl-speed) 1.6s backwards}.flower--1 .flower__line__leaf--2{animation:blooming-leaf-right var(--fl-speed) 1.4s backwards}.flower--1 .flower__line__leaf--3{animation:blooming-leaf-left var(--fl-speed) 1.2s backwards}.flower--1 .flower__line__leaf--4{animation:blooming-leaf-left var(--fl-speed) 1s backwards}.flower--1 .flower__line__leaf--5{animation:blooming-leaf-right var(--fl-speed) 1.8s backwards}.flower--1 .flower__line__leaf--6{animation:blooming-leaf-left var(--fl-speed) 2s backwards}.flower--2{animation:4s linear infinite moving-flower-2;left:50%;transform:rotate(20deg)}.flower--2 .flower__line{height:60vmin;animation-delay:.6s}.flower--2 .flower__line__leaf--1{animation:blooming-leaf-right var(--fl-speed) 1.9s backwards}.flower--2 .flower__line__leaf--2{animation:blooming-leaf-right var(--fl-speed) 1.7s backwards}.flower--2 .flower__line__leaf--3{animation:blooming-leaf-left var(--fl-speed) 1.5s backwards}.flower--2 .flower__line__leaf--4{animation:blooming-leaf-left var(--fl-speed) 1.3s backwards}.flower--3{animation:4s linear infinite moving-flower-3;left:50%;transform:rotate(-15deg)}.flower--3 .flower__line{animation-delay:.9s}.flower--3 .flower__line__leaf--1{animation:blooming-leaf-right var(--fl-speed) 2.5s backwards}.flower--3 .flower__line__leaf--2{animation:blooming-leaf-right var(--fl-speed) 2.3s backwards}.flower--3 .flower__line__leaf--3{animation:blooming-leaf-left var(--fl-speed) 2.1s backwards}.flower--3 .flower__line__leaf--4{animation:blooming-leaf-left var(--fl-speed) 1.9s backwards}.flower__leafs{animation:2s backwards blooming-flower;position:relative}.flower__leafs--1{animation-delay:1.1s}.flower__leafs--2{animation-delay:1.4s}.flower__leafs--3{animation-delay:1.7s}.flower__leafs:after{content:"";filter:blur(10vmin);background-color:#6bf0ff;width:8vmin;height:8vmin;display:none;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.flower__leaf{transform-origin:bottom;opacity:.9;width:8vmin;height:11vmin;box-shadow:none;background-color:#a7ffee;background-image:linear-gradient(#a7ffee,#54b8aa);border-radius:51% 49% 47% 53%/44% 45% 55% 69%;position:absolute;bottom:0;left:50%}.flower__leaf--1{transform:translate(-10%,1%)rotateY(40deg)rotateX(-50deg)}.flower__leaf--2{transform:translate(-50%,-4%)rotateX(40deg)}.flower__leaf--3{transform:translate(-90%)rotateY(45deg)rotateX(50deg)}.flower__leaf--4{transform-origin:0 100%;z-index:1;opacity:.8;background-image:linear-gradient(#a7ffee,#39c6d6);border-radius:4vmin 10vmin 4vmin 4vmin;width:8vmin;height:8vmin;transform:translateY(18%)rotateX(70deg)rotate(-43deg)}.flower__white-circle{background-color:#fff;border-radius:50%;width:9vmin;height:4vmin;position:absolute;top:-3vmin;left:-3.5vmin}.flower__white-circle:after{content:"";border-radius:inherit;background-image:repeating-linear-gradient(300deg,#00000008 0 1px,#0000 1px 12px),repeating-linear-gradient(45deg,#00000008 0 1px,#0000 1px 12px),repeating-linear-gradient(67.5deg,#00000008 0 1px,#0000 1px 12px),repeating-linear-gradient(135deg,#00000008 0 1px,#0000 1px 12px),repeating-linear-gradient(45deg,#00000008 0 1px,#0000 1px 12px),repeating-linear-gradient(112.5deg,#00000008 0 1px,#0000 1px 12px),repeating-linear-gradient(112.5deg,#00000008 0 1px,#0000 1px 12px),repeating-linear-gradient(45deg,#00000008 0 1px,#0000 1px 12px),repeating-linear-gradient(22.5deg,#00000008 0 1px,#0000 1px 12px),repeating-linear-gradient(45deg,#00000008 0 1px,#0000 1px 12px),repeating-linear-gradient(22.5deg,#00000008 0 1px,#0000 1px 12px),repeating-linear-gradient(135deg,#00000008 0 1px,#0000 1px 12px),repeating-linear-gradient(157.5deg,#00000008 0 1px,#0000 1px 12px),repeating-linear-gradient(67.5deg,#00000008 0 1px,#0000 1px 12px),repeating-linear-gradient(67.5deg,#00000008 0 1px,#0000 1px 12px),linear-gradient(90deg,#ffeb12,#ffce00);width:60%;height:60%;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.flower__line{width:1.5vmin;height:55vmin;box-shadow:none;background-image:linear-gradient(270deg,#0003,#0000,#fff3),linear-gradient(#39c6d6,#14757a,#0000 90%);animation:4s backwards grow-flower-tree}.flower__line__leaf{--w:7vmin;--h:calc(var(--w) + 2vmin);width:var(--w);height:var(--h);border-top-right-radius:var(--h);border-bottom-left-radius:var(--h);background-image:linear-gradient(#39c6d6,#14757a66);position:absolute;top:20%;left:90%}.flower__line__leaf--1{transform:rotate(70deg)rotateY(30deg)}.flower__line__leaf--2{top:45%;transform:rotate(70deg)rotateY(30deg)}.flower__line__leaf--3,.flower__line__leaf--4,.flower__line__leaf--6{border-top-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:var(--h);border-bottom-right-radius:var(--h);top:12%;left:-460%;transform:rotate(-70deg)rotateY(30deg)}.flower__line__leaf--4{top:40%}.flower__line__leaf--5{transform-origin:0;top:0;transform:rotate(70deg)rotateY(30deg)scale(.6)}.flower__line__leaf--6{transform-origin:100%;top:-2%;left:-450%;transform:rotate(-70deg)rotateY(30deg)scale(.6)}.flower__light{filter:blur(.2vmin);background-color:#fffb00;border-radius:50%;width:1vmin;height:1vmin;animation:4s linear infinite backwards light-ans;position:absolute;bottom:0}.flower__light:nth-child(odd){background-color:#23f0ff}.flower__light--1{animation-delay:1s;left:-2vmin}.flower__light--2{animation-delay:.5s;left:3vmin}.flower__light--3{animation-delay:.3s;left:-6vmin}.flower__light--4{animation-delay:.9s;left:6vmin}.flower__light--5{animation-delay:1.5s;left:-1vmin}.flower__light--6{animation-delay:3s;left:-4vmin}.flower__light--7{animation-delay:2s;left:3vmin}.flower__light--8{animation-delay:3.5s;left:-6vmin}.flower__grass{--c:#159faa;--line-w:1.5vmin;z-index:20;transform-origin:bottom;flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:12vmin;left:-7vmin;transform:rotate(-48deg)rotateY(40deg)}.flower__grass--1{animation:2s linear infinite moving-grass}.flower__grass--2{opacity:.8;z-index:0;animation:1.5s linear infinite moving-grass--2;bottom:10vmin;left:2vmin;transform:scale(.5)rotate(75deg)rotateX(10deg)rotateY(-200deg)}.flower__grass--top{border-right:var(--line-w) solid var(--c);transform-origin:bottom;border-top-right-radius:100%;width:7vmin;height:10vmin;transform:rotate(-2deg)}.flower__grass--bottom{width:var(--line-w);background-image:linear-gradient(to top, transparent, var(--c));height:25vmin;margin-top:-2px}.flower__grass__leaf{--size:10vmin;width:calc(var(--size) * 2.1);height:var(--size);border-top-left-radius:var(--size);border-top-right-radius:var(--size);background-image:linear-gradient(to top, transparent, transparent 30%, var(--c));z-index:100;position:absolute}.flower__grass__leaf--1{--size:6vmin;animation:2s 2.6s backwards growing-grass-ans--1;top:-6%;left:30%;transform:rotate(-20deg)}@keyframes growing-grass-ans--1{0%{transform-origin:0 100%;transform:rotate(-20deg)scale(0)}}.flower__grass__leaf--2{--size:6vmin;animation:2s linear 2.4s backwards growing-grass-ans--2;top:-5%;left:-110%;transform:rotate(10deg)}@keyframes growing-grass-ans--2{0%{transform-origin:100% 100%;transform:rotate(10deg)scale(0)}}.flower__grass__leaf--3{--size:8vmin;animation:2s linear 2.2s backwards growing-grass-ans--3;top:5%;left:60%;transform:rotate(-18deg)rotateX(-20deg)}@keyframes growing-grass-ans--3{0%{transform-origin:0 100%;transform:rotate(-18deg)rotateX(-20deg)scale(0)}}.flower__grass__leaf--4{--size:8vmin;animation:2s linear 2s backwards growing-grass-ans--4;top:6%;left:-135%;transform:rotate(2deg)}@keyframes growing-grass-ans--4{0%{transform-origin:100% 100%;transform:rotate(2deg)scale(0)}}.flower__grass__leaf--5{--size:10vmin;animation:2s linear 1.8s backwards growing-grass-ans--5;top:20%;left:60%;transform:rotate(-24deg)rotateX(-20deg)}@keyframes growing-grass-ans--5{0%{transform-origin:0 100%;transform:rotate(-24deg)rotateX(-20deg)scale(0)}}.flower__grass__leaf--6{--size:10vmin;animation:2s linear 1.6s backwards growing-grass-ans--6;top:22%;left:-180%;transform:rotate(10deg)}@keyframes growing-grass-ans--6{0%{transform-origin:100% 100%;transform:rotate(10deg)scale(0)}}.flower__grass__leaf--7{--size:10vmin;animation:2s linear 1.4s backwards growing-grass-ans--7;top:39%;left:70%;transform:rotate(-10deg)}@keyframes growing-grass-ans--7{0%{transform-origin:0 100%;transform:rotate(-10deg)scale(0)}}.flower__grass__leaf--8{--size:11vmin;animation:2s linear 1.2s backwards growing-grass-ans--8;top:40%;left:-215%;transform:rotate(10deg)}@keyframes growing-grass-ans--8{0%{transform-origin:100% 100%;transform:rotate(10deg)scale(0)}}.flower__grass__overlay{filter:blur(1.5vmin);z-index:100;background-color:#0009;width:100%;height:100%;display:none;position:absolute;top:-10%;right:0%}.flower__g-long{--w:2vmin;--h:6vmin;--c:#159faa;transform-origin:bottom;flex-direction:column;align-items:flex-end;animation:3s linear infinite flower-g-long-ans;display:flex;position:absolute;bottom:10vmin;left:-3vmin;transform:rotate(-30deg)rotateY(-20deg)}@keyframes flower-g-long-ans{0%,to{transform:rotate(-30deg)rotateY(-20deg)}50%{transform:rotate(-32deg)rotateY(-20deg)}}.flower__g-long__top{top:calc(var(--h) * -1);width:calc(var(--w) + 1vmin);height:var(--h);border-right:.7vmin solid var(--c);border-top-right-radius:100%;transform:translate(-.7vmin,1vmin)}.flower__g-long__bottom{width:var(--w);transform-origin:bottom;background-image:linear-gradient(to top, transparent 30%, var(--c));height:50vmin;box-shadow:none;clip-path:polygon(35% 0,65% 1%,100% 100%,0% 100%)}.flower__g-right{transform-origin:0 100%;position:absolute;bottom:6vmin;left:-2vmin;transform:rotate(20deg)}.flower__g-right .leaf{border-left:2vmin solid #079097;border-top-left-radius:100%;width:30vmin;height:50vmin;-webkit-mask-image:linear-gradient(#079097 40%,#0000 70%)}.flower__g-right--1{animation:2.5s linear infinite flower-g-right-ans}.flower__g-right--2{animation:3s linear infinite flower-g-right-ans--2;left:5vmin;transform:rotateY(-180deg)}.flower__g-right--2 .leaf{filter:blur(.3vmin);opacity:.8;height:75vmin}@keyframes flower-g-right-ans{0%,to{transform:rotate(20deg)}50%{transform:rotate(24deg)rotateX(-20deg)}}@keyframes flower-g-right-ans--2{0%,to{transform:rotateY(-180deg)rotate(0)rotateX(-20deg)}50%{transform:rotateY(-180deg)rotate(6deg)rotateX(-20deg)}}.flower__g-front{z-index:100;transform-origin:bottom;animation:2s linear infinite flower__g-front-ans;position:absolute;bottom:6vmin;left:2.5vmin;transform:rotate(-28deg)rotateY(30deg)scale(1.04)}@keyframes flower__g-front-ans{0%,to{transform:rotate(-28deg)rotateY(30deg)scale(1.04)}50%{transform:rotate(-35deg)rotateY(40deg)scale(1.04)}}.flower__g-front__line{background-image:linear-gradient(#0000 0%,#079097,#0000);width:.3vmin;height:20vmin;position:relative}.flower__g-front__leaf-wrapper{transform-origin:0 100%;position:absolute;top:0;left:0;transform:rotate(10deg)}.flower__g-front__leaf-wrapper:nth-child(2n){animation:1s ease-in backwards flower__g-front__leaf-left-ans;left:0;transform:rotateY(-180deg)rotate(5deg)}.flower__g-front__leaf-wrapper:nth-child(odd){animation:1s ease-in backwards flower__g-front__leaf-ans}.flower__g-front__leaf-wrapper--1{top:-8vmin;transform:scale(.7);animation:1s ease-in 5.5s backwards flower__g-front__leaf-ans!important}.flower__g-front__leaf-wrapper--2{top:-8vmin;animation:1s ease-in 4.6s backwards flower__g-front__leaf-left-ans-2!important;transform:rotateY(-180deg)scale(.7)!important}.flower__g-front__leaf-wrapper--3{animation:1s ease-in 4.6s backwards flower__g-front__leaf-ans;top:-3vmin}.flower__g-front__leaf-wrapper--4{top:-3vmin;animation:1s ease-in 4.6s backwards flower__g-front__leaf-left-ans-2!important;transform:rotateY(-180deg)scale(.9)!important}@keyframes flower__g-front__leaf-left-ans-2{0%{transform:rotateY(-180deg)scale(0)}}.flower__g-front__leaf-wrapper--5,.flower__g-front__leaf-wrapper--6{top:2vmin}.flower__g-front__leaf-wrapper--7,.flower__g-front__leaf-wrapper--8{top:6.5vmin}.flower__g-front__leaf-wrapper--2{animation-delay:5.2s!important}.flower__g-front__leaf-wrapper--3{animation-delay:4.9s!important}.flower__g-front__leaf-wrapper--5{animation-delay:4.3s!important}.flower__g-front__leaf-wrapper--6{animation-delay:4.1s!important}.flower__g-front__leaf-wrapper--7{animation-delay:3.8s!important}.flower__g-front__leaf-wrapper--8{animation-delay:3.5s!important}@keyframes flower__g-front__leaf-ans{0%{transform:rotate(10deg)scale(0)}}@keyframes flower__g-front__leaf-left-ans{0%{transform:rotateY(-180deg)rotate(5deg)scale(0)}}.flower__g-front__leaf{width:10vmin;height:10vmin;box-shadow:none;background-image:linear-gradient(to bottom right,#159faa 50%,#0000 50%,#0000);border-radius:100% 0% 0% 100%/100% 100% 0% 0%;-webkit-mask-image:linear-gradient(to bottom right,#159faa 50%,#0000 50%,#0000);mask-image:linear-gradient(to bottom right,#159faa 50%,#0000 50%,#0000)}.flower__g-fr{bottom:-4vmin;left:vmin;transform-origin:0 100%;z-index:10;animation:2s linear infinite flower__g-fr-ans;position:absolute}@keyframes flower__g-fr-ans{0%,to{transform:rotate(2deg)}50%{transform:rotate(4deg)}}.flower__g-fr .leaf{z-index:1;border-left:2vmin solid #079097;border-top-left-radius:100%;width:30vmin;height:50vmin;position:relative;-webkit-mask-image:linear-gradient(#079097 50%,#0000 75%)}.flower__g-fr__leaf{width:10vmin;height:10vmin;box-shadow:none;background-image:linear-gradient(to bottom right,#23f0ff 45%,#0000 50%,#0000);border-radius:100% 0% 0% 100%/100% 100% 0% 0%;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(135deg,#159faa 40%,#0000 50%,#0000)}.flower__g-fr__leaf--1{animation:.5s linear 5.2s backwards flower__g-fr-leaft-ans-1;left:20vmin;transform:rotate(45deg)}@keyframes flower__g-fr-leaft-ans-1{0%{transform-origin:0;transform:rotate(45deg)scale(0)}}.flower__g-fr__leaf--2{animation:.5s linear 5s backwards flower__g-fr-leaft-ans-6;top:-7vmin;left:12vmin;transform:rotate(25deg)rotateY(-180deg)}.flower__g-fr__leaf--3{animation:.5s linear 4.8s backwards flower__g-fr-leaft-ans-5;top:6vmin;left:15vmin;transform:rotate(55deg)}.flower__g-fr__leaf--4{animation:.5s linear 4.6s backwards flower__g-fr-leaft-ans-6;top:-2vmin;left:6vmin;transform:rotate(25deg)rotateY(-180deg)}.flower__g-fr__leaf--5{animation:.5s linear 4.4s backwards flower__g-fr-leaft-ans-5;top:14vmin;left:10vmin;transform:rotate(55deg)}@keyframes flower__g-fr-leaft-ans-5{0%{transform-origin:0;transform:rotate(55deg)scale(0)}}.flower__g-fr__leaf--6{animation:.5s linear 4.2s backwards flower__g-fr-leaft-ans-6;top:6vmin;left:0;transform:rotate(25deg)rotateY(-180deg)}@keyframes flower__g-fr-leaft-ans-6{0%{transform-origin:100%;transform:rotate(25deg)rotateY(-180deg)scale(0)}}.flower__g-fr__leaf--7{animation:.5s linear 4s backwards flower__g-fr-leaft-ans-7;top:22vmin;left:5vmin;transform:rotate(45deg)}@keyframes flower__g-fr-leaft-ans-7{0%{transform-origin:0;transform:rotate(45deg)scale(0)}}.flower__g-fr__leaf--8{animation:.5s linear 3.8s backwards flower__g-fr-leaft-ans-8;top:15vmin;left:-4vmin;transform:rotate(15deg)rotateY(-180deg)}@keyframes flower__g-fr-leaft-ans-8{0%{transform-origin:100%;transform:rotate(15deg)rotateY(-180deg)scale(0)}}.long-g{transform-origin:0 100%;position:absolute;bottom:25vmin;left:-42vmin}.long-g--1{bottom:0;transform:scale(.8)rotate(-5deg)}.long-g--1 .leaf{-webkit-mask-image:linear-gradient(#079097 20%,#0000 60%)!important}.long-g--1 .leaf--1{--w:5vmin;--h:60vmin;left:-2vmin;transform:rotate(3deg)rotateY(-180deg)}.long-g--2,.long-g--3{transform-origin:50%;bottom:-3vmin;left:-35vmin;transform:scale(.6)rotateX(60deg)}.long-g--2 .leaf,.long-g--3 .leaf{-webkit-mask-image:linear-gradient(#079097 20%,#0000 50%)!important}.long-g--2 .leaf--1,.long-g--3 .leaf--1{left:-1vmin;transform:rotateY(-180deg)}.long-g--3{bottom:0;left:-17vmin}.long-g--3 .leaf{-webkit-mask-image:linear-gradient(#079097 20%,#0000 60%)!important}.long-g--4{transform-origin:50%;bottom:-3vmin;left:25vmin;transform:scale(.6)rotateX(60deg)}.long-g--4 .leaf{-webkit-mask-image:linear-gradient(#079097 20%,#0000 50%)!important}.long-g--5{bottom:0;left:42vmin;transform:scale(.8)rotate(2deg)}.long-g--6{z-index:100;filter:blur(.3vmin);bottom:-20vmin;left:0;transform:scale(.8)rotate(2deg)}.long-g--7{z-index:-1;filter:blur(.3vmin);opacity:.7;bottom:20vmin;left:35vmin;transform:scale(.6)rotate(2deg)}.long-g .leaf{--w:15vmin;--h:40vmin;--c:#1aaa15;width:var(--w);height:var(--h);border-left:2vmin solid var(--c);transform-origin:bottom;border-top-left-radius:100%;position:absolute;bottom:0;-webkit-mask-image:linear-gradient(#fff,#0000 80%)}.long-g .leaf--0{animation:4s linear infinite leaf-ans-1;left:2vmin}.long-g .leaf--1{--w:5vmin;--h:60vmin;animation:4s linear infinite leaf-ans-1}.long-g .leaf--2{--w:10vmin;--h:40vmin;transform-origin:0 100%;animation:3s linear infinite leaf-ans-2;bottom:5vmin;left:-.5vmin;transform:rotateY(-180deg)}.long-g .leaf--3{--w:5vmin;--h:30vmin;transform-origin:0 100%;animation:3s linear infinite leaf-ans-3;bottom:3.2vmin;left:-1vmin;transform:rotate(-10deg)rotateY(-180deg)}@keyframes leaf-ans-1{0%,to{transform:rotate(-5deg)scale(1)}50%{transform:rotate(5deg)scale(1.1)}}@keyframes leaf-ans-2{0%,to{transform:rotateY(-180deg)rotate(5deg)}50%{transform:rotateY(-180deg)rotate(0)scale(1.1)}}@keyframes leaf-ans-3{0%,to{transform:rotate(-10deg)rotateY(-180deg)}50%{transform:rotate(-20deg)rotateY(-180deg)}}.grow-ans{animation:grow-ans 2s var(--d) backwards}@keyframes grow-ans{0%{opacity:0;transform:scale(0)}}@keyframes light-ans{0%{opacity:0;transform:translateY(0)}25%{opacity:1;transform:translateY(-5vmin)translate(-2vmin)}50%{opacity:1;filter:blur(.2vmin);transform:translateY(-15vmin)translate(2vmin)}75%{filter:blur(.2vmin);transform:translateY(-20vmin)translate(-2vmin)}to{opacity:0;filter:blur(1vmin);transform:translateY(-30vmin)}}@keyframes moving-flower-1{0%,to{transform:rotate(2deg)}50%{transform:rotate(-2deg)}}@keyframes moving-flower-2{0%,to{transform:rotate(18deg)}50%{transform:rotate(14deg)}}@keyframes moving-flower-3{0%,to{transform:rotate(-18deg)}50%{transform:rotate(-20deg)rotateY(-10deg)}}@keyframes blooming-leaf-right{0%{transform-origin:0;transform:rotate(70deg)rotateY(30deg)scale(0)}}@keyframes blooming-leaf-left{0%{transform-origin:100%;transform:rotate(-70deg)rotateY(30deg)scale(0)}}@keyframes grow-flower-tree{0%{border-radius:1vmin;height:0}}@keyframes blooming-flower{0%{transform:scale(0)}}@keyframes moving-grass{0%,to{transform:rotate(-48deg)rotateY(40deg)}50%{transform:rotate(-50deg)rotateY(40deg)}}@keyframes moving-grass--2{0%,to{transform:scale(.5)rotate(75deg)rotateX(10deg)rotateY(-200deg)}50%{transform:scale(.5)rotate(79deg)rotateX(10deg)rotateY(-200deg)}}.growing-grass{animation:1s 2s backwards growing-grass-ans}@keyframes growing-grass-ans{0%{transform:scale(0)}}.not-loaded *{animation-play-state:paused!important}.container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}