html[data-design=duo-2026] .habits-page{--duo-card-bg:transparent;--duo-card-border:0;--duo-card-padding:0;--duo-card-radius:0;display:grid;gap:0;color:var(--duo-ink)}html[data-design=duo-2026] .habits-page>.section-head{display:flex;align-items:baseline;gap:12px;margin:0 0 10px}html[data-design=duo-2026] .habits-page>.section-head h3{margin:0;font-size:18px;letter-spacing:-.02em;font-weight:650}html[data-design=duo-2026] .ha-owner{color:var(--duo-muted);font-size:13px}html[data-design=duo-2026] .ha-tabs{display:flex;width:max-content;max-width:100%;gap:20px;border-bottom:1px solid var(--duo-line);margin:0 0 18px}html[data-design=duo-2026] .ha-tabs .ha-tab{appearance:none;min-height:44px;padding:8px 2px;margin:0;border:0;border-radius:0;border-bottom:2px solid transparent;background:transparent!important;color:var(--duo-muted)!important;font:inherit;font-size:14px;line-height:1.3;font-weight:600;cursor:pointer}html[data-design=duo-2026] .ha-tabs .ha-tab.is-active{color:var(--duo-ink)!important;border-bottom-color:var(--duo-accent)}html[data-design=duo-2026] .ha-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;min-width:0}html[data-design=duo-2026] .ha-card{display:grid;align-content:start;gap:14px;min-width:0;padding:0 0 22px;border:0;border-bottom:1px solid var(--duo-line);border-radius:0;background:transparent;box-shadow:none}html[data-design=duo-2026] .ha-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;flex-wrap:wrap}html[data-design=duo-2026] .ha-card-head h4{margin:0;color:var(--duo-ink);font-size:16px;line-height:1.35;letter-spacing:-.015em;font-weight:650}html[data-design=duo-2026] .ha-edit-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--duo-muted);font:inherit;font-size:13px;line-height:1.3;font-weight:600;cursor:pointer}@media(hover:hover){html[data-design=duo-2026] .ha-edit-action:hover{color:var(--duo-ink);background:var(--panel-2)}}html[data-design=duo-2026] .ha-water-card{min-width:0}html[data-design=duo-2026] .ha-water-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;min-width:0}html[data-design=duo-2026] .ha-water-copy{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;min-width:0}html[data-design=duo-2026] .ha-water-value{margin:0;color:var(--duo-ink);font-size:clamp(30px,4vw,42px);line-height:1.05;letter-spacing:-.05em;font-weight:720;font-variant-numeric:tabular-nums}html[data-design=duo-2026] .ha-water-value small{color:var(--duo-muted);font-size:15px;font-weight:550;letter-spacing:0}html[data-design=duo-2026] .ha-water-target{margin:0;color:var(--duo-muted);font-size:14px;font-variant-numeric:tabular-nums}html[data-design=duo-2026] .ha-progress{position:relative;display:block;width:100%;height:7px;min-width:0;margin:4px 0;overflow:hidden;border:0;border-radius:999px;background:var(--duo-line);box-shadow:none}html[data-design=duo-2026] .ha-progress:before,html[data-design=duo-2026] .ha-progress:after{content:none;display:none}html[data-design=duo-2026] .ha-water-fill{position:absolute;inset:0 auto 0 0;display:block;width:var(--ha-fill,0%);height:100%;border-radius:inherit;background:var(--duo-accent);transition:width .3s ease;animation:none;overflow:hidden}html[data-design=duo-2026] .ha-progress.is-complete .ha-water-fill{background:var(--duo-accent)}html[data-design=duo-2026] .ha-water-note{margin:0;color:var(--duo-muted);font-size:14px;line-height:1.4}html[data-design=duo-2026] .ha-water-note strong{color:var(--duo-ink);font-weight:650}html[data-design=duo-2026] .ha-water-actions{display:flex;flex-wrap:wrap;gap:8px}html[data-design=duo-2026] .ha-water-actions .btn{flex:0 1 auto;min-width:82px;min-height:44px;padding:8px 14px;border-radius:8px;font-size:14px}html[data-design=duo-2026] .ha-water-actions .btn-primary{min-width:96px}html[data-design=duo-2026] .ha-water-reference{min-width:0}html[data-design=duo-2026] .ha-water-more-summary{display:inline-flex;align-items:center;min-height:44px;padding:6px 0;color:var(--duo-muted);font-size:12px;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;cursor:pointer}html[data-design=duo-2026] .ha-water-ref{max-width:58ch;margin:4px 0 0;color:var(--duo-muted);font-size:13px;line-height:1.5}html[data-design=duo-2026] .ha-meals-card{min-width:0}html[data-design=duo-2026] .ha-meals-head{align-items:center}html[data-design=duo-2026] .ha-meals-head>div:first-child{display:grid;gap:2px}html[data-design=duo-2026] .ha-meals-sub{margin:0;color:var(--duo-muted);font-size:13px}html[data-design=duo-2026] .ha-meals{display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-width:0;border-top:1px solid var(--duo-line)}html[data-design=duo-2026] .ha-meal{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-width:0;min-height:50px;padding:6px 4px;border:0;border-bottom:1px solid var(--duo-line);border-radius:0;background:transparent!important;color:var(--duo-ink);text-align:left;cursor:pointer}@media(hover:hover){html[data-design=duo-2026] .ha-meal:hover{background:color-mix(in srgb,var(--duo-ink) 3%,transparent)!important}}html[data-design=duo-2026] .ha-meal-check{position:relative;display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border:1.5px solid var(--duo-control-line);border-radius:5px;background:transparent}html[data-design=duo-2026] .ha-meal[aria-pressed=true] .ha-meal-check{border-color:var(--duo-accent);background:var(--duo-accent)}html[data-design=duo-2026] .ha-meal[aria-pressed=true] .ha-meal-check:after{content:"";width:5px;height:9px;margin-top:-2px;border:solid var(--duo-hero-ink);border-width:0 2px 2px 0;transform:rotate(45deg)}html[data-design=duo-2026] .ha-meal-label{min-width:0;overflow-wrap:anywhere;font-size:15px;line-height:1.35}html[data-design=duo-2026] .ha-meal[aria-pressed=true] .ha-meal-label{font-weight:600}html[data-design=duo-2026] .ha-streak{grid-column:1/-1;min-width:0;margin-top:4px;border:0;border-top:1px solid var(--duo-line);border-radius:0;background:transparent}html[data-design=duo-2026] .ha-streak-more-summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:4px 0;list-style:none;color:var(--duo-muted);cursor:pointer}html[data-design=duo-2026] .ha-streak-more-summary::-webkit-details-marker{display:none}html[data-design=duo-2026] .ha-streak-summary-title{color:var(--duo-ink);font-size:14px;font-weight:600}html[data-design=duo-2026] .ha-streak-summary-value{color:var(--duo-ink);font-size:14px;font-variant-numeric:tabular-nums}html[data-design=duo-2026] .ha-streak-summary-best{margin-left:auto;font-size:13px}html[data-design=duo-2026] .ha-streak-more-summary>svg{width:16px;height:16px;transition:transform .2s ease}html[data-design=duo-2026] .ha-streak[open]>.ha-streak-more-summary>svg{transform:rotate(90deg)}html[data-design=duo-2026] .ha-streak-detail{display:grid;gap:12px;padding:0 0 16px}html[data-design=duo-2026] .ha-streak-note{margin:0;color:var(--duo-muted);font-size:14px;line-height:1.5}html[data-design=duo-2026] .ha-streak-action{justify-self:start;min-height:44px}html[data-design=duo-2026] .ha-streak-line{margin:0;color:var(--duo-muted);font-size:13px}html[data-design=duo-2026] .ha-streak-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;min-width:0}html[data-design=duo-2026] .ha-streak-day{display:grid;justify-items:center;gap:5px;min-width:0;padding:7px 2px;border:0;border-radius:6px}html[data-design=duo-2026] .ha-streak-day.is-complete{background:color-mix(in srgb,var(--duo-accent) 10%,transparent)}html[data-design=duo-2026] .ha-streak-day-num{color:var(--duo-muted);font-size:12px;font-variant-numeric:tabular-nums}html[data-design=duo-2026] .ha-streak-day-bars{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:14px;height:20px}html[data-design=duo-2026] .ha-streak-bar{position:relative;overflow:hidden;border-radius:3px;background:var(--duo-line)}html[data-design=duo-2026] .ha-streak-bar:before{content:"";position:absolute;inset:auto 0 0;height:var(--ha-m,0%);background:var(--duo-accent)}html[data-design=duo-2026] .ha-streak-bar.is-water:before{height:var(--ha-w,0%);background:var(--duo-muted)}html[data-design=duo-2026] .ha-trend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}html[data-design=duo-2026] .ha-trend-item{display:grid;gap:4px;min-width:0;padding:14px 0;border-bottom:1px solid var(--duo-line);background:transparent}html[data-design=duo-2026] .ha-trend-item .ha-count{color:var(--duo-ink);font-size:24px;font-variant-numeric:tabular-nums}html[data-design=duo-2026] .ha-trend-item .muted{color:var(--duo-muted);font-size:13px}html[data-design=duo-2026] .ha-days{display:grid;gap:0;margin-top:18px;border-top:1px solid var(--duo-line)}html[data-design=duo-2026] .ha-day{border:0;border-bottom:1px solid var(--duo-line);border-radius:0;background:transparent}html[data-design=duo-2026] .ha-day>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:5px 0;list-style:none;cursor:pointer}html[data-design=duo-2026] .ha-day>summary::-webkit-details-marker{display:none}html[data-design=duo-2026] .ha-day-date{color:var(--duo-ink);font-size:14px;font-weight:550}html[data-design=duo-2026] .ha-day-metrics{display:flex;gap:16px;color:var(--duo-muted);font-size:13px;font-variant-numeric:tabular-nums}html[data-design=duo-2026] .ha-day-body{display:grid;gap:12px;padding:4px 0 16px}html[data-design=duo-2026] .ha-day-body .ha-meals{border-top:1px solid var(--duo-line)}html[data-design=duo-2026] .ha-day-body .ha-meal{min-height:44px}html[data-design=duo-2026] .ha-dialog{width:min(480px,calc(100vw - 32px));max-width:none;padding:0;color:var(--duo-ink)}html[data-design=duo-2026] .ha-dialog form{display:grid;gap:16px;padding:24px}html[data-design=duo-2026] .ha-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}html[data-design=duo-2026] .ha-dialog-head h3{margin:0}html[data-design=duo-2026] .ha-dialog-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}html[data-design=duo-2026] .ha-dialog-actions .btn,html[data-design=duo-2026] .ha-day .ha-water-actions .btn{min-height:44px}html[data-design=duo-2026] .habits-page [data-ha-tab-panel]{min-width:0}@media(max-width:680px){html[data-design=duo-2026] .ha-grid{grid-template-columns:minmax(0,1fr);gap:18px}html[data-design=duo-2026] .ha-card{gap:10px;padding-bottom:16px}html[data-design=duo-2026] .ha-water-actions{gap:6px}html[data-design=duo-2026] .ha-water-actions .btn{flex:1 1 0;min-width:70px;padding-inline:8px}html[data-design=duo-2026] .ha-water-reference{margin-top:-3px}html[data-design=duo-2026] .ha-streak-summary-best{font-size:12px}html[data-design=duo-2026] .ha-trend{gap:8px 20px}html[data-design=duo-2026] .ha-trend-item{padding:12px 0}}@media(max-width:360px){html[data-design=duo-2026] .ha-streak-more-summary{gap:7px}html[data-design=duo-2026] .ha-streak-summary-best{max-width:100px;text-align:right}}@media(prefers-reduced-motion:reduce){html[data-design=duo-2026] .ha-water-fill,html[data-design=duo-2026] .ha-streak-more-summary>svg{transition:none}}@media(max-width:680px){html[data-design=duo-2026] .main #view .today-habits .ha-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}html[data-design=duo-2026] .main #view .today-habits .ha-meals{display:grid;grid-template-columns:minmax(0,1fr)}}@keyframes ha-linear-fill{0%{width:var(--ha-from,0%)}to{width:var(--ha-fill,0%)}}html[data-design=duo-2026] .ha-water-fill{animation:ha-linear-fill .3s ease both}@media(prefers-reduced-motion:reduce){html[data-design=duo-2026] .ha-water-fill{animation:none;transition:none}}