{} *{} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } body { font-family: 'Segoe UI', sans-serif; margin: 0; background: #121212; color: white; } .chat-wrapper { max-width: 800px; margin: 3rem auto; padding: 1rem; background: #1e1e1e; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.6); } h1 { text-align: center; background: linear-gradient(90deg, #4a6cff, #00e5ff); -webkit-background-clip: text; color: transparent; font-size: 2rem; margin-bottom: 2rem; } #chat-interface { display: flex; flex-direction: column; height: 500px; } #chat-messages { flex: 1; overflow-y: auto; padding: 1rem; border: 1px solid #333; margin-bottom: 1rem; border-radius: 8px; background-color: #181818; } .message { margin-bottom: 1rem; padding: 0.75rem; border-radius: 6px; } .bot-message { background-color: #2a2a2a; border-left: 4px solid #4a6cff; } .user-message { background-color: #003c46; border-right: 4px solid #00e5ff; text-align: right; } .options-container button { margin: 0.3rem; padding: 0.5rem 1rem; border: none; border-radius: 4px; background: #4a6cff; color: white; cursor: pointer; transition: 0.2s ease; } .options-container button:hover { background: #3755e0; } #user-input { padding: 0.75rem; border-radius: 6px; border: none; width: 100%; } #send-button { padding: 0.75rem 1.2rem; background: #00e5ff; border: none; border-radius: 6px; cursor: pointer; color: #000; font-weight: bold; }