safari fix

src/App.css

@@ -104,7 +104,7 @@
     display: flex;
     flex-direction: column;
     gap: 1.75rem;
-    background: var(--color-surface);
+    background: #fff;
     border-radius: 24px;
     border-top: 4px solid #22c55e;
     padding: 2rem 1.75rem;
@@ -168,6 +168,29 @@
     text-align: left;
 }
 
+/* Login page is always light — ignore dark / liquid-glass themes */
+[data-theme="dark"] .lp,
+[data-theme="liquid-glass"] .lp {
+    background: linear-gradient(160deg, #eef6ee 0%, #dcfce7 100%);
+}
+[data-theme="dark"] .lp__form,
+[data-theme="liquid-glass"] .lp__form {
+    background: #fff;
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+    border: none;
+    border-top: 4px solid #22c55e;
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
+}
+[data-theme="dark"] .lp__tagline,
+[data-theme="liquid-glass"] .lp__tagline {
+    color: #4b505a;
+}
+[data-theme="dark"] .lp__privacy,
+[data-theme="liquid-glass"] .lp__privacy {
+    color: #6d727a;
+}
+
 /* kept for other callers */
 .login-card__error {
     margin: 0;
@@ -3215,8 +3238,7 @@
 [data-theme="liquid-glass"] .settings-tutorial-btn,
 [data-theme="liquid-glass"] .settings-clear-btn,
 [data-theme="liquid-glass"] .settings-signout-btn,
-[data-theme="liquid-glass"] .bottom-nav,
-[data-theme="liquid-glass"] .lp__form {
+[data-theme="liquid-glass"] .bottom-nav {
     background: var(--glass-bg);
     backdrop-filter: var(--glass-blur);
     -webkit-backdrop-filter: var(--glass-blur);
@@ -3497,6 +3519,21 @@
     box-shadow: 0 1px 8px rgba(74, 222, 128, 0.1);
 }
 
+/* Login page is always light — force button to light style */
+[data-theme="dark"] .lp .google-sign-in-btn,
+[data-theme="liquid-glass"] .lp .google-sign-in-btn {
+    background: #fff;
+    border-color: #dadce0;
+    color: #3c4043;
+}
+
+[data-theme="dark"] .lp .google-sign-in-btn:hover:not(:disabled),
+[data-theme="liquid-glass"] .lp .google-sign-in-btn:hover:not(:disabled) {
+    background: #f8f9fa;
+    border-color: #dadce0;
+    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
+}
+
 /* ============================
    WELCOME MODAL
    ============================ */