/* MasterTime rhythm (4/8/12/16/24/32/48), PGMess fallback brand colors.
 * Keep this bootstrap surface independent of fonts, CDNs and Flutter itself.
 */
:root {
  color-scheme: light dark;
  --pg-background: #ffffff;
  --pg-text: #121212;
  --pg-brand: #f97316;
  --pg-space: 16px;
  --pg-gap: 24px;
  --pg-title: 32px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --pg-background: #121212;
    --pg-text: #ffffff;
    --pg-brand: #ff8a3d;
  }
}

body {
  margin: 0;
  background: var(--pg-background);
}

#pgmess-loading {
  box-sizing: border-box;
  position: fixed;
  inset: 0;
  overflow: auto;
  display: grid;
  place-items: center;
  padding: var(--pg-gap);
  background: var(--pg-background);
  color: var(--pg-text);
  font: 400 1rem/1.45 system-ui, sans-serif;
  text-align: center;
}

.pgmess-loading-content {
  width: 100%;
  max-width: 32rem;
  overflow-wrap: anywhere;
}

#pgmess-loading img {
  display: block;
  margin: 0 auto var(--pg-gap);
  max-width: 100%;
  height: auto;
}

#pgmess-loading h1 {
  margin: 0 0 var(--pg-space);
  font-size: var(--pg-title);
  font-weight: 600;
  line-height: 1.2;
  text-decoration: underline var(--pg-brand);
  text-decoration-thickness: 4px;
  text-underline-offset: 8px;
}

#pgmess-loading p {
  margin: var(--pg-space) 0 0;
}