:root {
  color-scheme: dark;
  font-family: "Segoe UI", sans-serif;
  background: #10140f;
  color: #f4f1e8;
}
body { margin: 0; }
main { max-width: 32rem; margin: 0 auto; padding: 1rem 1rem 3rem; }
button, input, select {
  font: inherit;
  color: inherit;
  background: #1d2618;
  border: 1px solid #3c4a32;
  border-radius: 0.75rem;
}
button {
  min-height: 3.25rem;
  padding: 0.7rem 0.8rem;
  font-size: 1.05rem;
}
button:disabled { opacity: 0.4; }
.stack { display: grid; gap: 0.6rem; }
.row { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.row > * { flex: 1; }
.ladder { width: 100%; border-collapse: collapse; }
.ladder td { padding: 0.45rem 0.2rem; border-bottom: 1px solid #2a3324; }
.age { color: #c8d5b4; font-size: 0.95rem; }
.bad { color: #ffb4a2; }
h1 { font-size: 1.4rem; margin: 0 0 0.8rem; }