🚨 Emergency Alert 🚨

Maria has been detected being mad at her bestie.

Should we investigate?

body{ margin:0; font-family:Arial, Helvetica, sans-serif; background:linear-gradient(135deg,#ffb6c1,#ffd6e8,#ffe9f2); display:flex; justify-content:center; align-items:center; height:100vh; } .card{ width:85%; max-width:550px; background:white; padding:30px; border-radius:20px; text-align:center; box-shadow:0 10px 30px rgba(0,0,0,.2); } h1{ color:#ff4d88; } p{ font-size:20px; line-height:1.6; } button{ margin:10px; padding:12px 24px; font-size:18px; border:none; border-radius:30px; cursor:pointer; transition:.3s; } button:hover{ transform:scale(1.08); } #btn1{ background:#ff4d88; color:white; } #btn2{ background:#ddd; } .heart{ font-size:70px; animation:beat 1s infinite; } @keyframes beat{ 50%{ transform:scale(1.2); } } let step = 0; function wrongChoice(){ alert("Wrong answer. 😤 You HAVE to investigate."); } function nextStep(){ step++; const title=document.getElementById("title"); const text=document.getElementById("text"); const btn1=document.getElementById("btn1"); const btn2=document.getElementById("btn2"); if(step===1){ title.innerHTML="Investigation Results 🕵️"; text.innerHTML="Cause of Maria's anger...

✔ Bestie made a mistake.
✔ Bestie feels super guilty.
✔ Bestie wants forgiveness."; btn1.innerHTML="Continue ➜"; btn2.style.display="none"; } else if(step===2){ title.innerHTML="Question Time 😌"; text.innerHTML="Before we continue...

Who's the cooler person?"; btn1.innerHTML="Maria 😎"; btn2.style.display="inline-block"; btn2.innerHTML="Definitely Maria 😌"; btn2.onclick=nextStep; } else if(step===3){ title.innerHTML="Correct Answer ✔"; text.innerHTML="Wow... you somehow picked the correct answer. 😌✨"; btn1.innerHTML="What's next?"; btn2.style.display="none"; } else if(step===4){ title.innerHTML="Confession Time 🥺"; text.innerHTML="Maria...

I know I messed up.

I never wanted to hurt or upset you. You're genuinely one of my favorite people, and seeing you upset because of me doesn't sit right with me.

I'm really sorry."; btn1.innerHTML="Keep Going ❤️"; } else if(step===5){ title.innerHTML="One Last Thing 💖"; text.innerHTML="You mean a lot to me.

I don't expect instant forgiveness, but I hope you'll give this silly bestie another chance.

If smiles were currency, I'd owe you a million. 😭"; btn1.innerHTML="Final Message"; } else{ title.innerHTML="❤️"; text.innerHTML="
💖

Maria...

Thank you for being such an amazing bestie.

I'm really sorry.

I hope we can laugh together again very soon. 🌸

Will you forgive your dumb bestie?"; btn1.innerHTML="YES! 🤍"; btn1.onclick=function(){ title.innerHTML="YAY!! 🎉"; text.innerHTML="
🥹💖

Mission Successful!

Your bestie has smiled again (hopefully).

Go annoy Maria with memes now. 😂"; btn1.style.display="none"; }; } }