PWA titlebar overlaps iOS safe area

[Vercantez]

Problem

When the web app is installed to the home screen as a standalone PWA on iOS, the top titlebar starts under the status bar / notch area. The menu and top-left controls can be hard to reach.

Expected

The titlebar should account for the safe-area insets in standalone PWA mode.

Notes

The app already uses viewport-fit=cover; the titlebar needs to include the CSS env(safe-area-inset-*) values.

[Vercantez]

Added before/after screenshots from the affected installed iOS PWA setup.

Before:

After: