Update app.py

app.py

@@ -1,8 +1,9 @@
 import gradio as gr
 import openai
+import os
 
 # Set OpenAI API Key
-openai.api_key = "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"
+openai.api_key = os.getenv("GROQ_API_KEY")
 openai.api_base = "https://api.groq.com/openai/v1"
 
 # Dictionary to store categorized chats
@@ -70,13 +71,11 @@ body {
     padding: 0;
     color: #333;
 }
-
 @keyframes gradientBG {
     0% { background-position: 0% 50%; }
     50% { background-position: 100% 50%; }
     100% { background-position: 0% 50%; }
 }
-
 header, footer {
     text-align: center;
     background: linear-gradient(90deg, #ff758c, #ff7eb3);
@@ -86,7 +85,6 @@ header, footer {
     margin-bottom: 1rem;
     box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
 }
-
 .chatbot-container {
     display: flex;
     flex-direction: column;
@@ -98,7 +96,6 @@ header, footer {
     overflow-y: auto;
     box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
 }
-
 input, button {
     border: none;
     padding: 0.8rem;
@@ -106,13 +103,11 @@ input, button {
     margin: 0.5rem 0;
     outline: none;
 }
-
 input {
     background: #fff;
-    color: #333;
+    color: #ffffff;
     font-size: 1rem;
 }
-
 button {
     background: linear-gradient(90deg, #6a11cb, #2575fc);
     color: white;
@@ -120,12 +115,10 @@ button {
     cursor: pointer;
     transition: transform 0.2s, background 0.2s;
 }
-
 button:hover {
     transform: scale(1.05);
     background: linear-gradient(90deg, #2575fc, #6a11cb);
 }
-
 .chat-category {
     background: rgba(0, 0, 0, 0.05);
     border: 2px solid #ff7eb3;
@@ -134,7 +127,6 @@ button:hover {
     border-radius: 10px;
     transition: transform 0.2s, box-shadow 0.2s;
 }
-
 .chat-category:hover {
     transform: translateY(-3px);
     box-shadow: 0px 4px 15px rgba(255, 127, 179, 0.5);
@@ -145,7 +137,7 @@ with chat_interface:
     with gr.Row():
         gr.Markdown("<h1 style='text-align:center;'>🌈 Vibrant Motivational Chatbot</h1>")
     with gr.Row():
-        gr.Markdown("*Feeling stressed or unmotivated? Share your thoughts and let me help!*")
+        gr.Markdown("**Feeling stressed or unmotivated? Share your thoughts and let me help!**")
     with gr.Row():
         chatbot_output = gr.Chatbot(label="Motivator Bot")
     with gr.Row():
@@ -164,5 +156,5 @@ with chat_interface:
     send_button.click(handle_interaction, inputs=[user_input, chatbot_output], outputs=[chatbot_output, saved_chats_display])
     refresh_button.click(display_saved_chats, inputs=[], outputs=saved_chats_display)
 
-if _name_ == "_main_":
+if __name__ == "__main__":
     chat_interface.launch()