body{margin:0;padding:0;background-color:#fff0f5;font-family:Nunito,sans-serif;color:#555;overflow-x:hidden}.bg-hearts{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.heart{position:absolute;bottom:-100px;background-color:#ffb6c180;width:20px;height:20px;transform:rotate(45deg);animation:fly 10s infinite ease-in}.heart:before,.heart:after{content:"";position:absolute;width:20px;height:20px;background-color:inherit;border-radius:50%}.heart:before{top:-10px;left:0}.heart:after{top:0;left:-10px}@keyframes fly{0%{bottom:-100px;transform:translate(0) rotate(45deg);opacity:0}50%{opacity:1}to{bottom:100vh;transform:translate(100px) rotate(45deg);opacity:0}}.comic-container{max-width:650px;margin:0 auto;background:#fff;box-shadow:0 0 20px #0000000d;padding-bottom:50px}header{text-align:center;padding:60px 20px;background:linear-gradient(to bottom,#ffe4e1,#fff)}h1{font-family:Dancing Script,cursive;font-size:3.5rem;color:#ff6b81;margin:0;text-shadow:2px 2px 0px #fff}p.subtitle{margin-top:10px;font-size:1.2rem;color:#888}.panel{width:100%;display:flex;justify-content:center;margin-bottom:10px;opacity:0;transform:translateY(50px);transition:all .8s ease-out}.panel.visible{opacity:1;transform:translateY(0)}.panel img{width:100%;height:auto;display:block;border-radius:4px}.story-text{text-align:center;padding:20px 40px;font-size:1.1rem;line-height:1.6;color:#666;font-style:italic}.music-btn{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background:#ff6b81;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;box-shadow:0 4px 10px #ff6b8166;z-index:100;font-size:24px;border:none;transition:transform .2s}.music-btn:hover{transform:scale(1.1)}footer{text-align:center;padding:50px 20px;background-color:#fff}.end-msg{font-family:Dancing Script,cursive;font-size:2.5rem;color:#ff6b81}.gift-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffe4e1,#fff0f5,#ffe4e1);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gift-container{text-align:center;position:relative;z-index:1001}.gift-box{width:200px;height:200px;position:relative;cursor:pointer;margin:0 auto;transition:transform .3s ease;animation:float 3s ease-in-out infinite}.gift-box:hover{transform:scale(1.1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.gift-box.explode{animation:explode 1.5s ease-out forwards}@keyframes explode{0%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.5) rotate(180deg);opacity:.8}to{transform:scale(2) rotate(360deg);opacity:0}}.gift-body{width:180px;height:180px;background:linear-gradient(135deg,#ff6b81,#ff9ff3);border-radius:10px;position:relative;box-shadow:0 10px 30px #ff6b8166;margin:0 auto}.gift-body:before{content:"";position:absolute;top:50%;left:0;width:100%;height:4px;background:#ffffff80;transform:translateY(-50%)}.gift-body:after{content:"";position:absolute;top:0;left:50%;width:4px;height:100%;background:#ffffff80;transform:translate(-50%)}.gift-lid{width:200px;height:40px;background:linear-gradient(135deg,#ff4757,#ff6b81);border-radius:10px 10px 0 0;position:absolute;top:-20px;left:50%;transform:translate(-50%);box-shadow:0 5px 15px #ff47574d;z-index:2}.gift-bow{position:absolute;top:-30px;left:50%;transform:translate(-50%);z-index:3}.bow-center{width:30px;height:30px;background:#ff4757;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0003}.bow-left,.bow-right{width:50px;height:50px;background:#ff6b81;border-radius:50% 50% 50% 0;position:absolute;top:0}.bow-left{left:-40px;transform:rotate(-45deg)}.bow-right{right:-40px;transform:rotate(135deg)}.gift-instruction{margin-top:40px;font-family:Dancing Script,cursive;font-size:2rem;color:#ff6b81;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1002;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;top:50%;left:50%;border-radius:50%;animation:confettiExplode 1.5s ease-out forwards}@keyframes confettiExplode{0%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}to{transform:translate(calc(-50% + var(--random-x, 0px)),calc(-50% + var(--random-y, 0px))) scale(0) rotate(720deg);opacity:0}}