/* Shared top inset for both the public overlay and in-flow account header.
 * Page styles retain their normal height/spacing; only standalone adds inset. */
:root {
    --app-safe-top: 0px;
}

@media (display-mode: standalone) {
    :root {
        --app-safe-top: env(safe-area-inset-top, 0px);
    }

    .header {
        padding-top: var(--app-safe-top);
        box-sizing: content-box;
    }
}