:root{--bg:#f6f3ec;--surface:#fffdf8;--surface-2:#efeadf;--line:#ded7c8;--text:#1d2620;--muted:#58615a;--primary:#3c5f45;--primary-text:#fff;--accent:#b5652d;--danger:#a33a2a;--ok:#2f6b3f;--breast:#f3e3dc;--bottle:#e4ecdf;--nappy:#e7e4f2;--sleep:#e1e8f0;--radius:18px;--tap:52px;--shadow:0 1px 2px #281e140f, 0 6px 18px #281e140f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=night]{--bg:#0d0a08;--surface:#17120e;--surface-2:#211912;--line:#2e241b;--text:#e7b37a;--muted:#a8805a;--primary:#b9773e;--primary-text:#120c07;--accent:#d0904f;--danger:#d0704f;--ok:#b9a04a;--breast:#2a1a12;--bottle:#221d10;--nappy:#241a14;--sleep:#1e1810;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg)}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font:17px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}h1,h2,h3{margin:0;line-height:1.2}.app{max-width:560px;min-height:100dvh;padding-bottom:calc(84px + env(safe-area-inset-bottom));margin:0 auto}.topbar{z-index:5;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;background:var(--bg);border-bottom:1px solid var(--line);align-items:center;gap:6px;display:flex;position:sticky;top:0}.baby-name{min-height:var(--tap);text-align:left;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;padding:0 4px;display:flex}.baby-name strong{font-size:20px}.baby-name span{color:var(--muted);font-size:14px}.sync{border:1px solid var(--line);background:var(--surface);min-height:48px;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:14px;display:inline-flex}.sync.synced{color:var(--ok)}.sync.error,.sync.conflict,.sync.signed-out{color:var(--danger)}.icon-btn{min-width:var(--tap);min-height:var(--tap);color:var(--text);background:0 0;border:0;border-radius:14px;place-items:center;display:inline-grid}.icon-btn.small{min-width:48px;min-height:48px}.content{padding:14px 14px 24px}.stack{gap:14px;display:grid}.page-title{padding:4px 2px;font-size:26px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card-title{font-size:18px}.card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.tabs{z-index:6;background:var(--surface);border-top:1px solid var(--line);max-width:560px;padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.tabs button{min-height:64px;color:var(--muted);background:0 0;border:0;align-content:center;justify-items:center;gap:2px;font-size:13px;display:grid}.tabs button[aria-current=page]{color:var(--primary);font-weight:700}.tabs button[aria-current=page] svg{stroke-width:2.6px}.hero{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:18px 18px 16px}.hero-label{color:var(--muted);font-size:15px;font-weight:600}.hero-value{letter-spacing:-1.5px;font-variant-numeric:tabular-nums;margin:4px 0 6px;font-size:56px;font-weight:800;line-height:1.05}.hero.live .hero-value{color:var(--accent)}.hero-detail{margin:0;font-size:17px}.hero-hint{color:var(--muted);margin:8px 0 0;font-size:15px}.quick{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tile{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);text-align:left;min-height:104px;box-shadow:var(--shadow);align-content:center;justify-items:start;gap:2px;padding:14px;display:grid}.tile:active{transform:scale(.98)}.tile.wide{grid-column:span 2}.tile.breast{background:var(--breast)}.tile.bottle{background:var(--bottle)}.tile.nappy{background:var(--nappy)}.tile.sleep{background:var(--sleep)}.tile-letter{font-size:30px;font-weight:800;line-height:1}.tile-name{font-size:18px;font-weight:700}.tile-sub{color:var(--muted);align-items:center;gap:4px;font-size:14px;display:inline-flex}.more-row{scrollbar-width:none;gap:8px;padding:2px 0 4px;display:flex;overflow-x:auto}.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;flex:none;align-items:center;gap:6px;min-height:48px;padding:0 16px;font-size:16px;display:inline-flex}.timer-card{border-width:2px;border-color:var(--accent);gap:10px;display:grid}.timer-top{align-items:center;gap:8px;font-weight:700;display:flex}.timer-top .muted{margin-left:auto;font-weight:400}.live-dot{background:var(--accent);border-radius:50%;width:10px;height:10px;animation:1.6s infinite pulse}.live-dot.paused{background:var(--muted);animation:none}@keyframes pulse{50%{opacity:.35}}.timer-clock{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-1px;font-size:64px;font-weight:800}.timer-sides{text-align:center;color:var(--muted);margin:0}.btn{min-height:var(--tap);border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:17px;font-weight:650;text-decoration:none;display:inline-flex}.btn.primary{background:var(--primary);color:var(--primary-text)}.btn.secondary{background:var(--surface-2);border-color:var(--line)}.btn.ghost{color:var(--primary);background:0 0;padding:0 10px}.btn.danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn.full{width:100%}.btn.left{justify-content:flex-start}.btn.grow{flex:1}.btn.tall{min-height:60px}.btn.huge{border-radius:18px;width:100%;min-height:68px;font-size:20px}.btn.small{min-height:48px;font-size:15px}.push{margin-left:auto}.link{color:inherit;background:0 0;border:0;min-height:44px;padding:0 4px;text-decoration:underline}.two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.two .help{grid-column:span 2}.row-between{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.seg{background:var(--surface-2);border-radius:16px;gap:6px;padding:4px;display:flex}.seg button{min-height:48px;color:var(--muted);background:0 0;border:0;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:16px;font-weight:600;display:inline-flex}.seg button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow);outline:1px solid var(--line)}.seg.small button{min-height:48px;padding:0 10px;font-size:14px}.seg.babies{margin-bottom:12px}.pills{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.pills button{border:1px solid var(--line);background:var(--surface);border-radius:999px;flex:none;min-height:48px;padding:0 16px;font-size:16px}.pills button[aria-pressed=true]{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.stats{grid-template-columns:1fr 1fr;gap:12px 16px;margin-top:10px;display:grid}.stats span{color:var(--muted);align-items:center;gap:6px;font-size:14px;display:flex}.stats strong{font-variant-numeric:tabular-nums;font-size:26px}.stats small{color:var(--muted);font-size:14px;font-weight:500}.facts{color:var(--muted);gap:4px;margin:14px 0 0;font-size:15px;display:grid}.facts strong{color:var(--text)}.timeline{margin:0;padding:0;list-style:none}.timeline li+li{border-top:1px solid var(--line)}.row{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:64px;padding:8px 0;display:flex}.row-icon{background:var(--surface-2);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.row-icon.nursing{background:var(--breast)}.row-icon.bottle{background:var(--bottle)}.row-icon.nappy{background:var(--nappy)}.row-icon.sleep{background:var(--sleep)}.row-main{flex:1;min-width:0;display:grid}.row-main span,.row-main small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.row-time{justify-items:end;font-size:15px;display:grid}.row-time span{color:var(--muted);font-size:13px}.row-chev{color:var(--muted);flex:none}.empty{color:var(--muted);text-align:center;margin:0;padding:18px 8px}.search{min-height:var(--tap);border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:center;gap:8px;padding:0 6px 0 14px;display:flex}.search input{background:0 0;border:0;outline:none;flex:1;min-height:48px}.chart{align-items:flex-end;gap:6px;height:200px;padding-top:18px;display:flex}.col{flex:1;grid-template-rows:18px 1fr 22px;justify-items:center;height:100%;display:grid}.col-value{color:var(--muted);font-size:12px}.bar-wrap{align-items:flex-end;width:100%;display:flex}.bar{background:var(--primary);opacity:.85;border-radius:8px 8px 3px 3px;width:100%;min-height:2px}.bar.none{border:1px dashed var(--line);background:0 0;height:6px!important}.col.today .bar{opacity:1;background:var(--accent)}.col-label{color:var(--muted);font-size:13px}.form{gap:14px;display:grid}.field{gap:6px;font-size:15px;font-weight:600;display:grid}.field input,.field select,textarea,.inline-form input{width:100%;min-height:var(--tap);border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:10px 14px;font-size:17px;font-weight:400}textarea{resize:vertical;min-height:96px}.big-input{font-size:24px!important;font-weight:700!important}.optional{color:var(--muted);font-weight:400}.help{color:var(--muted);margin:0;font-size:14px;font-weight:400}.help.center{text-align:center}.form-error{color:var(--danger);margin:0;font-weight:600}.actions{gap:10px;display:flex}.inline-form{gap:10px;margin-top:10px;display:grid}.amounts{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.amount{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;min-height:64px;font-size:19px;font-weight:700}.notice{border-radius:14px;margin:0 0 12px;padding:12px 14px;font-size:15px}.notice.warn{background:color-mix(in srgb, var(--danger) 14%, var(--surface));border:1px solid color-mix(in srgb, var(--danger) 40%, var(--line))}.notice.info{background:var(--surface-2);border:1px solid var(--line)}.toast{z-index:30;left:12px;right:12px;bottom:calc(80px + env(safe-area-inset-bottom));background:var(--text);max-width:536px;color:var(--bg);border-radius:16px;align-items:center;gap:10px;margin:0 auto;padding:6px 6px 6px 14px;display:flex;position:fixed;box-shadow:0 8px 24px #00000040}.toast span{flex:1}.toast .icon-btn{color:var(--bg)}.toast-undo{background:var(--bg);min-height:48px;color:var(--text);border:0;border-radius:12px;padding:0 16px;font-weight:700}.sheet-backdrop{z-index:20;background:#0a080680;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);width:100%;max-width:560px;max-height:92dvh;padding:6px 16px calc(20px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;overflow:auto}.sheet-header{background:var(--bg);align-items:center;gap:8px;padding:10px 0;display:flex;position:sticky;top:0}.sheet-header>div{flex:1}.sheet-header h2{font-size:22px}.sheet-header p{color:var(--muted);margin:2px 0 0;font-size:15px}.people{margin:8px 0 0;padding:0;list-style:none}.people li{align-items:center;gap:12px;min-height:60px;display:flex}.people li+li{border-top:1px solid var(--line)}.people .pending{color:var(--muted)}.avatar{background:var(--surface-2);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.person{flex:1;min-width:0;display:grid}.person span{color:var(--muted);text-overflow:ellipsis;font-size:14px;overflow:hidden}.privacy{color:var(--muted);gap:10px;margin:0;font-size:14px;display:flex}.privacy svg{flex:none;margin-top:2px}.welcome{gap:12px;display:grid}.welcome>svg{color:var(--primary)}.boot{min-height:100dvh;color:var(--muted);place-content:center;justify-items:center;gap:8px;display:grid}.signin{max-width:440px;min-height:100dvh;padding:calc(40px + env(safe-area-inset-top)) 18px 24px;align-content:start;gap:22px;margin:0 auto;display:grid}.signin-brand{text-align:center;justify-items:center;gap:6px;display:grid}.signin-brand h1{letter-spacing:-.5px;font-size:32px}.signin-brand p{color:var(--muted);margin:0}.brand-mark{background:var(--primary);width:64px;height:64px;color:var(--primary-text);border-radius:20px;place-items:center;display:grid}.signin-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:18px}.lead{margin:0;font-size:17px}.code-input{letter-spacing:10px;text-align:center;font-variant-numeric:tabular-nums;font-size:34px!important;font-weight:800!important}.signin-foot{text-align:center;color:var(--muted);margin:0;font-size:14px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin,.live-dot{animation:none}.tile:active{transform:none}}@media (min-width:600px){.content{padding:20px}}