.rose-template{background:#000;width:100vw;height:100vh;font-family:Playfair Display,serif;position:relative;overflow:hidden}body{max-width:100vw;overflow-x:hidden}.rose-template .bg-gradient{background:radial-gradient(#2a0a0a 0%,#1a0505 50%,#000 100%);animation:8s ease-in-out infinite rose-bg-pulse;position:absolute;inset:0}@keyframes rose-bg-pulse{0%,to{opacity:1}50%{opacity:.8}}.rose-template .petals{pointer-events:none;z-index:1;position:absolute;inset:0}.rose-template .petal{opacity:.8;filter:drop-shadow(0 2px 4px #ff174466);background:radial-gradient(#ff1744 0%,#c41e3a 50%,#8b0000 100%);border-radius:50% 0;width:15px;height:20px;animation:linear infinite rose-petal-fall;position:absolute}@keyframes rose-petal-fall{0%{opacity:0;transform:translateY(-50px)rotate(0)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}.rose-template .content-area{z-index:10;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.rose-template .play-btn{cursor:pointer;background:0 0;border:none;padding:0;transition:all .5s cubic-bezier(.34,1.56,.64,1);animation:4s ease-in-out infinite rose-btn-float;position:relative}@keyframes rose-btn-float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.rose-template .play-btn:hover{transform:scale(1.08)translateY(-10px)}.rose-template .play-btn:before{content:"";filter:blur(50px);z-index:-1;background:radial-gradient(circle,#ec489966,#0000 70%);animation:3s ease-in-out infinite rose-glow-pulse;position:absolute;inset:-40px}@keyframes rose-glow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.rose-template .play-btn-container{-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);background:linear-gradient(135deg,#8b5cf633,#ec489933);border:3px solid #ec489980;border-radius:80px;flex-direction:column;align-items:center;gap:20px;padding:50px 70px;display:flex;position:relative;box-shadow:0 30px 100px #ec489980,inset 0 0 60px #ffffff1a}.rose-template .play-btn-container:after{content:"";z-index:-1;opacity:.6;background:linear-gradient(45deg,#8b5cf6,#ec4899,#3b82f6,#8b5cf6) 0 0/400% 400%;border-radius:80px;animation:4s linear infinite rose-border-shimmer;position:absolute;inset:-3px}@keyframes rose-border-shimmer{0%{background-position:0%}to{background-position:200%}}.rose-template .play-btn-icon{filter:drop-shadow(0 0 30px #ec4899cc);font-size:5rem;animation:3s ease-in-out infinite rose-icon-bloom}@keyframes rose-icon-bloom{0%,to{transform:scale(1)rotate(0)}25%{transform:scale(1.1)rotate(5deg)}50%{transform:scale(1)rotate(0)}75%{transform:scale(1.1)rotate(-5deg)}}.rose-template .play-btn-label{color:#fff;letter-spacing:2px;text-shadow:0 0 20px #ec4899cc,0 2px 10px #0000004d;text-transform:uppercase;font-size:1.6rem;font-weight:600}.rose-template .play-btn-sparkle{background:#fff;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite rose-sparkle-twinkle;position:absolute;box-shadow:0 0 15px #fff}@keyframes rose-sparkle-twinkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(2)}}.rose-template .sparkle-1{animation-delay:0s;top:10%;left:15%}.rose-template .sparkle-2{animation-delay:.5s;top:20%;right:10%}.rose-template .sparkle-3{animation-delay:1s;bottom:15%;left:10%}.rose-template .sparkle-4{animation-delay:1.5s;bottom:20%;right:15%}@media (max-width:768px){.rose-template .play-btn-container{padding:40px 55px}.rose-template .play-btn-icon{font-size:4rem}.rose-template .play-btn-label{font-size:1.3rem}}@media (max-width:480px){.rose-template .play-btn-container{padding:35px 45px}.rose-template .play-btn-icon{font-size:3.5rem}.rose-template .play-btn-label{letter-spacing:1px;font-size:1.1rem}}@keyframes rose-play-pulse{0%,to{box-shadow:0 30px 80px #8b5cf699}50%{box-shadow:0 30px 80px #8b5cf6cc,0 0 0 40px #8b5cf600}}.rose-template .play-icon{color:#fff;margin-left:8px;font-size:4rem}.rose-template .play-btn span{color:#fff;text-transform:uppercase;letter-spacing:2px;font-size:1rem;font-weight:700}.rose-template .intro-text{text-align:center;color:#fff}.rose-template .intro-text h1{background:linear-gradient(90deg,gold,#ff1744);-webkit-text-fill-color:transparent;text-shadow:0 0 60px #ffd70080;-webkit-background-clip:text;background-clip:text;margin:0 0 20px;font-size:clamp(3rem,8vw,6rem);font-weight:700}.rose-template .intro-text p{opacity:.9;font-size:clamp(1.5rem,4vw,3rem);font-style:italic}.rose-template .rose-container{width:200px;height:200px;position:relative}.rose-template .rose{width:100%;height:100%;animation:20s linear infinite rose-rotate;position:relative}@keyframes rose-rotate{to{transform:rotate(360deg)}}.rose-template .rose-petals{position:absolute;inset:0}.rose-template .rose-petal{transform-origin:bottom;background:radial-gradient(at 30% 30%,#ff4569,#ff1744 50%,#c41e3a);border-radius:50% 50% 50% 0;width:40px;height:60px;animation:2s ease-out forwards rose-petal-bloom;position:absolute;top:50%;left:50%;box-shadow:inset -3px -3px 10px #0000004d}@keyframes rose-petal-bloom{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.rose-template .rose-center{background:radial-gradient(circle,#8b0000,#4a0000);border-radius:50%;width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 3px 10px #0009}.rose-template .rose-glow{background:radial-gradient(circle,#ffd70066,#0000 60%);animation:3s ease-in-out infinite rose-glow-pulse;position:absolute;inset:-40px}.rose-template .message-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#fffffff2;border-radius:30px;flex-direction:column;justify-content:center;max-width:min(90vw,800px);max-height:70vh;padding:clamp(1.5rem,4vw,3rem);animation:1s ease-out rose-slide-up;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 100px #0000004d}.rose-template .card-glow{z-index:-1;background:radial-gradient(#ffd7004d,#0000 70%);border-radius:40px;animation:3s ease-in-out infinite rose-card-glow-pulse;position:absolute;inset:-20px}@keyframes rose-card-glow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.rose-template .message-text{color:#1a1a1a;text-align:center;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-height:50vh;margin:0 0 1.5rem;font-size:clamp(1rem,2.5vw,2.5rem);font-weight:700;line-height:1.3;overflow-y:auto}.rose-template .message-text::-webkit-scrollbar{width:8px}.rose-template .message-text::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.rose-template .message-text::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:10px}.rose-template .message-text::-webkit-scrollbar-thumb:hover{background:#8b5cf6b3}@media (max-height:700px){.rose-template .message-text{font-size:clamp(.9rem,2vw,1.8rem);line-height:1.2}.rose-template .message-card{max-height:75vh}}.rose-template .sender{color:#666;text-align:center;margin:0;font-family:Dancing Script,cursive;font-size:clamp(.9rem,2vw,1.5rem);font-style:italic}@keyframes rose-text-reveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes rose-sender-reveal{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.rose-template .hearts-explosion{pointer-events:none;position:absolute;inset:0}.rose-template .heart{--angle:0deg;font-size:2rem;animation:2s ease-out forwards rose-heart-burst;position:absolute;top:50%;left:50%}@keyframes rose-heart-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}50%{opacity:1}to{transform:translate(-50%,-50%)rotate(var(--angle))translateX(300px)scale(1);opacity:0}}.rose-template .sparkles{pointer-events:none;position:absolute;inset:0}.rose-template .sparkle{background:radial-gradient(circle,gold,#0000);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite rose-sparkle-twinkle;position:absolute}.rose-template .watermark{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fffc;background:#0009;border-radius:25px;padding:10px 20px;font-size:.8rem;position:absolute;bottom:20px;right:20px}.rose-template .fade-in{animation:1.5s ease-out rose-fade-in}@keyframes rose-fade-in{0%{opacity:0}to{opacity:1}}.rose-template .zoom-in{animation:1.5s cubic-bezier(.68,-.55,.265,1.55) rose-zoom-in}@keyframes rose-zoom-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.rose-template .slide-up{animation:1s cubic-bezier(.68,-.55,.265,1.55) rose-slide-up}@keyframes rose-slide-up{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.rose-template .play-btn{width:140px;height:140px}.rose-template .message-card{max-width:95vw;padding:clamp(2rem,5vw,3rem) clamp(1.5rem,4vw,2.5rem)}.rose-template .message-text{font-size:clamp(.9rem,4vw,1.8rem)}.rose-template .sender{font-size:clamp(.8rem,3vw,1.2rem)}.rose-template .rose-container{width:150px;height:150px}}@media (max-width:480px){.rose-template .message-card{padding:1.5rem 1rem}.rose-template .message-text{font-size:clamp(.85rem,4.5vw,1.5rem);line-height:1.25}}.rose-template .cupid{z-index:100;pointer-events:none;will-change:transform;transition:none;position:fixed;transform:translate(-50%,-50%)}.rose-template .cupid-character{width:80px;height:100px;animation:3s ease-in-out infinite rose-cupid-float;position:relative}@keyframes rose-cupid-float{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-10px)rotate(5deg)}}.rose-template .cupid-wings{z-index:-1;width:100%;height:50px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.rose-template .wing{filter:drop-shadow(0 2px 8px #e0d5ff99);background:radial-gradient(at 30% 30%,#fff 0%,#f0e6ff 50%,#e0d5ff 100%);border-radius:50% 50% 50% 20%;width:35px;height:45px;animation:.4s ease-in-out infinite rose-wing-flap;position:absolute}.rose-template .wing-left{transform-origin:100%;animation-name:rose-wing-flap-left;left:-15px}.rose-template .wing-right{transform-origin:0;animation-name:rose-wing-flap-right;right:-15px;transform:scaleX(-1)}@keyframes rose-wing-flap-left{0%,to{transform:rotate(-20deg)scaleY(1)}50%{transform:rotate(-35deg)scaleY(.9)}}@keyframes rose-wing-flap-right{0%,to{transform:scaleX(-1)rotate(-20deg)scaleY(1)}50%{transform:scaleX(-1)rotate(-35deg)scaleY(.9)}}.rose-template .feather{opacity:.7;background:linear-gradient(#fffc,#e0d5ff99);border-radius:50% 50% 50% 0;width:12px;height:20px;position:absolute}.rose-template .feather-1{top:5px;left:8px;transform:rotate(-15deg)}.rose-template .feather-2{top:15px;left:12px;transform:rotate(0)}.rose-template .feather-3{top:25px;left:10px;transform:rotate(15deg)}.rose-template .cupid-head{z-index:10;width:35px;height:35px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.rose-template .cupid-halo{border:3px solid gold;border-radius:50%;width:30px;height:8px;animation:2s ease-in-out infinite rose-halo-glow;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 0 15px #ffd700cc}@keyframes rose-halo-glow{0%,to{opacity:.8;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.1)}}.rose-template .cupid-face{background:radial-gradient(circle,#ffd5b8 0%,#ffcba8 100%);border-radius:50%;width:100%;height:100%;position:relative;box-shadow:0 4px 10px #0003}.rose-template .eye{background:#2c1810;border-radius:50%;width:5px;height:5px;animation:4s infinite rose-eye-blink;position:absolute;top:40%}.rose-template .eye-left{left:25%}.rose-template .eye-right{right:25%}@keyframes rose-eye-blink{0%,48%,52%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}.rose-template .cheek{opacity:.6;background:radial-gradient(circle,#ffb3c1,#0000);border-radius:50%;width:8px;height:6px;position:absolute;top:50%}.rose-template .cheek-left{left:15%}.rose-template .cheek-right{right:15%}.rose-template .mouth{border:1px solid #2c1810;border-top:none;border-radius:0 0 50% 50%;width:10px;height:5px;position:absolute;bottom:25%;left:50%;transform:translate(-50%)}.rose-template .cupid-hair{background:#8b6914;border-radius:50% 50% 0 0;height:20px;position:absolute;top:-2px;left:0;right:0;overflow:hidden}.rose-template .cupid-hair:before{content:"";background:#a67f1a;border-radius:50%;width:8px;height:12px;position:absolute;top:5px;left:5px}.rose-template .cupid-hair:after{content:"";background:#a67f1a;border-radius:50%;width:8px;height:12px;position:absolute;top:5px;right:5px}.rose-template .cupid-body{width:30px;height:35px;position:absolute;top:40px;left:50%;transform:translate(-50%)}.rose-template .cupid-torso{background:radial-gradient(#ffd5b8,#ffcba8);border-radius:40% 40% 50% 50%;width:100%;height:20px;box-shadow:0 2px 6px #00000026}.rose-template .cupid-diaper{background:#fff;border-radius:40% 40% 30% 30%;width:28px;height:18px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #00000026}.rose-template .cupid-diaper:before{content:"💛";font-size:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rose-template .cupid-arm{width:20px;height:25px;position:absolute;top:42px}.rose-template .arm-left{transform-origin:top;animation:2s ease-in-out infinite rose-arm-wave-left;left:8px}.rose-template .arm-right{transform-origin:top;animation:2s ease-in-out infinite rose-arm-wave-right;right:8px}@keyframes rose-arm-wave-left{0%,to{transform:rotate(-20deg)}50%{transform:rotate(-40deg)}}@keyframes rose-arm-wave-right{0%,to{transform:rotate(20deg)}50%{transform:rotate(40deg)}}.rose-template .cupid-arm .upper-arm{background:radial-gradient(#ffd5b8,#ffcba8);border-radius:40%;width:8px;height:12px;margin:0 auto}.rose-template .cupid-arm .lower-arm{background:radial-gradient(#ffd5b8,#ffcba8);border-radius:40%;width:6px;height:10px;margin:2px auto 0}.rose-template .cupid-bow{width:25px;height:20px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.rose-template .bow-arc{border:2px solid #8b4513;border-right:none;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-20deg)}.rose-template .bow-string{background:#654321;width:20px;height:1px;position:absolute;top:2px;left:2px;transform:rotate(-20deg)}.rose-template .cupid-leg{width:10px;height:20px;position:absolute;top:70px}.rose-template .leg-left{animation:1.5s ease-in-out infinite rose-leg-kick-left;left:28px}.rose-template .leg-right{animation:1.5s ease-in-out infinite rose-leg-kick-right;right:28px}@keyframes rose-leg-kick-left{0%,to{transform:rotate(0)}50%{transform:rotate(-15deg)}}@keyframes rose-leg-kick-right{0%,to{transform:rotate(0)}50%{transform:rotate(15deg)}}.rose-template .cupid-leg .thigh{background:radial-gradient(#ffd5b8,#ffcba8);border-radius:40%;width:10px;height:10px}.rose-template .cupid-leg .shin{background:radial-gradient(#ffd5b8,#ffcba8);border-radius:40%;width:8px;height:10px;margin:0 auto}.rose-template .cupid-aura{z-index:-2;background:radial-gradient(circle,#ffc0cb4d,#0000 60%);border-radius:50%;animation:2s ease-in-out infinite rose-aura-pulse;position:absolute;inset:-20px}@keyframes rose-aura-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.rose-template .glitter-container{pointer-events:none;z-index:99;position:fixed;inset:0}.rose-template .glitter{background:radial-gradient(circle,gold 0%,#ffeb3b 40%,#0000 70%);border-radius:50%;width:6px;height:6px;animation:1.5s ease-out forwards rose-glitter-fade;position:absolute;box-shadow:0 0 8px #ffd700cc,0 0 16px #ffeb3b66}@keyframes rose-glitter-fade{0%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(0)rotate(360deg)}}.rose-template .glitter:before,.rose-template .glitter:after{content:"";background:#fffc;border-radius:2px;width:2px;height:8px;position:absolute;top:50%;left:50%}.rose-template .glitter:before{transform:translate(-50%,-50%)rotate(45deg)}.rose-template .glitter:after{transform:translate(-50%,-50%)rotate(-45deg)}.rose-template .heart-arrows-container{pointer-events:none;z-index:98;position:fixed;inset:0}.rose-template .heart-arrow{filter:drop-shadow(0 0 8px #ff149399);font-size:1.5rem;animation:2s ease-out forwards rose-arrow-shoot;position:absolute}@keyframes rose-arrow-shoot{0%{transform:translate(-50%,-50%)rotate(calc(var(--arrow-angle)*57.2958deg))translateX(0)scale(.5);opacity:1}to{transform:translate(-50%,-50%)rotate(calc(var(--arrow-angle)*57.2958deg))translateX(300px)scale(1.2);opacity:0}}@media (max-width:768px){.rose-template .cupid-character{width:60px;height:80px}.rose-template .wing{width:28px;height:36px}.rose-template .cupid-head{width:28px;height:28px}.rose-template .glitter{width:4px;height:4px}}