diff --git a/client/style.css b/client/style.css
index 4070371..8e9926a 100644
--- a/client/style.css
+++ b/client/style.css
@@ -28,13 +28,21 @@
   --shadow: 0 1px 4px rgba(0,0,0,0.4);
 }
 
-html, body { height: 100%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 14px; color: var(--text); background: var(--bg); }
+html, body {
+  height: 100%;
+  overflow: hidden; /* prevent page-level scroll — only inner containers scroll */
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  font-size: 14px;
+  color: var(--text);
+  background: var(--bg);
+}
 
 /* ── Layout ─────────────────────────────────────────── */
 
 .app {
   display: flex;
   height: 100vh;
+  height: 100dvh; /* dynamic viewport height: accounts for mobile browser chrome */
   overflow: hidden;
 }
 
@@ -847,7 +855,8 @@
     position: fixed;
     left: 0;
     top: 0;
-    height: 100%;
+    height: 100vh;
+    height: 100dvh;
     z-index: 100;
     transform: translateX(-100%);
     transition: transform 0.25s ease;