.ha-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ha-card{display:grid;gap:16px;min-width:0}.ha-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.ha-card-head>div{min-width:0}.ha-card-head h3{margin:0}.ha-card-head .muted{font-size:.82rem}.ha-water-value{font-size:min(2.35rem,12.5vw);line-height:1;font-weight:750;letter-spacing:-.03em;margin:0 0 14px}.ha-water-value small{font-size:.95rem;font-weight:600;color:var(--muted)}.ha-progress{position:relative;--ha-water-surface:#8ecdf2;--ha-water-mid:#1d7fbe;--ha-water-deep:#0b4f80;--ha-water-foam:#eef8ff;--ha-vessel-empty:color-mix(in srgb,var(--ha-water-mid) 12%,var(--panel-2));--ha-vessel-edge:color-mix(in srgb,var(--ha-water-mid) 30%,var(--border));--ha-vessel-lip:color-mix(in srgb,var(--ha-water-foam) 46%,var(--border));display:block;height:clamp(128px,22vh,180px);margin:0 0 12px;border-radius:10px 10px 22px 22px;overflow:hidden;background:var(--ha-vessel-empty);box-shadow:inset 0 0 0 1px var(--ha-vessel-edge),inset 0 2px 7px color-mix(in srgb,var(--ink) 20%,transparent),inset 0 -1px color-mix(in srgb,var(--panel) 55%,transparent),0 1px color-mix(in srgb,var(--panel) 35%,transparent),inset 0 2px 0 var(--ha-vessel-lip)}html[data-theme=dark] .ha-progress.ha-progress{--ha-water-surface:#9ad6f7;--ha-water-mid:#4aa7e6;--ha-water-deep:#2f86c9;--ha-water-foam:#d8efff}.ha-water-fill{position:absolute;inset:auto 0 0;height:var(--ha-fill,0%);overflow:hidden;border-radius:3px 3px 24px 24px;animation:ha-water-rise .8s cubic-bezier(.22,.68,.3,1) both}.ha-progress:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--ha-water-foam) 34%,transparent) 0%,transparent 22%,transparent 76%,color-mix(in srgb,var(--ha-water-mid) 14%,transparent) 100%),linear-gradient(96deg,color-mix(in srgb,var(--ha-water-foam) 46%,transparent) 0 2px,color-mix(in srgb,var(--ha-water-foam) 15%,transparent) 2px 9px,transparent 9px 100%)}.ha-water-mark{position:absolute;left:0;right:0;height:3px;pointer-events:none;z-index:3;opacity:.9;background-image:linear-gradient(90deg,color-mix(in srgb,var(--ha-water-foam) 76%,transparent) 0 15px,transparent 15px calc(100% - 15px),color-mix(in srgb,var(--ha-water-foam) 76%,transparent) calc(100% - 15px) 100%),linear-gradient(90deg,color-mix(in srgb,var(--ha-water-deep) 52%,transparent) 0 15px,transparent 15px calc(100% - 15px),color-mix(in srgb,var(--ha-water-deep) 52%,transparent) calc(100% - 15px) 100%);background-size:100% 2px,100% 2px;background-position:0 0,0 1px;background-repeat:no-repeat,no-repeat}.ha-water-body{position:absolute;inset:0;border-radius:inherit;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--ha-water-surface) 62%,var(--ha-water-mid)) 0%,var(--ha-water-surface) 7%,var(--ha-water-mid) 52%,var(--ha-water-deep) 100%)}.ha-water-body:before{content:"";position:absolute;inset:0;opacity:.5;background:linear-gradient(180deg,color-mix(in srgb,var(--ha-water-foam) 30%,transparent) 0%,transparent 26%,transparent 64%,color-mix(in srgb,var(--ink) 30%,transparent) 100%)}.ha-water-body:after{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(180deg,transparent 16%,color-mix(in srgb,var(--ha-water-foam) 62%,transparent) 50%,transparent 84%)}.ha-water-bubbles{position:absolute;inset:0;border-radius:inherit;opacity:.52;background-image:radial-gradient(circle at 18% 26%,color-mix(in srgb,var(--ha-water-foam) 78%,transparent) 0 2.4px,transparent 3.2px),radial-gradient(circle at 62% 68%,color-mix(in srgb,var(--ha-water-foam) 58%,transparent) 0 1.8px,transparent 2.6px),radial-gradient(circle at 38% 88%,color-mix(in srgb,var(--ha-water-foam) 44%,transparent) 0 3px,transparent 3.8px);background-size:104px 104px;background-repeat:repeat;animation:ha-bubbles 9s linear infinite;-webkit-mask-image:linear-gradient(180deg,transparent 0 18px,rgb(0 0 0) 34px);mask-image:linear-gradient(180deg,transparent 0 18px,rgb(0 0 0) 34px)}.ha-water-wave{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}.ha-water-wave:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background-image:linear-gradient(180deg,color-mix(in srgb,var(--ha-water-foam) 88%,transparent) 0 1.5px,color-mix(in srgb,var(--ha-water-foam) 26%,transparent) 1.5px 100%)}.ha-water-wave:after{content:"";position:absolute;left:0;right:0;top:0;height:16px;background-image:linear-gradient(180deg,color-mix(in srgb,var(--ha-water-foam) 30%,transparent) 0%,transparent 100%);background-size:180px 16px;background-repeat:repeat-x;animation:ha-surface 5.6s ease-in-out infinite alternate}.ha-progress[aria-valuenow="0"] .ha-water-bubbles,.ha-progress[aria-valuenow="0"] .ha-water-wave{display:none}html[data-theme=dark] .ha-water-body:before{opacity:.46;background:linear-gradient(180deg,color-mix(in srgb,var(--ha-water-foam) 22%,transparent) 0%,transparent 28%,transparent 62%,color-mix(in srgb,var(--ink) 34%,transparent) 100%)}.ha-progress.is-complete{background:color-mix(in srgb,var(--ha-water-mid) 18%,transparent)}html[data-theme=dark] .ha-progress.is-complete{background:color-mix(in srgb,var(--ha-water-mid) 26%,transparent)}.ha-progress:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ha-water-foam) 70%,transparent),inset 0 0 16px color-mix(in srgb,var(--ha-water-mid) 55%,transparent)}.ha-progress.is-celebrating:after{animation:ha-goal-pulse .9s ease-out both}.ha-progress.is-celebrating .ha-water-body:after{animation:ha-sheen .95s ease-out .05s both}.ha-card.is-water-done{border-color:color-mix(in srgb,var(--accent) 38%,var(--border))}.ha-water-win{grid-area:win;display:flex;align-items:center;gap:12px;margin:0;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--accent) 12%,var(--panel))}.ha-water-win-text{display:grid;gap:2px;min-width:0}.ha-water-win-text strong{font-size:.95rem}.ha-water-win-text small{font-size:.8rem;color:color-mix(in srgb,var(--ink) 30%,var(--muted))}.ha-water-seal{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:color-mix(in srgb,var(--accent) 88%,var(--panel));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}.ha-water-check{width:15px;height:9px;border-left:2.5px solid var(--panel);border-bottom:2.5px solid var(--panel);transform:rotate(-45deg) translateY(-1px)}.ha-water-seal.is-pop{animation:ha-seal-pop .6s cubic-bezier(.2,1.35,.35,1) both}.ha-water-seal.is-pop .ha-water-check{animation:ha-check-in .45s ease-out .14s both}@keyframes ha-water-rise{0%{height:var(--ha-from,0%)}to{height:var(--ha-fill,0%)}}@keyframes ha-bubbles{0%{background-position:0 0}to{background-position:0 -104px}}@keyframes ha-surface{0%{background-position:0 0;opacity:.5}to{background-position:-180px 0;opacity:1}}@keyframes ha-sheen{0%{opacity:0;transform:translateY(-100%)}45%{opacity:.85}to{opacity:0;transform:translateY(100%)}}@keyframes ha-goal-pulse{0%{opacity:0}30%{opacity:1}to{opacity:0}}@keyframes ha-seal-pop{0%{transform:scale(.35);opacity:0}65%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes ha-check-in{0%{opacity:0;transform:rotate(-45deg) translateY(-1px) scaleX(.15)}to{opacity:1;transform:rotate(-45deg) translateY(-1px) scaleX(1)}}.ha-meal-progress{--ha-meal-fill:0%;position:relative;display:block;margin:2px 0 12px;height:clamp(26px,4.6vh,38px);border-radius:11px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-2) 90%,var(--ink)) 0%,var(--panel-2) 100%);box-shadow:inset 0 2px 4px color-mix(in srgb,var(--ink) 22%,transparent),inset 0 -1px color-mix(in srgb,var(--panel) 50%,transparent)}.ha-meal-progress-fill{position:absolute;inset:0 auto 0 0;width:var(--ha-meal-fill,0%);border-radius:inherit;overflow:hidden;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 78%,var(--ink)) 0%,var(--accent) 62%,color-mix(in srgb,var(--accent) 74%,var(--panel)) 100%);box-shadow:inset 0 1px color-mix(in srgb,var(--panel) 45%,transparent);transition:width .32s cubic-bezier(.22,.68,.3,1)}.ha-meal-progress-fill:after{content:"";position:absolute;inset:0;opacity:.5;background:linear-gradient(180deg,transparent 22%,color-mix(in srgb,var(--panel) 34%,transparent) 50%,transparent 78%)}.ha-meal-progress:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-image:repeating-linear-gradient(90deg,color-mix(in srgb,var(--panel) 82%,var(--border)) 0 2px,transparent 2px calc(25% - 1px),color-mix(in srgb,var(--panel) 82%,var(--border)) calc(25% - 1px) calc(25% + 1px),transparent calc(25% + 1px) calc(50% - 1px),color-mix(in srgb,var(--panel) 82%,var(--border)) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px) calc(75% - 1px),color-mix(in srgb,var(--panel) 82%,var(--border)) calc(75% - 1px) calc(75% + 1px),transparent calc(75% + 1px) 100%)}.ha-meal-progress>.ha-meal-progress-fill:before{content:"";position:absolute;top:0;bottom:0;left:0;width:1.5px;opacity:.55;background:var(--panel)}.ha-meal-progress.is-complete{box-shadow:inset 0 2px 4px color-mix(in srgb,var(--ink) 22%,transparent),0 0 0 2px color-mix(in srgb,var(--accent) 26%,transparent)}.ha-meal-progress.is-empty{box-shadow:inset 0 2px 4px color-mix(in srgb,var(--ink) 22%,transparent),0 0 0 1px color-mix(in srgb,var(--border) 86%,var(--ink))}.ha-meal-progress.is-partial .ha-meal-progress-fill{box-shadow:inset 0 1px color-mix(in srgb,var(--panel) 45%,transparent),inset -3px 0 color-mix(in srgb,var(--accent) 92%,var(--panel))}.ha-meal-progress.is-celebrating .ha-meal-progress-fill:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--panel) 62%,transparent) 50%,transparent 100%);animation:ha-meal-sheen .8s ease-out both}@keyframes ha-meal-sheen{0%{opacity:0;transform:translate(-100%)}45%{opacity:.9}to{opacity:0;transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.ha-water-fill,.ha-water-bubbles,.ha-water-wave:before,.ha-water-wave:after,.ha-water-seal.is-pop,.ha-water-seal.is-pop .ha-water-check,.ha-progress.is-celebrating:after,.ha-progress.is-celebrating .ha-water-body:after,.ha-meal-progress.is-celebrating .ha-meal-progress-fill:before{animation:none}.ha-water-body:after{opacity:0}.ha-water-bubbles{opacity:.5}.ha-water-wave:after{animation:none;background-position:0 0}.ha-meal-progress-fill{transition:none}.ha-meal-mark,.ha-meal-check,.ha-streak-more-summary>svg{transition:none}}.ha-ref{margin:10px 0 0;font-size:.82rem;color:var(--muted)}.ha-water-more{margin:0;min-width:0}.ha-water-more-summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;list-style:none;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent)}.ha-water-more-summary::-webkit-details-marker{display:none}.ha-water-more .ha-water-ref{margin:8px 0 0}.ha-water-head{justify-content:flex-start;align-items:center}.ha-water-head .ha-card-tool{margin-left:auto}.ha-meals-head{justify-content:flex-start}.ha-meals-head-sub{min-width:0}.ha-meals-head .ha-meals-head-end{margin-left:auto}@media(min-width:620px){.ha-meals-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title end" "sub end";align-items:center;gap:2px 12px}.ha-meals-head>h3{grid-area:title}.ha-meals-head-sub{grid-area:sub}.ha-meals-head-end{grid-area:end}}.ha-water-actions{display:flex;flex-wrap:wrap;gap:8px}.ha-water-actions .btn{flex:1 1 95px;min-height:44px}.ha-meals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px}.ha-meal{display:flex;align-items:center;gap:10px;text-align:left;min-height:58px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--ink);cursor:pointer;transition:border-color .15s ease,background .15s ease}@media(hover:hover){.ha-meal:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}}.ha-meal[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel))}.ha-meal-mark{position:relative;display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border:1.5px solid var(--border);border-radius:9px;background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:color-mix(in srgb,var(--accent) 72%,var(--ink))}.ha-meal-mark svg{width:16px;height:16px}.ha-meal[aria-pressed=true] .ha-meal-mark{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.ha-meal-check{position:absolute;right:-6px;bottom:-6px;width:13px;height:13px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--panel) 88%,var(--border));opacity:0;transform:scale(.45);transition:opacity .16s ease,transform .16s ease}.ha-meal-check:before{content:"";position:absolute;left:4.5px;top:3px;width:4px;height:6.5px;border-right:2px solid var(--on-accent);border-bottom:2px solid var(--on-accent);transform:rotate(45deg)}.ha-meal[aria-pressed=true] .ha-meal-check{opacity:1;transform:scale(1)}.ha-meal-label{font-size:.9rem;font-weight:600;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.ha-count{font-size:1.8rem;font-weight:750;color:var(--accent)}.ha-count small{font-size:.9rem;font-weight:600;color:var(--muted)}.ha-note{font-size:.8rem;color:var(--muted);margin:0}.ha-tabs{display:flex;gap:8px;flex-wrap:wrap}.ha-tab{border:1px solid var(--border);background:transparent;color:inherit;border-radius:999px;padding:9px 16px;cursor:pointer}.ha-tab.is-active{background:var(--accent);color:var(--on-accent,#18220a);border-color:transparent}.ha-card-tool{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;flex:0 0 44px}.ha-card-tool svg{width:18px;height:18px}.ha-meals-head-end{display:flex;align-items:center;gap:8px;flex:0 0 auto}.ha-dialog{border:1px solid var(--border);border-radius:16px;padding:0;width:min(430px,92vw);background:var(--panel);color:var(--ink)}.ha-dialog::backdrop{background:#00000073}.ha-dialog form{display:grid;gap:14px;padding:20px}.ha-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ha-dialog-head h3{margin:0}.ha-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.ha-trend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ha-trend-item{display:grid;gap:4px;padding:14px;border-radius:14px;background:color-mix(in srgb,var(--accent) 10%,transparent)}.ha-days{display:grid;gap:10px}.ha-day{border:1px solid var(--border);border-radius:14px;background:var(--panel)}.ha-days summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;cursor:pointer;list-style:none}.ha-days summary::-webkit-details-marker{display:none}.ha-day-date{font-weight:650}.ha-day-metrics{display:flex;gap:16px;font-variant-numeric:tabular-nums;color:var(--muted)}.ha-day-body{display:grid;gap:12px;padding:0 15px 15px}@media(max-width:640px){.ha-grid{grid-template-columns:1fr}.ha-meals{grid-template-columns:1fr 1fr}.ha-meal{padding:11px 10px}.ha-meal-label{font-size:.82rem}.ha-trend{grid-template-columns:1fr}.ha-progress{height:clamp(104px,18vh,136px)}}.ha-water-card{--ha-water-ink:#0b4f80}html[data-theme=dark] .ha-water-card.ha-water-card{--ha-water-ink:#9ad6f7}.ha-water-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,min(132px,34vw));grid-template-areas:"copy glass" "win win";align-items:center;justify-items:stretch;gap:8px 16px}.ha-water-copy{grid-area:copy;display:grid;gap:6px;justify-items:start;text-align:left;width:100%;min-width:0}.ha-water-stage .ha-progress{grid-area:glass;width:100%;height:auto;aspect-ratio:1;margin:0}@media(max-width:359px){.ha-water-stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "glass" "win";justify-items:center;gap:12px}.ha-water-copy{justify-items:center;text-align:center}.ha-water-stage .ha-progress{width:min(100%,176px);height:min(176px,30vh)}}.ha-water-card .ha-water-value{margin:0}.ha-water-pct{font-size:1.12em;font-weight:750}.ha-water-left{font-weight:700}.ha-water-note,.ha-water-ref{color:var(--ha-water-ink)}html[data-palette] .ha-water-card .ha-water-note.ha-note,html[data-palette] .ha-water-card .ha-water-ref.ha-ref{color:var(--ha-water-ink)!important}html[data-palette] .ha-water-card .ha-water-ref.ha-ref{background:none;padding:0;border-radius:0}@media(min-width:620px){.ha-water-stage{grid-template-columns:minmax(0,1fr) 176px;grid-template-areas:"copy glass" "win glass";gap:6px 26px}.ha-water-stage .ha-progress{width:176px;height:176px}}@media(min-width:620px){.ha-water-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"title meta end";align-items:center;gap:0 12px}.ha-water-head>div{grid-area:title}.ha-water-head>.ha-water-more{grid-area:meta}.ha-water-head>button{grid-area:end}}@media(max-width:300px){.ha-meals{grid-template-columns:1fr}.ha-meal-label{-webkit-line-clamp:3}.ha-water-actions .btn{flex:1 1 100%}.ha-card-head .btn,.ha-card-head .ha-card-tool{margin-left:auto}.ha-days summary{flex-wrap:wrap}.ha-day-metrics{flex-wrap:wrap;gap:10px}}.ha-streak{grid-column:1/-1;--ha-water-mid:#1d7fbe;display:grid;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--panel);min-width:0}html[data-theme=dark] .ha-streak{--ha-water-mid:#4aa7e6}.ha-streak.is-active{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:color-mix(in srgb,var(--accent) 6%,var(--panel))}.ha-streak-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}.ha-streak-flame{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:12px;background:color-mix(in srgb,var(--accent) 16%,var(--panel-2));color:var(--accent-text)}.ha-streak-flame svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.ha-streak-count{display:grid;gap:2px;min-width:0}.ha-streak-title{margin:0;font-size:.75rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.ha-streak-value{margin:0;font-size:.95rem;color:var(--ink);overflow-wrap:anywhere}.ha-streak-value strong{font-size:1.6rem;font-weight:700;line-height:1;color:var(--accent-text);margin-right:5px}.ha-streak-best{margin:0 0 0 auto;font-size:.75rem;color:var(--muted);text-align:right}.ha-streak-best strong{font-size:.95rem;font-weight:700;color:var(--ink)}.ha-streak-more{min-width:0}.ha-streak-more-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:44px;padding:6px 0;cursor:pointer;list-style:none;color:var(--muted)}.ha-streak-more-summary::-webkit-details-marker{display:none}.ha-streak-more-summary>svg{width:16px;height:16px;flex:0 0 16px;margin-left:auto;transition:transform .2s ease}.ha-streak-more[open]>.ha-streak-more-summary>svg{transform:rotate(90deg)}.ha-streak-more-label{font-size:.8rem}.ha-streak-more[open]>.ha-streak-more-summary{margin-bottom:8px}.ha-streak-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;font-size:.8rem}.ha-streak-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--border);border-radius:999px;background:var(--panel-2);color:var(--ink);min-width:0}.ha-streak-chip strong{font-weight:700;color:var(--ink)}.ha-streak-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--accent-text)}.ha-streak-dot.is-water{background:var(--ha-water-mid)}.ha-streak-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;min-width:0}.ha-streak-day{display:grid;justify-items:center;gap:5px;min-width:0;padding:6px 2px;border:1px solid transparent;border-radius:10px}.ha-streak-day.is-today{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.ha-streak-day.is-complete{background:color-mix(in srgb,var(--accent) 12%,transparent)}.ha-streak-day-num{font-size:.75rem;line-height:1;font-variant-numeric:tabular-nums;color:var(--muted)}.ha-streak-day.is-complete .ha-streak-day-num{color:var(--ink);font-weight:650}.ha-streak-day-bars{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:100%;max-width:18px;height:24px}.ha-streak-bar{position:relative;display:block;min-width:0;border-radius:4px;background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--border);overflow:hidden}.ha-streak-bar:before{content:"";position:absolute;inset:auto 0 0;height:0;border-radius:3px;background:var(--accent-text)}.ha-streak-bar.is-meal:before{height:var(--ha-m,0%)}.ha-streak-bar.is-water:before{height:var(--ha-w,0%);background:var(--ha-water-mid)}.ha-streak-note{margin:0;font-size:.8rem;line-height:1.5;color:var(--muted)}.ha-streak-note strong{color:var(--ink);font-weight:650}.ha-streak-more .ha-streak-note{margin:10px 0 2px}.ha-streak-action{justify-self:start;max-width:100%;white-space:normal}@media(min-width:620px){.ha-streak{grid-template-columns:minmax(0,1fr) minmax(0,360px);grid-template-areas:"top days" "line days" "action action";gap:12px 24px;align-items:center}.ha-streak-top{grid-area:top}.ha-streak-line{grid-area:line;align-self:start}.ha-streak-days{grid-area:days}.ha-streak-action{grid-area:action}}@media(max-width:300px){.ha-streak{padding:12px}.ha-streak-best{margin-left:0;justify-items:start;text-align:left}.ha-streak-days{gap:3px}.ha-streak-day{padding:5px 1px}.ha-streak-day-bars{max-width:14px;height:20px;gap:2px}}html[data-palette] .ha-tab.is-active{background:var(--accent)!important;color:var(--on-accent)!important;border-color:transparent!important}@media(min-width:380px)and (max-width:619px){.ha-meals-head-sub{display:none}.main #view .day-register #ha-tab-panel .ha-card[aria-labelledby=ha-meals-title] .ha-card-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title gear" "count gear";align-items:center;gap:0 4px;flex:1 1 auto!important;min-width:0}.main #view .day-register #ha-tab-panel .ha-card[aria-labelledby=ha-meals-title] .ha-card-head>h3{grid-area:title;min-width:0;font-size:.75rem;line-height:1.15}.main #view .day-register #ha-tab-panel .ha-card[aria-labelledby=ha-meals-title] .ha-card-head>h3 svg{display:none}.main #view .day-register #ha-tab-panel .ha-card[aria-labelledby=ha-meals-title] .ha-meals-head-end{display:contents}.main #view .day-register #ha-tab-panel .ha-card[aria-labelledby=ha-meals-title] .ha-meals-head-end>.ha-count{grid-area:count;font-size:.85rem;line-height:1}.main #view .day-register #ha-tab-panel .ha-card[aria-labelledby=ha-meals-title] .ha-meals-head-end>.ha-card-tool{grid-area:gear}.main #view .day-register #ha-tab-panel .ha-card[aria-labelledby=ha-meals-title] .ha-meals{flex:0 0 min-content!important;grid-template-columns:repeat(4,minmax(50px,1fr))!important;gap:3px}}@media(max-width:379px)and (min-width:340px){.ha-meals-head-sub{display:none}.ha-meals-head>h3{display:none}}.main #view .day-register #ha-tab-panel .ha-streak-more[open] .ha-streak-note,.main #view .day-register #ha-tab-panel .ha-water-more[open] .ha-ref.ha-water-ref{display:block}.habit{position:relative}.habit>input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:0 0 44px;width:44px;height:44px;min-width:44px;margin:0;padding:0;border:0;background-color:transparent;cursor:pointer;position:relative;z-index:0}.habit>input[type=checkbox]:disabled{cursor:default}.habit:has(>input[type=checkbox]):after{content:"";position:absolute;z-index:1;pointer-events:none;right:10px;top:50%;width:24px;height:24px;box-sizing:border-box;transform:translateY(-50%);border:2px solid var(--border);border-radius:7px;background:var(--panel)}@media(hover:hover){.habit:hover:has(>input[type=checkbox]:enabled):after{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}}.habit:has(>input[type=checkbox]:checked):after{background:var(--accent);border-color:var(--accent)}.habit:has(>input[type=checkbox]):before{content:"";position:absolute;z-index:2;pointer-events:none;right:20px;top:50%;width:5px;height:10px;box-sizing:border-box;border-right:2.5px solid var(--on-accent);border-bottom:2.5px solid var(--on-accent);transform:translateY(-50%) rotate(45deg);display:none}.habit:has(>input[type=checkbox]:checked):before{display:block}.habit:has(>input[type=checkbox]:disabled):before,.habit:has(>input[type=checkbox]:disabled):after{opacity:.55}#view .daily-extras summary{min-height:44px}@media(max-width:300px){.main #view .day-register #ha-tab-panel .ha-card[aria-labelledby=ha-meals-title] .ha-meals{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#view .habit{gap:8px}#view .habit-label{min-width:0;overflow-wrap:anywhere}}