Fix easter egg button visibility — scoped CSS, larger emoji, removed broken fixed position

app.py

@@ -222,23 +222,20 @@ def log_prediction(text, result):
 
 st.markdown("""
 <style>
-div[data-testid="stPopover"] {
-    position: fixed;
-    top: 14px;
-    right: 60px;
-    z-index: 9999;
-}
-div[data-testid="stPopover"] button {
-    opacity: 0.22;
-    transition: opacity 0.25s ease;
-    font-size: 22px;
-    color: #aaa;
-    border: none;
+.easter-egg-col div[data-testid="stPopover"] button {
+    opacity: 0.15;
+    transition: opacity 0.3s ease;
+    font-size: 28px;
     background: transparent;
-    padding: 4px 10px;
+    border: none;
+    padding: 0;
+    line-height: 1;
+}
+.easter-egg-col div[data-testid="stPopover"] button:hover {
+    opacity: 0.85;
 }
-div[data-testid="stPopover"] button:hover {
-    opacity: 0.75;
+.easter-egg-col div[data-testid="stPopover"] button p {
+    font-size: 28px !important;
 }
 </style>
 """, unsafe_allow_html=True)
@@ -255,8 +252,10 @@ with title_col:
     st.caption("Dual BERTweet model · type a social media post to classify it.")
 
 with egg_col:
+    st.markdown('<div class="easter-egg-col">', unsafe_allow_html=True)
     with st.popover("🔬"):
         st.markdown(ABOUT_MD)
+    st.markdown('</div>', unsafe_allow_html=True)
 
 
 # ─────────────────────────────────────────────────────────────────────