Modern Chat Interface - Copy this Html, Bootstrap Component to your project

The design should be clean and simple, with a central chat interface and a text input bar at the bottom. Use modern and harmonious colors such as dark blue with white or shades of gray with accents of yellow or orange. Add a dark mode using dark colors like black or dark gray with white or light gray text. Differentiate user messages from AI responses using distinct colors, such as light blue for user messages and white or dark gray for AI responses. Use modern and easy to read fonts like Roboto or Open Sans, with an appropriate font size (16px 18px for regular text). Add subtle animations when sending or receiving messages, such as gently sliding messages from bottom to top. Ensure the tool responds quickly and supports automatic error correction. Allow users to customize their experience, such as changing colors or fonts, and add multilingual options if the tool targets a global audience. Incorporate dynamic, softly transitioning backgrounds (gradient) or simple geometric patterns, and use soft shadows (soft shadows) and rounded corners (rounded corners) to add a modern touch. Ensure the design is responsive and works well on all devices (phones, tablets, computers). Finally, test the design with real users to gather feedback and improve the experience, and update the design regularly to keep up with the latest trends.