Now I'll create the Valentine proposal component with the escaping "No" button and confetti effect, then update the page to show it first:

Now I need to add the confetti animation to globals.css and update the main page:

I've added the interactive Valentine's Day proposal feature:

1. Initial screen - Shows "Will you be my Valentine?" with Yes and No buttons
2. Escaping No button - When you hover over or try to click the No button, it jumps to a random position. The text also changes progressively ("No" → "Are you sure?" → "Really?" → "Think again!" etc.)
3. Yes button - When clicked, triggers a colorful confetti explosion with hearts, circles, and squares falling from the top
4. Transition - After the confetti starts, the screen transitions to show your original Valentine's message card

The No button is playfully impossible to click, encouraging the user to click Yes instead!

Now I'll update all components to be fully responsive across mobile, tablet, and desktop. The main improvements will be: better padding and sizing for small screens, improved button handling for the escaping No button on touch devices, and proper scaling of decorative elements.

Now let me update the rose decorations and floating hearts for better mobile responsiveness:

Now let me also update the main page to ensure proper responsive padding:

I've made the entire Valentine's Day site fully responsive across all screen sizes. Here are the key improvements:

1. Proposal & Card Components - Added progressive breakpoints (sm:, md:, lg:, xl:) for padding, font sizes, max-widths, and spacing that scale smoothly from mobile to desktop.
2. Escaping No Button - Improved the movement logic to stay within viewport boundaries on smaller screens and added preventDefault on touch events for better mobile interaction.
3. Decorative Elements - Rose decorations and floating hearts now scale down on mobile with reduced opacity and fewer particles for better performance. Confetti also uses fewer pieces on mobile devices.
4. Typography - Text sizes start smaller on mobile (e.g., text-2xl) and progressively increase (sm:text-3xl md:text-4xl lg:text-5xl) ensuring readability on all devices.