*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:var(--canvas);scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(900px 420px at 8% -12%,#ffc4d073,transparent 62%),radial-gradient(720px 380px at 110% 0%,#f4bacc47,transparent 58%),var(--canvas);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,PingFang SC,HarmonyOS Sans SC,MiSans,Noto Sans SC,Microsoft YaHei,sans-serif;font-size:15px;font-weight:500;line-height:1.5}button,a{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button{appearance:button;touch-action:manipulation;cursor:pointer;background:0 0;border:0}a{text-decoration:none}svg{display:block}small{font-size:.72em}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:650;line-height:1.35}h1,h2,.section-heading h2,.daily-summary-heading h2{letter-spacing:-.02em;font-size:18px}h3{font-size:16px}.eyebrow,.section-subtitle,.day-weekday{color:var(--muted);font-size:12px;font-weight:500;line-height:1.5}[hidden]{display:none!important}button:focus-visible{outline:2px solid var(--peach);outline-offset:2px}a:focus-visible{outline:2px solid var(--peach);outline-offset:2px}summary:focus-visible{outline:2px solid var(--peach);outline-offset:2px}select:focus-visible{outline:2px solid var(--peach);outline-offset:2px}.chip:focus-visible{outline:2px solid var(--peach);outline-offset:2px}section{scroll-margin-top:96px}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}:root{--ink:#3d2830;--muted:#8a6672;--paper:#fffdfd;--canvas:#fbf6f6;--peach:#e9899c;--peach-deep:#d4657c;--peach-soft:#fdecef;--urine:#5f8fa3;--urine-ink:#2f6478;--urine-soft:#e7f3f7;--band:#6d9a8424;--stool:#a15b48;--stool-soft:#f8ebe7;--bath:#6d97b8;--bath-soft:#e8f2f8;--sage:#6d9a84;--sage-soft:#e8f3ee;--line:#783c501a;--shadow:0 10px 28px #783c5014;--control:#f4ecee;--grid:#783c5029;--ref-upper:#c98498;--ref-lower:#e3b3c0;--label-ink:#2f5c43;--radius:22px}.site-shell{padding:0 14px calc(28px + env(safe-area-inset-bottom));width:min(100%,1120px);margin:0 auto}.page-grid{display:grid;gap:14px}.app-bar{position:sticky;z-index:30;padding:max(8px,env(safe-area-inset-top))14px 6px;backdrop-filter:blur(16px);background:#fbf6f6e6;margin:0 -14px 14px;top:0}.topbar{display:flex;justify-content:space-between;align-items: center;gap:8px;min-height:36px}.brand-lockup{display:flex;align-items: center;gap:8px}.brand-mark{display:grid;color:#fff;background:linear-gradient(160deg,#f4a8b6,var(--peach-deep));border-radius:11px;place-items: center;width:32px;height:32px;box-shadow:0 6px 14px #d4657c47}.topbar{flex-wrap:wrap}.topbar-tools{display:flex;justify-content:flex-end;align-items: center;gap:8px;margin-left:auto}.theme-toggle{display:inline-flex;background:var(--control);border-radius:999px;padding:2px}.theme-toggle button{color:var(--muted);border-radius:999px;min-height:28px;padding:2px 8px;font-size:12px;font-weight:650}.theme-toggle button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px #5028371f}.baby-badge{background:var(--paper);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500}.section-nav{display:flex;overflow-x:auto;scrollbar-width:none;gap:4px}.section-nav::-webkit-scrollbar{display:none}.section-nav a,.section-nav button{display:inline-flex;color:var(--muted);border-radius:999px;flex:none;align-items: center;min-height:36px;padding:6px 12px;font-size:14px;font-weight:650}.section-nav a:hover,.section-nav button:hover{color:var(--peach-deep);background:var(--peach-soft)}.section-nav button{color:var(--peach-deep);margin-left:auto}.card,.overview{border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);min-width:0;padding:16px}.section-heading{display:flex;justify-content:space-between;align-items: flex-start;gap:10px;margin-bottom:12px}.month-actions{display:flex;gap:6px}.month-actions button,.date-controls button{display:grid;background:var(--control);color:var(--ink);border-radius:12px;place-items: center;width:36px;height:36px}.month-actions button:disabled{opacity:.35}.hero{display:grid;background:linear-gradient(165deg,#fff 0%,#fff5f7 68%,#fde8ee 100%);border-radius:24px;gap:12px;margin-bottom:14px;padding:16px}.hero-main{display:grid;text-align:left;gap:2px;width:100%}.hero-kicker{display:inline-flex;color:var(--peach-deep);align-items: center;gap:6px;font-size:14px;font-weight:650}.hero-main strong{color:var(--ink);letter-spacing:-.03em;font-size:34px;font-weight:650;line-height:1.15}.hero-main strong small{color:var(--peach);margin-right:4px;font-size:16px;font-weight:650}.hero-amount{color:var(--muted);font-size:15px;font-weight:500}.hero-aside{display:grid;gap:8px}.hero-next{display:flex;color:var(--muted);align-items: center;gap:6px;font-size:15px;font-weight:500}.hero-next b{color:var(--peach-deep);font-size:16px;font-weight:650}.hero-chips{display:flex;flex-wrap:wrap;gap:8px}.day-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.pill,.chip,.supplement-line{display:inline-flex;border-radius:999px;align-items: center;gap:5px;min-height:32px;padding:4px 10px;font-size:14px;font-weight:650}.pill b{font-size:15px}.pill.feeding,.chip.feeding,.chip.birth{color:var(--peach-deep);background:var(--peach-soft)}.pill.urine,.chip.urine{color:var(--urine-ink);background:var(--urine-soft)}.pill.stool,.chip.stool,.chip.note{color:var(--stool);background:var(--stool-soft)}.chip.bath{color:var(--bath);background:var(--bath-soft)}.chip.weight,.chip.length,.supplement-green{color:var(--label-ink);background:var(--sage-soft)}.supplement-line{color:var(--bath);background:var(--bath-soft);margin:8px 0 2px}.overview-heading{margin:4px 0 8px}.daily-summary-heading h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 8px}.jump-row{display:flex;flex-wrap:wrap;align-items: center;gap:8px;margin-bottom:8px}.jump-row label{display:inline-flex;color:var(--muted);align-items: center;gap:6px;font-size:14px}.jump-row select,.jump-row button{background:var(--control);color:var(--ink);border-radius:12px;min-height:36px;padding:4px 10px;font-size:14px}.jump-row button:disabled,.date-controls button:disabled,.month-actions button:disabled,.calendar-grid button:disabled{opacity:.35;cursor:not-allowed}.month-list{display:grid;gap:8px}.month-list button{display:grid;background:var(--control);text-align:left;border-radius:16px;gap:2px;width:100%;padding:10px 12px}.month-list button.is-current{background:var(--peach-soft)}.month-list strong{font-size:16px}.month-list span{color:var(--muted);font-size:14px}.date-controls{display:grid;grid-template-columns:36px minmax(0,1fr)36px;gap:8px;margin-bottom:8px}.date-controls .date-picker-toggle{display:flex;background:var(--control);color:var(--ink);border-radius:12px;justify-content:center;align-items: center;gap:6px;width:auto;font-size:14px;font-weight:650}.date-picker-toggle[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.info-note{color:var(--muted);margin-top:8px}.info-note summary{display:inline-flex;color:var(--muted);list-style:none;cursor:pointer;align-items: center;gap:4px;min-height:28px;font-size:12px;font-weight:650}.info-note summary::-webkit-details-marker{display:none}.info-note div,.info-note p{margin-top:4px;font-size:14px;font-weight:500;line-height:1.5}.info-note a{color:var(--peach-deep);text-underline-offset:2px}.reference-details{margin-top:8px}.reference-details summary{display:flex;color:var(--peach-deep);list-style:none;cursor:pointer;justify-content:space-between;align-items: center;gap:8px;min-height:44px;font-size:15px;font-weight:650}details:not([open])>:not(summary){display:none}.reference-details summary::-webkit-details-marker{display:none}.reference-details[open] summary>svg{transform:rotate(180deg)}.reference-summary{display:grid;gap:10px;padding-bottom:4px}.reference-heading{display:flex;color:var(--muted);flex-wrap:wrap;align-items: center;gap:6px;font-size:14px}.reference-heading b,.reference-heading>span{color:var(--ink);font-weight:650}.reference-summary p{color:var(--muted);margin-top:6px;font-size:14px;line-height:1.5}.formula-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0}.formula-metrics span{display:block;color:var(--muted);margin-bottom:2px;font-size:12px}.formula-metrics strong{font-size:15px;font-weight:650}.formula-table-scroll{overflow-x:auto;margin:8px 0}.formula-table{border-collapse:collapse;width:100%;min-width:520px;font-size:13px}.formula-table caption{color:var(--muted);text-align:left;padding-bottom:6px}.formula-table th,.formula-table td{border-bottom:1px solid var(--line);text-align:left;padding:7px 6px}.formula-table .is-current{background:var(--peach-soft);color:var(--peach-deep)}.calendar-panel{margin-bottom:10px}.calendar-panel .section-heading{margin-bottom:8px}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.weekdays{color:var(--muted);text-align:center;margin-bottom:4px;font-size:12px}.calendar-grid button{position:relative;display:grid;border-radius:10px;place-items: center;min-height:36px;font-size:14px;font-weight:500}.calendar-grid button.outside{color:#8a667273}.calendar-grid button.selected{color:#fff;background:var(--peach)}.calendar-grid button i{position:absolute;background:var(--peach);border-radius:50%;width:4px;height:4px;bottom:4px}.calendar-grid button.selected i{background:#fff}.calendar-legend{display:flex;color:var(--muted);justify-content:space-between;margin-top:8px;font-size:12px}.calendar-legend span:first-child{display:inline-flex;align-items: center;gap:6px}.calendar-legend i{background:var(--peach);border-radius:50%;width:5px;height:5px}.timeline{display:grid;gap:8px}.timeline-item{display:grid;grid-template-columns:52px minmax(0,1fr);align-items: start;gap:8px;padding:4px 0}.timeline-item.is-highlighted{background:var(--peach-soft);border-radius:14px;margin:0 -6px;padding:6px}.timeline-item time{color:var(--muted);padding-top:7px;font-size:14px;font-weight:650}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip em{font-size:12px;font-style:normal;font-weight:650}.event-copy p{color:var(--muted);margin-top:4px;font-size:14px;line-height:1.5}.event-icon{display:inline-grid;place-items: center;width:16px;height:16px}.empty-state{display:grid;color:var(--muted);text-align:center;align-content: center;place-items: center;gap:6px;min-height:120px}.text-button{display:inline-flex;background:var(--peach-soft);color:var(--peach-deep);border-radius:999px;align-items: center;gap:4px;min-height:32px;padding:4px 10px;font-size:14px;font-weight:650}.timeline-footer{display:flex;color:var(--muted);justify-content:space-between;align-items: center;gap:8px;margin-top:6px;font-size:14px}.timeline-footer [aria-expanded=true]>svg,.reference-details[open] summary>svg{transform:rotate(180deg)}.weekly-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.weekly-metrics span{display:block;color:var(--muted);margin-bottom:2px;font-size:12px;font-weight:500}.weekly-metrics strong{font-size:18px;font-weight:650}.weekly-metrics small{color:var(--muted);font-size:12px;font-weight:500}.trend-title{display:flex;justify-content:space-between;align-items: center;gap:8px;margin-bottom:10px}.weekly-secondary{display:flex;flex-wrap:wrap;gap:6px}.weekly-secondary span{background:var(--control);color:var(--muted);border-radius:999px;padding:3px 8px;font-size:12px;font-weight:650}.milk-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items: end;gap:6px}.chart-day{display:grid;align-content: end;justify-items:center;min-height:96px}.chart-day.is-empty{opacity:.72;min-height:48px}.chart-value{color:var(--peach-deep);height:18px;font-size:12px;font-weight:650}.bar-track{display:flex;align-items: flex-end;width:min(22px,70%);height:72px}.chart-day.is-empty .bar-track{height:8px}.bar-track>span{background:linear-gradient(180deg,#f4b3c0,var(--peach-deep));border-radius:8px 8px 4px 4px;width:100%}.bar-track>span.has-uncertain{background:repeating-linear-gradient(-45deg,var(--peach),var(--peach)4px,#f8d5de 4px,#f8d5de 7px)}.chart-day strong{margin-top:6px;font-size:12px;font-weight:650}.chart-day small{display:flex;color:var(--muted);flex-direction:column;align-items: center;font-size:12px}.growth-charts{display:grid;gap:18px}.growth-heading{margin-bottom:8px}.latest-weight{text-align:right}.latest-weight strong{display:block;color:var(--sage);font-size:24px;font-weight:650;line-height:1.15}.latest-weight span{color:var(--muted);font-size:12px}.growth-legend{display:flex;color:var(--muted);flex-wrap:wrap;gap:8px 14px;margin-bottom:8px;font-size:12px;font-weight:650}.growth-legend span{display:inline-flex;align-items: center;gap:6px}.growth-legend span:before{content:"";background:var(--sage);border-radius:99px;width:16px;height:3px}.growth-legend .upper-line:before{background:var(--ref-upper)}.growth-legend .lower-line:before{border-top:2px dashed var(--ref-lower);background:0 0;height:0}.growth-chart-scroll{overflow-x:auto}.growth-chart{display:block;overflow:hidden;width:100%;height:auto}.growth-chart-scroll.is-full .growth-chart{min-width:880px}.chart-hint{color:var(--muted);margin-bottom:6px;font-size:12px}.grid-line{stroke:var(--grid);stroke-width:1}.grid-line.vertical{stroke-dasharray:3 6}.axis-label{fill:var(--muted);font-size:12px;font-weight:500}.reference-band{fill:var(--band)}.reference-line,.baby-weight-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.reference-line{stroke-width:2}.reference-line.upper{stroke:var(--ref-upper)}.reference-line.lower{stroke:var(--ref-lower);stroke-dasharray:5 5}.baby-weight-line{stroke:var(--sage);stroke-width:3}.weight-dot{fill:var(--paper);stroke:var(--sage);stroke-width:3}.weight-label{fill:var(--label-ink);paint-order:stroke;stroke:var(--paper);stroke-width:4px;font-size:12px;font-weight:650}.measure-list{display:grid;margin-top:10px}.measure-list div{display:flex;border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0}.measure-list dt{color:var(--muted);font-size:13px}.measure-list dd{color:var(--ink);font-size:15px;font-weight:650}footer{display:flex;color:var(--muted);justify-content:space-between;align-items: center;gap:8px;font-size:12px}.update-toast{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:40;color:#fff;background:var(--peach-deep);box-shadow:var(--shadow);border-radius:999px;padding:8px 12px;font-size:13px}@media (min-width:720px){.site-shell{padding-inline-start:24px;padding-inline-end:24px}.app-bar{margin-inline-start:-24px;margin-inline-end:-24px;padding-inline-start:24px;padding-inline-end:24px}.hero{grid-template-columns:minmax(0,1fr)minmax(220px,auto);align-items: center}.hero-main strong{font-size:40px}}@media (min-width:960px){.page-grid{grid-template-columns:minmax(0,1.05fr)minmax(320px,.95fr);align-items:stretch;gap:16px}.span-all{grid-column:1/-1}#timeline{display:flex;flex-direction:column}#timeline .timeline{flex:1;align-content: start}.growth-charts{grid-template-columns:1fr 1fr;gap:20px}}html[data-theme=light]{--buncss-light:initial;--buncss-dark: ;color-scheme:light}html[data-theme=dark]{--buncss-light: ;--buncss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){html[data-theme=system]{--buncss-light: ;--buncss-dark:initial;color-scheme:dark}}html[data-theme=dark]{--ink:#f7eef2;--muted:#e7cdd6;--paper:#31262c;--canvas:#171215;--peach:#f3aebc;--peach-deep:#ffd0d8;--peach-soft:#5c3542;--urine:#c5e7f2;--urine-ink:#e9f8fc;--urine-soft:#1d4250;--stool:#f3c7bc;--stool-soft:#4d332d;--bath:#c5dff2;--bath-soft:#1b3d52;--sage:#c5ead8;--sage-soft:#1d4032;--line:#f7eef22e;--shadow:0 12px 28px #0006;--control:#46363d;--grid:#f7eef247;--ref-upper:#f4c9d3;--ref-lower:#e3a8b8;--label-ink:#def6ea;--band:#c5ead838}@media (prefers-color-scheme:dark){html[data-theme=system]{--ink:#f7eef2;--muted:#e7cdd6;--paper:#31262c;--canvas:#171215;--peach:#f3aebc;--peach-deep:#ffd0d8;--peach-soft:#5c3542;--urine:#c5e7f2;--urine-ink:#e9f8fc;--urine-soft:#1d4250;--stool:#f3c7bc;--stool-soft:#4d332d;--bath:#c5dff2;--bath-soft:#1b3d52;--sage:#c5ead8;--sage-soft:#1d4032;--line:#f7eef22e;--shadow:0 12px 28px #0006;--control:#46363d;--grid:#f7eef247;--ref-upper:#f4c9d3;--ref-lower:#e3a8b8;--label-ink:#def6ea;--band:#c5ead838}}html[data-theme=dark] body{background:radial-gradient(800px 360px at 0% -8%,#f3aebc29,transparent 58%),var(--canvas)}html[data-theme=dark] .app-bar{background:#171215eb}html[data-theme=dark] .hero{background:linear-gradient(165deg,#4a333b,#2a2025 78%)}@media (prefers-color-scheme:dark){html[data-theme=system] body{background:radial-gradient(800px 360px at 0% -8%,#f3aebc29,transparent 58%),var(--canvas)}html[data-theme=system] .app-bar{background:#171215eb}html[data-theme=system] .hero{background:linear-gradient(165deg,#4a333b,#2a2025 78%)}}@media (max-width:700px){.theme-toggle button,.section-nav a,.section-nav button,.month-actions button,.date-controls button,.jump-row select,.jump-row button,.info-note summary,.info-note a,.reference-details a,.calendar-grid button,.text-button,.hero-chips .chip,.month-list button{min-height:44px}.info-note a,.reference-details a{display:inline-flex;align-items: center}.date-controls{grid-template-columns:44px minmax(0,1fr)44px}.month-actions button,.date-controls>button:not(.date-picker-toggle){width:44px;height:44px}.theme-toggle button{min-width:44px;padding-inline-start:10px;padding-inline-end:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}