Prevent scrollbars appearing on certain mobile browsers. (not tested)

src/assets/layout.css

@@ -11,13 +11,20 @@
 /* Layout & typography */
 * { box-sizing: border-box }
 
+html, body { height: 100%; }
+
 body {
   margin: 0;
   font: 500 14px/1.2 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial;
   background: var(--bg);
   color: var(--ink);
+  /* Prevent body scrolling / unwanted scrollbars due to mobile browser UI chrome affecting vh */
+  overflow: hidden;
 }
 
+/* Ensure root app container doesn't introduce its own scrollbars */
+#app { height: 100%; width: 100%; overflow: hidden; }
+
 header {
   display: flex;
   align-items: baseline;