/* The page uses the visible phone height, including under a notch when the browser tab is gone. */
html.blitz-phone,
html.blitz-phone body {
    min-height: 100%;
    min-height: 100dvh;
    min-height: var(--blitz-vvh, 100dvh);
}

@media (display-mode: standalone), (display-mode: fullscreen) {
    #jazzy-navbar.app-header {
        padding-top: env(safe-area-inset-top);
    }

    header.bar {
        padding-top: max(0.85rem, env(safe-area-inset-top));
    }
}