.app-auth-open .main-wrap > .page:not(.app-auth-page) { display: none; }
.app-auth-page:not(.active) { display: none; }
.app-auth-page.active { display: block; }
.app-auth-page .auth-page { min-height: 0; padding: 0 0 calc(88px + env(safe-area-inset-bottom, 0px)); }
.app-auth-page .auth-shell,
.app-auth-page .signup-shell { min-height: 0; padding-top: 28px; padding-bottom: 32px; }
.app-auth-page .auth-close,
.app-auth-page .auth-logo,
.app-auth-page .signup-logo,
.app-auth-page .signup-back { display: none; }
.app-auth-page [hidden] { display: none; }
body.app-auth-open { background: #fff; }
body.app-auth-open[data-auth-view="login"] :is(#catBar, .app-auth-toolbar) { display: none; }
body.app-auth-open :is(#catBar, .app-install-banner, .footer) { display: none; }
body.app-auth-open > main.main-wrap { padding-top: var(--header-real-h, 117px); }
#appAuthPage :is(.auth-shell, .signup-shell, .social-complete-shell) { translate: none; }
@media (max-width: 760px) {
  .app-auth-page .auth-shell,
  .app-auth-page .signup-shell { padding-right: 24px; padding-left: 24px; }
}

.app-auth-loading { padding: 48px 20px; text-align: center; }
.app-auth-toolbar { display: flex; align-items: center; gap: 12px; max-width: 660px; margin: 0 auto; padding: 8px 24px 0; }
.app-auth-toolbar button { width: 44px; height: 44px; border: 0; background: transparent; color: #171a18; font-size: 32px; cursor: pointer; }
.app-auth-toolbar h2 { margin: 0; color: #171a18; font-size: 18px; font-weight: 700; }