.topbar{z-index:5;min-height:var(--topbar-h);padding:var(--safe-t) var(--space-3) 0;background:var(--surface);border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:sticky;top:0}.topbar-left{min-width:0;display:flex}.topbar-right{justify-content:flex-end;display:flex}.topbar-logo{width:30px;height:30px}.topbar-title{color:var(--text-strong);font-weight:800}.topbar-icon{width:44px;height:44px;color:var(--text-strong);border-radius:50%;place-items:center;display:grid}.topbar-icon svg{width:22px;height:22px}.child-switch{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-2) 0 var(--space-1);border-radius:var(--radius-pill);color:var(--text-strong);cursor:pointer;max-width:100%;font-weight:800;display:flex;position:relative}.child-switch:hover{background:var(--surface-2)}.child-switch-chev{width:16px;height:16px;color:var(--text-muted)}.child-switch select{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.tabbar{z-index:5;max-width:720px;height:calc(var(--tabbar-h) + var(--safe-b));padding-bottom:var(--safe-b);background:var(--surface);border-top:1px solid var(--line);margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--text-muted);transition:color var(--duration-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:.7rem;font-weight:800;display:flex}.tab-icon{width:24px;height:24px}.tab.active{color:var(--green-dark)}.tab.active .tab-icon{color:var(--green)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-pill);font-weight:800;font-size:var(--text-base);transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-fast), box-shadow var(--duration-fast);display:inline-flex;position:relative}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-lg{min-height:56px;font-size:var(--text-lg)}.btn-block{width:100%}.btn-primary{background:var(--green);color:var(--on-accent);box-shadow:0 6px 16px #8dc63f59}.btn-primary:hover:not(:disabled){background:var(--green-dark)}.btn-secondary{background:var(--surface-2);color:var(--text-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-3)}.btn-ghost{color:var(--teal-dark);background:0 0}.btn-danger{background:var(--red-soft);color:var(--red)}.btn-spinner{border:2.5px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;position:absolute}.btn-label-loading{visibility:hidden}@keyframes spin{to{transform:rotate(360deg)}}.time-field{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--line);display:flex}.time-field-label{color:var(--text-strong);font-weight:800}.time-field-value{color:var(--teal-dark);border-bottom:2px solid var(--teal);padding-bottom:1px;font-weight:800;position:relative}.time-field-value input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.text-field{gap:var(--space-2);flex-direction:column;display:flex}.text-field-label{color:var(--text-strong);font-weight:800}.text-input{min-height:48px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1.5px solid var(--line);background:var(--surface);color:var(--text-strong);width:100%;font-weight:700}.text-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft);outline:none}.text-area{resize:vertical;min-height:80px}.field-group{gap:var(--space-3);flex-direction:column;display:flex}.field-group-title{font-size:var(--text-base)}.circle-choice{gap:var(--space-3);padding:var(--space-1) 0 var(--space-2);scrollbar-width:none;display:flex;overflow-x:auto}.circle-opt{border:1.5px solid var(--line-strong);background:var(--surface);width:78px;height:78px;color:var(--text);transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-fast);border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;display:flex}.circle-opt:active{transform:scale(.94)}.circle-opt-icon svg{width:24px;height:24px}.circle-opt-label{font-size:var(--text-xs);font-weight:800}.circle-opt.active{color:var(--on-accent);border-color:#0000}.pill-choice{gap:var(--space-2);flex-wrap:wrap;display:flex}.pill-opt{min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-sm);border:1.5px solid var(--line-strong);background:var(--surface);font-weight:800;font-size:var(--text-sm);color:var(--text)}.pill-opt.active{color:var(--on-accent);border-color:#0000}.pill-teal.active{background:var(--teal)}.pill-orange.active{background:var(--orange)}.pill-green.active{background:var(--green)}.pill-purple.active{background:var(--purple)}.swatches{gap:var(--space-3);display:flex}.swatch{border:3px solid #0000;border-radius:50%;width:40px;height:40px;box-shadow:inset 0 0 0 1px #00000014}.swatch[aria-checked=true]{border-color:var(--teal);box-shadow:0 0 0 2px var(--surface) inset}.auth-page{justify-content:center;gap:var(--space-6);min-height:100%;padding:var(--space-6) var(--space-4) calc(var(--safe-b) + var(--space-6));background:radial-gradient(120% 60% at 50% -10%, var(--bg-deep) 0%, transparent 60%), var(--bg);flex-direction:column;max-width:480px;margin:0 auto;display:flex}.auth-hero{text-align:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.auth-logo{width:72px;height:72px;margin-bottom:var(--space-2)}.auth-card{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.auth-error{color:var(--red);font-size:var(--text-sm);background:var(--red-soft);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.auth-foot{text-align:center}.avatar{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;font-weight:800;display:inline-grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.sheet{background:var(--bg);width:100%;max-width:720px;height:100%;max-height:100%;color:var(--text);border:0;flex-direction:column;margin:0 auto;padding:0;display:none;position:fixed;inset:0}.sheet[open]{animation:sheet-in var(--duration-normal) var(--ease-out);display:flex}.sheet::backdrop{background:#1e2a3a66}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.sheet-head{padding:calc(var(--safe-t) + var(--space-2)) var(--space-3) var(--space-2);background:var(--surface);border-bottom:1px solid var(--line);grid-template-columns:44px 1fr 44px;align-items:center;display:grid}.sheet-title{text-align:center;font-size:var(--text-base);font-weight:800}.sheet-action{justify-content:flex-end;display:flex}.sheet-icon-btn{width:44px;height:44px;color:var(--text-strong);border-radius:50%;place-items:center;display:grid}.sheet-icon-btn:hover{background:var(--surface-2)}.sheet-icon-btn svg{width:22px;height:22px}.sheet-body{padding:var(--space-4) var(--space-4) var(--space-8);gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sheet-foot{padding:var(--space-3) var(--space-4) calc(var(--safe-b) + var(--space-4));background:var(--surface);border-top:1px solid var(--line);gap:var(--space-3);display:flex}.sheet-foot>*{flex:1}.segmented{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-sm);gap:3px;padding:3px;display:flex}.seg{min-height:38px;font-weight:800;font-size:var(--text-sm);color:var(--text);transition:background-color var(--duration-fast), color var(--duration-fast);border-radius:7px;flex:1}.segmented-sm .seg{min-height:32px;font-size:var(--text-xs)}.seg.active{color:var(--on-accent)}.segmented-green .seg.active{background:var(--green)}.segmented-teal .seg.active{background:var(--teal)}.log-error{color:var(--red);background:var(--red-soft);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm)}.timer-launch{align-items:center;gap:var(--space-3);text-align:left;width:100%;padding:var(--space-3);border-radius:var(--radius);transition:transform var(--duration-fast) var(--ease-out);display:flex}.timer-launch:active{transform:scale(.98)}.side-buttons{justify-content:center;gap:var(--space-8);padding:var(--space-4) 0;display:flex}.side-btn{background:var(--orange);width:104px;height:104px;color:var(--on-accent);font-weight:800;font-size:var(--text-sm);letter-spacing:.04em;transition:transform var(--duration-fast) var(--ease-out);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;box-shadow:0 8px 20px #f5793a59}.side-btn:active{transform:scale(.95)}.side-btn svg{width:28px;height:28px}.food-grid{gap:var(--space-2);flex-wrap:wrap;display:flex}.food-chip{border-radius:var(--radius-pill);background:var(--surface);border:1.5px solid var(--line-strong);font-size:var(--text-sm);color:var(--text);padding:8px 14px;font-weight:700}.food-chip:hover{border-color:var(--green);color:var(--green-dark)}.tone-poo{background:var(--brown)}.active-timers{gap:var(--space-2);flex-direction:column;display:flex}.active-timer{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius);color:var(--text);display:flex}.active-timer-clock{font-variant-numeric:tabular-nums;font-weight:800;font-size:var(--text-lg);color:var(--text-strong)}.pulse{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #3cbfd866}50%{box-shadow:0 0 0 8px #3cbfd800}}.timer-page{gap:var(--space-5);min-height:100%;padding:calc(var(--safe-t) + var(--space-2)) var(--space-4) calc(var(--safe-b) + var(--space-6));max-width:720px;color:var(--text);--accent:var(--teal);--accent-soft:var(--teal-soft);background:radial-gradient(90% 45% at 50% 0%, var(--accent-soft) 0%, transparent 70%), var(--bg);flex-direction:column;margin:0 auto;display:flex}.timer-feeding{--accent:var(--orange);--accent-soft:var(--orange-soft)}.timer-pumping{--accent:var(--purple);--accent-soft:var(--purple-soft)}.timer-tummy{--accent:var(--pink);--accent-soft:var(--pink-soft)}.timer-head{grid-template-columns:44px 1fr 44px;align-items:center;display:grid}.timer-back{background:var(--surface);width:44px;height:44px;color:var(--text-strong);border-radius:50%;place-items:center;display:grid}.timer-back svg{width:22px;height:22px}.timer-kind{text-align:center;font-weight:800;font-size:var(--text-lg);color:var(--accent)}.timer-child{text-align:right;font-size:var(--text-sm);color:var(--text-muted)}.timer-clock-wrap{text-align:center;padding-top:var(--space-6)}.timer-clock{font-size:var(--text-timer);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--text-strong);font-weight:800;line-height:1}.timer-sub{margin-top:var(--space-2);color:var(--text-muted)}.stop-btn{background:var(--accent);width:168px;height:168px;color:var(--on-accent);justify-content:center;align-self:center;align-items:center;gap:var(--space-1);font-weight:800;font-size:var(--text-lg);box-shadow:0 16px 40px color-mix(in srgb, var(--accent) 40%, transparent);transition:transform var(--duration-fast) var(--ease-out);border-radius:50%;flex-direction:column;display:flex}.stop-btn:active{transform:scale(.95)}.stop-btn svg{width:44px;height:44px}.nursing-sides{justify-content:center;gap:var(--space-6);display:flex}.nurse-btn{border:3px solid var(--accent);background:var(--surface);width:140px;height:140px;color:var(--accent);transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-fast);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.nurse-btn:active{transform:scale(.95)}.nurse-btn svg{width:30px;height:30px}.nurse-btn.active{background:var(--accent);color:var(--on-accent);box-shadow:0 12px 30px color-mix(in srgb, var(--accent) 40%, transparent)}.nurse-time{font-size:var(--text-xl);font-variant-numeric:tabular-nums;font-weight:800}.nurse-label{font-size:var(--text-sm);font-weight:800}.timer-details{margin-top:auto}.ss-card{align-items:center;gap:var(--space-4);padding:var(--space-4);color:var(--text);background:linear-gradient(135deg, var(--teal-soft), transparent 70%), var(--surface);border:1px solid var(--line);display:flex}.ss-card.state-overdue{background:linear-gradient(135deg, var(--orange-soft), transparent 70%), var(--surface)}.ss-card.state-asleep{background:linear-gradient(135deg, var(--purple-soft), transparent 70%), var(--surface)}.ss-kicker{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--teal-dark);font-weight:800}.state-overdue .ss-kicker{color:var(--orange)}.state-asleep .ss-kicker{color:var(--purple)}.ss-headline{font-size:var(--text-xl);color:var(--text-strong);font-weight:800;line-height:1.2}.ss-sub,.ss-window{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.ss-window{color:var(--text);font-weight:700}.ss-ring{flex-shrink:0;width:80px;height:80px;position:relative}.ss-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ss-ring-track{fill:none;stroke:var(--line);stroke-width:6px}.ss-ring-fill{fill:none;stroke:var(--teal);stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.state-overdue .ss-ring-fill{stroke:var(--orange)}.state-asleep .ss-ring-fill{stroke:var(--purple)}.ss-ring-icon{color:var(--teal-dark);place-items:center;display:grid;position:absolute;inset:0}.state-overdue .ss-ring-icon{color:var(--orange)}.state-asleep .ss-ring-icon{color:var(--purple)}.ss-ring-icon svg{width:26px;height:26px}.tl-list{margin:0;padding:0;list-style:none;overflow:hidden}.tl-list li+li{border-top:1px solid var(--line)}.tl-row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);text-align:left;display:flex}.tl-row:hover{background:var(--surface-2)}.tl-text{flex-direction:column;min-width:0;display:flex}.tl-title{justify-content:space-between;gap:var(--space-2);color:var(--text-strong);font-weight:800;display:flex}.tl-time{color:var(--text-muted);font-weight:700;font-size:var(--text-sm);white-space:nowrap}.tl-detail{font-size:var(--text-sm);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tl-empty{text-align:center;padding:var(--space-4)}.track-list{gap:var(--space-3);flex-direction:column;display:flex}.track-card{transition:transform var(--duration-fast) var(--ease-out);align-items:stretch;display:flex;overflow:hidden}.track-card:active{transform:scale(.99)}.track-main{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);text-align:left;flex:1;display:flex}.track-text{flex-direction:column;line-height:1.25;display:flex}.track-title{font-size:var(--text-xs);letter-spacing:.03em;text-transform:uppercase;font-weight:800}.track-primary{font-size:var(--text-lg);color:var(--text-strong);font-weight:800}.track-secondary{font-size:var(--text-sm);color:var(--text-muted)}.track-actions{align-items:center;gap:var(--space-2);padding-right:var(--space-3);display:flex}.track-btn{width:44px;height:44px;color:var(--on-accent);transition:transform var(--duration-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid}.track-btn:active{transform:scale(.92)}.track-btn svg{width:22px;height:22px}.track-btn-plus{background:var(--surface-2);color:var(--text-strong)}.track-btn-plus:hover{background:var(--surface-3)}.today-chips{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.chip{font-size:var(--text-xs);border-radius:var(--radius-pill);white-space:nowrap;padding:4px 10px;font-weight:800}.splash{justify-content:center;align-items:center;gap:var(--space-3);background:var(--bg);flex-direction:column;min-height:100%;display:flex}.splash-logo{width:64px;height:64px;animation:splash-bob 1.6s var(--ease-out) infinite alternate}@keyframes splash-bob{0%{transform:translateY(-4px)}to{transform:translateY(4px)}}.cal-wrap{padding:var(--space-3);overflow-x:auto}.cal{width:100%;height:auto;display:block}.cal-grid{stroke:var(--line);stroke-width:1px}.cal-tick{fill:var(--text-muted);font-size:7.5px;font-weight:700;font-family:var(--font)}.cal-day{fill:var(--text-strong);font-size:8.5px;font-weight:800;font-family:var(--font)}.cal-day-today{fill:var(--green-dark)}.cal-night{fill:var(--teal)}.cal-nap{fill:var(--teal-light)}.cal-feed{fill:var(--orange)}.cal-solid{fill:var(--green)}.cal-pee{fill:var(--yellow)}.cal-poo{fill:var(--brown)}.cal-pump{fill:var(--purple)}.cal-now{stroke:var(--red);stroke-width:1.2px}.cal-legend{gap:var(--space-2) var(--space-3);padding-top:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap;font-weight:700;display:flex}.cal-legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:4px;display:inline-block}.cal-night-dot{background:var(--teal)}.cal-nap-dot{background:var(--teal-light)}.cal-feed-dot{background:var(--orange)}.cal-solid-dot{background:var(--green)}.cal-pee-dot{background:var(--yellow)}.cal-pump-dot{background:var(--purple)}.donut{flex-shrink:0;width:150px;height:150px;position:relative}.donut svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-track{fill:none;stroke:var(--surface-2);stroke-width:12px}.donut-seg{fill:none;stroke-width:12px}.donut-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-sub{font-size:var(--text-xs);color:var(--text-muted);font-weight:700}.donut-label{font-size:var(--text-xl);color:var(--text-strong);font-weight:800}.bars{width:100%;height:auto;display:block}.bars-grid{stroke:var(--line);stroke-width:1px}.bars-tick{fill:var(--text-muted);font-size:9px;font-weight:700;font-family:var(--font)}.bars-avg{stroke:var(--text-muted);stroke-width:1.5px;stroke-dasharray:4 4}.legend{gap:var(--space-3);flex-direction:column;display:flex}.legend-item{flex-direction:column;display:flex}.legend-name{font-size:var(--text-sm);color:var(--text-muted);align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.legend-value{font-size:var(--text-lg);color:var(--text-strong);font-weight:800}.cat-tabs{gap:var(--space-4);border-bottom:1px solid var(--line);scrollbar-width:none;display:flex;overflow-x:auto}.cat-tab{padding:var(--space-2) 2px var(--space-3);color:var(--text-muted);white-space:nowrap;border-bottom:3px solid #0000;font-weight:800}.cat-tab.active{color:var(--text-strong);border-bottom-color:var(--green)}.stat-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.stat{padding:var(--space-3);background:var(--surface-2);border-radius:var(--radius-sm);flex-direction:column;display:flex}.stat-name{font-size:var(--text-xs);color:var(--text-muted);font-weight:700}.stat-value{font-size:var(--text-lg);color:var(--text-strong);font-weight:800}.week-nav{justify-content:space-between;align-items:center;display:flex}.week-btn{background:var(--surface);width:40px;height:40px;color:var(--text-strong);box-shadow:var(--shadow-card);border-radius:50%;place-items:center;display:grid}.week-btn:disabled{opacity:.4}.week-btn svg{width:20px;height:20px}.week-label{color:var(--text-strong);font-weight:800}.day-heading{font-size:var(--text-base);padding:0 var(--space-1)}.ss-facts{gap:var(--space-3);grid-template-columns:1fr 1fr;margin:0;display:grid}.ss-facts div{background:var(--surface-2);border-radius:var(--radius-sm);padding:var(--space-3)}.ss-facts dt{font-size:var(--text-xs);color:var(--text-muted);font-weight:700}.ss-facts dd{color:var(--text-strong);margin:2px 0 0;font-weight:800}.ss-list{gap:var(--space-1);font-size:var(--text-sm);flex-direction:column;margin:0;padding-left:1.2em;display:flex}.child-hero{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);background:radial-gradient(80% 60% at 50% 0%, var(--teal-soft) 0%, transparent 70%), var(--surface);flex-direction:column;display:flex}.growth-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.growth-stat{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-2);flex-direction:column;display:flex}.growth-stat .strong{font-size:var(--text-lg)}.child-list{margin:0;padding:0;list-style:none;overflow:hidden}.child-list li+li{border-top:1px solid var(--line)}.child-row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);text-align:left;display:flex}.child-row:hover{background:var(--surface-2)}.child-check{width:22px;height:22px;color:var(--green-dark)}.unit-row{align-items:center;gap:var(--space-3);color:var(--text-strong);grid-template-columns:1fr 160px;font-weight:800;display:grid}.toggle-grid{gap:var(--space-2);flex-wrap:wrap;display:flex}.toggle-chip{border-radius:var(--radius-pill);border:1.5px solid var(--line-strong);background:var(--surface);font-weight:800;font-size:var(--text-sm);color:var(--text-muted);padding:8px 14px}.toggle-chip.on{border-color:#0000}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f9fb;--bg-deep:#c9eef5;--surface:#fff;--surface-2:#eaf5f8;--surface-3:#dcedf2;--text:#3b4859;--text-strong:#2a3545;--text-muted:#7b8795;--line:#e1ebef;--line-strong:#c9d8de;--green:#8dc63f;--green-dark:#6ea32b;--green-soft:#e9f5d8;--teal:#3cbfd8;--teal-dark:#2699b0;--teal-soft:#d7f1f6;--teal-light:#a9dcea;--orange:#f5793a;--orange-soft:#fde7db;--yellow:#f2c21f;--yellow-soft:#fcf3cc;--purple:#8b7bc4;--purple-soft:#e9e4f5;--brown:#8b5a2b;--pink:#ef5da8;--pink-soft:#fce0ef;--red:#e5473b;--red-soft:#fbe0dd;--navy:#1e2a3a;--on-accent:#fff;--shadow-card:0 1px 2px #2a35450f, 0 6px 18px #2a35450f;--shadow-float:0 12px 32px #2a35452e;--font:"Nunito", ui-rounded, "SF Pro Rounded", "Avenir Next", system-ui, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-timer:clamp(3rem, 14vw, 4.5rem);--radius-sm:10px;--radius:16px;--radius-lg:22px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--tabbar-h:64px;--topbar-h:56px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--duration-fast:.15s;--duration-normal:.28s;--ease-out:cubic-bezier(.16, 1, .3, 1)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#172030;--bg-deep:#111925;--surface:#202c3e;--surface-2:#283649;--surface-3:#324258;--text:#eef3f7;--text-strong:#fff;--text-muted:#98a6b7;--line:#2f3d52;--line-strong:#41526b;--green-soft:#2b3d1f;--teal-soft:#1e3a44;--orange-soft:#47301f;--yellow-soft:#45391a;--purple-soft:#312c48;--pink-soft:#45213a;--red-soft:#47231f;--shadow-card:0 1px 2px #0000004d, 0 6px 18px #00000040;--shadow-float:0 12px 32px #00000080}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#172030;--bg-deep:#111925;--surface:#202c3e;--surface-2:#283649;--surface-3:#324258;--text:#eef3f7;--text-strong:#fff;--text-muted:#98a6b7;--line:#2f3d52;--line-strong:#41526b;--green-soft:#2b3d1f;--teal-soft:#1e3a44;--orange-soft:#47301f;--yellow-soft:#45391a;--purple-soft:#312c48;--pink-soft:#45213a;--red-soft:#47231f;--shadow-card:0 1px 2px #0000004d, 0 6px 18px #00000040;--shadow-float:0 12px 32px #00000080}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);font-size:var(--text-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0;font-weight:600;line-height:1.4}h1,h2,h3,p{margin:0}h1{font-size:var(--text-2xl);color:var(--text-strong);letter-spacing:-.01em;font-weight:800}h2{font-size:var(--text-xl);color:var(--text-strong);font-weight:800}h3{font-size:var(--text-lg);color:var(--text-strong);font-weight:800}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}input,select,textarea{font:inherit;color:inherit}a{color:var(--teal-dark);text-decoration:none}.muted{color:var(--text-muted)}.small{font-size:var(--text-sm)}.xs{font-size:var(--text-xs)}.strong{color:var(--text-strong);font-weight:800}:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:6px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:var(--bg);flex-direction:column;max-width:720px;min-height:100%;margin:0 auto;display:flex}.page{padding:var(--space-4) var(--space-4) calc(var(--tabbar-h) + var(--safe-b) + var(--space-6));gap:var(--space-4);animation:page-in var(--duration-normal) var(--ease-out) both;flex-direction:column;flex:1;display:flex}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-card)}.card-pad{padding:var(--space-4)}.row{align-items:center;gap:var(--space-3);display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.stack{gap:var(--space-3);flex-direction:column;display:flex}.grow{flex:1;min-width:0}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.section-title{font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);padding:0 var(--space-1);font-weight:800}.icon-circle{width:44px;height:44px;color:var(--on-accent);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.icon-circle svg{width:24px;height:24px}.icon-circle.lg{width:56px;height:56px}.icon-circle.lg svg{width:30px;height:30px}.icon-circle.sm{width:32px;height:32px}.icon-circle.sm svg{width:18px;height:18px}.tone-sleep{background:var(--teal)}.tone-feeding{background:var(--orange)}.tone-diaper{background:var(--yellow)}.tone-pumping{background:var(--purple)}.tone-solids{background:var(--green)}.tone-tummy{background:var(--pink)}.tone-growth{background:var(--green-dark)}.tone-health{background:var(--red)}.tone-note{background:var(--text-muted)}.text-sleep{color:var(--teal-dark)}.text-feeding{color:var(--orange)}.text-diaper{color:#c99d0b}.text-pumping{color:var(--purple)}.text-solids{color:var(--green-dark)}.text-tummy{color:var(--pink)}.text-growth{color:var(--green-dark)}.text-health{color:var(--red)}.text-note{color:var(--text-muted)}.soft-sleep{background:var(--teal-soft)}.soft-feeding{background:var(--orange-soft)}.soft-diaper{background:var(--yellow-soft)}.soft-pumping{background:var(--purple-soft)}.soft-solids{background:var(--green-soft)}.soft-tummy{background:var(--pink-soft)}.soft-growth{background:var(--green-soft)}.soft-health{background:var(--red-soft)}.soft-note{background:var(--surface-2)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}