:root { color-scheme: light dark; font-family: system-ui, sans-serif; background: #f7f2e8; color: #1f2c49; }
body { margin: 0; }
#startup { box-sizing: border-box; max-width: 38rem; margin: 10vh auto; padding: 2rem; text-align: center; line-height: 1.6; }
#startup img { border-radius: 1rem; }
#startup h1 { font-size: clamp(1.5rem, 5vw, 2rem); line-height: 1.2; }
#startup-status { font-weight: 650; }
#startup a { color: inherit; text-underline-offset: .2em; }
#startup button { background: #1f2c49; color: #fff; border: 0; border-radius: .5rem; padding: .8rem 1.2rem; font: inherit; cursor: pointer; }
#startup :focus-visible { outline: 3px solid #b14738; outline-offset: 4px; }
[hidden] { display: none !important; }
@media (prefers-color-scheme: dark) {
  :root { background: #121926; color: #f7f2e8; }
  #startup button { background: #f7f2e8; color: #1f2c49; }
}