:root{color:#18272c;font-synthesis:none;background:#f8f7f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}h1{letter-spacing:-.035em;margin:.45rem 0 1.2rem;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15}h2{margin:1.7rem 0 1rem;font-size:1.08rem}p{line-height:1.55}.app-shell{max-width:1480px;min-height:100dvh;margin:auto;display:flex}.side-nav{color:#f6f7f4;background:#192a30;flex-direction:column;gap:.5rem;width:238px;height:100dvh;padding:2rem 1rem;display:flex;position:sticky;top:0}.wordmark{color:#a5e7e5;letter-spacing:-.04em;padding:.3rem 1rem 2.5rem;font-size:1.34rem;font-weight:800}.side-nav button{color:#d8e4e2;text-align:left;background:0 0;border:0;border-radius:12px;min-height:48px;padding:.85rem 1rem}.side-nav button:hover,.side-nav button.active{color:#fff;background:#24545b}.side-nav small{color:#aec8c9;margin-top:auto;padding:1rem}.main-column{flex:1;min-width:0}.topbar{border-bottom:1px solid #e3e9e6;justify-content:flex-end;align-items:center;min-height:76px;padding:1.1rem clamp(1.25rem,5vw,4rem);display:flex}.brand-mobile{display:none}.target{color:#41636a;align-items:center;gap:.8rem;font-size:.83rem;display:flex}.target select{color:#18272c;background:#fff;border:1px solid #c9d8d8;border-radius:10px;width:auto;max-width:220px;padding:.55rem 2rem .55rem .8rem;font-weight:650}main{width:min(100%,920px);padding:2.2rem clamp(1.25rem,5vw,4rem) 7rem}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#176b75;font-size:.72rem;font-weight:800}.muted{color:#597075}.panel{background:#fff;border:1px solid #e5eeea;border-radius:18px;margin:1.25rem 0;padding:1.45rem;box-shadow:0 4px 20px #18272c06}.welcome{max-width:650px;margin-top:clamp(2rem,9vh,6rem);padding:clamp(1.5rem,4vw,3rem)}.welcome p{color:#597075;max-width:48ch;margin-bottom:2rem}.primary,.secondary{border-radius:12px;min-height:48px;padding:.75rem 1.25rem;font-weight:750}.primary{color:#fff;background:#176b75;border:1px solid #176b75}.primary:hover{background:#12545c}.secondary{color:#164e55;background:#d3f0ee;border:1px solid #aadbd7}.summary{justify-content:space-between;align-items:center;gap:1rem;display:flex}.summary span{color:#597075}.summary strong{color:#176b75}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.quick-grid button{color:inherit;text-align:left;background:#fff;border:1px solid #e1ebe7;border-radius:17px;flex-direction:column;align-items:flex-start;gap:.2rem;min-height:132px;padding:1rem 1.15rem;display:flex}.quick-grid button:hover{border-color:#82cac8;box-shadow:0 4px 14px #176b7520}.quick-grid small,.entry small,.child-row small{color:#6e8586;font-size:.8rem}.icon{border-radius:11px;place-items:center;width:39px;height:39px;margin-bottom:.35rem;font-size:1.35rem;display:grid}.feed{color:#9e4b30;background:#ffebe4}.care{color:#247259;background:#e5f4ed}.note{color:#515f8e;background:#e8ecf6}.section-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.text-action,.back{color:#176b75;background:0 0;border:0;padding:.5rem 0;font-weight:700}.entry{border-bottom:1px solid #e2ebe7;align-items:center;gap:1rem;padding:1rem .25rem;display:flex}.entry-dot{background:#a5d8d3;border-radius:50%;flex:none;width:12px;height:12px}.entry div{flex-direction:column;gap:.25rem;min-width:0;display:flex}.entry strong{overflow-wrap:anywhere}.entry time{color:#597075;white-space:nowrap;margin-left:auto;font-size:.85rem}.empty{text-align:center;color:#597075;padding:2rem}.form-view{max-width:570px}.form-view form{flex-direction:column;gap:1.15rem;display:flex}.form-view label,.family-switch{flex-direction:column;gap:.5rem;font-size:.9rem;font-weight:700;display:flex}.form-view input,.form-view select,.form-view textarea,.family-switch select{color:#18272c;background:#fff;border:1px solid #becfce;border-radius:11px;width:100%;min-height:48px;padding:.85rem}.form-view input:focus,.form-view select:focus,.form-view textarea:focus{outline:3px solid #a5e7e5}.save{align-self:stretch;margin-top:1rem}.child-row{border-bottom:1px solid #e8efec;align-items:center;gap:.8rem;margin-bottom:1rem;padding:.8rem 0;display:flex}.child-row div{flex-direction:column;display:flex}.avatar{color:#176b75;background:#d3f0ee;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.family-switch{margin:1.5rem 0}.error{color:#8a2d23;background:#fbe6e2;border-radius:12px;margin-bottom:1rem;padding:1rem}.bottom-nav{display:none}@media (width<=760px){.side-nav{display:none}.topbar{justify-content:space-between;min-height:68px;padding:1rem 1.25rem}.brand-mobile{color:#176b75;font-size:1.15rem;font-weight:800;display:block}.target{gap:.35rem}.target>span{white-space:nowrap;font-size:.72rem}.target select{max-width:125px}main{padding:1.55rem 1.25rem 7rem}.bottom-nav{padding:.35rem .4rem max(.35rem,env(safe-area-inset-bottom));z-index:2;background:#fff;border-top:1px solid #dbe7e3;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#5f7779;background:0 0;border:0;min-height:52px;font-size:.84rem;font-weight:700}.bottom-nav button.active{color:#176b75;background:#e8f7f5;border-radius:12px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid button{min-height:118px}.summary{flex-direction:column;align-items:flex-start;gap:.35rem}.form-view{flex-direction:column;min-height:calc(100dvh - 120px);display:flex}.form-view form{flex:1}.save{margin-top:auto}.panel{padding:1.15rem}}@media (prefers-color-scheme:dark){:root{color:#f6f7f4;background:#111c22}.topbar{border-color:#30444b}.panel,.quick-grid button{background:#192a30;border-color:#2b4248}.muted,.summary span,.entry time,.quick-grid small,.entry small,.child-row small{color:#afc5c4}.entry,.child-row{border-color:#30444b}.primary{color:#10333b;background:#a5e7e5;border-color:#a5e7e5}.primary:hover{background:#c2f4f0}.secondary,.target select{color:#f6f7f4;background:#24545b;border-color:#416e73}.form-view input,.form-view select,.form-view textarea,.family-switch select{color:#f6f7f4;background:#192a30;border-color:#456067}.bottom-nav{background:#192a30;border-color:#30444b}.bottom-nav button.active{color:#a5e7e5;background:#24545b}.brand-mobile,.eyebrow,.text-action,.back,.summary strong{color:#a5e7e5}.error{color:#ffd2c9;background:#54302c}}.breast-view{flex-direction:column;max-width:640px;display:flex}.breast-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.breast-totals div{flex-direction:column;gap:.35rem;display:flex}.breast-totals span{color:#597075;font-size:.9rem}.breast-totals strong{font-variant-numeric:tabular-nums;font-size:clamp(1.6rem,4vw,2.2rem)}.breast-controls{direction:ltr;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0;display:grid}.breast-controls button{color:#672e21;text-align:center;background:#ffebe4;border:2px solid #d2a69a;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;min-height:170px;padding:1rem;display:flex}.breast-controls button.running{color:#fff;background:#9e4b30;border-color:#9e4b30}.breast-controls strong{font-size:1.12rem}.breast-controls small{font-size:.85rem}.breast-control-symbol{font-size:1.5rem;line-height:1}.segment-list{margin-top:.75rem}.segment-list h2{margin-top:0}.segment-list div{border-top:1px solid #e2ebe7;padding:.6rem 0}.discard{align-self:center;margin:1rem auto}.timer-resume{text-align:left;color:#176b75;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:64px;font-weight:700;display:flex}.timer-resume strong{white-space:nowrap;font-variant-numeric:tabular-nums}.entry{flex-wrap:wrap}.entry-edit{color:#164e55;background:#d3f0ee;border:0;border-radius:10px;min-height:42px;padding:.45rem .75rem;font-weight:700}.edit-segment{flex-direction:column;gap:1rem;margin:0;display:flex}.edit-segment h2{margin:0}.edit-segment .text-action{align-self:flex-start}.primary:disabled{opacity:.5;cursor:not-allowed}@media (width<=760px){.breast-controls button{min-height:150px}.entry time,.entry-edit{margin-left:auto}}@media (prefers-color-scheme:dark){.breast-totals span{color:#afc5c4}.breast-controls button{color:#ffd7c7;background:#4c302c;border-color:#764336}.breast-controls button.running{color:#4c251a;background:#ffc0a8;border-color:#ffc0a8}.segment-list div{border-color:#30444b}.timer-resume{color:#a5e7e5}.entry-edit{color:#a5e7e5;background:#24545b}}.join-panel{max-width:650px}.join-panel h2{margin-top:0}.join-panel form{align-items:end;gap:.8rem;display:flex}.join-panel label{flex-direction:column;flex:1;gap:.5rem;min-width:0;font-size:.9rem;font-weight:700;display:flex}.join-panel input{color:#18272c;background:#fff;border:1px solid #becfce;border-radius:11px;width:100%;min-height:48px;padding:.75rem}.join-panel p[role=status]{color:#176b75;font-weight:700}@media (width<=520px){.join-panel form{flex-direction:column;align-items:stretch}.join-panel form button{align-self:stretch}}@media (prefers-color-scheme:dark){.join-panel input{color:#f6f7f4;background:#192a30;border-color:#456067}.join-panel p[role=status]{color:#a5e7e5}}