/* MP1 SUB-19: the Mini App router page (app.<domain>/) — shown only while it redirects, or when it cannot (a bad link, no access, no project, the bot unreachable).
   The shell's palette (style.css): the black rail, the light text, the muted grey. */
html,
body {
  margin: 0;
  min-height: 100%;
  background: #000000;
  color: #f3effa;
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.router {
  max-width: 420px;
  margin: 0 auto;
  padding: 48px 24px;
  line-height: 1.5;
}

.router-opening {
  color: #bdb3d1;
}

.router-message,
.router:not([data-state='opening']) .router-opening {
  display: none;
}

.router[data-state='failed'] .router-failed,
.router[data-state='no-access'] .router-no-access,
.router[data-state='no-project'] .router-no-project,
.router[data-state='reopen'] .router-reopen,
.router[data-state='unavailable'] .router-unavailable {
  display: block;
}

/* A bare launch knows the person's language (Telegram's user.language_code): only that one shows. */
.router[data-lang='ru'] [lang='en'],
.router[data-lang='en'] [lang='ru'] {
  display: none;
}