.wat{--wat-water:#8fd0f2;--wat-water-light:#b9e3f8;--wat-surface:#1a6fa3;gap:var(--s-5);padding:clamp(var(--s-4), 3vw, var(--s-6));border:var(--border) solid var(--line);border-radius:var(--r-object);background:var(--paper);display:grid}:root[data-theme=dark] .wat{--wat-water:#1f5f86;--wat-water-light:#17496a;--wat-surface:#6cc3f0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .wat{--wat-water:#1f5f86;--wat-water-light:#17496a;--wat-surface:#6cc3f0}}.wat-example{padding:var(--s-2) var(--s-4);border:2px dashed var(--line);border-radius:var(--r-input)}.wat-main{gap:var(--s-5);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=60rem){.wat-main{gap:var(--s-6);grid-template-columns:minmax(0,24rem) minmax(0,1fr);align-items:start}}.wat-left,.wat-right{gap:var(--s-4);min-width:0;display:grid}.wat-right{align-content:start}.wat-hero__total{align-items:baseline;gap:0 var(--s-2);flex-wrap:wrap;display:flex}.wat-hero__num{font-family:var(--font-display);font-size:clamp(3.5rem,12vw,6rem);font-weight:800;line-height:1}.wat-hero__unit{font-weight:700;font-size:var(--step-2)}.wat-hero__goal{font-weight:700}.wat-hero__set{justify-self:start;padding-inline:0}.wat-jug{width:100%;height:clamp(240px,62vw,340px)}@media (width>=60rem){.wat-jug{height:clamp(300px,52vh,420px)}}.wat-jug svg{overflow:visible}.wat-jug__glass{fill:var(--paper)}.wat-jug__outline,.wat-jug__handle{fill:none;stroke:var(--line);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.wat-band rect{stroke:var(--paper);stroke-width:1px}.wat-band--odd rect{fill:var(--wat-water)}.wat-band--even rect{fill:var(--wat-water-light)}.wat-band__label{fill:var(--ink);font:600 var(--step--1) var(--font-text)}.wat-surface{stroke:var(--wat-surface);stroke-width:2px}.wat-grad{stroke:var(--ink-2);stroke-width:1.5px}.wat-grad__label{fill:var(--ink-2);font:600 11px var(--font-text);font-variant-numeric:tabular-nums lining-nums}.wat-goal{stroke:var(--ink);stroke-width:2.5px}.wat-goal__label{fill:var(--ink);font:700 12px var(--font-text)}@keyframes wat-grow{0%{transform:scaleY(0)}}@keyframes wat-shrink{to{transform:scaleY(0)}}@keyframes wat-rise{0%{transform:translateY(var(--move))}}@keyframes wat-fall{0%{transform:translateY(calc(-1 * var(--move)))}}.wat-band--grow,.wat-band--shrink{transform-box:fill-box;transform-origin:50% 100%}.wat-band--grow{animation:wat-grow var(--t-state) var(--ease)}.wat-band--shrink{animation:wat-shrink var(--t-state) var(--ease) forwards}.wat-surface--rise{animation:wat-rise var(--t-state) var(--ease)}.wat-surface--fall{animation:wat-fall var(--t-state) var(--ease)}.wat-muted{color:var(--ink-2)}.wat-today,.wat-week-section{gap:var(--s-3);display:grid}.wat-today h2:focus{outline:none}.wat-list{border-top:2px solid var(--rule);padding:0;list-style:none}.wat-list li{align-items:center;gap:var(--s-3);padding:var(--s-1) 0;border-bottom:2px solid var(--rule);grid-template-columns:5.5rem minmax(0,1fr) auto auto;display:grid}.wat-list li>span:first-child,.wat-list li>span:nth-child(3){color:var(--ink-2)}.wat-list__name{overflow-wrap:anywhere}.wat-week{gap:var(--s-2);grid-template-columns:repeat(7,minmax(0,1fr));max-width:24rem;display:grid}.wat-week__day{gap:var(--s-1);font-weight:600;font-size:var(--step--1);color:var(--ink-2);justify-items:center;display:grid}.wat-week__column{border:2px solid var(--line);border-radius:6px;align-items:flex-end;width:100%;height:5rem;display:flex;position:relative;overflow:hidden}.wat-week__fill{background:var(--wat-water);width:100%}.wat-week__goal{background:var(--ink);height:2px;position:absolute;left:0;right:0}.wat-earlier summary{cursor:pointer;align-items:center;min-height:2.75rem;font-weight:700;display:flex}.wat-earlier__list{gap:var(--s-1);margin:var(--s-2) 0 var(--s-3);padding:0;list-style:none;display:grid}.wat-foot{justify-content:flex-end;display:flex}.wat-more{gap:var(--s-3);flex-wrap:wrap;display:flex}.wat-form{gap:var(--s-3);display:grid}.wat-form h3,.wat-group h3{font-size:var(--step-1)}.wat-form__row{align-items:end;gap:var(--s-3);flex-wrap:wrap;display:flex}.wat-field{gap:var(--s-1);font-weight:600;display:grid}.wat-amount{align-items:center;gap:var(--s-2);font-weight:500;display:flex}.wat-amount .field{width:7rem;min-width:0}.wat-unit{color:var(--ink-2)}.wat-time{width:9rem}.wat-select{width:auto;min-width:10rem}.wat-error{color:var(--danger);font-weight:600}.wat-when,.wat-group{gap:var(--s-2);border:0;min-width:0;padding:0;display:grid}.wat-when legend,.wat-group legend{padding:0;font-weight:700}.wat-radio{align-items:center;gap:var(--s-2);min-height:2.75rem;display:flex}.wat-radio input{width:1.25rem;height:1.25rem;accent-color:var(--ink)}.wat-note{color:var(--ink-2);font-size:var(--step--1)}.wat-containers{gap:var(--s-3);padding:0;list-style:none;display:grid}.wat-container__fields{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.wat-container__fields>.field{flex:8rem;width:auto;min-width:0}.wat-context{gap:var(--s-3);min-width:0;display:grid}.wat-context a{color:inherit}.wat-table{border-collapse:collapse;width:100%;font-size:var(--step--1);table-layout:fixed}.wat-table caption{padding-bottom:var(--s-2);text-align:left;font-weight:700}.wat-table th,.wat-table td{padding:var(--s-1) var(--s-2) var(--s-1) 0;border-bottom:2px solid var(--rule);text-align:left;overflow-wrap:anywhere;font-weight:500}.wat-table thead th,.wat-table tbody th{font-weight:700}