/* Mr.Host PWA foundation — additive only. Safe to load on every page. */
:root{
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --app-height: 100dvh;
}
@supports not (height: 100dvh){ :root{ --app-height: 100vh; } }

html, body{ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

/* Polish applied ONLY when launched as an installed app (standalone). */
html.pwa-standalone, html.pwa-standalone body{
  overscroll-behavior-y: none;
  -webkit-tap-highlight-color: transparent;
}

/* Opt-in helper: any container can use the keyboard-safe app height. */
.mrhost-app-dvh{ height: var(--app-height); min-height: var(--app-height); }