.toast {
  position: fixed;
  left: 50%;
  bottom: 5.75rem;
  transform: translateX(-50%);
  z-index: 40;
  max-width: min(28rem, calc(100% - 2rem));
  border-radius: 8px;
  background: #1c1915;
  color: #f7f4ee;
  padding: 0.6rem 0.9rem;
  font-size: 0.875rem;
  box-shadow: 0 8px 24px rgb(28 25 21 / 0.18);
}
.bar {
  display: flex;
  height: 0.7rem;
  overflow: hidden;
  border-radius: 999px;
  background: #ece6dc;
}
.bar > span { display: block; height: 100%; }
.bar .bajo { background: #2f5d45; }
.bar .medio { background: #8a5a1f; }
.bar .alto { background: #8c322c; }
.pie-row { display: flex; gap: 0.75rem; align-items: center; }
.dot { width: 0.7rem; height: 0.7rem; border-radius: 999px; display: inline-block; }
input[type="checkbox"] { accent-color: #245a63; }
.mb-4 { margin-bottom: 1rem; }
.pt-2 { padding-top: 0.5rem; }
.max-w-xs { max-width: 20rem; }
.grid-cols-\[9rem_1fr_auto\] { grid-template-columns: 9rem 1fr auto; }
button:disabled { opacity: 0.4; cursor: not-allowed; }