PWA

src/routes/layout.css

@@ -108,21 +108,32 @@
     text-size-adjust: 100%;
     /* Small font, tuned for ~iPhone 16 Pro (402px viewport) */
     font-size: 12px;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    overflow-x: hidden;
   }
   body {
     @apply bg-background text-foreground;
+    width: 100%;
+    margin: 0;
+    min-height: 100dvh;
+    overflow-x: hidden;
     /* Safe area for notched devices */
     padding-left: env(safe-area-inset-left);
     padding-right: env(safe-area-inset-right);
     padding-bottom: env(safe-area-inset-bottom);
+    /* Center the app shell on all viewports */
+    display: flex;
+    flex-direction: column;
+    align-items: center;
   }
   /* Constrain width to iPhone 16 Pro viewport (402px) so layout matches on all devices */
   .app-shell {
     width: 100%;
     max-width: 402px;
     min-height: 100dvh;
-    margin-left: auto;
-    margin-right: auto;
+    flex-shrink: 0;
   }
   /* Compact tap targets so UI is denser */
   @media (pointer: coarse) {