*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;touch-action:none}body{font-family:Nunito,sans-serif;-webkit-font-smoothing:antialiased}#confetti-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}#app{width:100%;height:100%;overflow:hidden}.card-container{display:flex;width:300vw;height:100%;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.card-page{width:100vw;height:100%;flex-shrink:0;overflow:hidden}.page-content{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.swipe-hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;font-size:.85rem;opacity:.55;animation:swipe-pulse 2s ease-in-out infinite}.swipe-arrow{font-size:1.1rem;animation:swipe-arrow-move 1.2s ease-in-out infinite}@keyframes swipe-pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes swipe-arrow-move{0%,to{transform:translate(0)}50%{transform:translate(6px)}}.splash-page{background:linear-gradient(135deg,#ff6ec7,#ffb347,#ff6ec7,#a855f7,#3b82f6);background-size:400% 400%;animation:gradient-shift 6s ease infinite;color:#fff;text-align:center}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.splash-title{font-family:Pacifico,cursive;font-size:clamp(2.5rem,10vw,5rem);text-shadow:3px 3px 0 rgba(0,0,0,.15);animation:bounce-in .8s cubic-bezier(.175,.885,.32,1.275) both}.splash-name{font-family:Pacifico,cursive;font-size:clamp(3.5rem,15vw,7rem);text-shadow:4px 4px 0 rgba(0,0,0,.15);animation:bounce-in .8s .2s cubic-bezier(.175,.885,.32,1.275) both}.splash-emoji{font-size:clamp(2rem,8vw,3.5rem);margin-top:1rem;animation:bounce-in .8s .4s cubic-bezier(.175,.885,.32,1.275) both;letter-spacing:.3em}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.balloons{position:absolute;inset:0;pointer-events:none;overflow:hidden}.balloon{position:absolute;bottom:-80px;font-size:2.5rem;animation:float-up linear infinite}@keyframes float-up{0%{transform:translateY(0) rotate(-5deg);opacity:.9}50%{transform:translateY(-40vh) rotate(5deg)}to{transform:translateY(-110vh) rotate(-3deg);opacity:0}}.cow-page{background:#87ceab;background:linear-gradient(180deg,#c8f0d0,#87ceab 60%,#5a9e78);justify-content:flex-start}.cow-title{font-family:Nunito,sans-serif;font-size:clamp(1.1rem,4vw,1.8rem);font-weight:900;color:#2d5a3d;text-align:center;padding:12px 16px 0;z-index:2;text-shadow:1px 1px 0 rgba(255,255,255,.6)}#cow-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.cow-page .swipe-hint{color:#2d5a3d;z-index:3}.message-page{background:linear-gradient(135deg,#fff9e6,#fff3c4,#fff9e6);overflow:hidden}.ducks-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.duck{position:absolute;font-size:2rem;opacity:.35;animation:duck-waddle 3s ease-in-out infinite}@keyframes duck-waddle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.message-container{max-width:480px;width:90%;text-align:center;padding:2rem;background:#ffffffb3;border-radius:24px;box-shadow:0 8px 32px #c8b43226;z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.message-deco{font-size:2rem;margin:.5rem 0}.message-body{font-family:Lora,serif;font-size:clamp(1rem,3.5vw,1.2rem);line-height:1.75;color:#4a2040;margin:1rem 0}.message-body p+p{margin-top:.8rem}.message-heart{font-size:2.5rem;margin:1rem 0 .5rem;animation:heartbeat 1.2s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}30%{transform:scale(1.2)}60%{transform:scale(1.05)}}.message-sign{font-family:Pacifico,cursive;font-size:clamp(1.2rem,4vw,1.6rem);color:#c45080}