@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,650&display=swap";:root{font-family:DM Sans,sans-serif;color:#23352d;background:#f6f7f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#e8eae4}.app-shell{width:min(100%,470px);min-height:100vh;margin:auto;background:#f8f8f4;position:relative;padding-bottom:92px;box-shadow:0 0 50px #23352d18}button{font:inherit;color:inherit}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#fbfbf7;position:sticky;top:0;z-index:4;border-bottom:1px solid #e9e9e2}.brand{display:flex;gap:10px;align-items:center;font:650 21px Fraunces}.brandmark{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#315f4d;color:#fff;font:700 22px Fraunces}.avatar{border:0;background:#e4eee8;border-radius:50%;width:36px;height:36px;font-weight:700;color:#315f4d}.hero{padding:28px 22px 19px}.eyebrow,.insight-card small,.stat-grid small{font-size:11px;letter-spacing:1.25px;font-weight:700;color:#718078}.hero h1,.page-head h1{font:650 31px/1.1 Fraunces;margin:7px 0}.hero p,.page-head p{margin:0;color:#748078}.checkin{margin:0 16px;background:#315f4d;color:#fff;padding:18px;border-radius:18px;box-shadow:0 9px 24px #315f4d30}.checkin>div{display:flex;gap:12px;align-items:flex-start}.status-dot{background:#e3b67c;color:#29483b;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-weight:700}.checkin p{margin:3px 0 16px;color:#d4e2dc;font-size:13px}.checkin button,.primary{border:0;background:#f4c789;border-radius:12px;width:100%;padding:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px}.section-title,.title-row{margin:26px 20px 12px;font-size:18px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px}.quick-grid>button{border:1px solid #e2e5dd;background:#fff;border-radius:16px;padding:15px;text-align:left;display:grid;grid-template-columns:42px 1fr 18px;gap:9px;align-items:center}.quick-grid strong,.quick-grid small{display:block}.quick-grid small{color:#7d8983;font-size:11px;margin-top:3px}.quick-icon,.event-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center}.quick-icon svg{width:20px}.blue,.event-icon.water{background:#dceff2;color:#397482}.orange,.event-icon.food{background:#fae9d6;color:#a46128}.title-row{display:flex;justify-content:space-between;align-items:center}.title-row h2{font-size:18px;margin:0}.title-row button{border:0;background:none;color:#4b7564;font-weight:700;font-size:13px}.timeline{margin:0 16px;background:#fff;border:1px solid #e7e9e2;border-radius:17px;overflow:hidden}.event{padding:15px;display:flex;gap:12px;align-items:center;border-bottom:1px solid #eceee8}.event:last-child{border:0}.event-icon{flex:0 0 auto}.event-icon svg{width:18px}.event-icon.poop{background:#eee1d3;color:#845e40}.event div{flex:1}.event strong{font-size:14px}.event p{margin:2px 0;color:#7b8580;font-size:12px}.event time{font-size:12px;color:#849089}.empty{padding:24px;text-align:center;color:#7d8983}.nudge,.disclaimer{display:flex;gap:12px;margin:18px 16px;padding:16px;background:#edf1e5;border-radius:16px;color:#50614d}.nudge svg,.disclaimer svg{flex:0 0 auto}.nudge strong{font-size:13px}.nudge p,.disclaimer p{font-size:12px;line-height:1.5;margin:3px 0}.page-head{padding:28px 22px 20px}.calendar{margin:0 16px;padding:18px;background:#fff;border:1px solid #e6e8e0;border-radius:18px}.month{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.month button{border:0;background:#f0f2ec;border-radius:9px;width:31px;height:31px}.weekdays,.days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:5px}.weekdays{font-size:11px;color:#8b948f;margin-bottom:8px}.days button{border:0;background:transparent;aspect-ratio:1;border-radius:50%;position:relative}.days button i{position:absolute;width:4px;height:4px;background:#d09a59;border-radius:50%;bottom:3px;left:calc(50% - 2px)}.days .today-day{background:#315f4d;color:#fff;font-weight:700}.insight-card{margin:0 16px;padding:20px;background:#fff;border-radius:18px;border:1px solid #e5e8e0;display:flex;gap:14px}.insight-card>span{width:42px;height:42px;border-radius:13px;background:#dceff2;color:#397482;display:grid;place-items:center;flex:0 0 auto}.insight-card h2{font:650 21px/1.18 Fraunces;margin:6px 0}.insight-card p{font-size:13px;line-height:1.5;color:#66736d}.insight-card em{font-style:normal;font-size:11px;color:#8a938e}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 16px}.stat-grid section{background:#fff;border:1px solid #e5e8e0;border-radius:16px;padding:17px}.stat-grid strong{font:650 31px Fraunces;display:block;margin-top:7px}.stat-grid p,.stat-grid span{font-size:11px;color:#78837e}.stat-grid .good{color:#3d755c}.settings-list{margin:0 16px;background:#fff;border:1px solid #e6e8e0;border-radius:18px;overflow:hidden}.settings-list button{width:100%;border:0;border-bottom:1px solid #eceee8;background:#fff;padding:17px;text-align:left;display:flex;justify-content:space-between}.settings-list button:last-child{border:0}.settings-list span{font-weight:600}.settings-list small{display:block;color:#8a938e;font-weight:400;margin-top:3px}.medical-note{margin:20px;color:#79847e;font-size:12px;line-height:1.55}nav{position:fixed;bottom:0;width:min(100%,470px);height:76px;background:#fff;border-top:1px solid #e1e4dd;display:grid;grid-template-columns:repeat(4,1fr);z-index:5;padding-bottom:env(safe-area-inset-bottom)}nav button{border:0;background:none;color:#8b948f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px}nav button.active{color:#315f4d;font-weight:700}.sheet-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a282174;display:flex;align-items:flex-end;justify-content:center;z-index:10}.sheet{width:min(100%,470px);max-height:92vh;overflow:auto;background:#fbfbf7;border-radius:24px 24px 0 0;padding:8px 18px 25px;animation:up .22s ease-out}.grab{width:40px;height:4px;border-radius:3px;background:#d4d8d1;margin:2px auto 12px}.sheet-head{display:grid;grid-template-columns:38px 1fr 38px;align-items:start;margin-bottom:18px}.sheet-head h2{font:650 23px Fraunces;margin:2px 0}.sheet-head small{color:#829088}.icon-btn{width:34px;height:34px;border:0;border-radius:50%;background:#edf0e9;display:grid;place-items:center}.icon-btn svg{width:18px}.bristol-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.bristol-grid button,.amounts button,.water-presets button{border:1px solid #e0e4dc;background:#fff;border-radius:14px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:4px}.bristol-grid button:last-child{grid-column:1/-1}.bristol-grid button.selected,.amounts button.selected,.water-presets button.selected{border:2px solid #315f4d;background:#eff4f0}.bristol-grid small{color:#808b85}.stool-icon{color:#956846;font-size:21px;height:28px}.amounts,.water-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:25px 0}.amounts button span{color:#956846;letter-spacing:2px}.water-presets{grid-template-columns:repeat(2,1fr)}.water-presets svg{color:#4e8a97}.primary{margin-top:18px;background:#315f4d;color:#fff}.primary:disabled{opacity:.45}.field{font-size:13px;font-weight:700}.field textarea{display:block;width:100%;height:115px;margin-top:8px;border:1px solid #dce1d8;border-radius:14px;padding:13px;resize:none;font:inherit}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.chips button{border:1px solid #dce1d8;background:#fff;border-radius:20px;padding:7px 11px;font-size:12px}.hint{text-align:center;color:#7e8983;font-size:12px}@keyframes up{0%{transform:translateY(40px);opacity:.5}}@media(min-width:700px){body{padding:20px 0}.app-shell{min-height:calc(100vh - 40px);border-radius:22px;overflow:hidden}nav{bottom:20px;border-radius:0 0 22px 22px}.sheet-wrap{align-items:center}.sheet{border-radius:24px;max-height:84vh}}