Update app.py

app.py

@@ -67,190 +67,6 @@ SAMPLE_VERSES = {
 # Initialize database
 init_db()
 
-# Custom CSS for styling
-st.markdown("""
-<style>
-    /* Main text color for entire app */
-    .main .block-container {
-        color: #333333;
-    }
-    
-    .main-header {
-        font-size: 3.5rem;
-        color: #2c5c2c;
-        text-align: center;
-        margin-bottom: 1rem;
-        font-weight: bold;
-    }
-    .sub-header {
-        font-size: 1.8rem;
-        color: #3a6349;
-        border-bottom: 3px solid #4a7c59;
-        padding-bottom: 0.5rem;
-        margin-bottom: 1.5rem;
-        font-weight: 600;
-    }
-    .scripture-box {
-        background-color: #f0f7f0;
-        border-radius: 10px;
-        padding: 20px;
-        margin: 15px 0;
-        border-left: 5px solid #4a7c59;
-        color: #2c5c2c !important;
-        font-size: 1.1rem;
-        line-height: 1.6;
-    }
-    .simplified-box {
-        background-color: #e8f4f8;
-        border-radius: 10px;
-        padding: 20px;
-        margin: 15px 0;
-        border-left: 5px solid #5c8da5;
-        color: #2c3e50 !important;
-        font-size: 1.1rem;
-        line-height: 1.6;
-    }
-    .stButton>button {
-        background-color: #4a7c59;
-        color: white;
-        border: none;
-        padding: 12px 24px;
-        border-radius: 8px;
-        font-weight: bold;
-        font-size: 1.1rem;
-        margin-top: 15px;
-    }
-    .stButton>button:hover {
-        background-color: #3a6349;
-        color: white;
-        transform: translateY(-2px);
-        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
-    }
-    .success-box {
-        background-color: #d4edda;
-        color: #155724;
-        padding: 15px;
-        border-radius: 8px;
-        margin: 15px 0;
-        border: 1px solid #c3e6cb;
-        font-weight: 500;
-    }
-    /* Text area styling */
-    .stTextArea textarea {
-        color: #000000 !important;
-        font-size: 1.1rem;
-        line-height: 1.5;
-        background-color: #f8f9fa;
-        border: 2px solid #4a7c59;
-        border-radius: 8px;
-        padding: 12px;
-    }
-    /* Select box label styling */
-    .stSelectbox label {
-        color: #2c3e50 !important;
-        font-size: 1.1rem;
-        font-weight: 500;
-    }
-    /* DROPDOWN INPUT BOX - FIXED */
-    div[data-baseweb="select"] > div {
-        background-color: #f8f9fa !important;
-        border: 2px solid #4a7c59 !important;
-        border-radius: 8px !important;
-        padding: 8px 12px !important;
-        font-size: 1.1rem !important;
-    }
-    /* TARGET THE TEXT INSIDE THE CLOSED BOX - CRITICAL FIX */
-    div[data-baseweb="select"] div[style] {
-        color: #000000 !important;
-        font-weight: 500 !important;
-    }
-    /* DROPDOWN OPTIONS PANEL - FIXED */
-    div[data-baseweb="popover"] {
-        background-color: #ffffff !important;
-        border: 2px solid #4a7c59 !important;
-        border-radius: 8px !important;
-    }
-    /* DROPDOWN OPTIONS - FIXED */
-    div[data-baseweb="popover"] li {
-        background-color: #ffffff !important;
-        color: #000000 !important;
-        padding: 10px 15px !important;
-        font-size: 1.1rem !important;
-    }
-    /* DROPDOWN OPTIONS HOVER - FIXED */
-    div[data-baseweb="popover"] li:hover {
-        background-color: #f0f7f0 !important;
-        color: #000000 !important;
-    }
-    /* Placeholder text for dropdown */
-    div[data-baseweb="select"] input::placeholder {
-        color: #6c757d !important;
-    }
-    /* Number input styling */
-    .stNumberInput input {
-        color: #000000 !important;
-        font-size: 1.1rem !important;
-        background-color: #f8f9fa !important;
-        border: 2px solid #4a7c59 !important;
-        border-radius: 8px !important;
-        padding: 8px 12px !important;
-    }
-    /* Number input label */
-    .stNumberInput label {
-        color: #2c3e50 !important;
-        font-size: 1.1rem !important;
-        font-weight: 500 !important;
-    }
-    /* Make all text consistent */
-    body, p, div, span, h1, h2, h3, h4, h5, h6 {
-        color: #2c3e50 !important;
-    }
-    /* Tab styling */
-    .stTabs [data-baseweb="tab-list"] {
-        gap: 8px;
-    }
-    .stTabs [data-baseweb="tab"] {
-        height: 50px;
-        white-space: pre-wrap;
-        background-color: #e8f4f0;
-        border-radius: 8px 8px 0px 0px;
-        gap: 8px;
-        padding: 12px 24px;
-        font-weight: bold;
-    }
-    .stTabs [aria-selected="true"] {
-        background-color: #4a7c59;
-        color: white !important;
-    }
-    /* Expander styling */
-    .streamlit-expanderHeader {
-        font-size: 1.2rem;
-        font-weight: 600;
-        color: #2c5c2c !important;
-        background-color: #f0f7f0;
-        padding: 12px;
-        border-radius: 8px;
-        margin: 8px 0;
-    }
-    /* Metric cards styling */
-    [data-testid="metric-container"] {
-        background-color: #f0f7f0;
-        border: 1px solid #4a7c59;
-        border-radius: 10px;
-        padding: 15px;
-        text-align: center;
-    }
-    /* Footer styling */
-    .footer {
-        text-align: center;
-        color: #6c757d;
-        padding: 20px;
-        margin-top: 30px;
-        font-style: italic;
-    }
-</style>
-""", unsafe_allow_html=True)
-
 # App title and description
 st.markdown('<h1 class="main-header">📖 Scripture Decipher</h1>', unsafe_allow_html=True)
 st.markdown("""