diff --git a/app/root.tsx b/app/root.tsx
index ffa3e01..9e04c51 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -136,6 +136,11 @@ export function Layout({ children }: { children: React.ReactNode }) {
           />
           <meta name="color-scheme" content="light dark" />
           <meta name="mobile-web-app-capable" content="yes" />
+          {/* iOS-specific: standalone mode. Required for the status-bar-style
+              below to take effect — without it iOS ignores black-translucent,
+              so the app isn't edge-to-edge and env(safe-area-inset-top) doesn't
+              line up with the headers. (Android uses mobile-web-app-capable.) */}
+          <meta name="apple-mobile-web-app-capable" content="yes" />
           <meta
             name="apple-mobile-web-app-status-bar-style"
             content="black-translucent"