@font-face{font-family:Journal;src:local('Georgia');font-display:swap}
:root{--bg:#faf7f3;--card:#fffdfa;--ink:#403545;--muted:#7b727d;--line:#eae2e3;--pink:#f5e1e7;--pink-deep:#a74d72;--purple:#eee7f5;--purple-deep:#776093;--blue:#e7eff7;--blue-deep:#56738e;--peach:#fbebdf;--peach-deep:#a36c49;--accent:#86627f;--shadow:0 5px 24px #5d425304;--radius:22px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);font-size:14px}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #ab8ebd;outline-offset:4px}button{border:0;background:none}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,.serif{font-family:Journal,Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em}h1{font-size:42px;line-height:1.15}h2{font-size:25px}h3{font-size:15px;font-weight:600}p{line-height:1.6}.muted{color:var(--muted)}.tiny{font-size:11px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2px;font-weight:650;color:var(--muted)}.skip{position:fixed;top:-60px;left:20px;background:white;padding:15px;z-index:99}.skip:focus{top:10px}
.sidebar{width:238px;position:fixed;inset:0 auto 0 0;padding:34px 24px;background:#f5eeed;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:11px;align-items:center}.brand img{width:38px;height:38px}.brand-name{font-family:Georgia,serif;font-size:22px;letter-spacing:-.7px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2.2px;text-transform:uppercase;margin-top:5px}.sidebar nav{display:flex;flex-direction:column;gap:8px;margin-top:48px}.nav-btn{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:12px;font-size:13px;color:#796d79;text-align:left;min-height:46px}.nav-btn.active{background:#fffaf7;color:#78526f;font-weight:650;box-shadow:0 3px 14px #50394405}.nav-btn.active:after{content:'';margin-left:auto;width:5px;height:5px;border-radius:100%;background:#bb7b9d}.nav-btn:hover{background:#ffffff80}.sidebar-bottom{margin-top:auto}.journal-note{padding:22px 15px;background:#f1e4e8;border-radius:16px;margin-bottom:24px}.journal-note .serif{font-size:22px;margin:10px 0}.journal-note p{font-size:11px;color:#8d7381}.device-label{font-size:10px;display:flex;gap:7px;align-items:center;color:var(--muted);padding:0 7px}.device-label .icon{width:14px;height:14px}.shell{margin-left:238px}.topbar{height:87px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px;background:#fffaf740;gap:16px}.crumb{font-size:12px;color:var(--muted);display:flex;gap:10px;align-items:center}.top-actions{display:flex;align-items:center;gap:18px}.unit-switch{display:flex;gap:3px;background:#ede7e7;padding:3px;border-radius:8px}.unit-switch button{padding:5px 9px;font-size:10px;border-radius:6px;min-width:36px}.unit-switch .active{background:#fffdfa;box-shadow:0 1px 4px #00000008}.avatar{width:35px;height:35px;border-radius:50%;background:#edd9e3;display:grid;place-items:center;font-family:Georgia,serif;font-size:17px;border:3px solid #fffdfa}.private-label{font-size:10px;color:var(--muted);display:flex;gap:6px;align-items:center}.private-label .icon{width:13px;height:13px}.mobile-brand{display:none}
main{max-width:1500px;margin:auto;padding:37px 44px 36px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading .eyebrow{margin-bottom:11px}.page-heading p{margin-top:11px;font-size:12px;color:var(--muted)}.heading-actions{display:flex;gap:10px;align-items:center}.button{padding:11px 17px;border-radius:10px;background:#8b6683;color:white;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:550;font-size:12px;min-height:42px;text-decoration:none}.button .icon{width:16px;height:16px}.button:hover{background:#765570}.button.secondary{background:#fffdfa;color:#675466;border:1px solid var(--line)}.button.secondary:hover{background:#f3eaf0}.button.small{min-height:34px;font-size:11px;padding:8px 12px}.date-picker{display:flex;gap:4px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:3px}.date-picker input{width:128px;background:transparent;border:0;font-size:11px;padding:6px 1px;min-height:32px}.icon-btn{width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.icon-btn:hover{background:#eee5ed}.icon-btn .icon{width:16px;height:16px}
.welcome{position:relative;padding:27px 32px;background:#f3e2e7;border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;overflow:hidden;margin-bottom:24px;min-height:158px;border:1px solid #ecd7df}.welcome h2{font-size:30px;position:relative;z-index:1;line-height:1.2}.welcome p{font-size:12px;margin-top:9px;color:#8a6779;position:relative;z-index:1}.welcome .eyebrow{color:#9d7085;margin-bottom:10px;font-size:9px}.welcome-badge{display:inline-flex;gap:6px;padding:6px 10px;border-radius:20px;background:#fff9f5b8;font-size:10px;color:#936b7c;margin-top:14px}.nursery-art{width:190px;min-width:150px;height:140px;position:relative;flex-shrink:0;margin:-14px 10px -10px 10px}.moon{position:absolute;width:80px;height:80px;background:#ffefd8;border-radius:50%;left:62px;top:20px;box-shadow:inset -14px -6px #ecd3a9}.moon:before{content:'';position:absolute;width:74px;height:74px;background:#f3e2e7;border-radius:50%;left:21px;top:-12px}.cloud{position:absolute;left:25px;bottom:24px;width:131px;height:31px;background:#fff8f2;border-radius:40px;box-shadow:0 8px 15px #b0839810}.cloud:before{content:'';position:absolute;width:51px;height:51px;left:20px;top:-24px;background:#fff8f2;border-radius:50%}.cloud:after{content:'';position:absolute;width:39px;height:39px;right:19px;top:-17px;background:#fff8f2;border-radius:50%}.star{position:absolute;color:#bd93b1;font-size:20px;left:24px;top:10px}.star.two{font-size:13px;left:auto;right:7px;top:55px}.star.three{font-size:11px;top:50px;left:3px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:25px}.stat{padding:22px 23px;border-radius:18px;border:1px solid #e5dfee;background:#eee7f5;position:relative;overflow:hidden;min-height:153px}.stat.blue{background:#e7eff7;border-color:#dce5f0}.stat.peach{background:#faeade;border-color:#f0dfd1}.stat-top{display:flex;align-items:center;gap:9px;color:#78618e;font-size:11px;font-weight:550}.stat.blue .stat-top{color:#5b7892}.stat.peach .stat-top{color:#9f765b}.stat-top .icon{width:18px;height:18px}.stat-value{font-size:36px;margin-top:14px;letter-spacing:-1.5px;font-weight:450;line-height:1.1}.stat-value small{font-size:15px;letter-spacing:0;margin-left:4px;font-weight:400}.stat-value.empty{font-family:Georgia,serif;font-size:28px;letter-spacing:-.8px}.stat-sub{font-size:10px;color:#897791;margin-top:9px}.stat.blue .stat-sub{color:#74879a}.stat.peach .stat-sub{color:#a0806b}.stat-spark{position:absolute;right:20px;bottom:22px;width:69px;height:24px;opacity:.6}.stat-spark span{display:inline-block;width:5px;margin-left:4px;border-radius:2px;background:#c2afd8;vertical-align:bottom}.stats .stat:not(:first-child) .stat-spark span{background:currentColor}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:23px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)}.panel-pad{padding:24px}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px}.panel-header h2{font-size:24px}.panel-header p{font-size:10px;color:var(--muted);margin-top:6px}.panel-header .text-link{margin-top:3px}.text-link{color:#96718d;display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:4px 0}.text-link .icon{width:13px;height:13px}.segments{display:flex;gap:3px;align-items:center;padding:3px;background:#f2edee;border-radius:8px}.segments button{font-size:10px;padding:6px 10px;border-radius:6px;min-height:29px;white-space:nowrap}.segments .active{background:#fffdfa;color:#855c7d;box-shadow:0 1px 4px #00000007;font-weight:600}.chart-legend{display:flex;gap:14px;font-size:9px;color:var(--muted)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#b19acb;margin-right:5px}.dot.right{background:#e0d5ec}.dot.blue{background:#a4bdd5}.chart{width:100%;height:auto;display:block;overflow:visible}.chart text{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.chart .bar{cursor:pointer;transition:opacity .2s}.chart .bar:hover{opacity:.65}.chart-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin-top:9px;gap:14px}.chart-footer strong{font-size:21px;font-weight:500;letter-spacing:-.5px}.chart-footer small{font-size:11px}.chart-footer p{font-size:10px;color:var(--muted);margin-top:4px}.legend-pills{font-size:9px;background:#f2edf7;color:#8b759d;padding:7px 9px;border-radius:6px}.stack{display:flex;flex-direction:column;gap:22px;min-width:0}.rhythm{background:#f0edf7;border-color:#e6e0f1}.rhythm h2{font-size:23px}.rhythm .flower{font-size:28px;color:#b3a0ca}.rhythm p{font-size:11px;color:#8a7b97;line-height:1.8;margin:12px 0}.coverage-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.coverage-row{display:flex;justify-content:space-between;font-size:10px;color:#83748d}.coverage-row strong{font-weight:550;color:#62516d}.coverage-note{margin-top:17px;padding:11px;border-radius:10px;background:#fffaf570;font-size:10px;color:#8c7695;line-height:1.6}.quick-panel h2{font-size:22px;margin-bottom:17px}.quick-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-buttons button{background:#f2eaf6;color:#8b709e;border-radius:12px;padding:14px 5px;display:flex;flex-direction:column;gap:9px;align-items:center;font-size:10px}.quick-buttons button:nth-child(2){background:#eaf0f8;color:#7190ad}.quick-buttons button:nth-child(3){background:#fbeee3;color:#b48a6b}.quick-buttons button:hover{filter:brightness(.97)}.recent{margin-top:23px}.activity-list{display:flex;flex-direction:column}.activity{display:flex;gap:12px;align-items:center;padding:15px 0;border-top:1px solid #efe8e8}.activity:first-child{border-top:0}.activity-icon{width:37px;height:39px;display:grid;place-items:center;background:#f0eaf6;color:#9c84b5;border-radius:11px;flex-shrink:0}.activity-icon.bottle{background:#eaf1f8;color:#839eb6}.activity-icon.diaper{background:#f9eee5;color:#bf9677}.activity-icon.medical,.activity-icon.vaccine{background:#f8e8ee;color:#b67b96}.activity-body{min-width:0;flex:1}.activity-title{font-size:11px;font-weight:550;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.activity-title .tag{font-size:8px;padding:3px 6px;border-radius:4px;background:#f2edf5;color:#a18aad;white-space:nowrap}.activity p{font-size:10px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.activity-end{text-align:right;flex-shrink:0}.activity-end strong{font-size:12px;font-weight:550}.activity-end small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.empty-state{text-align:center;padding:35px 20px;color:var(--muted)}.empty-state .icon{width:29px;height:29px;margin-bottom:10px;color:#baa5c0}.empty-state p{font-size:12px}.empty-state .button{margin-top:15px}.footer{margin:29px 0 0;display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#a1959e}.footer span{display:flex;gap:5px;align-items:center}.footer .icon{width:12px;height:12px}.bottom-nav{display:none}.mobile-add{display:none}
.trends-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:23px}.trends-chart{grid-column:1/-1}.trend-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:16px}.trend-stat{padding:15px 20px;border:1px solid var(--line);border-radius:13px;background:#fcf9fc}.trend-stat strong{font-size:24px;font-weight:500}.trend-stat p{font-size:10px;color:var(--muted);margin-top:7px}.bars-horizontal{display:flex;height:21px;border-radius:8px;overflow:hidden;margin:20px 0 13px;background:#f3edf7}.bars-horizontal span{background:#b39dcb}.bars-horizontal span:nth-child(2){background:#dfd2eb}.split-values{display:flex;justify-content:space-between;gap:15px}.split-values strong{font-size:22px;font-weight:450;display:block;margin:10px 0 5px}.split-values small{font-size:10px;color:var(--muted)}.info-list{display:flex;flex-direction:column;gap:17px;margin-top:20px}.info-list div{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);gap:10px}.info-list strong{font-weight:500;color:var(--ink);text-align:right}
.filters{display:flex;gap:12px;margin-bottom:22px;flex-wrap:wrap}.search{flex:1;min-width:180px;position:relative}.search>.icon{position:absolute;left:14px;top:13px;width:17px;height:17px;color:#a08f9d}.search input{padding-left:41px;width:100%}.field-control{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--card);min-height:44px}.filters select{min-width:130px}.history-group+.history-group{margin-top:20px}.history-date{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#9e8d9a;margin-bottom:9px;display:flex;align-items:center;gap:10px}.history-date:after{content:'';height:1px;background:var(--line);flex:1}.history-panel{padding:4px 23px}.history-count{font-size:11px;color:var(--muted);margin-bottom:16px}.load-more{display:flex;justify-content:center;margin:25px}.delete{color:#a58b9c}.delete:hover{background:#f8e2e8;color:#9a426a}
.data-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:23px}.upload-zone{border:1.5px dashed #d6bfd2;border-radius:17px;background:#fbf6f8;text-align:center;padding:38px 20px;position:relative}.upload-zone.drag{background:#f2e3ed;border-color:#9e7897}.upload-zone>.icon{width:35px;height:35px;color:#ae89a4;margin-bottom:13px}.upload-zone h3{font-family:Georgia,serif;font-size:23px;font-weight:400;letter-spacing:-.6px}.upload-zone p{font-size:11px;color:var(--muted);margin:10px 0 19px}.upload-zone .button{cursor:pointer}.upload-zone input{position:absolute;width:1px;height:1px;opacity:0}.file-chosen{font-size:11px;color:#916985;margin:15px 0;overflow-wrap:anywhere}.import-preview{padding:19px;border:1px solid var(--line);border-radius:14px;margin-top:20px}.import-preview h3{margin-bottom:15px}.import-preview .info-list{margin-bottom:20px}.issue-list{font-size:10px;color:#9b647b;margin-top:15px;max-height:130px;overflow:auto;line-height:1.7}.import-actions{display:flex;gap:10px;margin-top:17px}.callout{border:1px solid #efdce4;background:#fcf2f5;color:#9b6a80;font-size:11px;line-height:1.8;padding:14px 17px;border-radius:12px;margin-top:19px}.backup{margin-top:23px}.backup h2{margin-bottom:10px}.backup p{font-size:11px;color:var(--muted);margin:12px 0 18px}.summary-numbers{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:23px}.summary-numbers strong{display:block;font-size:25px;font-weight:450}.summary-numbers small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.error{color:#a14366;background:#fff0f4;border-radius:9px;padding:12px;font-size:12px;margin:15px 0;line-height:1.6}.error:empty{display:none}
dialog{border:1px solid var(--line);border-radius:24px;background:var(--card);padding:28px;max-width:500px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 24px 100px #40354530;max-height:90dvh;overflow:auto}dialog::backdrop{background:#45314655;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.modal-head h2{font-size:30px}.modal-head p{font-size:11px;color:var(--muted);margin-top:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}.form-grid label{font-size:11px;font-weight:550;display:flex;flex-direction:column;gap:8px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-width:0;background:#fff;border:1px solid #e7dfe5;border-radius:9px;padding:11px 12px;font-size:12px;min-height:43px}.form-grid textarea{resize:vertical;min-height:75px}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.form-caption{font-size:10px;color:var(--muted);margin-top:14px;line-height:1.7}.entry-types{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap}.entry-types button{font-size:10px;border:1px solid var(--line);border-radius:8px;display:flex;gap:5px;align-items:center;padding:9px 12px}.entry-types .active{background:#eee5f4;color:#896b9a;border-color:#ddcce9}.entry-types .icon{width:14px;height:14px}#toast{position:fixed;bottom:25px;left:calc(50% + 119px);transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:99;background:#514055;color:#fffaf8;border-radius:12px;padding:13px 20px;font-size:12px;box-shadow:0 8px 40px #51405530;transition:.2s;max-width:calc(100% - 40px);line-height:1.6}#toast.show{opacity:1;transform:translate(-50%,0)}.loading{display:flex;min-height:85vh;justify-content:center;align-items:center;flex-direction:column;gap:16px}.loading p{font-size:12px;color:var(--muted)}.loading-flower{font-size:50px;color:#c495ad;animation:breathe 2s infinite}@keyframes breathe{50%{opacity:.5;transform:rotate(10deg)}}
@media(min-width:1600px){main{padding:45px 65px}.topbar{padding:0 65px}.welcome{min-height:172px}.stat{min-height:166px}.dashboard-grid{grid-template-columns:1.8fr 1fr}}
@media(max-width:1200px){.sidebar{width:205px;padding:30px 18px}.shell{margin-left:205px}.topbar{padding:0 28px}main{padding:30px 28px}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(245px,1fr)}h1{font-size:36px}.stat{padding:21px 18px}.stat-spark{display:none}.stats{gap:12px}.panel-pad{padding:21px}.welcome{padding:25px}.nursery-art{margin-right:-15px}.footer{font-size:8px}#toast{left:calc(50% + 102px)}}
@media(max-width:1000px){.sidebar{width:176px;padding:28px 13px}.brand{gap:7px}.brand-name{font-size:20px}.brand small{font-size:8px;letter-spacing:1.5px}.brand img{width:32px;height:32px}.shell{margin-left:176px}.nav-btn{font-size:12px;padding:13px 10px;gap:9px}.journal-note{padding:18px 12px}.journal-note .serif{font-size:20px}.dashboard-grid{grid-template-columns:1fr}.stack{display:grid;grid-template-columns:1.1fr 1fr;align-items:start}.recent{margin-top:23px}.quick-panel{order:1}.rhythm{order:2}.trends-grid,.data-grid{grid-template-columns:1fr 1fr}.topbar{padding:0 24px}main{padding:29px 24px}.page-heading{align-items:flex-start}.heading-actions>.button{display:none}.nursery-art{width:150px;min-width:125px}.welcome h2{font-size:27px}.welcome p{max-width:300px}.footer{font-size:9px}.private-label{display:none}#toast{left:calc(50% + 88px)}}
@media(max-width:700px){:root{font-size:14px}.sidebar{display:none}.shell{margin:0}.topbar{height:73px;padding:0 20px;border-bottom:0;gap:10px}.crumb{display:none}.mobile-brand{display:flex;align-items:center;gap:9px}.mobile-brand img{width:30px;height:30px}.mobile-brand strong{font-family:Georgia,serif;font-size:20px;letter-spacing:-.6px;font-weight:400}.mobile-brand small{display:block;font-size:7px;letter-spacing:1.7px;color:#a38899;margin-top:3px}.top-actions{gap:10px}.avatar{width:30px;height:30px;font-size:14px}.unit-switch button{font-size:9px;padding:5px 6px;min-width:30px}main{padding:19px 20px 105px}.page-heading{gap:9px;margin-bottom:23px;align-items:flex-start;flex-wrap:wrap}.page-heading h1{font-size:34px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:8px}.page-heading p{font-size:10px;margin-top:8px}.heading-actions{width:100%;justify-content:space-between;margin-top:5px}.date-picker{flex:1;max-width:230px;justify-content:space-between}.date-picker input{width:135px;font-size:11px}.heading-actions>.button{display:none}.heading-actions .today-btn{display:inline-flex;background:transparent;color:#987b91;border:0;font-size:10px;padding:8px}.welcome{padding:23px 22px;min-height:166px;margin-bottom:18px;border-radius:20px;align-items:center}.welcome h2{font-size:26px;max-width:200px}.welcome p{font-size:10px;max-width:190px;line-height:1.7}.welcome .eyebrow{font-size:8px;letter-spacing:1.5px}.welcome-badge{font-size:8px;padding:5px 8px;margin-top:12px}.nursery-art{width:100px;min-width:100px;transform:scale(.78);transform-origin:center;margin-right:-20px;margin-left:-18px}.moon{left:24px}.cloud{left:-15px}.star{left:-10px}.star.two{right:-18px}.star.three{left:-25px}.stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.stat{padding:17px 18px;min-height:133px;border-radius:17px}.stat:first-child{grid-column:1/-1;min-height:135px;display:grid;grid-template-columns:1fr auto;align-content:center}.stat:first-child .stat-top{grid-column:1/-1}.stat:first-child .stat-value{font-size:38px;margin-top:12px;grid-column:1}.stat:first-child .stat-sub{grid-column:1}.stat:first-child .stat-spark{display:block;bottom:28px;right:24px;width:95px;height:40px;transform:scaleY(1.4)}.stat-spark span{width:7px;margin-left:5px}.stat-value{font-size:29px}.stat-value small{font-size:12px}.stat-value.empty{font-size:26px}.stat-top{font-size:10px;gap:7px}.stat-top .icon{width:16px;height:16px}.stat-sub{font-size:9px;line-height:1.5;margin-top:8px}.dashboard-grid{gap:19px}.panel{border-radius:19px}.panel-pad{padding:20px}.panel-header h2{font-size:23px}.panel-header p{font-size:9px;max-width:200px;line-height:1.5}.panel-header{margin-bottom:15px}.segments button{padding:5px 8px;font-size:9px;min-height:28px}.chart-footer{margin-top:0;padding-top:15px}.chart-footer strong{font-size:20px}.chart-footer p{font-size:9px}.legend-pills{font-size:8px}.stack{display:flex;gap:19px}.quick-panel{order:1}.rhythm{order:2}.recent{margin-top:19px}.activity{padding:14px 0;gap:10px}.activity-title{font-size:11px}.activity p{font-size:9px}.activity-icon{width:35px;height:37px}.activity-end strong{font-size:11px}.activity-end small{font-size:8px}.footer{margin-top:24px;font-size:8px;flex-direction:column;align-items:center}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:25;display:flex;align-items:center;justify-content:space-around;height:calc(70px + env(safe-area-inset-bottom));padding:5px 8px calc(5px + env(safe-area-inset-bottom));background:#fffaf8f5;border-top:1px solid #e9e0e4;backdrop-filter:blur(15px)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 12px;color:#a28a9c;font-size:8px;min-width:57px}.bottom-nav .active{color:#875478}.bottom-nav .active .icon{fill:#ecdce7;stroke:#875478}.bottom-nav .nav-add{background:#a27998;color:white;width:43px;height:43px;min-width:43px;border-radius:15px;justify-content:center;box-shadow:0 4px 12px #a2799825}.bottom-nav .nav-add .icon{width:21px;height:21px}.trends-grid,.data-grid{grid-template-columns:1fr;gap:19px}.trends-chart{grid-column:auto}.trend-stats{gap:7px}.trend-stat{padding:12px 8px}.trend-stat strong{font-size:18px}.trend-stat p{font-size:8px;line-height:1.5}.filters{gap:9px}.search{flex:1 1 100%}.filters select{flex:1;min-width:0;font-size:11px}.filters input[type=date]{width:140px}.field-control{font-size:12px}.history-panel{padding:3px 15px}.history-date{font-size:9px}.history-panel .activity{gap:8px}.history-panel .activity-icon{width:30px;height:32px}.history-panel .activity-title{font-size:10px}.history-panel .delete{width:26px}.history-panel .activity-end{max-width:100px}.history-panel .activity-end strong{font-size:10px}.history-panel .activity-end small{font-size:8px}.upload-zone{padding:30px 15px}.upload-zone h3{font-size:22px}.backup{margin-top:19px}.callout{font-size:10px}.summary-numbers strong{font-size:24px}dialog{padding:23px 20px;max-height:88dvh;border-radius:21px}.modal-head h2{font-size:28px}.form-grid{gap:13px}.form-grid label{font-size:10px}.form-grid input,.form-grid select,.form-grid textarea{font-size:13px}.entry-types{gap:5px}.entry-types button{font-size:9px;padding:8px 9px}.form-actions .button{flex:1}#toast{left:50%;bottom:calc(85px + env(safe-area-inset-bottom));font-size:11px;width:max-content}.text-link{font-size:9px}.loading h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.heading-actions .today-btn{display:none}.filters .segments button{display:inline-flex;align-items:center;gap:6px}.filters .segments .icon{width:14px;height:14px}.info-list .icon{width:14px;height:14px;vertical-align:middle;margin-right:4px;color:#b59bae}.callout .icon{width:13px;height:13px;vertical-align:middle;margin-right:4px}.file-chosen .icon{width:13px;height:13px;vertical-align:middle}.stat-value.empty{line-height:1.2}.activity-end{max-width:43%}.activity-end strong{overflow-wrap:anywhere}.trends-grid>.rhythm{order:initial}#type-fields{margin:0}dialog[open]{animation:appear .15s ease-out}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.heading-actions .today-btn{display:inline-flex}.trends-grid .panel-header h2{font-size:21px}.stats .stat:first-child .stat-value.empty{font-size:30px}}
@media(max-width:700px){.mobile-brand strong{white-space:nowrap;font-size:18px}.chart text{font-size:15px}.nursery-art{position:absolute;right:4px;bottom:13px;opacity:.7;pointer-events:none}.welcome>div:first-child{position:relative;z-index:1}.welcome h2{max-width:230px}.welcome p{max-width:220px}.welcome{padding-right:85px}.top-actions{gap:8px}}
@media(max-width:360px){.top-actions .avatar{display:none}.welcome h2{font-size:25px}.welcome{padding-right:45px}.nursery-art{opacity:.45;right:-17px}.chart-legend{font-size:8px}.panel-header{gap:8px}.panel-header h2{font-size:21px}.segments button{padding:5px 7px}.stat{padding:17px 15px}}
.stat-sub{color:#74617e}.stat.blue .stat-sub{color:#5f768b}.stat.peach .stat-sub{color:#88664f}.chart text{fill:#827287}.legend-pills{color:#79628b}.welcome-badge{color:#83556c}.welcome p{color:#80576b}.quick-buttons button{color:#77598a}.quick-buttons button:nth-child(2){color:#567791}.quick-buttons button:nth-child(3){color:#926849}
.install-link{margin:0 7px 16px;font-size:11px;color:#82617c;gap:8px}.install-icon{display:block;border-radius:20px;margin:3px 0 18px}.install-intro{font-size:13px;color:#7b6278;line-height:1.8}.install-steps{padding-left:23px;font-size:12px;line-height:1.9;color:#796977}.install-steps li{padding:7px 0 7px 3px}.install-steps strong{color:#60475b}@media(display-mode:standalone){.topbar{padding-top:env(safe-area-inset-top);height:calc(73px + env(safe-area-inset-top))}main{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.bottom-nav{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}}@media(display-mode:standalone) and (min-width:701px){.topbar{height:calc(87px + env(safe-area-inset-top))}}
.access-shell{min-height:100dvh;display:grid;place-items:center;padding:36px 22px;margin:0 auto;max-width:none;background:radial-gradient(ellipse at 20% 10%,#f2e0e955,transparent 50%),#faf7f3}.access-card{width:100%;max-width:420px;padding:35px 30px;border:1px solid #eae0e6;background:#fffaf7;border-radius:27px;box-shadow:0 15px 50px #765b7308}.access-card>img{border-radius:24px;margin-bottom:27px}.access-card>.eyebrow{font-size:9px;margin-bottom:15px}.access-card h1{font-size:43px;line-height:1.12;margin-bottom:20px}.access-card>p:not(.eyebrow){color:#826f7e;font-size:12px;line-height:1.9}.access-card>.button{width:100%;margin-top:26px;min-height:46px}.access-card>.access-caption{font-size:10px!important;margin-top:15px}.access-install{margin-top:27px;padding-top:25px;border-top:1px solid #eadfe6}.access-install h2{font-size:24px}.access-install ol{padding-left:17px;font-size:11px;line-height:1.9;color:#826f7e}.access-install p{font-size:10px;color:#8c7687;line-height:1.8}.cloud-badge{font-size:10px;display:flex;align-items:center;gap:6px;color:#785c82}.cloud-badge[data-status="error"]{color:#a26b4f}.cloud-badge[data-status="saving"]{color:#846b97}.cloud-badge:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}.cloud-detail{font-size:11px;line-height:1.8;color:#826f7e;margin:14px 0}
/* Appearance follows the device by default; explicit choices are saved per device. */
:root{color-scheme:light}.theme-picker select{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:7px 4px;font-size:10px;max-width:65px;min-height:36px}.theme-picker{display:flex}
html[data-theme="dark"]{color-scheme:dark;--bg:#211e29;--card:#2c2735;--ink:#f1e8f1;--muted:#bdb0c2;--line:#473c4f;--pink:#49303f;--pink-deep:#efb2cd;--purple:#393049;--purple-deep:#d0b6e9;--blue:#2c3b4d;--blue-deep:#aacbea;--peach:#49372e;--peach-deep:#ecc4a7;--accent:#d5a9ce;--shadow:none}
html[data-theme="dark"] :is(.sidebar,.topbar){background:#27222f}html[data-theme="dark"] :is(.nav-btn,.install-link,.text-link,.private-label,.footer,.history-date){color:#cbb2cd}html[data-theme="dark"] :is(.nav-btn.active,.nav-btn:hover,.unit-switch .active,.segments .active,.button.secondary){background:#45354b;color:#f0d7ed}html[data-theme="dark"] :is(.unit-switch,.segments){background:#211e29}html[data-theme="dark"] .button{background:#b489ad;color:#211e29}html[data-theme="dark"] .button:hover{background:#d0a6c9}html[data-theme="dark"] :is(.journal-note,.welcome){background:#44303f;border-color:#634458}html[data-theme="dark"] .moon:before{background:#44303f}html[data-theme="dark"] :is(.cloud,.cloud:before,.cloud:after){background:#ad9da9}html[data-theme="dark"] :is(.welcome p,.welcome .eyebrow,.journal-note p){color:#e1bbd0}html[data-theme="dark"] .welcome-badge{background:#624355;color:#f3d9e7}
html[data-theme="dark"] :is(.stat,.rhythm){background:#393049;border-color:#514360}html[data-theme="dark"] :is(.stat-top,.stat-sub,.rhythm p,.coverage-row,.coverage-row strong,.rhythm .flower){color:#d0b6e9}html[data-theme="dark"] .stat.blue{background:#2c3b4d;border-color:#40556d}html[data-theme="dark"] .stat.blue :is(.stat-top,.stat-sub){color:#aacbea}html[data-theme="dark"] .stat.peach{background:#49372e;border-color:#684e3e}html[data-theme="dark"] .stat.peach :is(.stat-top,.stat-sub){color:#ecc4a7}
html[data-theme="dark"] :is(.coverage-note,.legend-pills,.trend-stat,.upload-zone,.import-preview){background:#342c3e;color:#d0b6e9;border-color:#62516e}html[data-theme="dark"] :is(.quick-buttons button,.activity-icon,.activity-title .tag,.entry-types .active){background:#453650;color:#d8bae9}html[data-theme="dark"] :is(.quick-buttons button:nth-child(2),.activity-icon.bottle){background:#304254;color:#b6d2eb}html[data-theme="dark"] :is(.quick-buttons button:nth-child(3),.activity-icon.diaper){background:#503e31;color:#f0cbab}html[data-theme="dark"] :is(.activity-icon.medical,.activity-icon.vaccine,.callout){background:#49313e;color:#f1bcd3;border-color:#69475a}html[data-theme="dark"] .activity{border-color:var(--line)}html[data-theme="dark"] .chart text{fill:#c9bbcf}html[data-theme="dark"] .chart line{stroke:#51455b}html[data-theme="dark"] :is(.form-grid input,.form-grid select,.form-grid textarea){background:#211e29;border-color:#57495f}html[data-theme="dark"] .error{background:#502c3c;color:#ffd0df}html[data-theme="dark"] :is(.install-intro,.install-steps,.install-steps strong,.cloud-detail,.cloud-badge,.file-chosen){color:#d5b6db}html[data-theme="dark"] .bottom-nav{background:#292330f5;border-color:#473c4f}html[data-theme="dark"] .bottom-nav button{color:#b8a1bf}html[data-theme="dark"] .bottom-nav .active{color:#ecc7e8}html[data-theme="dark"] .bottom-nav .active .icon{fill:#59405b;stroke:#ecc7e8}html[data-theme="dark"] .bottom-nav .nav-add{color:#211e29;background:#d3a4c7}html[data-theme="dark"] .access-shell{background:radial-gradient(ellipse at 20% 10%,#50374966,transparent 50%),#211e29}html[data-theme="dark"] .access-card{background:var(--card);border-color:var(--line)}html[data-theme="dark"] :is(.access-card>p:not(.eyebrow),.access-install ol,.access-install p){color:#cbb6ca}html[data-theme="dark"] .access-install{border-color:var(--line)}
@media(max-width:360px){.topbar{padding-left:14px;padding-right:14px}.top-actions{gap:5px}.mobile-brand{gap:5px}.mobile-brand strong{font-size:16px}.theme-picker select{max-width:55px;padding-left:2px;font-size:9px}}
.trend-controls{margin-bottom:22px}.chart-control-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;margin-bottom:18px}.chart-control-row label,.custom-dates label,.journal-date-label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:var(--muted)}.chart-control-row select{width:100%;min-width:0;color:var(--ink)}.range-options{width:max-content;max-width:100%;flex-wrap:wrap}.trend-controls .range-options button{min-height:36px;padding:8px 15px}.custom-dates{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-top:18px}.custom-dates label{flex:1;min-width:120px}.custom-dates input{width:100%;min-width:0}.custom-dates .error{flex-basis:100%;margin:0}.chart-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.chart-scroll .chart{overflow:hidden}.shortcut-links{display:grid;grid-template-columns:1fr 1fr;gap:15px}.shortcut-row{border:1px solid var(--line);border-radius:13px;padding:13px;min-width:0}.shortcut-row input{width:100%;font-size:10px;padding:10px;min-width:0;margin:10px 0 5px}.shortcut-name{display:flex;gap:7px;align-items:center;font-size:11px}.shortcut-name .icon{width:16px}.shortcut-name .button{margin-left:auto;font-size:9px;padding:7px}.shortcut-guide{border-top:1px solid var(--line);padding-top:20px;margin-top:22px;font-size:12px;color:var(--muted);line-height:1.8}.shortcut-guide summary{cursor:pointer;color:var(--ink);font-weight:550}.shortcut-guide ol{padding-left:20px}.shortcut-guide li{padding:6px 0}.shortcut-guide p{font-size:11px}.journal-date-label input{min-width:0}.filters:has(.journal-date-label){align-items:end}.filters .search{align-self:end}
@media(max-width:700px){.chart-control-row{grid-template-columns:1fr 1fr;gap:12px}.chart-control-row label:first-child{grid-column:1/-1}.trend-controls .range-options{width:100%;justify-content:space-between}.trend-controls .range-options button{padding:8px 10px;font-size:10px;min-height:40px}.custom-dates .button{width:100%}.shortcut-links{grid-template-columns:1fr}.journal-date-label{flex:1}.journal-date-label input[type=date]{width:100%;font-size:11px}.filters .button{min-height:44px}.chart-control-row select{font-size:13px}}
@media(max-width:360px){.chart-control-row{grid-template-columns:1fr}.chart-control-row select{font-size:13px}.trend-controls .range-options{justify-content:flex-start;gap:4px}.trend-controls .range-options button{flex:1;padding:8px 7px}}
/* One continuous crescent and two rounded cloud silhouettes, with theme-specific light. */
.nursery-art{--moon-light:#fff4d8;--moon-shade:#e8bd83;--cloud-light:#fffdf8;--cloud-shade:#f0dce7;--cloud-back:#e7c9dc;--sky-star:#b581a4;--cloud-seam:#ffffffa6;width:200px;min-width:150px;height:170px;margin:-15px 0;transform:none;opacity:1;pointer-events:none}
.nursery-sky{display:block;width:100%;height:100%;overflow:visible}.moon-light{stop-color:var(--moon-light)}.moon-shade{stop-color:var(--moon-shade)}.cloud-light{stop-color:var(--cloud-light)}.cloud-shade{stop-color:var(--cloud-shade)}.moon-halo{fill:#f7dca3;opacity:.12}.cloud-back{fill:var(--cloud-back)}.cloud-seam{stroke:var(--cloud-seam);stroke-width:1.5}.sky-stars{fill:var(--sky-star)}
html[data-theme="dark"] .nursery-art{--moon-light:#fff0c7;--moon-shade:#eac080;--cloud-light:#9a84af;--cloud-shade:#695577;--cloud-back:#584361;--sky-star:#e7c69c;--cloud-seam:#d9c5e145}html[data-theme="dark"] .moon-halo{fill:#edc98b;opacity:.08}
@media(max-width:1000px) and (min-width:701px){.nursery-art{width:160px;min-width:130px;height:150px}}
@media(max-width:700px){.welcome{padding:23px 20px;gap:5px;min-height:195px}.welcome>div:first-child{min-width:0;flex:1}.welcome h2{font-size:25px;max-width:230px}.welcome p{max-width:220px}.nursery-art{position:relative;right:auto;bottom:auto;width:100px;min-width:100px;height:140px;align-self:center;margin:0 -6px 0 0;transform:none;opacity:1}.welcome-badge{white-space:nowrap}}
@media(max-width:360px){.welcome{padding:22px 17px;gap:0}.welcome h2{font-size:24px}.nursery-art{width:78px;min-width:78px;height:122px;margin-right:-5px}.welcome-badge{font-size:7px}}
.sky-sun{display:block}.sun-halo{fill:#f3c96e;opacity:.12}.sun-disc{fill:#f1c16b;stroke:#f8d99b;stroke-width:2}.sun-rays{stroke:#d9a65a;stroke-width:2.5}.sky-moon,.moon-halo{display:none}html[data-theme="dark"] .sky-sun{display:none}html[data-theme="dark"] :is(.sky-moon,.moon-halo){display:block}
/* Explicit tracks keep Safari date inputs from overflowing flex items. */
.journal-filters{display:grid;grid-template-columns:minmax(180px,1fr) minmax(145px,.7fr) minmax(150px,.7fr) minmax(150px,.7fr) auto;align-items:end;gap:12px}.journal-filters>*{min-width:0;max-width:100%}.journal-filters .search{min-width:0}.journal-filters .journal-date-label{min-width:0;overflow:hidden}.journal-filters :is(input,select){box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:44px}.journal-filters input[type=date]{display:block;appearance:none;-webkit-appearance:none;text-align:left;padding:12px 10px}.journal-filters input[type=date]::-webkit-date-and-time-value{min-width:0;text-align:left}.journal-filters .button{min-height:44px;white-space:nowrap}
@media(max-width:1200px){.journal-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-filters .search{grid-column:1/-1}.journal-filters #history-type{grid-column:1/-1}.journal-filters .button{grid-column:1/-1;justify-self:start}}
@media(max-width:700px){.journal-filters{gap:12px}.journal-filters .button{width:100%;justify-self:stretch}.journal-filters input[type=date]{width:100%;font-size:14px;min-height:46px}.journal-filters #history-type{font-size:13px}}
@media(max-width:360px){.journal-filters{grid-template-columns:minmax(0,1fr)}}
/* Milk Stash uses the journal's nursery palette in both appearances. */
.milk-dashboard-link{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--line);background:var(--card);border-radius:14px;padding:15px 18px;margin:-8px 0 22px;color:var(--purple-deep)}.milk-dashboard-link>svg:last-child{margin-left:auto}.milk-hero{display:flex;justify-content:space-between;align-items:center;padding:28px 34px;background:var(--blue);margin-bottom:20px;gap:20px}.milk-hero h2{font-size:34px;line-height:1.2;margin:13px 0;color:var(--ink)}.milk-hero p{font-size:12px;color:var(--blue-deep);max-width:400px;margin-bottom:16px}.milk-bag-art{width:125px;height:150px;flex-shrink:0}.milk-hero>.milk-bag-art{width:160px;height:180px;transform:rotate(7deg)}.milk-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.milk-stats>div{border:1px solid var(--line);border-radius:18px;padding:20px;background:var(--card)}.milk-stats span{display:block;font-size:11px;color:var(--muted);margin-bottom:12px}.milk-stats strong{font-family:Georgia,serif;font-size:31px;font-weight:400;letter-spacing:-1px}.milk-stats small{font-size:13px;letter-spacing:0}.milk-stats .milk-date{font-size:26px}.milk-next{display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--purple);border:1px solid var(--line);padding:17px 22px;border-radius:16px;margin-bottom:20px;font-size:12px}.milk-next .icon{width:16px;vertical-align:middle;color:var(--purple-deep)}.milk-next p{font-size:11px;color:var(--muted);margin-top:6px}.milk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:20px}.milk-card{border:1px solid var(--line);border-radius:18px;padding:17px;min-width:0;background:var(--card)}.milk-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px}.milk-card-top>strong{letter-spacing:1px;font-size:10px}.milk-status{border-radius:20px;background:var(--blue);color:var(--blue-deep);font-size:10px;padding:6px 10px}.milk-status.thawing{background:var(--peach);color:var(--peach-deep)}.milk-status.available{background:var(--purple);color:var(--purple-deep)}.milk-status.used,.milk-status.discarded{background:var(--bg);color:var(--muted)}.milk-card-body{display:flex;align-items:center;gap:4px;padding:8px 0}.milk-card-body .milk-bag-art{width:85px;height:115px;margin-left:-7px}.milk-amount{font-family:Georgia,serif;font-size:31px}.milk-amount small{font-size:12px}.milk-card-body p{font-size:10px;color:var(--muted);margin-top:7px;line-height:1.9}.milk-card-body p strong{font-weight:500;color:var(--ink)}.milk-location{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;overflow-wrap:anywhere;margin:0 0 12px}.milk-location .icon{width:14px;height:14px}.milk-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.milk-note{font-size:11px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;padding:9px 0}.milk-filters{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:14px}.milk-filters label{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:11px;color:var(--muted)}.milk-filters .field-control{width:100%;min-width:0;min-height:44px;background:var(--bg);color:var(--ink)}.milk-empty{grid-column:1/-1;text-align:center;padding:10px 15px 30px}.milk-empty .milk-bag-art{width:115px;height:140px}.milk-empty p{font-size:12px;color:var(--muted);margin:13px auto 20px;max-width:400px}.stash-pump-link{flex-shrink:0}.activity:has(.stash-pump-link){flex-wrap:wrap}.activity:has(.stash-pump-link) .activity-body{min-width:130px}.milk-filters+.form-caption{margin-top:14px}
@media(max-width:1150px){.milk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.milk-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.bottom-nav button{padding:8px 5px;min-width:43px;font-size:8px}.page-heading:has([data-stash-add]){gap:18px}.page-heading>[data-stash-add]{display:flex;width:100%;min-height:46px}.milk-hero{padding:22px 20px;gap:0;border-radius:20px}.milk-hero h2{font-size:26px}.milk-hero p{font-size:11px}.milk-hero>.milk-bag-art{width:85px;height:125px;flex-shrink:0;margin-right:-10px}.milk-hero .eyebrow{font-size:8px}.milk-stats{gap:10px}.milk-stats>div{padding:17px}.milk-stats strong{font-size:29px}.milk-stats span{font-size:10px}.milk-next{padding:17px;align-items:flex-start;flex-direction:column}.milk-next .button{width:100%;min-height:44px}.milk-filters{grid-template-columns:1fr 1fr;gap:12px}.milk-filters label:last-child{grid-column:1/-1}.milk-filters .field-control{font-size:16px}.milk-grid{grid-template-columns:1fr}.milk-card{padding:18px}.milk-card-body{gap:20px}.milk-card-body .milk-bag-art{width:105px;height:130px}.milk-card-body p{font-size:12px}.milk-card-top{font-size:12px}.milk-card-top>strong{font-size:12px}.milk-actions .button{flex:1;min-height:44px}.milk-card .milk-amount{font-size:36px}.milk-location{font-size:12px}.milk-card .milk-note{font-size:12px}.stash-pump-link{font-size:10px;min-height:38px}.milk-dashboard-link{font-size:12px}.form-grid :is(input,select,textarea){font-size:16px;max-width:100%;min-width:0}.form-grid label{min-width:0}input[type=datetime-local]{appearance:none;-webkit-appearance:none}}
/* Brief feedback for recorded actions. No ambient or looping animation. */
.milk-liquid{transform-box:view-box;transform-origin:70px 151px}.milk-frost{pointer-events:none}.milk-snowflake{opacity:0;transform-box:fill-box;transform-origin:center}.milk-stats strong span{display:inline;margin:0;font:inherit;color:inherit}.milk-stats strong .sr-only{display:block}.milk-stats strong [data-count-visual]{font-variant-numeric:tabular-nums}.milk-receipt{justify-content:flex-start}.milk-receipt .milk-bag-art{width:65px;height:78px}.milk-receipt>span{flex:1}.milk-receipt small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.milk-receipt .button{margin-left:auto}
.cloud-badge:before{width:15px;height:13px;border-radius:0;flex-shrink:0;clip-path:polygon(17% 40%,20% 23%,35% 12%,55% 12%,70% 28%,76% 40%,89% 40%,100% 60%,95% 84%,83% 94%,17% 94%,2% 79%,0 58%);transition:clip-path .2s ease,background-color .2s ease}.cloud-badge[data-status="saved"]:before{clip-path:polygon(4% 50%,18% 36%,40% 61%,81% 10%,96% 24%,41% 93%)}.cloud-badge[data-status="error"]:before{clip-path:polygon(43% 0,57% 0,57% 65%,43% 65%,43% 0,43% 80%,57% 80%,57% 100%,43% 100%)}.cloud-just-saved:before{animation:cloud-confirm .45s ease-out 1}@keyframes cloud-confirm{0%{transform:scale(.65);opacity:.35}65%{transform:scale(1.15);opacity:1}100%{transform:scale(1)}}
/* Both sky elements remain mounted so day/night can crossfade. */
.sky-sun,.sky-moon,html[data-theme="dark"] .sky-sun,html[data-theme="dark"] .sky-moon{display:block;transform-box:view-box;transform-origin:100px 75px;transition:opacity .45s ease,transform .55s cubic-bezier(.22,1,.36,1)}.sky-sun{opacity:1;transform:rotate(0) scale(1)}.sky-moon{opacity:0;transform:translateY(9px) rotate(-12deg) scale(.9)}html[data-theme="dark"] .sky-sun{opacity:0;transform:translateY(9px) rotate(12deg) scale(.9)}html[data-theme="dark"] .sky-moon{opacity:1;transform:translateY(0) rotate(0) scale(1)}.nursery-art{transition:background-color .45s ease}.nursery-sky :is(.cloud-back,.sky-stars){transition:fill .45s ease}
@media(max-width:700px){.milk-receipt{flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px}.milk-receipt>span{min-width:150px}.milk-receipt .button{flex-basis:100%;margin-left:0}.milk-receipt .milk-bag-art{width:55px;height:66px}}
@media(prefers-reduced-motion:reduce){.milk-liquid,.milk-frost,.milk-snowflake,.cloud-badge:before,.sky-sun,.sky-moon,html[data-theme="dark"] .sky-sun,html[data-theme="dark"] .sky-moon,.nursery-art,.nursery-sky *{animation:none!important;transition:none!important}.milk-snowflake{opacity:0!important}}
/* Four destinations frame a true center action; settings live in the header. */
.settings-button{width:44px;height:44px;flex-shrink:0;color:var(--accent);border:1px solid var(--line);background:var(--card);border-radius:13px}.settings-button .icon{width:21px;height:21px}.settings-button.active{background:var(--purple);color:var(--purple-deep)}.settings-appearance{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.settings-appearance p{font-size:12px;margin-top:8px}.settings-appearance .theme-picker select{font-size:16px;max-width:none;padding:10px 13px;min-height:44px}
@media(max-width:700px){.bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;gap:0}.bottom-nav>button{width:100%;min-width:0;min-height:44px;padding:7px 2px}.bottom-nav .nav-add{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;gap:0;justify-self:center;align-self:center}.bottom-nav .nav-add .icon{display:block;width:22px;height:22px;margin:0}.top-actions{gap:8px}.settings-appearance{align-items:flex-start}.settings-appearance h2{font-size:23px}.settings-appearance p{font-size:11px}}
@media(max-width:360px){.topbar{padding-left:14px;padding-right:14px;gap:6px}.top-actions{gap:5px}.mobile-brand strong{font-size:16px}.settings-button{width:40px;height:40px}.settings-appearance{flex-wrap:wrap}}
/* Care workflows keep the journal's existing palette and comfortable touch targets. */
.latest-care{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.latest-care article{padding:18px;border:1px solid var(--line);border-radius:17px;background:var(--card)}.latest-care article>div{display:flex;align-items:center;gap:8px;color:var(--purple-deep);font-size:12px}.latest-care p{font-size:13px;margin:12px 0 5px}.latest-care small{display:block;font-size:10px;color:var(--muted)}.latest-care .text-link{margin-top:10px;min-height:32px}.enhance-panel{margin-bottom:22px}.enhance-panel>p{font-size:12px;margin:12px 0}.entry-tools{margin:14px 0 20px;padding:13px;border:1px solid var(--line);background:var(--purple);border-radius:12px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.entry-tools .form-caption{margin:0;width:100%}.quick-volumes{display:flex;flex-wrap:wrap;gap:7px;width:100%}.quick-volumes button{min-height:40px;border-radius:9px;padding:9px 12px;background:var(--card);color:var(--purple-deep);border:1px solid var(--line);font-size:12px}.draft-note{font-size:12px;color:var(--purple-deep);margin:10px 0}.correction-impact{background:var(--blue);color:var(--blue-deep);padding:14px;border-radius:12px;font-size:12px;margin-top:17px;line-height:1.7}.correction-impact[data-valid="false"]{background:var(--peach);color:var(--peach-deep)}.enhance-label{display:flex;flex-direction:column;gap:8px;margin-top:18px;font-size:12px}.enhance-label input{padding:13px;background:var(--bg);border:1px solid var(--line);border-radius:10px;font-size:16px}.reminder-list{margin:18px 0}.reminder-list article{display:flex;align-items:center;gap:8px;padding:14px 0;border-top:1px solid var(--line)}.reminder-list article>div{flex:1;min-width:0}.reminder-list strong{font-size:12px;overflow-wrap:anywhere}.reminder-list p{font-size:11px;color:var(--muted);margin:6px 0}.quiet-hours,.summary-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:20px 0}.quiet-hours label,.summary-form label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:var(--muted);min-width:0}.quiet-hours input,.summary-form input{font-size:16px;background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:11px;border-radius:9px;min-height:44px;min-width:0;max-width:100%;appearance:none}.summary-form .error{flex-basis:100%}.audit-history{margin-top:20px}.audit-history>summary{font-size:13px;color:var(--purple-deep)}.audit-history details{border-top:1px solid var(--line);margin-top:12px;padding-top:12px;font-size:12px}.audit-history details summary{cursor:pointer;line-height:1.6}.audit-history p{font-size:11px;color:var(--muted);margin-top:10px}.audit-history pre,.conflict-list pre{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);padding:13px;border-radius:9px;max-height:250px;overflow:auto}.conflict-list article{background:var(--peach);color:var(--peach-deep);border-radius:12px;padding:16px;margin-top:14px}.conflict-list p{font-size:12px;margin:10px 0}.conflict-list .button{margin:10px 6px 0 0}.reminder-banner{padding:19px;background:var(--peach);color:var(--peach-deep);border:1px solid var(--line);border-radius:17px;margin-bottom:20px;font-size:13px}.reminder-banner>div{display:flex;align-items:center;gap:8px;padding:12px 0;flex-wrap:wrap}.reminder-banner>div>span{flex:1;min-width:120px;overflow-wrap:anywhere}.milk-group-heading{grid-column:1/-1;font-family:Georgia,serif;color:var(--purple-deep);font-size:22px;margin:12px 0 0}.location-totals{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.location-totals span{font-size:11px;color:var(--blue-deep);background:var(--blue);border-radius:20px;padding:7px 11px}.milk-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.activity:has([data-edit-entry]){flex-wrap:wrap}.activity [data-edit-entry],.activity [data-repeat-entry]{min-width:38px;min-height:38px}
@media(max-width:700px){.latest-care{grid-template-columns:1fr;gap:10px}.latest-care article{display:grid;grid-template-columns:1fr auto;padding:15px 17px}.latest-care article>div{grid-column:1}.latest-care p{grid-column:1;font-size:12px;margin:8px 0 4px}.latest-care small{grid-column:1}.latest-care .text-link{grid-column:2;grid-row:1/4;align-self:center;font-size:12px;min-height:44px;margin:0}.quiet-hours,.summary-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quiet-hours .button{grid-column:1/-1}.summary-form .button{font-size:12px;min-height:44px}.summary-form .error{grid-column:1/-1}.milk-filters{grid-template-columns:1fr 1fr}.milk-filters label:last-child{grid-column:auto}.enhance-panel h2{font-size:25px}.reminder-list article{flex-wrap:wrap}.reminder-list article>div{min-width:65%;flex:1}.reminder-list .button{min-height:44px}.quick-volumes button{min-height:44px}.audit-history pre,.conflict-list pre{font-size:12px}.milk-actions .button{flex-basis:40%}}
.account-form{display:flex;flex-direction:column;gap:16px;margin:22px 0}.account-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted)}.account-form input,.account-form select,.account-members textarea,#invitation-result textarea{font-size:16px;min-width:0;width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}.account-form .button{min-height:46px}.account-families,.account-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.account-families .button{width:100%}.account-members p{padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.account-buttons .button{flex:1;min-height:44px}body[data-family-role="viewer"] :is([data-add],[data-stash-add],[data-stash-pump],[data-edit-entry],[data-repeat-entry],[data-edit-bag],[data-bag-action],[data-delete],[data-reminder-new],[data-reminder-edit],[data-reminder-done],[data-reminder-delete],[data-reminder-snooze],[data-stash-undo],.upload-zone,[data-action="backup"]){display:none!important}

.family-access{padding:22px;margin:20px 0;border:1px solid var(--line);border-radius:20px;background:var(--card);text-align:left}.family-access h2{font-size:1.5rem;margin:12px 0}.family-access p{line-height:1.65}.family-access-paid,.family-access-complimentary{border-color:var(--sage,#9ca98b)}.family-access-restricted{border-color:var(--rose,#cda5a0)}.access-card .button{min-height:46px}.account-form input{font-size:16px}