:root{--brand:#4b3fd1;--brand-ink:#2e2591;--brand-soft:#dcd8fc;--brand-tint:#edebfd;--accent-a:#34d399;--accent-b:#0e9c8a;--bg:#f6f6fb;--surface:#fff;--surface-muted:#f3f3f9;--fill:#eeeff4;--border:#e6e8ef;--ring-none:#cdd1dc;--text:#1d2433;--text-2:#5d6478;--text-3:#6b7286;--text-disabled:#a3a9b8;--danger:#c2263a;--scrim:#10122852;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--fs-title:32px;--fs-sheet-title:22px;--fs-big-number:52px;--fs-body:16px;--fs-small:14px;--fs-caption:13px;--fs-tab:11px;--r-card:24px;--r-tile:20px;--r-sheet:28px;--r-pill:999px;--tap:44px;--day-mobile:40px;--day-desktop:52px;--tabbar-h:84px;--gutter:20px}.page{padding:max(env(safe-area-inset-top), 24px) var(--gutter) calc(var(--tabbar-h) + max(0px, env(safe-area-inset-bottom) - 34px) + var(--gutter));max-width:560px;margin:0 auto}.page-header{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.page-header__overline{font-size:var(--fs-small);color:var(--text-2)}.page-title{font-size:var(--fs-title);letter-spacing:-.02em;font-weight:800;line-height:1.15}.habit-pill{min-height:var(--tap);border-radius:var(--r-pill);background:var(--brand-tint);color:var(--brand-ink);font-size:var(--fs-small);white-space:nowrap;align-items:center;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.tabbar{z-index:10;height:calc(var(--tabbar-h) + max(0px, env(safe-area-inset-bottom) - 34px));padding:6px 0 max(env(safe-area-inset-bottom), 16px);background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar__tab{min-height:var(--tap);color:var(--text-3);font-size:var(--fs-tab);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-weight:500;text-decoration:none;display:flex}.tabbar__tab.active{color:var(--brand);font-weight:700}.topbar{background:var(--surface);border-bottom:1px solid var(--border)}.topbar__inner{justify-content:space-between;align-items:center;max-width:1160px;height:64px;margin:0 auto;padding:0 24px;display:flex}.topbar__brand{color:var(--brand);align-items:center;gap:10px;display:flex}.topbar__brand span{color:var(--text);font-size:20px;font-weight:700}.topbar__nav{gap:8px;display:flex}.nav-pill{min-height:var(--tap);border-radius:var(--r-pill);color:var(--text-2);align-items:center;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.nav-pill.active{background:var(--brand-tint);color:var(--brand-ink)}.shell--desktop .page{padding:32px 24px}.overview{flex-wrap:wrap;align-items:flex-start;gap:24px;max-width:1160px;margin:0 auto;padding:32px 24px;display:flex}.calendar-card{flex:999 560px;padding:24px}.calendar-card__header{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.calendar-card__footer{border-top:1px solid var(--fill);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:16px;padding-top:16px;display:flex}.calendar-card__footer .legend{border:none;margin:0;padding:0}.day-panel{flex:340px;padding:24px}.day-panel__header{margin-bottom:16px}.day-panel__title{font-size:var(--fs-sheet-title);margin-bottom:4px;font-weight:800}.day-panel .summary--card{background:var(--surface-muted);border-radius:var(--r-tile);padding:16px 20px}.day-panel .drink{background:var(--surface-muted);height:112px}.day-panel .btn--secondary{border:1.5px solid var(--border)}.day-panel .drink__remove-dot{background:var(--surface);box-shadow:0 0 0 1px var(--border)}.page-fade{animation:.12s ease-out page-fade-in}@keyframes page-fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.page-fade{animation:none}}.week{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:16px;display:grid}.week__day{background:var(--surface);height:64px;color:var(--text);border:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;transition:background-color .15s ease-out,color .15s ease-out;display:flex}.week__letter{color:var(--text-3);font-size:12px;font-weight:600}.week__number{font-size:var(--fs-body);font-weight:700;line-height:1.2}.week__dot{border-radius:50%;width:6px;height:6px;transition:background-color .15s ease-out}.week__day--none .week__dot{background:var(--dot-none)}.week__day--partial .week__dot{background:var(--dot-partial)}.week__day--full .week__dot{background:var(--brand)}.week__day--future,.week__day--future .week__letter{color:var(--text-disabled)}.week__day[aria-pressed=true]{background:var(--brand);color:#fff}.week__day[aria-pressed=true] .week__letter{color:#fff}.week__day[aria-pressed=true]:not(.week__day--notLogged) .week__dot{background:#fff}.summary{justify-content:space-between;align-items:center;gap:12px;display:flex}.summary--card{background:var(--surface);border-radius:var(--r-card);padding:20px}.summary__count{color:var(--text-2)}.summary__number{color:var(--text);font-size:var(--fs-big-number);letter-spacing:-.03em;font-weight:800;line-height:1;animation:.2s ease-out tick-in;display:inline-block}.summary__status{font-size:var(--fs-small);color:var(--text-2);margin-top:6px}.summary__streak{font-size:var(--fs-caption);color:var(--brand-ink);margin-top:4px;font-weight:600;animation:.24s ease-out rise-in}.status-pill{border-radius:var(--r-pill);font-size:var(--fs-caption);white-space:nowrap;padding:6px 12px;font-weight:700}.status-pill--full{background:var(--brand);color:#fff}.status-pill--partial{background:var(--brand-soft);color:var(--brand-ink)}.status-pill--none{background:var(--fill);color:var(--text-2)}@keyframes tick-in{0%{opacity:0;transform:translateY(.3em)}}@keyframes rise-in{0%{opacity:0;transform:translateY(4px)}}.drink-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.drink-row{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;margin:20px 0;display:grid}.drink{border-radius:var(--r-card);background:var(--surface);height:128px;position:relative}.drink__add{border-radius:inherit;width:100%;height:100%;color:var(--brand);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:0;transition:transform .12s ease-out;display:flex}.drink__add:active{transform:scale(.96)}.drink__label{color:var(--text);font-size:var(--fs-body);font-weight:600}.drink__badge{border-radius:var(--r-pill);background:var(--brand);color:#fff;min-width:28px;height:28px;font-size:var(--fs-small);text-align:center;pointer-events:none;padding:0 8px;font-weight:700;line-height:28px;animation:.22s ease-out badge-pop;position:absolute;top:10px;right:10px}@keyframes badge-pop{0%{transform:scale(.6)}60%{transform:scale(1.12)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.summary__number,.summary__streak{animation:none}.week__day,.week__dot,.drink__add{transition:none}.drink__add:active{transform:none}.drink__badge{animation:none}}.drink__remove{width:var(--tap);height:var(--tap);color:var(--text);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:2px;left:2px}.drink__remove-dot{background:var(--fill);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.drink--sheet{border-radius:var(--r-tile);background:var(--surface-muted);height:88px}.drink--sheet .drink__add{gap:4px;padding-top:8px}.drink--sheet .drink__label{font-size:var(--fs-caption)}.drink--sheet .drink__badge{min-width:24px;height:24px;font-size:var(--fs-caption);padding:0 6px;line-height:24px;top:4px;right:4px}.drink--sheet .drink__remove{top:-6px;left:-6px}.drink--sheet .drink__remove-dot{background:var(--surface);width:24px;height:24px;box-shadow:0 0 0 1px var(--border)}.month-nav{gap:8px;display:flex}.month-card{padding:16px 12px}.month__weekdays,.month__grid{grid-template-columns:repeat(7,1fr);justify-items:center;display:grid}.month__weekdays{font-size:var(--fs-caption);color:var(--text-3);margin-bottom:4px;font-weight:600}.day{width:44px;height:50px;color:var(--text);background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;padding:2px 0 0;display:flex}.day__circle{width:var(--day-mobile);height:var(--day-mobile);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:600;transition:background-color .15s ease-out,color .15s ease-out,box-shadow .15s ease-out;display:flex}.day--none .day__circle{box-shadow:inset 0 0 0 2px var(--ring-none)}.day--partial .day__circle{background:var(--brand-soft);color:var(--brand-ink)}.day--full .day__circle{background:var(--brand);color:#fff}.day--future{color:var(--text-disabled)}.day--selected .day__circle{outline:2px solid var(--brand);outline-offset:2px}.day--today:after{content:"";background:var(--brand);border-radius:50%;width:5px;height:5px;margin-top:2px}.month--desktop .month__weekdays{margin-bottom:8px}.month--desktop .day{width:60px;height:66px}.month--desktop .day__circle{width:var(--day-desktop);height:var(--day-desktop);font-size:17px}.month--desktop .day--today:after{margin-top:3px}.legend{border-top:1px solid var(--fill);font-size:var(--fs-caption);color:var(--text-2);flex-wrap:wrap;gap:8px 16px;margin:12px 4px 0;padding:12px 0 0;list-style:none;display:flex}.legend li{align-items:center;gap:6px;display:flex}.legend__swatch{border-radius:50%;width:14px;height:14px}.legend__swatch--full{background:var(--brand)}.legend__swatch--partial{background:var(--brand-soft)}.legend__swatch--none{box-shadow:inset 0 0 0 2px var(--ring-none)}.stat-tiles{grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 0;display:grid}.stat-tile{border-radius:var(--r-tile);background:var(--surface);flex-direction:column-reverse;justify-content:flex-end;padding:14px 12px;display:flex}.stat-tile dd{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800}.stat-tile dt{font-size:var(--fs-caption);color:var(--text-2)}.inline-stats{font-size:var(--fs-caption);color:var(--text-2);flex-wrap:wrap;gap:4px 16px;display:flex}.inline-stats strong{color:var(--text);font-size:var(--fs-body);font-weight:800}@media (prefers-reduced-motion:reduce){.day__circle{transition:none}}.sheet-layer{z-index:50;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.scrim{background:var(--scrim);animation:.2s ease-out fade-in;position:absolute;inset:0}.sheet{width:100%;max-width:560px;padding:8px var(--gutter) calc(20px + env(safe-area-inset-bottom));border-radius:var(--r-sheet) var(--r-sheet) 0 0;background:var(--surface);animation:.32s cubic-bezier(.34,1.4,.64,1) slide-up;position:relative}.sheet:after{content:"";background:var(--surface);height:48px;position:absolute;top:100%;left:0;right:0}.sheet__grabber{border-radius:var(--r-pill);background:var(--fill);width:40px;height:5px;margin:0 auto 12px}.sheet__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sheet__header .icon-btn{margin:-6px -10px 0 0}.sheet__title{font-size:var(--fs-sheet-title);letter-spacing:-.01em;font-weight:800}.sheet__status{font-size:var(--fs-small);color:var(--text-2);margin-top:2px}.sheet__actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sheet__actions .btn--outline[aria-pressed=true]{border-color:var(--brand);color:var(--brand)}@keyframes slide-up{0%{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.sheet,.scrim{animation:none}}.group-label{font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);margin:24px 16px 8px;font-weight:600}.group{border-radius:var(--r-tile);background:var(--surface);overflow:hidden}.row{justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:8px 16px;display:flex}.row+.row,.picker+.row,.row+.picker{border-top:1px solid var(--fill)}.row--button{text-align:left;background:0 0;border:none;border-radius:0;width:100%}.row__label{font-size:var(--fs-body)}.row__label--icon{align-items:center;gap:12px;display:flex}.row__icon{color:var(--brand)}.row__helper{font-size:var(--fs-caption);color:var(--text-2);margin-top:2px}.row__value{color:var(--text-2);align-items:center;gap:4px;display:flex}.chevron{color:var(--text-3);transition:transform .15s}.chevron--open{transform:rotate(90deg)}.picker__option{padding-left:32px}.picker__check{color:var(--brand);font-weight:700}.row--danger{color:var(--danger);font-weight:600}.stepper{align-items:center;margin-right:-8px;display:flex}.stepper__value{text-align:center;min-width:28px;font-size:18px;font-weight:700}.switch{border-radius:var(--r-pill);background:var(--ring-none);border:none;flex-shrink:0;width:50px;height:30px;padding:0;transition:background .15s;position:relative}.switch:before{content:"";position:absolute;inset:-7px 0}.switch[aria-checked=true]{background:var(--brand)}.switch__thumb{background:var(--surface);border-radius:50%;width:26px;height:26px;transition:transform .22s cubic-bezier(.34,1.4,.64,1);position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #00000026}.switch[aria-checked=true] .switch__thumb{transform:translate(20px)}.settings .caption{margin:12px 16px 24px}.sync-status{font-size:var(--fs-caption);color:var(--text-2);justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}.sync-status .link-btn{font-size:var(--fs-caption)}@media (prefers-reduced-motion:reduce){.switch,.switch__thumb,.chevron{transition:none}}:root{--dot-none:#b9becb;--dot-partial:#9c93f2}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;line-height:1.4}h1,h2,p{margin:0}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}a{color:var(--brand)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon{flex-shrink:0;display:block}.card{background:var(--surface);border-radius:var(--r-card)}.hint{font-size:var(--fs-small);color:var(--text-2);margin:20px 0 12px}.hint--center{text-align:center}.caption{font-size:var(--fs-caption);color:var(--text-2)}.btn{border-radius:var(--r-pill);border:none;justify-content:center;align-items:center;min-height:52px;padding:0 24px;font-weight:700;display:inline-flex}.btn--primary{background:var(--brand);color:#fff}.btn--secondary{background:var(--surface);color:var(--brand)}.btn--outline{border:1.5px solid var(--border);color:var(--text);background:0 0}.btn--block{width:100%;margin-top:16px}.link-btn{min-height:var(--tap);color:var(--brand);font-size:var(--fs-small);background:0 0;border:none;align-items:center;margin:-12px 0;padding:0;font-weight:600;display:inline-flex}.round-btn{width:var(--tap);height:var(--tap);border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.round-btn:disabled{color:var(--text-disabled)}.icon-btn{width:var(--tap);height:var(--tap);color:var(--text);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn__dot{background:var(--fill);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.icon-btn:disabled{color:var(--text-disabled)}