.envelope-body{position:relative;width:100px;height:84px}.envelope-back{position:absolute;bottom:0;width:100px;height:58px;background:linear-gradient(135deg,#ff9ec6,#ffb6d3);border-radius:8px;z-index:1}.envelope-letter{position:absolute;bottom:12px;left:12px;width:76px;height:58px;background:#fff;border-radius:4px;z-index:2;display:flex;align-items:center;justify-content:center;animation:letterBob 3s ease-in-out infinite;box-shadow:0 2px 10px #0000001a}.letter-heart{font-size:28px;animation:heartPulse 1.5s ease-in-out infinite}.envelope-front{position:absolute;bottom:0;width:100px;height:33px;background:linear-gradient(135deg,#ffb6d3,#ffc8de);border-radius:0 0 8px 8px;z-index:3}.envelope-flap{position:absolute;top:25px;left:0;width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-top:38px solid #ffa3c4;z-index:4;transform-origin:top center;animation:flapWave 4s ease-in-out infinite}@keyframes letterBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes flapWave{0%,to{transform:rotateX(0)}30%{transform:rotateX(20deg)}60%{transform:rotateX(0)}}.bear-container{display:flex;justify-content:center}.bear-face{position:relative;animation:bearBounce 2s ease-in-out infinite}.bear-head{width:100px;height:90px;background:linear-gradient(180deg,#c4956a,#b8845d);border-radius:50px 50px 45px 45px;position:relative;z-index:2}.bear-ear{width:36px;height:36px;background:#c4956a;border-radius:50%;position:absolute;top:-12px;z-index:1}.bear-ear:after{content:"";position:absolute;width:22px;height:22px;background:#e8b89a;border-radius:50%;top:7px;left:7px}.bear-ear-left{left:2px}.bear-ear-right{right:2px}.bear-eye{width:16px;height:18px;background:#2c1810;border-radius:50%;position:absolute;top:28px}.bear-eye-left{left:22px}.bear-eye-right{right:22px}.bear-pupil{width:6px;height:6px;background:#fff;border-radius:50%;position:absolute;top:4px;left:3px}.bear-nose{width:14px;height:10px;background:#2c1810;border-radius:50%;position:absolute;top:48px;left:50%;transform:translate(-50%)}.bear-mouth{width:22px;height:10px;border-bottom:3px solid #2c1810;border-radius:0 0 50% 50%;position:absolute;top:55px;left:50%;transform:translate(-50%)}.bear-blush{width:18px;height:12px;background:#ff829680;border-radius:50%;position:absolute;top:50px}.bear-blush-left{left:10px}.bear-blush-right{right:10px}.bear-body{width:70px;height:40px;background:linear-gradient(180deg,#b8845d,#a87650);border-radius:0 0 35px 35px;margin:-5px auto 0;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.bear-heart-hold{font-size:22px;margin-top:-5px;animation:heartPulse 1.5s ease-in-out infinite}@keyframes bearBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.bear-face.excited{animation:bearExcited .4s ease-in-out}@keyframes bearExcited{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(-5deg)}50%{transform:translateY(-5px) rotate(5deg)}75%{transform:translateY(-8px) rotate(-3deg)}to{transform:translateY(0) rotate(0)}}.bear-face.sad .bear-mouth{border-bottom:none;border-top:3px solid #2c1810;border-radius:50% 50% 0 0;top:58px}.bear-face.sad .bear-eye{animation:bearBlink .3s ease-in-out}@keyframes bearBlink{0%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}.yes-button{box-shadow:0 4px 20px #ff6b9d4d;position:relative;overflow:hidden}.yes-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.wiggle{animation:wiggle .6s ease-in-out}@keyframes wiggle{0%,to{transform:rotate(0)}10%{transform:rotate(-6deg)}20%{transform:rotate(6deg)}30%{transform:rotate(-6deg)}40%{transform:rotate(6deg)}50%{transform:rotate(-4deg)}60%{transform:rotate(4deg)}70%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}90%{transform:rotate(-1deg)}}.mega-wiggle{animation:megaWiggle .8s ease-in-out}@keyframes megaWiggle{0%,to{transform:rotate(0) scale(1)}10%{transform:rotate(-10deg) scale(1.05)}20%{transform:rotate(10deg) scale(1.05)}30%{transform:rotate(-10deg) scale(1.1)}40%{transform:rotate(10deg) scale(1.1)}50%{transform:rotate(-8deg) scale(1.05)}60%{transform:rotate(8deg) scale(1.05)}70%{transform:rotate(-5deg)}80%{transform:rotate(5deg)}90%{transform:rotate(-2deg)}}.pulse-glow{animation:pulseGlow 1s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 4px 20px #ff6b9d4d}50%{box-shadow:0 4px 40px #ff6b9d99,0 0 60px #d35cff4d}}.rainbow-border{animation:rainbowBorder 2s linear infinite;border:3px solid transparent;background-clip:padding-box}.bounce-attention{animation:bounceAttention .5s ease-in-out}@keyframes bounceAttention{0%,to{transform:scale(1)}30%{transform:scale(1.15)}60%{transform:scale(.95)}80%{transform:scale(1.05)}}.no-button{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.no-dodge-left{animation:dodgeLeft .4s ease-out}.no-dodge-right{animation:dodgeRight .4s ease-out}@keyframes dodgeLeft{0%,to{transform:translate(0)}50%{transform:translate(-20px) rotate(-5deg)}}@keyframes dodgeRight{0%,to{transform:translate(0)}50%{transform:translate(20px) rotate(5deg)}}.floating-heart{position:absolute;font-size:20px;opacity:.15;animation:floatUp var(--duration) linear infinite;animation-delay:var(--delay);left:var(--left);pointer-events:none}@keyframes floatUp{0%{transform:translateY(100vh) rotate(0) scale(var(--scale));opacity:0}10%{opacity:.15}90%{opacity:.15}to{transform:translateY(-100px) rotate(360deg) scale(var(--scale));opacity:0}}.sparkle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;animation:sparkleTwinkle var(--duration) ease-in-out infinite;animation-delay:var(--delay);left:var(--left);top:var(--top);pointer-events:none}@keyframes sparkleTwinkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:.6;transform:scale(1)}}.celebration-content{animation:celebrationIn .8s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0}@keyframes celebrationIn{0%{opacity:0;transform:scale(.5) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.celebration-title{animation:celebrationTitle .6s cubic-bezier(.34,1.56,.64,1) .3s forwards;opacity:0;transform:scale(.3)}@keyframes celebrationTitle{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.celebration-subtitle{animation:fadeUp .5s ease-out .5s forwards;opacity:0}.celebration-message{animation:fadeUp .5s ease-out .7s forwards;opacity:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.mega-heart{font-size:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:megaHeartBeat 1s ease-in-out infinite}@keyframes megaHeartBeat{0%,to{transform:translate(-50%,-50%) scale(1)}15%{transform:translate(-50%,-50%) scale(1.3)}30%{transform:translate(-50%,-50%) scale(1)}45%{transform:translate(-50%,-50%) scale(1.15)}60%{transform:translate(-50%,-50%) scale(1)}}.couple-bears{display:flex;align-items:center;justify-content:center;gap:8px;animation:fadeUp .6s ease-out .9s forwards;opacity:0}.bear-mini{position:relative;width:60px;height:60px}.bear-mini-left{animation:bearLean 2s ease-in-out infinite}.bear-mini-right{animation:bearLean 2s ease-in-out infinite reverse}@keyframes bearLean{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}.mini-head{width:55px;height:50px;background:linear-gradient(180deg,#c4956a,#b8845d);border-radius:28px 28px 25px 25px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.mini-ear{width:20px;height:20px;background:#c4956a;border-radius:50%;position:absolute;top:5px;z-index:-1}.mini-ear-l1,.mini-ear-l2{left:3px}.mini-ear-r1,.mini-ear-r2{right:3px}.mini-eye{width:8px;height:4px;background:#2c1810;border-radius:0 0 50% 50%;position:absolute;top:18px}.mini-eye-l1,.mini-eye-l2{left:12px}.mini-eye-r1,.mini-eye-r2{right:12px}.mini-blush{width:10px;height:6px;background:#ff829680;border-radius:50%;position:absolute;top:28px}.mini-blush-l1,.mini-blush-l2{left:6px}.mini-blush-r1,.mini-blush-r2{right:6px}.mini-smile{width:14px;height:7px;border-bottom:2px solid #2c1810;border-radius:0 0 50% 50%;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.couple-heart{font-size:24px;animation:coupleHeartFloat 1.5s ease-in-out infinite;margin-top:-20px}@keyframes coupleHeartFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.1)}}.mini-heart-burst{position:absolute;font-size:16px;pointer-events:none;animation:heartBurst .8s ease-out forwards}@keyframes heartBurst{0%{opacity:1;transform:translate(0) scale(.5)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(1.2)}}.screen-shake{animation:screenShake .4s ease-in-out}@keyframes screenShake{0%,to{transform:translate(0)}10%{transform:translate(-4px)}20%{transform:translate(4px)}30%{transform:translate(-3px)}40%{transform:translate(3px)}50%{transform:translate(-2px)}60%{transform:translate(2px)}}