/* Оболочка службы front: рамка показа прототипа снята, окно платформы занимает весь экран.
   Рамка .frame остаётся: по её ширине считаются контейнерные запросы раскладки (@container). */
html, body { margin: 0; min-height: 100%; background: var(--bg-page); }
.frame { width: 100% !important; max-width: none; min-height: 100vh; margin: 0; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.app { min-height: 100vh; }
/* Угол оповещений app.js: стопка обёрток «toast» витрины ошибок */
.ft-corner { position: fixed; right: var(--space-4, 16px); bottom: var(--space-4, 16px); z-index: 90; width: calc(100% - 32px); max-width: 360px; }
/* Переключатель темы в шапке (решение № 128): три кнопки в рамке переключателя языка */
.lang button { min-width: 40px; padding: 5px var(--space-2); font: inherit; background: none; border: 0; color: var(--text-secondary); cursor: pointer; display: inline-grid; place-items: center; }
.lang button + button { border-left: var(--border-thin) solid var(--border-divider); }
.lang button:hover { background: var(--action-secondary-hover); color: var(--text-primary); }
.lang button[aria-pressed="true"] { background: var(--action-primary); color: var(--action-primary-text); }
/* Поле пароля при отзыве согласия и удалении: ставит app.js по подтверждению */
.ft-danger-pw { margin: var(--space-2) 0; max-width: 320px; }
/* Кнопка выхода в сведениях о себе: ставит app.js в раздел «Доступ» */
.ft-logout { margin-top: var(--space-3); }
.ft-logout .btn svg { margin-right: var(--space-1); vertical-align: -3px; }
/* Кнопки проигрывателя вступления — без бегущего пятна по кромке; у прочих кнопок пятно стартует со своего места (app.js) */
.intro .btn-primary::after, .intro .btn-danger::after, .intro .btn-secondary::after { animation: none !important; opacity: 0 !important; }
.btn-primary::after, .btn-danger::after, .btn-secondary::after { animation-delay: var(--fb-spot-delay, 0s); }
/* Кольцо первого экрана — по центру и по ширине, и по высоте, пока вступление не запущено */
@media (min-width: 700px) {
  .pz.pz-hero:not([data-intro]) { min-height: calc(100svh - 72px - 2 * var(--space-4, 16px)); grid-template-rows: auto 1fr; align-content: stretch; }
  .pz.pz-hero:not([data-intro]) .ring { align-self: stretch; padding-block: 0; }
}