/* Shared viewport treatment for every Glow screen. iOS 27's standalone
   status treatment extends beyond its reported safe-area inset. */
:root {
    --glow-safe-top: max(20px, env(safe-area-inset-top, 0px));
    --glow-safe-bottom: max(24px, env(safe-area-inset-bottom, 0px));
}

@supports (-webkit-touch-callout: none) {
    html.ios-standalone {
        --glow-safe-top: max(64px, calc(env(safe-area-inset-top, 0px) + 20px));
    }

    @media (display-mode: standalone) and (orientation: portrait) {
        :root {
            --glow-safe-top: max(64px, calc(env(safe-area-inset-top, 0px) + 20px));
        }
    }
}