html[data-suite-opening="loading"] body > :not(#suite-opening):not(script) { visibility: hidden; }
html[data-suite-opening="loading"] body { overflow: hidden; }
#suite-opening[hidden] { display: none; }
#suite-opening {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: grid;
  place-items: center;
  padding: 24px;
  background: #101820;
  color: #f5f7fa;
  font-family: system-ui, sans-serif;
}
.suite-opening-content { text-align: center; max-width: 360px; }
#suite-opening h1 { font-size: 20px; margin: 20px 0 8px; }
#suite-opening p { color: #b9c3ce; line-height: 1.5; }
#suite-opening button { min-height: 44px; padding: 8px 20px; border: 1px solid #b9c3ce; border-radius: 7px; background: transparent; color: inherit; cursor: pointer; }
.suite-opening-spinner { display: inline-block; width: 32px; height: 32px; border: 3px solid #36424d; border-top-color: #fff000; border-radius: 50%; animation: suite-opening-spin 1s linear infinite; }
@keyframes suite-opening-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .suite-opening-spinner { animation: none; } }