:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#222d36;background:#f6f7f9;font-synthesis:none;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #4b8dcb;outline-offset:3px}header{height:86px;background:white;border-bottom:1px solid #e9ecef;display:flex;align-items:center;justify-content:space-between;padding:0 max(30px,calc((100vw - 1160px)/2));gap:30px}.brand{display:flex;align-items:center;gap:10px;font-weight:750;font-size:21px;text-decoration:none;color:inherit;white-space:nowrap}.brand-icon{background:#243e36;color:#dcf4d5;border-radius:12px;padding:6px 10px;font-size:26px}.brand-dot{width:6px;height:6px;background:#7b9f83;border-radius:50%;margin-left:-4px}nav{display:flex;gap:8px}nav button{background:transparent;color:#7b848b;border-radius:10px;padding:12px 18px;font-weight:600}nav button.active{background:#eef2ee;color:#334f3e}.private{font-size:12px;color:#7c8782;white-space:nowrap}main{max-width:1160px;margin:auto;padding:45px 0 25px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;gap:24px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.8px;text-transform:uppercase;color:#7b8782}h1{font-size:38px;letter-spacing:-1.4px;font-weight:720;margin:10px 0}h1 span{color:#839b81}p{line-height:1.6}.page-heading p{margin:0;color:#858c92}h2{font-size:18px;margin:0;font-weight:650;letter-spacing:-.4px}.date-select{font-size:11px;color:#7f898e;display:grid;gap:7px}.date-select input{background:#fff;border:1px solid #e4e8e9;padding:10px 12px;border-radius:9px;color:#43504e}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.goal-card{background:white;border:1px solid #e8ebed;border-radius:20px;padding:26px 28px;box-shadow:0 5px 20px #233a371f}.card-top,.card-top>div{display:flex;align-items:center;gap:12px}.card-top{justify-content:space-between}.category-icon{border-radius:11px;background:#fff1e5;color:#c88045;width:36px;height:36px;display:grid;place-items:center;font-size:24px}.water .category-icon{background:#eaf5fc;color:#558eb5}.pill{font-size:9px;letter-spacing:1.4px;color:#a49b8f}.water .pill{color:#8a9fac}.progress-layout{display:flex;align-items:center;justify-content:center;gap:38px;margin:30px 0 24px;min-height:170px}.ring{--pct:0%;width:168px;height:168px;border-radius:50%;background:conic-gradient(#d99558 var(--pct),#f6eee5 0);padding:11px;transform:rotate(-0deg)}.ring>div{border-radius:50%;background:white;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px}.ring strong,.water-text strong{font-size:29px;letter-spacing:-1px}.ring span:last-child,.water-text span{font-size:11px;color:#939997}.ring-symbol{color:#cb935f;font-size:25px}.numbers>strong{font-size:43px;letter-spacing:-1.5px;font-weight:650}.numbers p{color:#93999e;margin:6px 0 16px;font-size:14px}.remaining{font-size:11px;color:#b48758;background:#fbf5ed;padding:7px 10px;border-radius:7px;display:inline-block}.water .remaining{color:#638cae;background:#eef6fc}.water-vessel{position:relative;overflow:hidden;width:145px;height:166px;background:#f1f7fc;border:3px solid #dceaf5;border-radius:25px 25px 48px 48px;isolation:isolate}.water-fill{position:absolute;bottom:0;left:-25%;width:150%;height:0;background:linear-gradient(#a9d9f2,#70b7df);transition:height .7s}.water-fill:before{content:"";position:absolute;top:-8px;width:100%;height:18px;border-radius:45%;background:#b6e0f5;animation:wave 3.5s ease-in-out infinite alternate}.water-text{position:absolute;inset:0;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;color:#426b86}.water-text span{color:#67889e}@keyframes wave{to{transform:translateX(9%) rotate(5deg)}}.achievement{min-height:41px;border-top:1px solid #f0f1f2;border-bottom:1px solid #f0f1f2;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#8c9696;margin-bottom:20px;padding:10px 0}.add-form{display:flex;gap:9px}.unit-input{display:flex;align-items:center;border:1px solid #e3e7ea;border-radius:10px;background:#fafbfc;overflow:hidden;flex:1;min-width:0}.unit-input input{width:100%;min-width:0;background:transparent;border:0;padding:13px;color:#34404b}.unit-input span{color:#969fa7;font-size:12px;padding-right:12px}.primary{border-radius:10px;color:white;padding:12px 20px;font-weight:600;font-size:13px;white-space:nowrap}.orange{background:#cc8e52}.blue{background:#6a9fc7}.dark{background:#355449}.quick{display:flex;align-items:center;gap:8px;margin-top:14px}.quick>span{margin-right:auto;font-size:11px;color:#959da0}.quick button{background:#f6f7f9;border:1px solid #ecedef;color:#6c767f;border-radius:7px;padding:7px 10px;font-size:11px}.lower-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin-top:24px}.panel{padding:25px 28px;background:white;border:1px solid #e8ebed;border-radius:17px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.muted{font-size:12px;color:#879198}.text-button{background:transparent;color:#7c9185;font-size:12px}.empty{text-align:center;padding:30px 8px;color:#9aa4a8;font-size:12px}.empty .empty-icon{font-size:30px;margin-bottom:12px;color:#bdc7c7}.empty strong{display:block;color:#707e83;font-weight:550;margin-bottom:7px}.entry{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #f1f3f4}.entry:last-child{border:0}.entry-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#fff1e5;color:#be8b51}.entry-icon.water-icon{color:#578cac;background:#edf5fc}.entry-main{flex:1}.entry-main strong{font-size:13px;display:block}.entry-main small{font-size:11px;color:#95a0a4}.icon-button{min-width:36px;min-height:36px;border-radius:8px;background:#f5f7f8;color:#74838a}.meal-row{display:flex;align-items:center;gap:12px;padding:9px 0;font-size:12px}.meal-row time{font-variant-numeric:tabular-nums;color:#879398}.meal-row span{flex:1;color:#66746f}.meal-row.next{background:#f1f6f1;border-radius:8px;padding:10px}.meal-row em{font-size:9px;font-style:normal;text-transform:uppercase;letter-spacing:1px;color:#7a957d}.soft-note{font-size:11px;color:#8b9597;line-height:1.7;margin-top:20px;padding:13px 15px;background:#f7f9f8;border-radius:9px}.footnote{text-align:center;color:#9aa49f;margin:28px 0 8px;font-size:11px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-grid h2{margin-bottom:12px}label{display:block;font-size:13px;color:#68766f}#goalsForm label{margin:20px 0}#goalsForm .unit-input{margin-top:8px}.reminder-setting{display:flex;gap:10px;align-items:center;margin:14px 0}.reminder-setting label{flex:1}.reminder-setting input[type=time]{border:1px solid #dde4e4;border-radius:8px;padding:8px;color:#50625d}.reminder-setting input[type=checkbox]{accent-color:#436b56;width:18px;height:18px}.secondary{background:white;border:1px solid #dce3df;color:#52665c;padding:11px 14px;border-radius:9px;font-size:12px}.button-row{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}#exportCalendar{margin-top:16px;width:100%}.calendar-panel{max-width:850px;margin:auto}.weekdays,#calendarGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.weekdays span{text-align:center;font-size:12px;color:#88958d;padding:15px 0}.day{aspect-ratio:1.15;border:1px solid #e9eeeb;border-radius:12px;background:#fff;color:#5b6c63;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.day:hover{background:#f3f7f3}.day.today{border:2px solid #7d9c83;background:#f6faf5}.day:disabled{opacity:.4;cursor:default}.day-medals{display:flex;gap:7px}.medal{display:inline-block;width:15px;height:15px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #ccd3d4;vertical-align:middle}.medal.bronze{background:linear-gradient(135deg,#edc39e,#a96432,#d59661)}.medal.gold{background:linear-gradient(135deg,#f4dc94,#c6a04e)}.medal.silver{background:linear-gradient(135deg,#e3e6ea,#a6b0bc)}.medal.none{background:#f0f2f3;box-shadow:none;border-color:#f0f2f3;width:8px;height:8px;margin:3px}.legend{display:flex;justify-content:center;gap:20px;font-size:11px;color:#87938c;margin-top:25px}.calendar-panel>p{text-align:center;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#263f34;color:white;padding:15px 20px;border-radius:12px;box-shadow:0 8px 40px #0003;font-size:13px;z-index:20;max-width:92vw;width:max-content}#toast button{background:#ffffff25;color:white;border-radius:6px;padding:7px 10px;margin-left:15px}dialog{border:0;border-radius:18px;padding:28px;max-width:90vw;width:360px;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#172d2655}dialog h2{margin-bottom:20px}dialog input{width:100%;margin-top:10px;padding:12px;border:1px solid #ccd7d0;border-radius:8px}#goalHistory{font-size:11px;line-height:1.9;color:#7e8b84;margin-top:20px}
@media(min-width:1500px){main{padding-top:60px}}@media(max-width:1220px){main{padding:35px 24px}header{padding:0 24px}}@media(max-width:800px){.private{display:none}header{gap:10px}.brand{font-size:18px}nav button{padding:12px}.cards,.settings-grid{gap:16px}.goal-card{padding:20px}.progress-layout{gap:16px}.ring{width:140px;height:140px}.numbers>strong{font-size:32px}.water-vessel{width:120px;height:140px}.pill{font-size:8px}.lower-grid{gap:16px}.panel{padding:20px}.quick{gap:5px}.quick button{padding:7px}.quick>span{font-size:10px}h1{font-size:32px}}
@media(max-width:620px){header{height:70px;padding:0 20px}.brand{font-size:19px}.brand-icon{font-size:22px}nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e6ebe8;padding:9px 20px calc(9px + env(safe-area-inset-bottom));z-index:10;justify-content:space-around}nav button{min-width:88px}main{padding:30px 17px 100px}.page-heading{align-items:flex-start;flex-direction:column;gap:17px;margin-bottom:22px}h1{font-size:29px;letter-spacing:-1px}.page-heading p{font-size:13px}.date-select{display:flex;align-items:center;gap:12px}.date-select input{font-size:12px;padding:8px}.cards,.lower-grid,.settings-grid{grid-template-columns:1fr}.goal-card{padding:23px}.progress-layout{gap:40px}.ring{width:157px;height:157px}.water-vessel{width:135px;height:157px}.numbers>strong{font-size:39px}.quick>span{font-size:11px}.quick button{padding:8px 10px}.lower-grid{margin-top:16px}#toast{bottom:90px}.legend{gap:12px;font-size:9px}.weekdays,#calendarGrid{gap:4px}.day{border-radius:8px;gap:6px;font-size:12px;aspect-ratio:.8}.calendar-panel{padding:14px}.medal{width:12px;height:12px}.brand-dot{display:none}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}[hidden]{display:none!important}

.achievement{flex-direction:column;gap:6px;min-height:65px;text-align:center}.achievement-line{display:flex;align-items:center;justify-content:center;gap:8px}.medal-next{font-size:12px;font-weight:600;color:#6c7874;line-height:1.5}