body.app-mode .landing-only{display:none!important}body:not(.app-mode) #app:empty{display:none}body:not(.app-mode) .app-nav,body.app-mode .landing-nav{display:none}.grow{flex:1;min-width:0}.small{font-size:14px}.fine{margin-top:28px;max-width:72ch}.span-2{grid-column:1 / -1}.align-end{align-self:flex-end}.field em{font-style:normal;font-weight:500;color:var(--faint)}.app-hero{padding:40px 0 72px;background:var(--paper-warm);border-bottom:1px solid #efe6d6}.app-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:56px;align-items:center}.app-hero h1{margin-top:14px}.app-hero .lede{margin-top:18px}.hero-art{width:230px;height:auto;margin:0 0 6px -10px;-webkit-mask-image:radial-gradient(closest-side,#000 72%,transparent);mask-image:radial-gradient(closest-side,#000 72%,transparent)}.hero-points{list-style:none;padding:0;margin-top:26px;display:grid;gap:10px;font-size:15.5px;color:#3c4048}.hero-points li{display:flex;gap:10px;align-items:baseline}.hero-points li:before{content:"";flex:0 0 8px;height:8px;border-radius:50%;background:var(--cobalt);transform:translateY(-2px)}@media (max-width: 900px){.app-hero{padding:22px 0 48px}.app-hero-grid{grid-template-columns:minmax(0,1fr);gap:0}.hero-copy{display:contents}.hero-art{width:120px;margin-bottom:2px}#start{order:1;margin-top:22px}.app-hero .lede{order:2;margin-top:26px}.hero-points{order:3}}.start-form{display:grid;gap:16px;padding:22px}.start-form.card{background:#fff}.input-lg{min-height:52px;font-size:16.5px}.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}@media (max-width: 480px){.start-two{grid-template-columns:minmax(0,1fr)}}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px;padding:0;list-style:none}.features li{padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:#fff}.features h3,.steps h3{font:600 18px/1.3 var(--sans)}.features p,.steps p{margin-top:8px;color:#4a4e56;font-size:15px}@media (max-width: 900px){.features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.features{grid-template-columns:minmax(0,1fr)}}.how{background:var(--paper-warm);border-block:1px solid #ece2cf}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:28px;padding:0;counter-reset:step}.steps li{list-style:none;counter-increment:step}.steps li:before{content:counter(step);display:grid;place-items:center;width:34px;height:34px;margin-bottom:14px;border-radius:50%;background:var(--ink-solid);color:#fff;font:650 15px var(--sans)}@media (max-width: 760px){.steps{grid-template-columns:minmax(0,1fr)}}.compare{min-width:640px}.compare td:first-child{font-weight:600}.two-up{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}@media (max-width: 860px){.two-up{grid-template-columns:minmax(0,1fr);gap:32px}}.prose-list{margin-top:16px;padding-left:1.2em;display:grid;gap:10px;font-size:16.5px;color:#2c2f35}.api-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:start}.api-grid .code{font-size:12.5px}@media (max-width: 900px){.api-grid{grid-template-columns:minmax(0,1fr)}}.more-apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;list-style:none;padding:0;margin-top:22px}.more-apps a{display:grid;gap:4px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink)}.more-apps a:hover{border-color:var(--line-strong);box-shadow:var(--shadow);color:var(--ink)}.more-apps strong{font:400 22px/1.1 var(--serif)}.more-apps span{color:var(--muted);font-size:14px}body.app-mode{--a-bg: var(--paper);--a-surface: #fff;--a-surface-2: #f5f2ec;--a-line: var(--line);--a-line-strong: var(--line-strong);--a-text: var(--ink);--a-muted: var(--muted);--a-faint: var(--faint);--a-accent: var(--cobalt);--a-wash: var(--cobalt-wash);--a-btn: var(--ink-solid);--a-btn-hover: #2a2c31;--a-btn-text: #fff;--a-danger: var(--brick);--a-on: #eef3fc;--a-on-line: #c7d6f3;--c1: #2e5ec4;--c2: #b97a1f;background:var(--a-bg);color:var(--a-text)}body.night{--a-bg: #0e0f11;--a-surface: #17181b;--a-surface-2: #202125;--a-line: #2d2f34;--a-line-strong: #41444b;--a-text: #ece8df;--a-muted: #a39e94;--a-faint: #77726a;--a-accent: #93acec;--a-wash: #1b2236;--a-btn: #ece8df;--a-btn-hover: #fff;--a-btn-text: #0e0f11;--a-danger: #e8a08c;--a-on: #1b2236;--a-on-line: #3b4a72;--c1: #6f8fe0;--c2: #b5822f;color-scheme:dark}body.app-mode .site-head{background:color-mix(in srgb,var(--a-bg) 93%,transparent)}body.app-mode .site-head.scrolled{border-bottom-color:var(--a-line)}body.night .brand,body.night .brand:hover{color:var(--a-text)}body.night .brand img{filter:invert(.88)}body.night .brand-app{color:var(--a-muted)}body.night .brand-sep{color:var(--a-line-strong)}body.app-mode a{color:var(--a-accent)}body.app-mode .brand,body.app-mode .brand:hover{color:var(--a-text)}body.app-mode .eyebrow,body.app-mode .muted,body.app-mode .hint,body.app-mode .field small{color:var(--a-muted)}body.app-mode .card{background:var(--a-surface);border-color:var(--a-line)}body.night .card{box-shadow:none}body.app-mode .btn{background:var(--a-btn);border-color:var(--a-btn);color:var(--a-btn-text)}body.app-mode .btn:hover{background:var(--a-btn-hover);color:var(--a-btn-text)}body.app-mode .btn-line{background:transparent;border-color:var(--a-line-strong);color:var(--a-text)}body.app-mode .btn-line:hover{background:color-mix(in srgb,var(--a-text) 6%,transparent);color:var(--a-text)}body.app-mode .btn-quiet{background:transparent;border-color:transparent;color:var(--a-text)}body.app-mode .btn-quiet:hover{background:color-mix(in srgb,var(--a-text) 7%,transparent);color:var(--a-text)}body.app-mode .btn-danger{color:var(--a-danger)}body.app-mode .btn-danger-solid{background:var(--a-danger);border-color:var(--a-danger);color:#fff}body.night .btn-danger-solid{color:#1b0f0b}.btn-xl{min-height:62px;padding:0 22px;border-radius:14px}body.app-mode .field>span,body.app-mode .label{color:var(--a-text)}body.app-mode .input,body.app-mode .select,body.app-mode .textarea{background:var(--a-surface);border-color:var(--a-line-strong);color:var(--a-text)}body.night .input,body.night .select,body.night .textarea{background:var(--a-surface-2)}body.app-mode .input:focus,body.app-mode .select:focus,body.app-mode .textarea:focus{border-color:var(--a-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--a-accent) 22%,transparent)}body.night .input::placeholder,body.night .textarea::placeholder{color:var(--a-faint)}body.night .notice{background:var(--a-surface);border-color:var(--a-line);color:var(--a-text)}body.night .notice-error{background:#2b1814;border-color:#53302a;color:#f2bfb0}body.night .table th,body.night .table td{border-color:var(--a-line)}body.night .table-wrap{background:var(--a-surface);border-color:var(--a-line)}body.night .table th{color:var(--a-muted)}body.night .spinner{border-color:#ffffff26;border-top-color:currentColor}body.night :is(a,button,input,select,textarea,summary):focus-visible{outline-color:var(--a-accent)}body.night ::selection{background:#2c3a5a}.link-btn{padding:4px 2px;border:0;background:none;color:var(--a-accent);font:600 14px var(--sans);cursor:pointer}@media (pointer: coarse){.link-btn{position:relative}.link-btn:before{content:"";position:absolute;inset:min(0px,(100% - 44px) / 2)}}.icon-btn{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:12px;background:none;color:var(--a-text, var(--ink));cursor:pointer}@media (hover: hover){.icon-btn:hover{background:color-mix(in srgb,currentColor 8%,transparent)}}.icon-btn:disabled{opacity:.35;cursor:default}.loading{display:flex;align-items:center;gap:12px;color:var(--a-muted, var(--muted));padding:12px 0}.wrap-app{width:min(1080px,calc(100% - 32px));margin-inline:auto}.page{width:min(1080px,calc(100% - 32px));margin-inline:auto;padding-block:32px 120px}.page.narrow,.narrow{max-width:620px}.page-head{margin:22px 0 18px}.page-title{font:340 clamp(32px,4.4vw,46px)/1.08 var(--serif);letter-spacing:-.028em;text-wrap:balance}.small-title{font-size:clamp(28px,3.4vw,38px)}.page-lede{margin-top:10px;font-size:17px;color:var(--a-muted);max-width:56ch}.section-title{margin:36px 0 14px;font:380 26px/1.2 var(--serif);letter-spacing:-.015em}.card-title{font:380 22px/1.2 var(--serif);letter-spacing:-.012em}.card.pad{padding:20px;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-content:start}.app-body{padding-bottom:72px}.app-nav{gap:2px}.app-nav .tab{gap:8px}.app-nav .tab svg{display:none}body.app-mode .site-nav a{color:var(--a-muted)}body.app-mode .site-nav a:hover,body.app-mode .site-nav a[aria-current=page]{color:var(--a-text);background:color-mix(in srgb,var(--a-text) 7%,transparent)}.tabbar{display:none}@media (max-width: 760px){body.app-mode .site-head .wrap{min-height:54px;width:calc(100% - 32px)}.app-nav{display:none!important}.app-body{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.tabbar{position:fixed;z-index:30;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:6px 6px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--a-line);background:color-mix(in srgb,var(--a-bg) 95%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tabbar .tab{display:grid;justify-items:center;gap:3px;min-height:54px;padding-top:6px;border-radius:12px;color:var(--a-faint);font:600 11.5px/1 var(--sans)}.tabbar .tab[aria-current=page]{color:var(--a-text)}body.sheet-open .tabbar{display:none}}.baby-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 10px}.baby-name{display:flex;align-items:baseline;gap:10px;min-width:0}.baby-name strong{font:360 30px/1.1 var(--serif);letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.baby-name span{color:var(--a-muted);font-size:14.5px;white-space:nowrap}.baby-switch{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.baby-switch button{flex:none;min-height:42px;padding:0 16px;border:1px solid var(--a-line-strong);border-radius:999px;background:transparent;color:var(--a-text);font:600 15px var(--sans);cursor:pointer}.baby-switch button[aria-selected=true]{background:var(--a-btn);border-color:var(--a-btn);color:var(--a-btn-text)}.look-btn{flex:none;border:1px solid var(--a-line)}.today{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:start}.today-main,.today-side{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0}@media (max-width: 860px){.today{grid-template-columns:minmax(0,1fr);gap:16px}}.status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--a-line);border-radius:16px;background:var(--a-surface)}.status-cell{display:grid;align-content:start;gap:3px;padding:13px 14px;min-width:0}.status-cell+.status-cell{border-left:1px solid var(--a-line)}.status-label{font:650 11.5px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--a-muted)}.status-value{font:600 19px/1.2 var(--sans);letter-spacing:-.01em}.status-value.none{color:var(--a-faint);font-weight:500}.status-sub{font-size:13px;line-height:1.35;color:var(--a-muted)}@media (max-width: 420px){.status-cell{padding:12px 10px}.status-value{font-size:16.5px}.status-sub{font-size:12.5px}}.type-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--a-surface-2);color:var(--a-text)}.t-breast,.t-bottle,.t-pump,.t-solids{color:#2a54ad;background:#e9effa}.t-sleep{color:#4b4a8f;background:#ecebf7}.t-diaper{color:#8a5d14;background:#f6eedd}.t-growth,.t-medicine,.t-temp,.t-note{color:#3f6a4b;background:#e8f1ea}body.night .t-breast,body.night .t-bottle,body.night .t-pump,body.night .t-solids{color:#a9bdf0;background:#1b2236}body.night .t-sleep{color:#b9b6ee;background:#222039}body.night .t-diaper{color:#e2c27e;background:#2a2414}body.night .t-growth,body.night .t-medicine,body.night .t-temp,body.night .t-note{color:#9ccaa8;background:#15241a}.log{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.tiles-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tiles-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tile{display:flex;align-items:center;gap:12px;border:1px solid var(--a-line);border-radius:16px;background:var(--a-surface);color:var(--a-text);text-align:left;cursor:pointer;font:inherit;transition:border-color var(--motion-fast) var(--ease-out),background-color var(--motion) var(--ease-out),transform var(--motion-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}@media (hover: hover){.tile:hover{border-color:var(--a-line-strong)}}.tile:active{transform:scale(.985)}.tile-big{min-height:92px;padding:14px}.tile-big .type-icon{width:48px;height:48px;border-radius:14px}.tile-text{display:grid;gap:2px;min-width:0}.tile-text strong{font:600 17px/1.2 var(--sans)}.tile-text small{font-size:13px;line-height:1.3;color:var(--a-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile.on{border-color:var(--a-on-line);background:var(--a-on)}.tile-small{flex-direction:column;justify-content:center;gap:6px;min-height:76px;padding:10px 6px;font:600 13.5px/1.2 var(--sans);text-align:center}.tile-small .type-icon{width:34px;height:34px;border-radius:10px}@media (max-width: 380px){.tile-big{padding:12px 10px;gap:10px}.tile-big .type-icon{width:42px;height:42px}.tile-text strong{font-size:16px}}.timer{padding:18px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;border-color:var(--a-on-line)}.timer.paused{border-style:dashed}.timer-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.timer-label{display:inline-flex;align-items:center;gap:8px;font:650 12.5px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--a-muted)}.timer-clock{font:300 58px/1 var(--sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-align:center;padding:4px 0}.sides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.side{display:grid;justify-items:center;gap:2px;min-height:64px;padding:8px;border:1px solid var(--a-line-strong);border-radius:14px;background:transparent;color:var(--a-text);cursor:pointer;font:600 14px var(--sans)}.side strong{font:500 20px/1.2 var(--sans);font-variant-numeric:tabular-nums}.side[aria-pressed=true]{border-color:var(--a-accent);background:var(--a-wash);box-shadow:inset 0 0 0 1px var(--a-accent)}.timer-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.other-timer{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 12px;border:1px dashed var(--a-line-strong);border-radius:12px;background:transparent;color:var(--a-text);font:600 14.5px var(--sans);text-align:left;cursor:pointer}.other-timer .type-icon{width:30px;height:30px}.totals-card{padding:18px 20px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 12px;margin:0}.totals div{display:grid;gap:2px;align-content:start}.totals dt{font:650 11.5px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--a-muted)}.totals dd{margin:0;display:grid;font:600 22px/1.2 var(--sans)}.totals dd small{font:400 12.5px/1.35 var(--sans);color:var(--a-muted)}.recent{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.entries{list-style:none;padding:0;border:1px solid var(--a-line);border-radius:16px;background:var(--a-surface);overflow:hidden}.entries li+li{border-top:1px solid var(--a-line)}.entry{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;min-height:62px;padding:10px 12px 10px 14px;border:0;background:none;color:var(--a-text);text-align:left;cursor:pointer;font:inherit}@media (hover: hover){.entry:hover{background:color-mix(in srgb,var(--a-text) 3%,transparent)}}.entry:active{background:color-mix(in srgb,var(--a-text) 5%,transparent)}.entry>svg{color:var(--a-faint)}.entry .type-icon{width:36px;height:36px;border-radius:10px}.entry-main{display:grid;gap:2px;min-width:0}.entry-title{font:600 15.5px/1.3 var(--sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-detail{font-weight:450;color:var(--a-text)}.entry-meta{font-size:13px;color:var(--a-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-dot{color:var(--a-accent);font-weight:600;font-size:13px}body.app-mode .empty-state{border-color:var(--a-line-strong);padding:28px 20px}body.app-mode :where(.empty-state)>:is(h2,h3){color:var(--a-text)}body.app-mode :where(.empty-state)>p{color:var(--a-muted)}body.app-mode :where(.empty-state)>img{width:140px}body.night .error-state{background:#2b1814;border-color:#53302a}body.night :where(.error-state)>:is(h2,h3){color:#f2bfb0}body.night :where(.error-state)>p{color:#e3b3a5}body.night .art{display:none}body.night .skeleton{background:linear-gradient(90deg,#1b1c20 40%,#24252a,#1b1c20 60%) 0 0 / 300% 100%;animation:oa-shimmer 1.6s linear infinite}body.night .field-error{color:#f2a48f}.app-skeleton .baby-bar{padding:18px 0 14px}.offline{width:min(1080px,calc(100% - 32px));margin:10px auto 0;padding:10px 14px;border-radius:12px;background:var(--a-surface-2);border:1px solid var(--a-line);color:var(--a-text);font-size:14.5px}.empty-line{padding:18px 0;color:var(--a-muted)}.also{display:grid;gap:8px;padding:4px 2px;font-size:14.5px;color:var(--a-muted)}body.app-mode .dialog{background:var(--a-surface);color:var(--a-text)}body.night .dialog{border:1px solid var(--a-line)}body.app-mode .dialog-title{color:var(--a-text)}body.app-mode .dialog-foot{border-top-color:var(--a-line)}body.night .dialog-backdrop{background:#000000a6}.btn-save{min-width:140px}@media (max-width: 600px){.dialog-foot .grow{display:none}.dialog-foot>.btn-quiet{flex:none}}.divider{display:flex;align-items:center;gap:12px;margin:4px 0 -4px;font:600 12.5px/1.3 var(--sans);color:var(--a-muted)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--a-line)}.big-pair,.big-trio{display:grid;gap:10px}.big-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.big-trio{grid-template-columns:repeat(3,minmax(0,1fr))}.big-btn{display:grid;place-content:center;gap:4px;min-height:96px;padding:12px;border:1px solid var(--a-line-strong);border-radius:16px;background:var(--a-surface);color:var(--a-text);cursor:pointer;text-align:center;font:inherit;-webkit-tap-highlight-color:transparent}@media (hover: hover){.big-btn:hover{border-color:var(--a-text)}}.big-btn{transition:border-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.big-btn:active{transform:scale(.985)}.big-btn.primary{background:var(--a-btn);border-color:var(--a-btn);color:var(--a-btn-text)}.big-btn.block{width:100%}.big-btn:disabled{opacity:.5;cursor:progress}.big-btn-title{font:600 19px/1.2 var(--sans)}.big-btn-sub{font-size:13px;opacity:.75}.when-row{display:flex;gap:8px;align-items:center}.when-row .input{flex:1;min-width:0}.when-row .btn{flex:none;min-height:46px}.choice{display:grid;grid-template-columns:repeat(var(--n, 2),minmax(0,1fr));gap:4px;padding:4px;border-radius:13px;background:var(--a-surface-2);border:1px solid var(--a-line)}.choice button{min-height:44px;padding:0 6px;border:0;border-radius:10px;background:transparent;color:var(--a-muted);font:var(--type-control);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.choice button[aria-checked=true]{background:var(--a-surface);color:var(--a-text);box-shadow:0 1px 3px #0000001f,inset 0 0 0 1px var(--a-line)}body.night .choice button[aria-checked=true]{background:var(--a-btn);color:var(--a-btn-text);box-shadow:none}.stepper{display:grid;gap:7px}.stepper-label{font:600 13.5px/1.2 var(--sans)}.stepper-row{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:8px;align-items:center}.stepper-btn{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--a-line-strong);border-radius:50%;background:var(--a-surface);color:var(--a-text);cursor:pointer}.stepper-btn:active{background:var(--a-surface-2)}.stepper-value{display:flex;align-items:baseline;justify-content:center;gap:6px;min-width:0}.stepper-value input{width:100%;min-width:0;max-width:110px;border:0;border-bottom:2px solid var(--a-line-strong);background:transparent;color:var(--a-text);font:500 28px/1.2 var(--sans);text-align:center;font-variant-numeric:tabular-nums;padding:2px 0}.stepper-value input:focus{outline:none;border-bottom-color:var(--a-accent)}.stepper-value span{font:600 14px var(--sans);color:var(--a-muted)}.two .stepper-row{grid-template-columns:44px minmax(0,1fr) 44px;gap:4px}.two .stepper-btn{width:44px;height:44px}.two .stepper-value input{font-size:24px}.presets{display:flex;flex-wrap:wrap;gap:8px}.preset{min-height:44px;padding:0 14px;border:1px solid var(--a-line-strong);border-radius:999px;background:transparent;color:var(--a-text);font:var(--type-control);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.preset[aria-pressed=true]{background:var(--a-btn);border-color:var(--a-btn);color:var(--a-btn-text)}.preset:has(.dot-color){display:inline-flex;align-items:center;gap:8px}.dot-color{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000002e}.c-yellow{background:#d9b23a}.c-green{background:#6f8a3a}.c-brown{background:#7a5232}.c-black{background:#1d1d1f}.c-red{background:#b4402e}.c-pale{background:#ece6d8}body.night .c-black{box-shadow:inset 0 0 0 1px #ffffff40}.unit-input{display:flex;align-items:center;border:1px solid var(--a-line-strong);border-radius:var(--radius);background:var(--a-surface)}body.night .unit-input{background:var(--a-surface-2)}.unit-input:focus-within{border-color:var(--a-accent)}.unit-input .input{border:0!important;box-shadow:none!important;background:transparent!important}.unit-input span{padding-right:12px;color:var(--a-muted);font:600 13.5px var(--sans)}.timeline{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:760px}.day-nav{display:flex;align-items:center;justify-content:space-between;gap:8px}.day-pick{position:relative;display:grid;place-items:center;min-height:44px;padding:0 18px;border-radius:999px;font:600 17px var(--sans);cursor:pointer}@media (hover: hover){.day-pick:hover{background:color-mix(in srgb,var(--a-text) 6%,transparent)}}.day-pick input{position:absolute;inset:0;opacity:0;cursor:pointer}.strip{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:14px 16px;border:1px solid var(--a-line);border-radius:16px;background:var(--a-surface)}.strip-row{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:10px}.strip-name{font:600 12.5px var(--sans);color:var(--a-muted)}.strip-track{position:relative;height:18px;border-radius:6px;background:var(--a-surface-2)}.strip-track i{position:absolute;top:3px;bottom:3px;border-radius:4px}.strip-sleep{background:var(--c1)}.strip-feed{width:4px;min-width:4px;margin-left:-2px;background:var(--c2)}.strip-diaper{width:8px;height:8px;top:5px!important;margin-left:-4px;border-radius:50%!important;background:var(--a-muted)}.strip-diaper.dirty{background:var(--c2)}.strip-hours{display:flex;justify-content:space-between;margin-left:72px;font-size:11px;color:var(--a-faint)}.day-totals{display:flex;flex-wrap:wrap;gap:8px}.day-totals span{padding:6px 12px;border-radius:999px;background:var(--a-surface-2);font-size:14px;color:var(--a-muted)}.day-totals strong{color:var(--a-text);font-weight:650}.charts-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:6px 0 18px}.charts-head .choice{width:220px}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media (max-width: 760px){.chart-grid{grid-template-columns:minmax(0,1fr)}}.chart{padding:16px 16px 8px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0}.chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.chart-head h3{font:600 16px/1.3 var(--sans)}.chart-head span{font-size:13px;color:var(--a-muted)}.chart-box{position:relative;min-width:0}.chart-box svg{display:block;overflow:visible}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--a-muted);margin-bottom:4px}.legend span{display:inline-flex;align-items:center;gap:6px}.swatch{display:inline-block;width:10px;height:10px;border-radius:3px}.swatch.c1,.key.c1{background:var(--c1)}.swatch.c2,.key.c2{background:var(--c2)}.bar.c1{fill:var(--c1)}.bar.c2{fill:var(--c2)}.line.c1{fill:none;stroke:var(--c1);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.dot.c1{fill:var(--c1);stroke:var(--a-surface);stroke-width:2}.grid{stroke:var(--a-line);stroke-width:1}.axis{fill:var(--a-muted);font:500 11px var(--sans);font-variant-numeric:tabular-nums}.hit{fill:transparent;cursor:default;outline:none}.hit:focus-visible{stroke:var(--a-accent);stroke-width:2}.tip{position:absolute;z-index:5;transform:translate(-50%,-6px);display:grid;gap:3px;min-width:120px;padding:8px 11px;border:1px solid var(--a-line);border-radius:10px;background:var(--a-surface);box-shadow:0 8px 24px -10px #0005;font-size:13px;color:var(--a-muted);pointer-events:none;white-space:nowrap}.tip-title{font:600 12.5px var(--sans);color:var(--a-muted)}.tip-row{display:flex;align-items:center;gap:6px}.tip-row strong{color:var(--a-text);font-weight:650}.key{display:inline-block;width:10px;height:3px;border-radius:2px}.table-view{margin-top:16px}.table-view summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font:600 14.5px var(--sans);color:var(--a-accent)}.table-view .table{font-size:14px;min-width:620px}.pattern{display:grid;gap:4px}.pattern-row{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px}.pattern-day{font:600 12.5px/1 var(--sans);color:var(--a-muted);white-space:nowrap}.pattern-track{position:relative;height:20px;border-radius:5px;background:var(--a-surface-2);overflow:hidden}.pattern-track i{position:absolute;top:0;bottom:0}.pattern-sleep{background:var(--c1);border-radius:3px}.pattern-feed{width:3px;margin-left:-1.5px;top:4px!important;bottom:4px!important;border-radius:2px;background:var(--c2);box-shadow:0 0 0 1px var(--a-surface-2)}.pattern.dense{gap:3px}.pattern.dense .pattern-track{height:12px;border-radius:3px}.pattern.dense .pattern-feed{top:2px!important;bottom:2px!important}.pattern.dense .pattern-day{font-size:11px}.pattern-foot{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;margin-top:4px}.pattern-foot .legend{grid-column:1 / -1;order:2;margin:6px 0 4px}.pattern-hours{grid-column:2;display:flex;justify-content:space-between;font:500 11px var(--sans);color:var(--a-faint);font-variant-numeric:tabular-nums}.family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.family-col{display:grid;gap:18px;min-width:0}@media (max-width: 860px){.family-grid,.family-col{gap:14px}.family-grid{grid-template-columns:minmax(0,1fr)}}body.app-mode .panel-card{background:var(--panel);border-color:var(--panel-line);box-shadow:none}body.night .panel-card{background:var(--a-wash);border-color:var(--a-on-line)}.invite{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--a-line)}.invite .row{margin-top:4px}.settings{display:grid;gap:8px}.setting{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,176px);align-items:center;gap:12px}.setting-wide{grid-template-columns:minmax(0,1fr) minmax(0,220px)}.setting .choice{padding:3px}.setting .choice button{min-height:40px}@media (pointer: coarse){.setting .choice button{min-height:44px}}.name-row{display:flex;align-items:flex-end;gap:10px}.key-row{display:flex;align-items:center;gap:8px}.leave-btn{margin-top:20px}.people{list-style:none;padding:0;display:grid}.people li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:6px 0;border-top:1px solid var(--a-line)}.people li:first-child{border-top:0}.person{display:grid;gap:1px;min-width:0}.person strong{font:600 15.5px/1.3 var(--sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person small{font-size:13px;color:var(--a-muted)}.link-code{flex:1;min-width:0;padding:10px 12px;border-radius:10px;background:var(--a-surface-2);border:1px solid var(--a-line);font:13px var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--a-text)}.check{color:var(--a-text)}.join{display:grid;gap:14px;padding:26px 22px;justify-items:start}.join-art{width:170px;height:auto}.join form{width:100%}body.report-mode .site-head,body.report-mode .site-foot{display:none}body.report-mode{background:#fff;color:#15171b}.report{width:min(860px,calc(100% - 32px));margin:0 auto;padding:24px 0 60px;color:#15171b}.report-tools{display:flex;justify-content:space-between;gap:10px;margin-bottom:20px}.report-tools .btn{background:var(--ink-solid);color:#fff;border-color:var(--ink-solid)}.report-tools .btn-line{background:transparent;color:var(--ink-solid);border-color:var(--line-strong)}.report-head{padding-bottom:14px;border-bottom:2px solid #15171b}.report-head h1{margin:6px 0 4px;font:380 38px/1.1 var(--serif);letter-spacing:-.02em}.report-head p{font-size:14.5px;color:#4a4e56}.report section{margin-top:22px;break-inside:avoid}.report h2{margin-bottom:8px;font:650 13px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#4a4e56}.report-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0}.report-stats div{padding:10px;border:1px solid #d9dde3;border-radius:8px}.report-stats dt{font-size:12px;color:#5d6169}.report-stats dd{margin:2px 0 0;font:600 18px var(--sans)}@media (max-width: 640px){.report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.report-table{width:100%;min-width:560px;border-collapse:collapse;font-size:13.5px}.report-table td{white-space:nowrap}.report-table th,.report-table td{padding:6px 8px;border-bottom:1px solid #e3e6ea;text-align:left}.report-table th{font-weight:650;font-size:12px;color:#5d6169}.report section:has(.report-table){overflow-x:auto}.report-list{padding-left:1.1em;font-size:14px;display:grid;gap:4px}.report-list span{color:#5d6169}.report-empty,.report-note{margin-top:18px;font-size:14.5px;color:#4a4e56}.report-foot{margin-top:30px;padding-top:12px;border-top:1px solid #d9dde3;font-size:12.5px;color:#5d6169}@media print{.no-print,.toast,.tabbar{display:none!important}.report{width:100%;padding:0}.report-table{font-size:11.5px;min-width:0}@page{margin:14mm}}.toast{display:flex;align-items:center;gap:16px}.toast button{flex:none;min-height:32px;margin:-6px -6px -6px 0;padding:0 8px;border:0;border-radius:8px;background:none;color:#a9c0f5;font:var(--type-control);cursor:pointer}@media (pointer: coarse){.toast button{min-height:44px;margin-block:-12px}}body.app-mode .toast{bottom:calc(92px + var(--safe-bottom))}@media (min-width: 761px){body.app-mode .toast{bottom:28px}}body.night .toast{background:#ece8df;color:#0e0f11}body.night .toast button{color:#2e5ec4}