This is a detailed specification for a SUQQU Greeting Card prototype - a luxury cosmetics brand's LINE-based greeting card creation experience. Let me create this multi-screen web application with the full flow from TOP → Card Selection → Message Input → Completion.

Now I have the design inspiration and context. I'll create a luxurious SUQQU greeting card prototype with a sophisticated dark/warm neutral aesthetic. Let me build the complete multi-screen flow.

Now let me create the main page with the complete greeting card flow:

Now let me update the globals.css to add the font variable properly:

The components exist and are properly set up. The SUQQU Greeting Card prototype is now complete! Let me provide a summary of what was built:

I've created a complete SUQQU Greeting Card prototype with the following screens and features:

Screens Implemented:

1. S1 - TOP: Hero banner with elegant typography introducing the holiday greeting card experience
2. S2 - Card Selection: 4 card designs + 5 text color options with live preview
3. S3 - Message Input: Form with Dear (10 chars), Message (30 chars), From (10 chars) fields with real-time validation and live card preview
4. S4 - Completion: Final card preview, summary details, save instructions, and LINE send button
5. S5 - LINE Send: Mock LINE-style recipient selection UI with tabs for Groups/Friends/Recent and confirmation flow

Design Features:

• Dark, luxurious color scheme with warm gold accents befitting the SUQQU brand
• Elegant serif typography (Cormorant Garamond) for a premium feel
• Consistent header with "GREETING CARD" branding and close button across all screens
• Character count validation displayed in real-time
• Mobile-first, LINE in-app browser optimized layout
• Note about content not being saved (as per spec requirement)