:root {
  --startup-background: oklch(0.975 0.002 286);
  --startup-foreground: oklch(0.141 0.005 286);
  --startup-muted: oklch(0.48 0.012 286);
  --startup-border: oklch(0.141 0.005 286 / 0.18);
}

.dark {
  --startup-background: oklch(0.135 0.006 286);
  --startup-foreground: oklch(0.965 0.002 286);
  --startup-muted: oklch(0.68 0.011 286);
  --startup-border: oklch(1 0 0 / 0.24);
}

html, body { margin: 0; min-height: 100%; }

.startup-shell {
  min-height: 100svh;
  width: 100%;
  display: grid;
  place-items: center;
  padding: max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right))
    max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));
  box-sizing: border-box;
  background: var(--background, var(--startup-background));
  color: var(--foreground, var(--startup-foreground));
  font: 14px/1.5 'Fusion Mono', ui-monospace, monospace;
}

.startup-content { width: min(100%, 360px); }
.startup-brand { padding: 7px 12px; text-align: center; font-weight: 700; }
.startup-body { padding: 20px; text-align: center; }
.startup-body img {
  display: block;
  margin: 0 auto 16px;
  image-rendering: pixelated;
  /* The SVG also follows the OS scheme. Normalize it to the app theme so an
     explicit light theme never inherits a white system-dark startup icon. */
  filter: brightness(0);
}
.dark .startup-body img { filter: brightness(0) invert(1); }
.startup-title { margin: 0; font-size: 14px; font-weight: 400; line-height: 1.5; }
.startup-detail { margin: 8px 0 0; color: var(--muted-foreground, var(--startup-muted)); }

.startup-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 24px; }
.startup-action {
  border: 1px solid var(--border, var(--startup-border));
  border-radius: 8px;
  padding: 8px 12px;
  background: transparent;
  color: inherit;
  font: inherit;
  text-decoration: none;
  cursor: pointer;
}
.startup-action:hover { background: var(--muted, color-mix(in oklab, currentColor 7%, transparent)); }
.startup-action:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.startup-action:disabled { opacity: 0.5; cursor: wait; }