.top-stat.streak {
  border:1px solid var(--line);
  min-height:40px;
  padding-inline:9px;
  white-space:nowrap;
}
.top-stat.streak:hover,.top-stat.streak[data-complete] {background:#cce8fc;border-color:#a5cde7}
.habit-dialog {
  width:min(430px,calc(100% - 24px));
  max-height:calc(100% - 24px);
  padding:clamp(17px,5vw,29px);
  border:1px solid #c6dde9;
  border-radius:16px;
  background:linear-gradient(152deg,#e3f1fa,var(--paper) 56%);
  box-shadow:0 22px 80px #081e393b;
}
.habit-dialog::backdrop {background:#0a233b99}
.habit-head {display:grid;justify-items:center;text-align:center;gap:8px}
.habit-light {
  display:grid;place-items:center;width:57px;height:57px;
  border-radius:50%;border:1px solid #bdd9e9;background:#f5fbff;font-size:29px;
}
.habit-title {font:500 clamp(2.45rem,9vw,3.5rem)/1 var(--title);letter-spacing:-.05em;color:var(--deep)}
.habit-description {max-width:34ch;color:var(--soft-ink);font-size:.92rem}
.habit-week {
  display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;
  margin:20px 0 14px;padding:0;list-style:none;text-align:center;
}
.habit-week li {display:grid;justify-items:center;gap:5px;color:var(--quiet);font-size:.7rem;font-weight:750}
.habit-day-dot {
  display:grid;place-items:center;width:32px;height:32px;
  border-radius:50%;border:1px solid var(--line);background:var(--foam);
  color:var(--ocean);
}
.habit-day-dot .icon {width:17px;height:17px;stroke-width:2.6}
.habit-week [aria-current="date"] .habit-day-dot {outline:1px solid var(--blue);outline-offset:2px}
.habit-week [data-complete] .habit-day-dot {background:#cce8fc;border-color:#a5cde7}
.habit-meter {border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:10px 12px}
.habit-meter-label {display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:3px 12px;color:var(--quiet);font-size:.75rem}
.habit-meter-label strong {color:var(--ocean);font-variant-numeric:tabular-nums;font-size:.91rem}
.habit-progress {margin-top:8px}
.habit-progress::-webkit-progress-value {background:#3d81a9}
.habit-progress::-moz-progress-bar {background:#3d81a9}
.habit-actions {display:grid;gap:5px;margin-top:15px}
.habit-actions .button {justify-content:center;min-height:46px}
.habit-actions .text-btn {justify-self:center;min-height:36px}
.habit-notice:not(:empty) {
  position:fixed;z-index:30;bottom:calc(16px + env(safe-area-inset-bottom));right:16px;
  max-width:calc(100% - 32px);padding:11px 16px;border:1px solid #a5cde7;border-radius:8px;
  background:#e4f3ff;color:var(--deep);box-shadow:0 8px 26px #081e3926;font-size:.9rem;font-weight:750;
}
@media(max-width:390px) {
  .top-stat.streak {padding-inline:5px}
  .habit-day-dot {width:29px;height:29px}
}
@media(max-width:350px) {
  .top-status .edition {display:none}
}