fix: iOS 26 troubleshooting 1.0

frontend/src/index.css

@@ -15,20 +15,23 @@ body {
   box-sizing: border-box;
 }
 
+/* Tell browser we support both color schemes for native UI elements (scrollbars, form controls) */
+/* This enables iOS Safari to properly handle dark mode */
 :root {
-  color-scheme: light;
-}
-
-:root.dark {
-  color-scheme: dark;
+  color-scheme: light dark;
+  -webkit-color-scheme: light dark; /* iOS Safari fallback */
 }
 
+/* Base styles on html element */
 html {
   background-color: #ffffff;
   color: #1e293b;
 }
 
+/* Dark mode overrides when .dark class is present */
 html.dark {
   background-color: #231F1C;
   color: #F2F3F6;
+  color-scheme: dark;
+  -webkit-color-scheme: dark;
 }