/* Безопасные зоны телефона: вырез, Dynamic Island, закруглённые углы, полоса жестов (правило 21.10.2026).
   Подключать только на страницах с viewport-fit=cover. Шапке, нижним кнопкам и панелям отступ даёт сама
   страница: padding-top:calc(14px + var(--sa-top,0px)) и так далее; запасное 0px держит вид без этого файла.
   В Telegram мини-аппе берём больший из отступов системы и Telegram (полноэкранный режим, полоса жестов). */
:root{
  --sa-top:max(env(safe-area-inset-top,0px),calc(var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px)));
  --sa-right:max(env(safe-area-inset-right,0px),var(--tg-safe-area-inset-right,0px));
  --sa-bottom:max(env(safe-area-inset-bottom,0px),var(--tg-safe-area-inset-bottom,0px));
  --sa-left:max(env(safe-area-inset-left,0px),var(--tg-safe-area-inset-left,0px));
}
/* Телефон боком: текст и кнопки страницы не уходят под вырез, фон остаётся до края. */
html{padding-left:var(--sa-left);padding-right:var(--sa-right)}