*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:Quicksand,sans-serif;color:#4a3728;background:#fff0f5;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100dvh;position:relative}h1,h2,h3{font-family:Playfair Display,serif;font-weight:700;line-height:1.2}.script-font{font-family:Dancing Script,cursive}.welcome{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#fff0f5,#f3e5f5 40%,#ede7f6,#e8eaf6);padding:2rem 1.5rem;text-align:center;position:relative;overflow:hidden}.welcome:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 20%,rgba(255,215,0,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(236,64,122,.06) 0%,transparent 50%);animation:welcomeGlow 8s ease-in-out infinite alternate}@keyframes welcomeGlow{0%{transform:translate(0) rotate(0)}to{transform:translate(2%,2%) rotate(3deg)}}.welcome-sparkle{font-size:1.5rem;letter-spacing:.5rem;margin-bottom:.5rem;position:relative;z-index:1}.welcome-subtitle{font-family:Quicksand,sans-serif;font-weight:600;font-size:1.1rem;color:#8d6e63;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.25rem;position:relative;z-index:1}.welcome-name{font-family:Dancing Script,cursive;font-size:4.5rem;font-weight:700;color:#c2185b;line-height:1.1;margin:.25rem 0 .5rem;position:relative;z-index:1}.welcome-age{font-family:Playfair Display,serif;font-size:1.3rem;color:#ad1457;font-style:italic;margin-bottom:.25rem;position:relative;z-index:1}.welcome-date{font-size:.95rem;color:#8d6e63;margin-bottom:2.5rem;position:relative;z-index:1}.welcome-btn{font-family:Quicksand,sans-serif;font-size:1.15rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#ec407a,#ab47bc);border:none;border-radius:50px;padding:1rem 2.5rem;cursor:pointer;position:relative;z-index:1;box-shadow:0 4px 20px #ec407a59;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.welcome-btn:active{transform:scale(.97)}.gift-garden{min-height:100dvh;background:linear-gradient(180deg,#fff0f5,#f3e5f5 40%,#e8f5e9);padding:2.5rem 1.25rem 3rem;text-align:center;position:relative}.garden-title{font-size:1.8rem;color:#5d4037;margin-bottom:.4rem}.garden-subtitle{font-size:.95rem;color:#8d6e63;margin-bottom:1.5rem}.garden-progress{font-size:.85rem;color:#ab47bc;font-weight:600;margin-bottom:1.5rem}.gifts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;max-width:380px;margin:0 auto}.finale-btn{font-family:Quicksand,sans-serif;font-size:1.1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff6f00,#f4511e);border:none;border-radius:50px;padding:1rem 2rem;margin-top:2rem;cursor:pointer;box-shadow:0 4px 20px #f4511e59;animation:pulseSoft 2s ease-in-out infinite;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@keyframes pulseSoft{0%,to{box-shadow:0 4px 20px #f4511e59}50%{box-shadow:0 4px 35px #f4511e8c}}.gift-box{display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.gift-box.wide-gift{grid-column:1 / -1}.gift-box-visual{width:130px;height:130px;position:relative;margin-bottom:.6rem}.wide-gift .gift-box-visual{width:180px;height:110px}.gift-body{position:absolute;bottom:0;left:5%;width:90%;height:70%;border-radius:8px;background:var(--box-color);box-shadow:0 4px 15px #0000001a,inset 0 -3px #0000000d}.gift-lid{position:absolute;top:18%;left:0;width:100%;height:22%;border-radius:6px;background:var(--box-color);filter:brightness(1.08);box-shadow:0 2px 8px #00000014;z-index:2}.gift-ribbon-v{position:absolute;top:0;left:50%;transform:translate(-50%);width:16%;height:100%;background:var(--ribbon-color);z-index:1;border-radius:2px}.gift-ribbon-h{position:absolute;top:22%;left:5%;width:90%;height:18%;background:var(--ribbon-color);z-index:3;border-radius:2px}.gift-bow{position:absolute;top:2%;left:50%;transform:translate(-50%);z-index:4;font-size:2rem;filter:drop-shadow(0 2px 3px rgba(0,0,0,.15))}.gift-label{font-size:.82rem;font-weight:600;color:#5d4037;max-width:130px}.gift-box-opened .gift-body,.gift-box-opened .gift-lid{opacity:.4}.gift-box-opened .gift-ribbon-v,.gift-box-opened .gift-ribbon-h,.gift-box-opened .gift-bow{display:none}.gift-opened-check{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2.5rem;z-index:5}.gift-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;align-items:flex-end;justify-content:center}.gift-modal{width:100%;max-width:500px;max-height:88dvh;border-radius:28px 28px 0 0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:1.5rem 1.5rem 3rem;position:relative}.modal-handle{width:40px;height:4px;background:#00000026;border-radius:4px;margin:0 auto 1.25rem}.modal-close-btn{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;border:none;background:#0000000f;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#5d4037;-webkit-tap-highlight-color:transparent;z-index:2}.modal-emoji{text-align:center;font-size:2.5rem;margin-bottom:.5rem}.modal-title{text-align:center;font-size:1.6rem;color:#4a3728;margin-bottom:1.25rem;padding:0 2rem}.content-name{text-align:center}.arabic-name{font-size:3rem;color:#c2185b;margin-bottom:.25rem;line-height:1.4}.name-pronunciation{font-family:Dancing Script,cursive;font-size:1.5rem;color:#ad1457;margin-bottom:1rem}.name-meanings{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.25rem}.meaning-tag{background:#c2185b14;color:#ad1457;padding:.35rem .9rem;border-radius:50px;font-size:.85rem;font-weight:600}.content-divider{color:#d4a574;font-size:1rem;margin:1rem 0;text-align:center;letter-spacing:.5rem}.gift-text{font-size:1rem;line-height:1.75;margin-bottom:1rem;color:#5d4037}.highlight-text{font-weight:600;font-size:1.05rem;color:#ad1457;text-align:center;margin-top:.5rem}.content-flower{text-align:left}.flower-symbol{text-align:center;font-size:3rem;margin-bottom:.25rem}.flower-subtitle{text-align:center;font-family:Dancing Script,cursive;font-size:1.2rem;color:#8d6e63;margin-bottom:.75rem}.flower-heading{font-size:1.1rem;color:#5d4037;margin:1.25rem 0 .75rem}.flower-traits{list-style:none;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.flower-traits li{display:flex;align-items:flex-start;gap:.6rem;font-size:.95rem;line-height:1.6}.trait-icon{flex-shrink:0;font-size:1.1rem}.content-passions{text-align:left}.passion-cards{display:flex;flex-direction:column;gap:1rem}.passion-card{background:var(--card-color);border-radius:16px;padding:1.25rem;position:relative;overflow:hidden}.passion-card:after{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;background:#fff6;border-radius:50%}.passion-emoji{font-size:2rem;display:block;margin-bottom:.5rem}.passion-card h4{font-family:Playfair Display,serif;font-size:1.1rem;color:#5d4037;margin-bottom:.4rem}.passion-card p{font-size:.92rem;line-height:1.65;color:#6d4c41}.content-poem{text-align:center}.poem-title{font-family:Dancing Script,cursive;font-size:1.5rem;color:#5d4037;margin-bottom:.5rem}.poem-decoration{font-size:1.5rem;margin:.5rem 0}.stanza{margin:1.25rem 0}.stanza p{font-family:Playfair Display,serif;font-size:1rem;font-style:italic;line-height:1.8;color:#5d4037}.poem-separator{color:#d4a574;font-size:.8rem;letter-spacing:1rem;margin:2rem 0}.content-letter{text-align:left;position:relative}.content-letter:before{content:'"';position:absolute;top:-1rem;left:-.5rem;font-family:Playfair Display,serif;font-size:5rem;color:#c2185b12;line-height:1}.letter-greeting{font-family:Dancing Script,cursive;font-size:1.6rem;color:#c2185b;margin-bottom:1.25rem}.letter-text{font-size:1rem;line-height:1.8;margin-bottom:1.1rem;color:#5d4037}.letter-emphasis{font-weight:700;font-size:1.1rem;color:#ad1457;text-align:center;padding:.5rem 0}.letter-closing{text-align:right;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.06)}.letter-closing p{font-family:Quicksand,sans-serif;font-size:1rem;color:#8d6e63}.letter-signature{font-family:Dancing Script,cursive!important;font-size:1.8rem!important;color:#c2185b!important;margin-top:.25rem}.finale.gif-reveal{background:linear-gradient(160deg,#1a1a2e,#16213e,#0f3460)}.finale.gif-reveal .finale-title{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5)}.gif-container{position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;margin:1rem 0}.gif-image{width:260px;max-width:75vw;border-radius:20px;box-shadow:0 8px 40px #ec407a66,0 0 80px #ab47bc33;display:block}.gif-touch-me{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ec407a,#ab47bc);color:#fff;font-family:Quicksand,sans-serif;font-weight:700;font-size:1.1rem;padding:.6rem 1.5rem;border-radius:50px;white-space:nowrap;box-shadow:0 4px 20px #ec407a80}.gif-hint{font-size:1.05rem;color:#ffffffd9;margin-top:2rem;text-shadow:0 1px 8px rgba(0,0,0,.4)}.finale{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#fff8e1,#fff0f5,#f3e5f5);padding:2rem 1.5rem;text-align:center;position:relative;overflow:hidden}.finale-title{font-family:Dancing Script,cursive;font-size:1.5rem;color:#8d6e63;margin-bottom:2rem}.cake-container{position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;margin-bottom:1.5rem}.cake-plate{width:200px;height:20px;background:linear-gradient(to bottom,#e0e0e0,#bdbdbd);border-radius:50%;margin-top:-5px}.cake-base{width:160px;height:80px;background:linear-gradient(to right,#f8bbd0,#f48fb1);border-radius:8px 8px 12px 12px;margin:0 auto;position:relative;box-shadow:inset 0 -4px #0000001a}.cake-frosting{position:absolute;top:-8px;left:-4px;right:-4px;height:25px;background:linear-gradient(to right,#fff,#fff0f5);border-radius:12px 12px 0 0;box-shadow:0 4px 6px #0000000d}.cake-frosting:after{content:"";position:absolute;bottom:-8px;left:10%;width:80%;height:12px;background:repeating-conic-gradient(#FFF0F5 0% 25%,transparent 0% 50%) 0 0 / 20px 12px}.cake-decoration{position:absolute;bottom:15px;left:50%;transform:translate(-50%);font-family:Dancing Script,cursive;font-size:1.1rem;color:#fff;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.15);white-space:nowrap}.cake-candle{width:8px;height:45px;background:linear-gradient(to right,#ffd54f,#ffca28);border-radius:3px 3px 0 0;margin:0 auto -2px;position:relative}.cake-candle-stripe{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,transparent 0px,transparent 6px,#FF8A65 6px,#FF8A65 12px);border-radius:inherit;opacity:.4}.flame{position:absolute;top:-18px;left:50%;transform:translate(-50%);width:12px;height:18px;background:radial-gradient(ellipse at bottom,#FFF176,#FFD54F 40%,#FF8A65 70%,transparent);border-radius:50%/60% 60% 40% 40%;animation:flicker .4s ease-in-out infinite alternate}.flame:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:4px;height:5px;background:#42a5f5;border-radius:50%}@keyframes flicker{0%{transform:translate(-50%) scale(1) rotate(-3deg);opacity:1}50%{transform:translate(-50%) scale(.92) rotate(2deg);opacity:.9}to{transform:translate(-50%) scale(1.05) rotate(-1deg);opacity:1}}.flame-out{animation:flameOut .5s ease-out forwards}@keyframes flameOut{0%{transform:translate(-50%) scale(1);opacity:1}50%{transform:translate(-50%) scale(1.3) translateY(-5px);opacity:.5}to{transform:translate(-50%) scale(0) translateY(-15px);opacity:0}}.cake-tap-hint{font-size:.9rem;color:#8d6e63;margin-bottom:1rem;animation:pulseSoft 2s ease-in-out infinite}.final-wish{max-width:340px}.final-wish-title{font-family:Dancing Script,cursive;font-size:2.2rem;color:#c2185b;margin-bottom:1rem}.final-wish-text{font-size:1.05rem;line-height:1.75;color:#5d4037;margin-bottom:.75rem}.final-signature{font-family:Dancing Script,cursive;font-size:1.6rem;color:#c2185b;margin-top:1.5rem}.floating-elements{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.floating-petal{position:absolute;top:-30px;opacity:.6;animation:petalFall linear infinite}@keyframes petalFall{0%{transform:translateY(-10vh) rotate(0) translate(0);opacity:.6}50%{opacity:.4}to{transform:translateY(105vh) rotate(720deg) translate(60px);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-float{animation:float 3s ease-in-out infinite}.gift-modal::-webkit-scrollbar{width:4px}.gift-modal::-webkit-scrollbar-track{background:transparent}.gift-modal::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}@media (max-width: 350px){.welcome-name{font-size:3.5rem}.gift-box-visual{width:110px;height:110px}.gifts-grid{gap:1rem}}@media (min-width: 500px){.gift-modal{max-height:80dvh;border-radius:28px;margin-bottom:2rem}.gifts-grid{gap:1.5rem}}