:root{--navy:#102d4f;--teal:#008e97;--ink:#19324d;--muted:#708091;--line:#e2ebee;--breast:#fff0d8;--bottle:#e8f3ff;--diaper:#e5f7f1;--note:#f0eaff}*{box-sizing:border-box}body{margin:0;background:#f6f9f9;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #64cbd0;outline-offset:2px}.logo{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800;color:var(--navy)}.logo>b{display:grid;place-items:center;width:42px;height:42px;border-radius:16px 16px 22px 22px;background:#e5f7f6;color:var(--teal);font-family:Georgia,serif}.logo strong{color:var(--teal)}.primary,.secondary{border:0;border-radius:14px;padding:13px 17px;font-weight:800}.primary{background:var(--teal);color:white;box-shadow:0 5px 15px #008e9730}.secondary{background:#eef3f4;color:var(--navy)}.link{display:inline-block;text-decoration:none;text-align:center}.app-shell{min-height:100vh;display:grid;grid-template-columns:232px 1fr}.rail{position:sticky;top:0;height:100vh;background:white;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column}.rail nav{display:grid;gap:7px;margin-top:52px}.nav-btn{border:0;background:transparent;border-radius:14px;text-align:left;padding:13px 15px;color:#718095}.nav-btn span{margin-left:13px;font-weight:700}.nav-btn.active{background:#e8f7f7;color:#00757d}.privacy{margin-top:auto;border-radius:17px;padding:14px;background:#eef9f7;display:flex;gap:10px;color:var(--teal);font-size:21px}.privacy p{margin:0;font-size:11px;line-height:1.45;color:#617687}.privacy strong{font-size:12px;color:var(--navy)}.content{padding:30px clamp(22px,4vw,58px) 70px;max-width:1440px;width:100%;margin:auto}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.top small,.heading small,.last-card small,.live-card small,.sheet>small{font-size:10px;font-weight:850;letter-spacing:.14em;color:var(--teal)}h1,h2{font-family:Georgia,"Times New Roman",serif;color:var(--navy)}h1{font-size:30px;margin:5px 0 0}.sync{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.sync i{width:7px;height:7px;border-radius:50%;background:#25a47b}.sync i.busy{background:#e7a11c;animation:pulse 1s infinite}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:3px solid white;background:#f2c8ad;color:#704535;font-weight:800;margin-left:8px;box-shadow:0 2px 10px #17335018}.desktop-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.72fr);gap:24px}.main-column{display:grid;gap:22px}.card,.last-card,.live-card{background:white;border:1px solid var(--line);border-radius:24px;box-shadow:0 8px 28px #173a470d}.card{padding:22px}.last-card{padding:17px 20px;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:14px}.last-card div,.live-card div{display:grid}.last-card strong,.live-card strong{color:var(--navy);font-size:15px}.last-card em,.live-card em{font-style:normal;color:var(--muted);font-size:12px;margin-top:3px}.round,.event-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;font-size:21px;flex:none}.breast .event-icon,.round.breast,.stat.breastfeeding{background:var(--breast);color:#ef9f18}.bottle .event-icon,.round.bottle,.stat.bottle{background:var(--bottle);color:#347fd1}.diaper .event-icon,.round.diaper,.stat.diaper{background:var(--diaper);color:#249e7b}.note .event-icon,.round.note,.stat.observation{background:var(--note);color:#7656c5}.live-card{padding:17px;display:grid;grid-template-columns:48px 1fr auto auto;align-items:center;gap:13px;border-color:#69c5ca;background:linear-gradient(110deg,#fff 58%,#effafa)}.live-card time{font:700 24px Georgia,serif;color:var(--navy);font-variant-numeric:tabular-nums}.heading{margin-bottom:18px}.heading h2{font-size:22px;margin:4px 0 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{position:relative;border-radius:18px;padding:16px;min-height:142px;border:1px solid #e6ecee}.stat>span{position:absolute;right:14px;font-size:19px}.stat p{margin:0 0 18px;font-size:12px;font-weight:750;color:var(--ink)}.stat strong{display:block;font:700 28px Georgia,serif;color:var(--navy)}.stat small{font-size:10px;color:var(--muted)}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.quick button{min-height:108px;border:1px solid var(--line);background:white;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:.2s}.quick button:hover{transform:translateY(-2px);box-shadow:0 9px 20px #17335012}.quick span{font-size:24px}.quick button:nth-child(1) span{color:#ef9f18}.quick button:nth-child(2) span{color:#347fd1}.quick button:nth-child(3) span{color:#249e7b}.quick button:nth-child(4) span{color:#7656c5}.quick b{font-size:12px}.quick small{font-size:9px;color:var(--muted)}.recent{align-self:start;position:sticky;top:22px}.timeline-row{display:grid;grid-template-columns:42px 43px 1fr 28px;gap:8px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.timeline-row:last-child{border-bottom:0}.timeline-row time{font-size:10px;color:#7b8b99}.timeline-row strong{font-size:12px;color:var(--navy)}.timeline-row p{margin:3px 0 0;font-size:10px;color:var(--muted)}.timeline-row small{font-size:9px;color:#91a0aa}.more{border:0;background:transparent;color:#82909d;font-size:20px}.history{max-width:860px}.history-head{display:flex;align-items:end;justify-content:space-between}.history-head select{min-width:150px}.family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.family-grid dl{display:grid;grid-template-columns:140px 1fr;gap:12px;margin:0}.family-grid dt{font-size:11px;color:var(--muted)}.family-grid dd{margin:0;font-weight:650}.mobile-nav{display:none}.scrim{position:fixed;z-index:50;inset:0;background:#0b274c66;display:grid;place-items:end center;padding:18px}.sheet{position:relative;text-align:center;background:white;width:min(450px,100%);border-radius:28px;padding:28px 26px 26px;box-shadow:0 20px 80px #08233f55}.sheet>.round{margin:0 auto 12px}.sheet h2{font-size:25px;margin:6px 0}.sheet>p{font-size:13px;color:var(--muted);margin:8px 0 18px}.close{position:absolute;right:17px;top:15px;border:0;background:#f1f4f5;width:32px;height:32px;border-radius:50%;font-size:20px}.segments,.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#f2f6f6;padding:4px;border-radius:14px;margin:18px 0}.segments button,.choices button{border:0;background:transparent;padding:12px 5px;border-radius:11px;font-size:12px;font-weight:700}.segments .active,.choices button:hover{background:white;color:#00757d;box-shadow:0 2px 8px #17335012}.choices{grid-template-columns:repeat(2,1fr)}label{display:grid;gap:6px;text-align:left;font-size:12px;font-weight:700;color:var(--navy);margin:12px 0}input,select,textarea{width:100%;border:1px solid #ccd9de;border-radius:12px;background:white;padding:12px 13px}.two,.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-error{min-height:18px;color:#b53a3a;font-size:12px}.empty{color:var(--muted);font-size:13px}.alert{padding:12px 14px;border-radius:12px;background:#fff0ed;color:#a4372c;margin:14px 0}.login-wrap,.install{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 10%,#e4f7f5,transparent 35%),#f6f9f9}.login-card,.install-card{width:min(480px,100%);background:white;border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:0 16px 50px #173a4714}.login-card h1,.install-card h1{font-size:30px;margin-top:40px}.login-card>p,.install-card>p{color:var(--muted);line-height:1.6}.login-card .primary,.install-card .primary{width:100%;margin-top:8px}.install-card{width:min(640px,100%)}.install-card hr{border:0;border-top:1px solid var(--line);margin:24px 0}@keyframes pulse{50%{opacity:.35}}
@media(max-width:960px){.app-shell{display:block}.rail{display:none}.content{padding:24px 18px 105px}.desktop-grid{grid-template-columns:1fr}.recent{position:static}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;background:white;border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -8px 22px #17335012}.mobile-nav button{border:0;background:transparent;font-size:19px;color:#748495;display:grid;justify-items:center}.mobile-nav small{font-size:9px}.mobile-nav .active{color:#00757d}.mobile-nav .plus{width:54px;height:54px;border-radius:50%;background:var(--teal);color:white;font-size:29px;place-self:center;margin-top:-28px;border:5px solid white;box-shadow:0 5px 16px #008e9755}.family-grid{grid-template-columns:1fr}}
@media(max-width:620px){.top{margin-bottom:18px}h1{font-size:26px}.sync span{display:none}.main-column,.desktop-grid{gap:15px}.live-card{grid-template-columns:43px 1fr}.live-card time{text-align:center;font-size:22px}.card{padding:17px;border-radius:21px}.stats{gap:7px}.stat{padding:13px 9px;min-height:127px}.stat strong{font-size:22px}.stat small{font-size:8px}.quick{grid-template-columns:repeat(2,1fr)}.recent{margin-bottom:20px}.scrim{padding:7px}.sheet{border-radius:27px 27px 18px 18px}.two,.form-grid{grid-template-columns:1fr}.family-grid dl{grid-template-columns:110px 1fr}}