Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to enhance the user experience by integrating a specific auditory atmosphere and refining the security screen functionality. The primary purpose is to create an immersive reading environment with a melancholic piano background while ensuring a smooth and user-friendly password entry experience.

## CORE FEATURES
1. **Melancholic Audio Background**: Integrate a loop of solo piano music inspired by 'Call of Silence' or 'Vogel im Käfig', set at a low volume (15%) to create an atmospheric reading ambiance.
2. **Password Field Logic**: Implement a password input field that displays a subtle error message in soft red (#B22222) stating "Esa no es la chispa indicada" when the password is incorrect, ensuring a clear user feedback mechanism.
3. **Smooth Transition to Content**: Ensure that upon entering the correct password, the application transitions smoothly to the main reading content, enhancing usability.
4. **Minimalist User Interface**: Design a clean and simple interface with plenty of white space, focusing on typography to facilitate distraction-free reading.

## DESIGN SPECIFICATIONS
- Visual Style: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- Color Mode: Light theme with dark text on light backgrounds
- Primary Color: #1978E5 (accent for buttons, links, highlights)
- Typography: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- Border Radius: 8px (moderately rounded) for buttons, cards, and inputs
- Layout: The main layout will feature a centered password input field at the top, followed by the audio controls and content area, ensuring a clear visual hierarchy.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: React's built-in state management (useState/useEffect)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Create a new React project with TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Create Audio Component**: Implement an audio component that loads the melancholic piano loop and controls its playback volume at 15%.
3. **Develop Password Input Logic**: Create a password input field that captures user input, checks against the correct password, and displays error messages in the defined color.
4. **Smooth Transition Implementation**: Utilize React Router or similar for smooth transitions to the main content area upon successful password entry.
5. **Design the UI**: Apply Tailwind CSS styles to achieve the minimalist design, ensuring proper spacing, typography, and color usage.
6. **Test User Experience**: Conduct user testing to ensure the audio plays correctly and the password logic performs as intended.

## USER EXPERIENCE
The key user interactions involve entering the password to access the reading content. Users will experience a calm atmosphere through the music, with clear feedback when entering incorrect passwords. The design emphasizes usability and simplicity, allowing users to focus on their reading experience without distractions.