/* kept same as previous build */
html,body{height:100%;margin:0;overflow:hidden;}
body{
background:linear-gradient(#150018,#3a0021);
font-family:Quicksand,sans-serif;
}
#hearts{position:fixed;inset:0}
#stage{height:100vh;display:grid;place-items:center}
.bubble{
padding:22px 30px;border-radius:26px;
background:rgba(255,255,255,.14);
backdrop-filter:blur(14px);
box-shadow:0 18px 60px rgba(0,0,0,.38);
}
.msg{
font-family:"Great Vibes",cursive;
font-size:clamp(46px,6.5vw,100px);
color:white;
transition:opacity .6s,transform .6s,filter .6s;
}
.msg.is-out{opacity:0;transform:translateY(10px);filter:blur(6px)}
.msg.is-in{opacity:0;transform:translateY(-10px);filter:blur(6px)}