Update app.py

app.py

@@ -1,26 +1,48 @@
 import streamlit as st
 
-# Custom CSS for improved aesthetics
+# Custom CSS for light/dark mode adaptation
 st.markdown(
     """
     <style>
-    body {
-        background-color: #f5f5f5;
-        color: #333;
-    }
+    /* Make the app container responsive */
     .stApp {
-        background-color: #ffffff;
+        max-width: 600px;
+        margin: auto;
         padding: 20px;
         border-radius: 10px;
-        box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
+        transition: all 0.3s ease-in-out;
     }
-    .stSelectbox, .stNumberInput {
-        font-size: 18px;
+
+    /* Light Mode Styles */
+    @media (prefers-color-scheme: light) {
+        .stApp {
+            background-color: #ffffff;
+            color: #333;
+            box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
+        }
+        .stSelectbox, .stNumberInput {
+            font-size: 18px;
+            color: #000;
+        }
     }
+
+    /* Dark Mode Styles */
+    @media (prefers-color-scheme: dark) {
+        .stApp {
+            background-color: #1e1e1e;
+            color: #ffffff;
+            box-shadow: 2px 2px 10px rgba(255,255,255,0.1);
+        }
+        .stSelectbox, .stNumberInput {
+            font-size: 18px;
+            color: #fff;
+        }
+    }
+
     .stSuccess {
         font-size: 20px;
         font-weight: bold;
-        color: green;
+        color: #4CAF50;
     }
     </style>
     """,
@@ -29,13 +51,12 @@ st.markdown(
 
 def main():
     st.title("📊 Advanced Calculator")
-    st.write("A simple yet powerful calculator that supports multiple arithmetic operations. Enter your numbers, select an operation, and get instant results!")
+    st.write("A simple yet powerful calculator that adapts to your browser theme. Enter your numbers, select an operation, and get instant results!")
 
-    # Sidebar for user input
-    st.sidebar.header("Input Values")
-    num1 = st.sidebar.number_input("Enter first number", value=0.0)
-    num2 = st.sidebar.number_input("Enter second number", value=0.0)
-    num3 = st.sidebar.number_input("Enter third number", value=0.0)
+    # User input for numbers
+    num1 = st.number_input("Enter first number", value=0.0)
+    num2 = st.number_input("Enter second number", value=0.0)
+    num3 = st.number_input("Enter third number", value=0.0)
 
     # Select operation (Dropdown)
     operation = st.selectbox(