[hidden] { display: none !important; }
footer div { flex-wrap: wrap; justify-content: center; }

footer #reset-progress { color: #eeaaa0; }

.map-navigation button {
  border: 1px solid var(--line);
  border-radius: 9px;
  padding: 9px 12px;
  background: #fff;
  font-size: 12px;
  white-space: nowrap;
}
.map-navigation button:not(:disabled):hover { border-color: var(--green); }
.map-navigation { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: -8px 0 15px; }
.map-navigation button:disabled { opacity: .4; cursor: default; }
#map-location { margin-left: auto; font-size: 12px; color: var(--muted); }
.view-tabs {
  display: flex;
  gap: 6px;
  padding: 5px;
  margin-bottom: 28px;
  width: fit-content;
  border-radius: 12px;
  background: #eaece5;
}
.view-tabs button { padding: 12px 22px; border: 0; border-radius: 8px; background: transparent; color: #63705b; font-size: 13px; }
.view-tabs button[aria-selected="true"] { background: #fff; color: #34513b; box-shadow: 0 2px 5px #26372f0a; font-weight: 600; }

:root {
  color-scheme: dark;
  color: #e0e9e2;
  background: #141c19;
  --green: #92c6a4;
  --muted: #a4b5a9;
  --line: #34473c;
}
h1 span { color: #92b69d; }
.progress-card { background: radial-gradient(ellipse at top right, #304b37, transparent 75%), #202e25; border-color: #3a5240; }
.progress-number > span,
.progress-card p { color: #b0c3ae; }
progress,
progress::-webkit-progress-bar { background: #3b5040; }
progress::-webkit-progress-value { background: #92c6a4; }
progress::-moz-progress-bar { background: #92c6a4; }
.filters,
.view-tabs { background: #233027; }
.filters button,
.view-tabs button { color: #b7c7b7; }
.filters button[aria-pressed="true"],
.view-tabs button[aria-selected="true"] { background: #3a5040; color: #e8f7e9; }
.search,
select,
.map-navigation button { color: #e0e9e2; background: #202d25; }
input::placeholder { color: #a4b5a9; }
.region-row { background: #1c2821; }
.region-row:hover { border-color: #92b69d; }
.region-row:has(input:checked) { background: #293d2e; border-color: #486a4c; }
.check { border-color: #627d66; }
.region-row input:checked + .check { color: #142b1b; }
.status { color: #b7c7b7; background: #28382c; border-color: #3d5241; }
.region-row:has(input:checked) .status { color: #bae6b3; background: #324e34; border-color: #527353; }
.save-hint,
.list-footnote,
footer,
footer button,
.map-caption { color: #a7bda5; }
.empty { border-color: #486a4c; color: #b1c4ae; }
.empty h3 { color: #e0e9e2; }
#message { color: #b2d8ab; }
.map-frame { background: #253329; }
.map-controls button,
.map-selection,
.map-notice { background: #1c2821f5; color: #e0e9e2; border-color: #486a4c; }
.map-controls button:hover { background: #344c3a; }
.map-image { filter: brightness(.8); }
@media (max-width: 600px) {
  .view-tabs { width: 100%; }
  .view-tabs button { flex: 1; padding: 12px; }
  #map-location { width: 100%; margin-left: 0; }
}