/* 첫 HTML과 React 인증 초기화 화면이 같은 로딩 표시를 공유한다. */
/* 앱 CSS가 도착하기 전의 브라우저 기본 여백도 제거한다. */
html, body { margin: 0; }
.maxbot-loading {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-content: center;
  box-sizing: border-box;
  padding: 24px;
  overflow: auto;
  background: var(--color-bg, #ffffff);
  color: var(--color-text-secondary, #656565);
  /* 앱과 같은 스택(src/shared/themes/fonts.ts APP_FONT_STACK) — HTML 로딩 → React 로딩 → 앱 전환 때
     글리프가 바뀌지 않게 한다. 폰트가 아직 없으면 OS 폰트로 그려지고 도착하면 교체된다. */
  font: 14px/1.5 'Inter', 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Apple SD Gothic Neo', 'Malgun Gothic', Arial, sans-serif;
  text-align: center;
}
/* 빠른 초기화에서는 문구가 깜빡이지 않게 하되 화면 진입은 지연하지 않는다. */
.maxbot-loading__status { opacity: 0; visibility: hidden; animation: maxbot-help 0s .4s forwards; }
.maxbot-loading__help { position: absolute; top: calc(50% + 24px); left: 24px; right: 24px; opacity: 0; visibility: hidden; animation: maxbot-help 0s 15s forwards; }
.maxbot-loading__help a { color: inherit; text-decoration: underline; }
.maxbot-startup-noscript { position: fixed; z-index: 101; bottom: 80px; left: 24px; right: 24px; text-align: center; color: var(--color-text, #37352f); }
/* 지연 안내만 노출하며 앱 진입을 늦추는 타이머는 사용하지 않는다. */
@keyframes maxbot-help { to { opacity: 1; visibility: visible; } }
@media (prefers-color-scheme: dark) {
  .maxbot-loading { background: var(--color-bg, #15181b); color: var(--color-text-secondary, #b8b8b8); }
  .maxbot-startup-noscript { color: var(--color-text, #f4f7fb); }
}