Added little goodlooks to Output box to tackle light/dark mode visibility issue

app.py

@@ -144,7 +144,24 @@ if submit_button:
         with st.spinner("Generating text..."):
             output = generate_text(prompt, tone, max_length, temperature, top_p, repetition_penalty)
 
-            st.markdown(f'<div class="output-box">{output}</div>', unsafe_allow_html=True)
+            st.markdown(f"""
+                            <div style="
+                                background: linear-gradient(145deg, #ffffff33, #1f1f1f99);
+                                color: #f5f5f5;
+                                padding: 1rem;
+                                border-radius: 12px;
+                                box-shadow: 0 4px 15px rgba(0,0,0,0.25);
+                                font-family: 'Courier New', monospace;
+                                font-size: 1rem;
+                                white-space: pre-wrap;
+                                backdrop-filter: blur(6px);
+                                border: 1px solid rgba(255,255,255,0.1);
+                                margin-top: 1rem;
+                            ">
+                                {output}
+                            </div>
+                        """, unsafe_allow_html=True)
+
             
             # Generate and display word cloud
             wordcloud = WordCloud(width=400, height=200, background_color="white").generate(output)
@@ -155,5 +172,5 @@ if submit_button:
 
 # Footer
 st.markdown("---")
-st.write("A Text Completion Prototype, Built with ❤️ by Utkarsh Shukla for GSoC Proposal 2025 | Powered by (Gemma + Hugging Face) and Saiyan Pride")
+st.write("Built with ❤️ by Utkarsh Shukla for GSoC Proposal 2025 | Powered by (Gemma + Hugging Face) and Saiyan Pride")
 st.write("Wish me luck, 🤞")