:root {
  color-scheme: light dark;
  font:
    13px/1.45 system-ui,
    sans-serif;
}

body {
  margin: 0;
  min-width: 320px;
}

main {
  display: grid;
  gap: 10px;
  padding: 16px;
}

h1,
p {
  margin: 0;
}

h1 {
  font-size: 16px;
}

.muted {
  opacity: 0.7;
}

#state[data-level="error"] {
  color: #dc2626;
}

#state[data-level="success"] {
  color: #16a34a;
}