*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--pink: #FFB3C6;--pink-deep: #FF85A1;--pink-light: #FFD6E0;--purple: #C9B1FF;--purple-deep: #A78BFA;--purple-light: #E9DFFF;--cream: #FFF5E6;--cream-dark: #FFECD2;--white: #FFFFFF;--text-dark: #4A2545;--text-mid: #7C4B7E;--text-light: #B07DB3;--shadow: rgba(199, 130, 200, .25);--shadow-deep: rgba(160, 80, 160, .35)}html{scroll-behavior:smooth}body{font-family:Quicksand,sans-serif;background-color:var(--cream);color:var(--text-dark);overflow-x:hidden;min-height:100vh}#root{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--pink-light)}::-webkit-scrollbar-thumb{background:var(--pink-deep);border-radius:4px}@keyframes floatHeart{0%{transform:translateY(0) rotate(0) scale(1);opacity:.8}25%{transform:translateY(-30px) rotate(15deg) scale(1.1)}50%{transform:translateY(-60px) rotate(-10deg) scale(.9);opacity:.6}75%{transform:translateY(-90px) rotate(20deg) scale(1.05)}to{transform:translateY(-130px) rotate(-5deg) scale(.8);opacity:0}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) rotate(-10deg)}50%{opacity:1;transform:scale(1.1) rotate(5deg)}70%{transform:scale(.9) rotate(-3deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes heartBeat{0%,to{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes gentleSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}