Fix bottom bar: use transform trick to paint safe area

client/src/index.css

@@ -3,13 +3,22 @@
 @tailwind utilities;
 
 html { height: 100%; overflow: hidden; background-color: var(--bg-primary); }
-body {
-  position: fixed;
-  inset: 0;
-  margin: 0;
-  overflow: auto;
-  overscroll-behavior: none;
-  -webkit-overflow-scrolling: touch;
+body { height: 100%; overflow: auto; overscroll-behavior: none; -webkit-overflow-scrolling: touch; }
+
+/* iOS PWA: fill the home indicator safe area with app background */
+@supports (padding-bottom: env(safe-area-inset-bottom)) {
+  html::after {
+    content: '';
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    height: env(safe-area-inset-bottom, 0px);
+    background: var(--bg-primary);
+    transform: translateY(100%);
+    pointer-events: none;
+    z-index: 99999;
+  }
 }
 
 .atlas-tooltip {