Update app.py

app.py

@@ -1,41 +1,38 @@
 import streamlit as st
 
-# Looking at the UCSF example, they use a custom component approach with specific CSS
-# Let's implement a similar solution
-custom_css = f"""
+# Fix the CSS to avoid parsing errors
+custom_css = """
 <style>
-    /* CSS similar to UCSF implementation */
-    div.block-container {
-        padding-top: 1rem;
-    }
-    
-    div[data-testid="stDecoratedAppViewContainer"] > div:first-child {
-        position: sticky !important;
-        top: 0 !important;
-        background-color: white;
-        z-index: 999;
-        padding: 0px !important;
-    }
-    
-    /* Custom header styling */
-    .custom-header {
-        background-color: #90EE90;
-        padding: 1rem;
-        border-bottom: 1px solid #ddd;
-        width: 100%;
-    }
-    
-    /* Hide default Streamlit header */
-    header[data-testid="stHeader"] {
-        display: none;
-    }
-    
-    /* Additional fixes specific to Hugging Face embedding */
-    section[data-testid="stSidebar"] {
-        z-index: 0;
-    }
+div.block-container {
+    padding-top: 1rem;
+}
+
+div[data-testid="stDecoratedAppViewContainer"] > div:first-child {
+    position: sticky !important;
+    top: 0 !important;
+    background-color: white;
+    z-index: 999;
+    padding: 0px !important;
+}
+
+.custom-header {
+    background-color: #90EE90;
+    padding: 1rem;
+    border-bottom: 1px solid #ddd;
+    width: 100%;
+}
+
+header[data-testid="stHeader"] {
+    display: none;
+}
+
+section[data-testid="stSidebar"] {
+    z-index: 0;
+}
 </style>
 """
+
+# Apply the CSS with proper escaping
 st.markdown(custom_css, unsafe_allow_html=True)
 
 # Create a custom header at the very top (this is key)