@import"https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;700;800&display=swap";:root{color-scheme:light dark;--ground: #f6f6f8;--surface: #ffffff;--sunk: #efeff2;--line: #e3e3e8;--ink: #3a3a3c;--ink-muted: #636366;--on-pastel: #3a3a3c;--action: #3a3a3c;--on-action: #ffffff;--error: #b3261e;--tube: #ececf0;--feed-soft: #fff1c2;--feed-ink: #8a6400;--feed: #ffd66b;--sleep-soft: #ece4ff;--sleep-ink: #5b45a8;--sleep: #d9cbff;--dose-soft: #dcefff;--dose-ink: #1f5f8f;--dose: #9fd3ff;--diaper-soft: #d6f7ea;--diaper-ink: #22735a;--diaper: #9fe6c9;--growth-soft: #ebf7d6;--growth-ink: #4d6a14;--growth: #dbf1b4;--note-soft: #f0f0f3;--note-ink: #4d4d55;--note: #e5e5ea;--round: ui-rounded, "SF Pro Rounded", "Nunito", system-ui, sans-serif;--r-tile: 26px;--r-control: 16px}@media(prefers-color-scheme:dark){:root{--ground: #000000;--surface: #1c1c1e;--sunk: #2c2c2e;--line: #38383a;--ink: #f2f2f7;--ink-muted: #aeaeb2;--action: #f2f2f7;--on-action: #000000;--error: #ffb4ab;--tube: #3a3a3c;--feed-soft: #3a3424;--feed-ink: #ffd66b;--sleep-soft: #2c2a38;--sleep-ink: #c9b8ff;--dose-soft: #1f2d3a;--dose-ink: #9fd3ff;--diaper-soft: #1f3530;--diaper-ink: #9fe6c9;--growth-soft: #2c3324;--growth-ink: #c8e69a;--note-soft: #2c2c2e;--note-ink: #d1d1d6}}.tint-feed{--soft: var(--feed-soft);--deep: var(--feed-ink);--pastel: var(--feed)}.tint-sleep{--soft: var(--sleep-soft);--deep: var(--sleep-ink);--pastel: var(--sleep)}.tint-dose{--soft: var(--dose-soft);--deep: var(--dose-ink);--pastel: var(--dose)}.tint-diaper{--soft: var(--diaper-soft);--deep: var(--diaper-ink);--pastel: var(--diaper)}.tint-growth{--soft: var(--growth-soft);--deep: var(--growth-ink);--pastel: var(--growth)}.tint-note{--soft: var(--note-soft);--deep: var(--note-ink);--pastel: var(--note)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ground);color:var(--ink);font:500 16px/1.45 var(--round);-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}main{max-width:640px;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 16px calc(40px + env(safe-area-inset-bottom))}h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.01em}p{margin:0}.sticker{display:inline-flex;flex:none}.sticker img{display:block}.sub{color:var(--ink-muted);font-size:14px}strong,b{font-weight:800}button{font:inherit;font-weight:700;color:inherit;border:0;border-radius:var(--r-control);padding:13px 18px;min-height:48px;cursor:pointer;background:var(--sunk);transition:transform .12s ease,filter .12s ease}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.segmented label:focus-within{outline:3px solid var(--pastel, var(--dose));outline-offset:2px}button.action{background:var(--action);color:var(--on-action)}button.soft{background:color-mix(in srgb,var(--pastel, var(--sunk)) 55%,var(--surface));color:var(--on-pastel)}@media(prefers-color-scheme:dark){button.soft{background:color-mix(in srgb,var(--pastel, var(--sunk)) 25%,var(--surface));color:var(--ink)}}button.ghost{background:transparent;min-height:40px;padding:6px 12px;font-size:22px}button.small{font-size:20px}button.link{background:none;padding:0;min-height:0;color:var(--ink);text-decoration:underline;font-weight:700}button.danger{background:transparent;color:var(--error)}.spinning{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.buttons{display:flex;gap:8px;margin-top:14px}.buttons>*{flex:1}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{min-height:42px;padding:9px 16px;border-radius:999px;background:var(--pastel);color:var(--on-pastel)}.chip.outline{background:transparent;box-shadow:inset 0 0 0 2px var(--pastel);color:var(--ink)}input,select,textarea{font:inherit;font-size:17px;color:var(--ink);background:var(--sunk);border:0;border-radius:12px;padding:11px 12px;width:100%;min-width:0}input[type=checkbox],input[type=radio]{width:auto}label{display:grid;gap:5px;font-size:14px;font-weight:700;color:var(--ink-muted)}label.check{display:flex;align-items:center;gap:8px;color:var(--ink)}.row{display:flex;gap:10px;align-items:end}.row>*{flex:1}.ml{display:flex;align-items:center;gap:6px;color:var(--ink)}.segmented{display:flex;gap:4px;background:var(--sunk);border-radius:14px;padding:4px}.segmented.wrap{flex-wrap:wrap}.segmented label{flex:1;display:flex;justify-content:center;align-items:center;text-align:center;padding:9px 6px;border-radius:11px;font-size:14px;color:var(--ink);cursor:pointer;min-height:40px}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented label.on{background:var(--pastel);color:var(--on-pastel)}.toggle{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:12px;background:var(--sunk);color:var(--ink);cursor:pointer}.toggle input{position:absolute;opacity:0}.toggle.on{background:#ffc9dc;color:var(--on-pastel)}.error{background:var(--error);color:var(--surface);padding:12px 16px;border-radius:var(--r-control);margin-bottom:12px;font-weight:700;cursor:pointer}.welcome{display:grid;justify-items:center;text-align:center;gap:14px;padding-top:18vh}.welcome h1{font-size:40px}.welcome p{max-width:30ch;color:var(--ink-muted)}.top{display:flex;align-items:center;gap:10px;margin:4px 0 14px}.top h1{flex:1;font-size:34px}.top select{width:auto}.tile{background:var(--soft, var(--surface));border-radius:var(--r-tile);padding:18px;margin-bottom:12px;position:relative}.tile-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.tile-head h2{font-size:20px;color:var(--deep)}.big{font-size:22px;font-weight:800}.grid{display:grid;gap:12px;grid-template-columns:1fr;margin-bottom:12px}.grid .tile{margin-bottom:0;display:flex;flex-direction:column}.grid .tile .buttons,.grid .tile .chips{margin-top:auto;padding-top:14px}@media(min-width:560px){.grid{grid-template-columns:1fr 1fr}}.tile.live{box-shadow:0 0 0 3px var(--pastel);animation:breathe 4s ease-in-out infinite}@keyframes breathe{50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--pastel) 45%,transparent)}}.hero{padding:22px 20px 20px;overflow:hidden;background:var(--feed);color:var(--on-pastel)}@media(prefers-color-scheme:dark){.hero{background:var(--feed-soft);color:var(--ink)}}.hero-body{position:relative;z-index:1}.hero-label{font-weight:800;font-size:15px;opacity:.8}.clock{font-size:clamp(64px,19vw,96px);font-weight:800;line-height:.95;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:6px 0 8px}.clock small{font-size:.38em;letter-spacing:0;margin-left:2px;margin-right:6px;opacity:.75}.hero-sub{font-size:15px;max-width:34ch;opacity:.85}.hero-sticker{position:absolute;right:-14px;top:6px;transform:rotate(12deg);opacity:.95}.hero-sticker img{width:132px;height:132px}.hero .action{background:var(--on-pastel);color:#fff}.hero .soft{background:#ffffff8c;color:var(--on-pastel)}@media(prefers-color-scheme:dark){.hero .action{background:var(--feed);color:#3a3a3c}.hero .soft{background:#ffd66b2e;color:var(--ink)}}.due{margin-top:14px}.due p{font-size:15px;margin-top:6px}.due-track{height:12px;border-radius:999px;background:#fff9;overflow:hidden}@media(prefers-color-scheme:dark){.due-track{background:#ffffff1a}}.due-fill{height:100%;border-radius:999px;background:var(--on-pastel);transition:width .6s ease}@media(prefers-color-scheme:dark){.due-fill{background:var(--feed)}}.due.passed .due-fill{background:#ffc9dc}.med{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 0}.med+.med{border-top:2px dashed color-mix(in srgb,var(--deep) 22%,transparent)}.med-name{display:grid;min-width:0}.med-name strong{font-size:18px}.pills{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pill{min-height:40px;min-width:40px;padding:8px 14px;border-radius:999px;background:var(--surface);font-size:14px}.pill.given{background:var(--pastel);color:var(--on-pastel)}.pill.empty{display:inline-block;width:40px;height:40px;padding:0;box-shadow:inset 0 0 0 2px var(--pastel);background:transparent}.pill.give{background:var(--action);color:var(--on-action)}.questions{display:grid;gap:6px;margin-top:10px}.question{display:flex;align-items:center;gap:10px;text-align:left;background:var(--surface);min-height:44px;padding:10px 14px;font-weight:600}.day{margin-top:22px}.day-head{display:flex;align-items:center;gap:6px}.day-head h2{flex:1;text-align:center;font-size:22px}.totals{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:10px 0 16px}.total{background:var(--soft);color:var(--deep);padding:5px 12px;border-radius:999px;font-size:14px;font-weight:700}.total.tube{background:var(--tube);color:var(--ink)}.empty-day{text-align:center;padding:20px 0}.timeline{list-style:none;margin:0;padding:0;position:relative}.timeline:before{content:"";position:absolute;left:76px;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--line)}.entry{display:grid;grid-template-columns:50px 44px 1fr;align-items:center;gap:8px;width:100%;text-align:left;background:transparent;padding:6px 0;min-height:52px;font-weight:600;border-radius:14px}.entry:hover{background:var(--surface)}.entry .time{font-variant-numeric:tabular-nums;color:var(--ink-muted);text-align:right;font-size:14px}.entry .dot{position:relative;width:40px;height:40px;border-radius:50%;background:var(--pastel);display:grid;place-items:center;box-shadow:0 0 0 4px var(--ground)}.entry .what{font-size:15px;line-height:1.35}.entry .by{color:var(--ink-muted);font-weight:500;margin-left:.4em}footer{margin-top:30px;display:grid;gap:10px}footer input{background:var(--surface)}.sheet-backdrop{position:fixed;inset:0;z-index:10;background:#00000059;display:flex;align-items:flex-end;justify-content:center;animation:fade .2s ease}.sheet{width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;background:var(--surface);border-radius:28px 28px 0 0;padding:10px 18px calc(22px + env(safe-area-inset-bottom));animation:rise .28s cubic-bezier(.2,.9,.3,1.05)}.sheet:before{content:"";display:block;width:40px;height:5px;border-radius:5px;background:var(--line);margin:0 auto 10px}@media(min-width:600px){.sheet-backdrop{align-items:center}.sheet{border-radius:28px}.sheet:before{display:none}}.sheet-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.sheet-head h3{flex:1;font-size:22px}.sheet-head .close{min-height:38px;width:38px;padding:0;border-radius:50%}@keyframes rise{0%{transform:translateY(40px);opacity:0}}@keyframes fade{0%{opacity:0}}.form{display:grid;gap:12px}.amounts{display:flex;gap:16px;align-items:stretch;background:var(--soft);border-radius:20px;padding:14px}.bottle{width:62px;flex:none;display:flex;flex-direction:column;align-items:center;align-self:center}.bottle-cap{width:26px;height:16px;border-radius:10px 10px 3px 3px;background:#ffc9dc;border:2.4px solid var(--on-pastel);border-bottom:0}.bottle-body{flex:none;width:100%;height:190px;border:2.4px solid var(--on-pastel);border-radius:18px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}@media(prefers-color-scheme:dark){.bottle-cap,.bottle-body{border-color:var(--ink)}}.bottle-tube{background:var(--tube);transition:height .25s ease}.bottle-oral{background:var(--feed);transition:height .25s ease}.amount-fields{flex:1;display:grid;gap:10px;align-content:start}.amount-fields input{background:var(--surface)}.stepper{display:grid;grid-template-columns:44px 1fr 44px;gap:6px;align-items:center;font-size:14px;font-weight:700;color:var(--ink-muted)}.stepper span{grid-column:1 / -1}.step{min-height:44px;padding:0;background:var(--surface);font-size:20px}.amount{text-align:center;font-size:22px;font-weight:800;padding:8px 4px}.amount.oral{box-shadow:inset 0 -4px 0 var(--feed)}.amount.tube{box-shadow:inset 0 -4px 0 var(--tube)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.tile:not(.hero) button.soft{background:var(--surface);color:var(--ink)}