:root{color:#123c3d;font-synthesis:none;background:#eaf7f4;font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 20%,#fff 0 12%,#0000 35%),linear-gradient(135deg,#e7f7f2,#d6eeeb 65%,#c5e5e3);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.shell{width:min(1080px,100% - 40px);margin:auto;padding:42px 0 64px}header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}h1,h2,p{margin:0}h1{letter-spacing:-.07em;font-size:clamp(2rem,4vw,3.7rem);font-weight:800}h1 i{color:#1e9395;font-family:Georgia,serif;font-weight:400}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#478083;margin-bottom:8px;font-size:.76rem}.settings,.undo{text-underline-offset:5px;color:#1a6769;cursor:pointer;background:0 0;border:0;text-decoration:underline}.hero{background:#ffffffbd;border:1px solid #165c5c24;border-radius:48px 12px;grid-template-columns:minmax(300px,1fr) 1fr;display:grid;overflow:hidden;box-shadow:0 26px 70px #22666321}.bottle{background:linear-gradient(90deg,#ffffffa6,#ffffff40);border-right:1px solid #165c5c1f;height:500px;position:relative;overflow:hidden}.water{background:linear-gradient(160deg,#55d4cf,#139ea4);width:100%;min-height:2px;transition:height .9s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0}.wave{background:#56d5cf;border-radius:50%;width:120%;height:38px;animation:4s ease-in-out infinite alternate sway;position:absolute;top:-18px;left:-10%}.wave.second{opacity:.45;background:#fff;animation-delay:-2s;top:-11px;left:-20%}@keyframes sway{to{transform:translate(9%)rotate(1deg)}}.ticks{z-index:3;color:#3f7477;flex-direction:column;justify-content:space-between;font-size:.68rem;display:flex;position:absolute;top:20px;bottom:20px;right:18px}.ticks span:before{content:"";vertical-align:middle;border-top:1px solid;width:22px;margin-right:7px;display:inline-block}.readout{z-index:4;text-align:center;color:#123c3d;place-content:center;display:grid;position:absolute;inset:0}.readout strong{letter-spacing:-.07em;font:italic 700 clamp(4rem,9vw,7rem) Georgia,serif}.readout span{letter-spacing:.1em;font-weight:700}.bubble{border:1px solid #ffffffb3;border-radius:50%;width:12px;height:12px;animation:2.2s ease-out forwards float;position:absolute;bottom:3%}.b1{left:20%}.b2{width:8px;height:8px;animation-delay:.25s;left:45%}.b3{width:17px;height:17px;animation-delay:.5s;left:72%}@keyframes float{to{opacity:0;transform:translateY(-230px)}}.action-panel{flex-direction:column;justify-content:center;padding:clamp(34px,6vw,74px);display:flex}.status{color:#397477;font:italic 1.12rem Georgia,serif}.numbers{margin:14px 0 34px}.numbers strong{letter-spacing:-.06em;font-size:clamp(2.4rem,5vw,4.5rem)}.numbers span{color:#608183}.add,.save{color:#fff;cursor:pointer;background:#123f41;border:0;box-shadow:0 10px 24px #123f4133}.add{text-align:left;border-radius:18px;grid-template-columns:48px 1fr;align-items:center;padding:16px 22px;font-size:1.05rem;font-weight:800;display:grid}.add span{grid-row:1/3;font-size:2.2rem;font-weight:300}.add small{opacity:.65;grid-column:2}.undo{margin-top:19px}.undo:disabled{opacity:.3;cursor:not-allowed}.history{color:#fff;background:#153f41;border-radius:12px 36px;margin-top:24px;padding:30px 36px 26px}.section-title{justify-content:space-between;align-items:end;display:flex}.section-title p{color:#76cdc8;letter-spacing:.18em;font-size:.72rem}.section-title h2{font-size:1.55rem}.section-title>span{opacity:.55;font-size:.72rem}.chart{grid-template-columns:repeat(7,1fr);gap:clamp(8px,3vw,34px);height:210px;margin-top:24px;display:grid}.day{text-align:center;grid-template-rows:1fr auto auto;gap:5px;min-width:0;display:grid}.bar-wrap{border-bottom:1px solid #ffffff1f;justify-content:center;align-items:end;display:flex;position:relative}.goal-line{border-top:1px dashed #ffffff4d;position:absolute;top:2px;left:0;right:0}.bar{background:#64c9c4;border-radius:20px 20px 3px 3px;width:min(28px,70%);min-height:3px;transition:height .8s}.bar.complete{background:#f4cb72}.day strong{font-size:.67rem}.day>span{opacity:.65;font-size:.76rem}.loading{text-align:center;padding:100px}.overlay{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0723258c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:#f6fffc;border-radius:28px 8px;width:min(440px,100%);padding:38px;position:relative;box-shadow:0 30px 100px #08252680}.dialog h2{margin-bottom:28px;font-size:2rem}.dialog label{border-top:1px solid #cbe0dc;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.dialog input{text-align:right;background:#fff;border:1px solid #9fc3bf;border-radius:8px;width:110px;padding:9px}.close{color:#386a6c;cursor:pointer;background:0 0;border:0;font-size:1.8rem;position:absolute;top:14px;right:18px}.save{border-radius:12px;width:100%;margin-top:22px;padding:14px}.error{color:#b34141;margin-top:14px;font-size:.85rem}.save:focus-visible,.add:focus-visible,.settings:focus-visible,.undo:focus-visible{outline-offset:3px;outline:3px solid #f2c766}@media (width<=700px){.shell{width:min(100% - 24px,540px);padding-top:24px}header{align-items:end}.settings{font-size:.78rem}.hero{border-radius:30px 8px;grid-template-columns:1fr}.bottle{border-bottom:1px solid #165c5c1f;border-right:0;height:340px}.action-panel{padding:30px}.history{padding:25px 16px}.chart{gap:7px;height:175px}.section-title>span{display:none}.ticks{right:10px}.day strong{font-size:.58rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.water,.bar{transition:none}.wave,.bubble{animation:none}}