/* Desteklenmeyen tarayıcı uyarısı. Bilerek sade CSS: custom property, nesting, :is() yok; eski tarayıcıda da çizilir. */
#unsupported,
#no-script {
  max-width: 36em;
  margin: 3em auto;
  padding: 1.5em;
  border: 2px solid #b91c1c;
  border-radius: 8px;
  background: #fef2f2;
  color: #450a0a;
  font-family: system-ui, "Segoe UI", Roboto, Arial, sans-serif;
  line-height: 1.5;
}

#unsupported[hidden],
#root[hidden] {
  display: none;
}

#unsupported h1,
#no-script h1 {
  margin: 0 0 0.5em;
  font-size: 1.25em;
}

#unsupported p,
#no-script p {
  margin: 0.5em 0 0;
}

/* Koyu sistem temasında da okunur. `body` kuralı bilerek yok: uygulama içinde Tailwind temasını ezerdi (tema değişimi bozulurdu). */
@media (prefers-color-scheme: dark) {
  #unsupported,
  #no-script {
    border-color: #f87171;
    background: #2a0f0f;
    color: #fecaca;
  }
}