/* Оболочка приложения: контейнер экранов, безопасные зоны, скрытая строка для диктора.
   Взято из stage.css пакета дизайна — только то, что относится к самому приложению (рамка
   телефона, строка состояния и пульт макета в продукт не идут). */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
html { background: var(--pr-bg-lo); color-scheme: dark; -webkit-text-size-adjust: 100%; }
body { background: var(--pr-bg-lo); overflow: hidden; overscroll-behavior: none; }
/* вырез сверху и полоса жестов снизу: экран уходит под них, содержимое — нет */
:root { --safe-t: env(safe-area-inset-top, 0px); --safe-b: env(safe-area-inset-bottom, 0px); }
.ck-app { position: fixed; inset: 0; overflow: hidden; container-type: size; container-name: app; }
.ck-app [hidden] { display: none; }
.ck-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.ck-noscript { position: fixed; inset: 0; display: grid; place-items: center; padding: 24px; text-align: center; color: var(--pr-ink); font: 16px/1.4 var(--pr-font); }