:root{--desk:#eaf4fa;--board:#0288d1;--board-edge:#01609a;--foil:#b3e5fc;--water:#29b6f6}@media (prefers-color-scheme:dark){:root:not(.light-only){--desk:#0d151b;--board:#02679e;--board-edge:#01426a;--foil:#b3e5fc}}.gauge{grid-template-columns:92px 1fr;align-items:center;gap:18px;margin:18px 0 20px;display:grid}.glass{clip-path:polygon(0 0,100% 0,90% 100%,10% 100%);background:#f4f9fc;border:3px solid #1b2230;border-top:0;border-radius:0 0 14px 14px;height:132px;position:relative;overflow:hidden}.fill{background:linear-gradient(#4fc3f7, var(--board));height:0;transition:height .45s cubic-bezier(.3,1.4,.5,1);position:absolute;inset:auto 0 0}.gauge.done .fill{background:linear-gradient(#81d4fa,#0277bd)}.reading p{margin:0}.now{font-family:var(--serif);font-size:20px;font-weight:700}.now b{color:var(--board);font-variant-numeric:tabular-nums;font-size:46px;line-height:1.05}.goal-line{color:#5a6476;word-break:keep-all;font-size:14px;line-height:1.5;margin-top:6px!important}.gauge.done .goal-line{color:var(--board);font-weight:700}.set-goal{border-color:var(--board);color:var(--board);margin-top:10px;font-weight:700}.cups{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cup{background:var(--board);color:#fff;font:inherit;cursor:pointer;touch-action:manipulation;border:0;border-radius:14px;gap:2px;padding:14px 6px;display:grid}.cup b{font-size:20px}.cup span{opacity:.9;font-size:13px}.cup:active{background:var(--board-edge)}.cup.pop{animation:.3s ease-out pop}@keyframes pop{40%{transform:scale(.94)}}@media (prefers-reduced-motion:reduce){.cup.pop{animation:none}.fill{transition:none}}.undo{color:#5a6476;border-color:#d3d8e0;margin:12px auto 0;display:block}.sips{margin:0;padding:0;list-style:none}.sips li{border-bottom:1px solid var(--rule);grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:8px 2px;font-size:15px;display:grid}.sips li span{color:var(--ink-soft)}.x{border:1px solid var(--rule);color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:12px}.streak{color:var(--board);margin:-4px 0 12px;font-size:15px;font-weight:700}.week{grid-template-columns:repeat(7,1fr);gap:6px;height:170px;display:grid;position:relative}.day{text-align:center;grid-template-rows:18px 1fr 20px;gap:4px;min-width:0;display:grid}.day small{color:var(--ink-soft);white-space:nowrap;font-size:10px;overflow:hidden}.bar{background:color-mix(in srgb, var(--board) 12%, transparent);border-radius:8px 8px 4px 4px;align-items:flex-end;display:flex;position:relative}.bar:after{content:"";left:-3px;right:-3px;bottom:var(--goal);display:var(--goal-show,block);border-top:2px dashed color-mix(in srgb, var(--board) 55%, transparent);position:absolute}.bar i{background:color-mix(in srgb, var(--board) 55%, #fff);border-radius:8px 8px 4px 4px;width:100%;display:block}.day.met .bar i{background:var(--board)}.day span{color:var(--ink-soft);font-size:12px}.day.today span{color:inherit;font-weight:700}.suggest{background:color-mix(in srgb, var(--foil) 55%, transparent);color:#1b2230;border-radius:12px;margin:0;padding:12px 14px;font-size:15px;line-height:1.7}.suggest b{font-size:19px}.suggest small{color:#5a6476}.suggest .use{border-color:var(--board);background:var(--board);color:#fff;margin-top:8px;font-weight:700;display:block}.cup-sizes{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.unit{gap:4px;font-size:13px;font-weight:600;display:grid}.unit input{color:#1b2230;width:100%;min-width:0;font:inherit;text-align:right;background:#fff;border:1px solid #d3d8e0;border-radius:10px;padding:9px 10px;font-size:17px;font-weight:700}@media (prefers-color-scheme:dark){:root:not(.light-only) .field,:root:not(.light-only) .field-set legend{color:#e6e9ee}:root:not(.light-only) .suggest{background:color-mix(in srgb, var(--board) 30%, transparent);color:#e6e9ee}:root:not(.light-only) .suggest small{color:#9aa3b2}}