:root{color-scheme:light dark}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root{--palette-white: #ffffff;--palette-gray-50: #f5f6f8;--palette-gray-200: #dfe2e6;--palette-gray-500: #6b7280;--palette-gray-900: #1a1d23;--palette-ink-950: #0f1216;--palette-ink-900: #171b21;--palette-ink-700: #2c333d;--palette-ink-300: #9aa3af;--palette-ink-100: #e6e8eb;--palette-blue-600: #2563eb;--palette-blue-400: #60a5fa;--palette-red-600: #dc2626;--palette-red-400: #f87171;--palette-red-500: #e5484d;--palette-lavender-50: #f7f5fd;--palette-lavender-100: #ebe6fb;--palette-lavender-150: #eceaf2;--palette-night-900: #1d1a33;--palette-night-850: #211e36;--palette-night-800: #26233d;--palette-sky-100: #e3f0fc;--palette-sky-500: #3d8fd6;--palette-sky-900: #1e3a5c;--palette-butter-100: #fdf1d4;--palette-butter-900: #4a3d18;--palette-sand-100: #f2e6d9;--palette-sand-900: #44372b;--palette-mint-100: #ddf3e8;--palette-mint-900: #1d3f31;--palette-rose-100: #fce3e3;--palette-rose-900: #4a2326;--palette-green-500: #3fa564;--palette-green-400: #4cc47a;--palette-yellow-500: #f2b705;--palette-yellow-400: #f2c94c;--palette-yellow-ink: #4a3800;--palette-coral-500: #d9534f;--palette-coral-400: #f06b67;--palette-pink-500: #e0619a;--palette-pink-400: #f48fb8;--palette-violet-400: #a38ff0;--palette-violet-500: #8b77e0;--palette-violet-100: #d9d0fb;--palette-violet-800: #3e3570;--palette-slate-300: #c4c9d1;--palette-slate-200: #dde1e6;--palette-slate-600: #4a5260;--palette-slate-700: #343b46;--palette-track-50: #eef1f5;--palette-track-100: #e1e5eb;--palette-ink-800: #232931;--palette-iris-400: #9b8cff;--palette-iris-600: #6c5ce7;--palette-emerald-400: #34d399;--palette-green-600: #16a34a;--palette-amber-300: #fcd34d;--palette-amber-500: #f59e0b;--palette-amber-ink: #5a4300;--palette-google-light-bg: #ffffff;--palette-google-light-fg: #1f1f1f;--palette-google-light-border: #747775;--palette-google-dark-bg: #131314;--palette-google-dark-fg: #e3e3e3;--palette-google-dark-border: #8e918f}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--control-height: 40px;--control-height-sm: 32px;--radius-ctl: 8px;--radius-panel: 12px;--radius-sheet: 20px;--radius-pill: 999px;--opacity-disabled: .5}:root,.fs-compact{--font-size-tiny: calc(.625rem * var(--fs-k, 1));--font-size-xs: calc(.75rem * var(--fs-k, 1));--font-size-small: calc(.875rem * var(--fs-k, 1));--font-size-body: calc(1rem * var(--fs-k, 1));--font-size-lead: calc(1.0625rem * var(--fs-k, 1));--font-size-title: calc(1.5rem * var(--fs-k, 1));--font-size-timer: calc(2.25rem * var(--fs-k, 1));--font-size-timer-lg: calc(3rem * var(--fs-k, 1))}.fs-compact{--fs-k: .9}:root{--color-bg-page: light-dark(var(--palette-gray-50), var(--palette-ink-950));--color-bg-app: light-dark(var(--palette-white), var(--palette-ink-950));--color-bg-panel: light-dark(var(--palette-white), var(--palette-ink-900));--color-border: light-dark(var(--palette-gray-200), var(--palette-ink-700));--color-text: light-dark(var(--palette-gray-900), var(--palette-ink-100));--color-text-muted: light-dark(var(--palette-gray-500), var(--palette-ink-300));--color-accent: light-dark(var(--palette-blue-600), var(--palette-blue-400));--color-on-accent: light-dark(var(--palette-white), var(--palette-ink-950));--color-danger: light-dark(var(--palette-red-600), var(--palette-red-400));--color-on-danger: light-dark(var(--palette-white), var(--palette-ink-950));--color-success: light-dark(var(--palette-green-600), var(--palette-green-400));--color-bg-inset: light-dark(var(--palette-lavender-50), var(--palette-night-900));--color-focus-ring: var(--color-accent);--shadow-panel: 0 1px 3px light-dark(rgb(0 0 0 / 8%), rgb(0 0 0 / 40%));--color-backdrop: light-dark(rgb(0 0 0 / 35%), rgb(0 0 0 / 60%));--state-none: transparent;--state-hover: color-mix(in srgb, currentcolor 8%, transparent);--state-press: color-mix(in srgb, currentcolor 14%, transparent);--color-none: transparent;--color-badge-bg: var(--palette-red-500);--color-badge-fg: var(--palette-white);--color-hero-top: light-dark(var(--palette-lavender-100), var(--palette-night-800));--color-hero-mid: light-dark(var(--palette-lavender-50), var(--palette-night-900));--glass-bg-start: light-dark(rgb(255 255 255 / 50%), rgb(255 255 255 / 12%));--glass-bg-end: light-dark(rgb(255 255 255 / 14%), rgb(255 255 255 / 4%));--glass-border: light-dark(rgb(255 255 255 / 70%), rgb(255 255 255 / 18%));--glass-shadow: 0 8px 28px light-dark(rgb(70 50 150 / 14%), rgb(0 0 0 / 45%)), inset 0 1px 0 light-dark(rgb(255 255 255 / 95%), rgb(255 255 255 / 22%)), inset 0 -1px 0 light-dark(rgb(255 255 255 / 35%), rgb(255 255 255 / 6%));--color-tabbar: light-dark(var(--palette-lavender-150), var(--palette-night-850));--shadow-tabbar: light-dark(rgb(60 40 120 / 20%), rgb(0 0 0 / 55%));--shadow-float: 0 2px 6px light-dark(rgb(0 0 0 / 25%), rgb(0 0 0 / 60%));--tl-feed: light-dark(var(--palette-sky-100), var(--palette-sky-900));--tl-feed-ink: light-dark(var(--palette-sky-500), var(--palette-blue-400));--tl-wet: light-dark(var(--palette-butter-100), var(--palette-butter-900));--tl-poop: light-dark(var(--palette-sand-100), var(--palette-sand-900));--tl-food: light-dark(var(--palette-mint-100), var(--palette-mint-900));--tl-temp: light-dark(var(--palette-rose-100), var(--palette-rose-900));--tl-temp-ok: light-dark(var(--palette-green-500), var(--palette-green-400));--tl-temp-mid: light-dark(var(--palette-yellow-500), var(--palette-yellow-400));--tl-temp-mid-ink: var(--palette-yellow-ink);--tl-temp-hi: light-dark(var(--palette-coral-500), var(--palette-coral-400));--tl-badge-fg: var(--palette-white);--tl-sleep: light-dark(var(--palette-violet-400), var(--palette-violet-500));--tl-sleep-light: light-dark(var(--palette-violet-100), var(--palette-violet-800));--tl-axis: light-dark(var(--palette-slate-300), var(--palette-slate-600));--tl-future: light-dark(var(--palette-slate-200), var(--palette-slate-700));--usage-track-top: light-dark(var(--palette-track-50), var(--palette-ink-700));--usage-track-bottom: light-dark(var(--palette-track-100), var(--palette-ink-800));--usage-track-shadow: light-dark(rgb(0 0 0 / 12%), rgb(0 0 0 / 45%));--usage-app-start: var(--palette-iris-400);--usage-app-end: var(--palette-iris-600);--usage-ok-start: var(--palette-emerald-400);--usage-ok-end: var(--palette-green-600);--usage-warn-start: var(--palette-amber-300);--usage-warn-end: var(--palette-amber-500);--usage-full-start: var(--palette-red-400);--usage-full-end: var(--palette-red-600);--usage-gloss: rgb(255 255 255 / 38%);--usage-seam: rgb(255 255 255 / 80%);--usage-ink: light-dark(var(--palette-slate-600), var(--palette-ink-300));--usage-ink-on: var(--palette-white);--usage-ink-on-shadow: rgb(0 0 0 / 35%);--usage-ink-warn: var(--palette-amber-ink);--usage-ink-warn-shadow: rgb(255 255 255 / 45%);--shadow-sheet: 0 18px 48px light-dark(rgb(50 35 110 / 22%), rgb(0 0 0 / 60%));--setup-badge-bg: light-dark(var(--palette-lavender-100), var(--palette-night-800));--setup-badge-fg: light-dark(var(--palette-violet-500), var(--palette-violet-400));--gender-girl: light-dark(var(--palette-pink-500), var(--palette-pink-400));--gender-boy: light-dark(var(--palette-sky-500), var(--palette-blue-400));--gender-on: var(--palette-white);--google-btn-bg:light-dark(var(--palette-google-light-bg), var(--palette-google-dark-bg));--google-btn-fg: light-dark(var(--palette-google-light-fg), var(--palette-google-dark-fg));--google-btn-border: light-dark(var(--palette-google-light-border), var(--palette-google-dark-border))}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Noto Sans TC,Microsoft JhengHei,sans-serif;font-size:var(--font-size-body);line-height:1.5;background:var(--color-bg-page);color:var(--color-text)}.fs-compact{font-size:var(--font-size-body)}img{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--color-accent)}a:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}[hidden]{display:none!important}:disabled,[aria-disabled=true]{pointer-events:none;opacity:var(--opacity-disabled)}.sprite{display:block;flex:none;background-repeat:no-repeat}.btn{--btn-bg: var(--color-bg-panel);--btn-fg: var(--color-text);--btn-border: var(--color-border);--btn-state: var(--state-none);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);height:var(--control-height);padding:0 var(--space-4);border:1px solid var(--btn-border);border-radius:var(--radius-ctl);background:var(--btn-bg);background-image:linear-gradient(var(--btn-state),var(--btn-state));color:var(--btn-fg);font-weight:500;cursor:pointer}.btn:hover{--btn-state: var(--state-hover)}.btn:active{--btn-state: var(--state-press)}.btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.btn--primary{--btn-bg: var(--color-accent);--btn-fg: var(--color-on-accent);--btn-border: var(--color-accent)}.btn--danger{--btn-bg: var(--color-danger);--btn-fg: var(--color-on-danger);--btn-border: var(--color-danger)}.btn--block{width:100%}.btn--pill{border-radius:var(--radius-pill)}.btn--google{--btn-bg: var(--google-btn-bg);--btn-fg: var(--google-btn-fg);--btn-border: var(--google-btn-border)}.btn__icon{width:20px;height:20px}.btn--sm{height:var(--control-height-sm);padding:0 var(--space-2);font-size:var(--font-size-small)}.btn--icon{width:var(--control-height-sm);padding:0}.btn--round{width:44px;height:44px;padding:0;border-radius:50%}.btn--text{--btn-bg: var(--color-none);--btn-border: var(--color-none);--btn-fg: var(--color-text-muted)}.btn__glyph{width:1.2em;height:1.2em}.btn-row{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:var(--space-3)}.select{--select-border: var(--color-border);height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--select-border);border-radius:var(--radius-ctl);background:var(--color-bg-panel);color:var(--color-text);cursor:pointer}.select:hover{--select-border: var(--color-accent)}.select:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.select--sm{height:var(--control-height-sm);padding:0 var(--space-2);font-size:var(--font-size-small)}.input{--input-border: var(--color-border);width:100%;min-width:0;height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--input-border);border-radius:var(--radius-ctl);background:var(--color-bg-panel);color:var(--color-text)}.input:hover{--input-border: var(--color-accent)}.input:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.input::placeholder{color:var(--color-text-muted)}.input--sm{height:var(--control-height-sm);padding:0 var(--space-2);font-size:var(--font-size-small)}.input:read-only{--input-border: var(--color-border);background:var(--color-bg-inset)}.field{display:grid;gap:6px;min-width:0;margin:0;padding:0;border:0}.field__label{padding:0;font-size:var(--font-size-small);font-weight:600}.field__req{margin-left:2px;color:var(--color-danger)}.field__hint,.field__error{margin:0;font-size:var(--font-size-xs)}.field__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px var(--space-2)}.field__hint{color:var(--color-text-muted);font-weight:400}.field__label>.field__hint{margin-left:var(--space-2)}.field__error{color:var(--color-danger)}.field--error .input,.field--error .select{--input-border: var(--color-danger);--select-border: var(--color-danger)}.field--inline{grid-template-columns:max-content minmax(0,1fr);align-items:center;column-gap:var(--space-3)}.field--inline>legend{float:left}.field--inline>.field__error{grid-column:2}.check{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-small);cursor:pointer}.check input{width:18px;height:18px;margin:0;accent-color:var(--color-accent);cursor:pointer}.card{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-bg-panel);box-shadow:var(--shadow-panel)}.dialog{width:min(360px,calc(100vw - 2 * var(--space-4)));padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-bg-panel);color:var(--color-text);box-shadow:var(--shadow-panel)}.dialog::backdrop{background:var(--color-backdrop)}.dialog__body{display:grid;gap:var(--space-4)}.dialog__title{margin:0;font-size:var(--font-size-lead)}.msg{margin:0;font-size:var(--font-size-small);white-space:pre-line}.msg--muted{color:var(--color-text-muted)}.msg--danger{color:var(--color-danger)}.msg--ok{color:var(--color-success)}.page-center{display:grid;place-content:center;gap:var(--space-4);min-height:100dvh;padding:var(--space-4)}.page-center__card{display:grid;gap:var(--space-4);width:min(360px,calc(100vw - 2 * var(--space-4)));text-align:center}.page-center__title{margin:0;font-size:var(--font-size-title)}.page-center__body{display:contents}.page-center__foot{text-align:center}.page-corner{position:fixed;top:var(--space-3);right:var(--space-3)}.setup{width:min(440px,calc(100vw - 2 * var(--space-4)));max-height:min(760px,calc(100dvh - 2 * var(--space-6)));padding:0;overflow:hidden;border:0;border-radius:var(--radius-sheet);background:var(--color-bg-panel);color:var(--color-text);box-shadow:var(--shadow-sheet)}.setup[open]{display:flex;flex-direction:column}.setup::backdrop{background:var(--color-backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.setup__head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-3) 0 var(--space-6)}.setup__dots{display:flex;gap:6px}.setup__dot{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--color-border);transition:width .2s ease,background-color .2s ease}.setup__dot--done{background:var(--setup-badge-fg)}.setup__dot--on{width:24px;background:var(--color-accent)}.setup__scroll{display:grid;flex:1;align-content:start;gap:var(--space-4);min-height:0;padding:var(--space-2) var(--space-6) var(--space-6);overflow-y:auto;overscroll-behavior:contain}.setup__hero{display:grid;justify-items:center;gap:var(--space-3);text-align:center}.setup__badge{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--setup-badge-bg);color:var(--setup-badge-fg)}.setup__badge-ic{width:32px;height:32px;stroke-width:1.6}.setup__title{margin:0;font-size:1.25rem}.setup__title:focus{outline:none}.setup__body,.setup__step{display:grid;gap:var(--space-4)}.setup__lead{margin-top:calc(-1 * var(--space-2));color:var(--color-text-muted);text-align:center;text-wrap:balance}.setup__tree,.setup__guide{display:grid;gap:var(--space-2);margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-panel);background:var(--color-bg-inset);font-size:var(--font-size-small)}.setup__guide{padding-left:36px}.setup__guide li{text-wrap:pretty}.setup__tree-title{margin:0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.setup__node,.setup__ok{display:flex;align-items:center;gap:var(--space-2)}.setup__desc{color:var(--color-text-muted)}.setup__ic{flex:none;width:18px;height:18px}.setup__node .setup__ic{color:var(--setup-badge-fg)}.setup__branch{display:grid;gap:var(--space-2);margin:0 0 0 8px;padding:0;list-style:none}.setup__branch li{position:relative;padding-left:20px}.setup__branch li:before,.setup__branch li:not(:last-child):after{content:"";position:absolute;left:0;border-left:1.5px solid var(--color-border)}.setup__branch li:before{top:calc(-1 * var(--space-2));width:14px;height:calc(50% + var(--space-2));border-bottom:1.5px solid var(--color-border);border-bottom-left-radius:6px}.setup__branch li:not(:last-child):after{top:50%;bottom:calc(-1 * var(--space-2))}.setup__note{display:flex;align-items:center;gap:6px;margin:0;color:var(--color-text-muted);font-size:var(--font-size-xs)}@media(max-width:420px){.setup__br{display:none}.setup__lines{text-wrap:balance}}.setup__note-ic{flex:none;width:15px;height:15px}.setup__ok{font-size:var(--font-size-body);font-weight:600}.setup__open{margin-left:var(--space-1)}.setup__status{display:grid;justify-items:center;gap:var(--space-2)}.setup__link{display:inline-flex;align-items:center;gap:4px;font-weight:600}.setup__link-ic{width:14px;height:14px}.setup__kbd{display:inline-grid;place-items:center;width:22px;height:22px;margin:0 2px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-panel);color:var(--color-text);vertical-align:-6px}.setup__kbd-ic{width:14px;height:14px}.setup__keyok{justify-content:center}.setup__keyrow{display:grid;grid-template-columns:1fr auto;gap:var(--space-2)}.setup__note{font-size:var(--font-size-xs)}.setup__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.setup__kids{display:grid;gap:var(--space-3)}.setup__kids:empty{display:none}.setup__kid{display:grid;gap:var(--space-3);padding:var(--space-2) var(--space-4) var(--space-4);border-radius:var(--radius-panel);background:var(--color-bg-inset)}.setup__kid--flat{padding:0;background:none}.setup__kid--closed{padding-bottom:var(--space-2)}.setup__kid-body{display:grid;gap:var(--space-4)}.setup__kid-head{display:flex;align-items:center;gap:var(--space-2);margin:0 calc(-1 * var(--space-2)) 0 calc(-1 * var(--space-2))}.setup__kid-toggle{--toggle-state: var(--state-none);display:flex;flex:1;align-items:center;gap:6px;min-width:0;height:var(--control-height);padding:0 var(--space-2);border:0;border-radius:var(--radius-ctl);background:var(--toggle-state);color:var(--color-text);text-align:left;cursor:pointer}.setup__kid-toggle:hover{--toggle-state: var(--state-hover)}.setup__kid-toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.setup__kid-chev{flex:none;width:16px;height:16px;color:var(--color-text-muted);transition:transform .2s ease}.setup__kid-toggle[aria-expanded=true] .setup__kid-chev{transform:rotate(90deg)}.setup__kid-title{min-width:0;overflow:hidden;font-size:var(--font-size-lead);text-overflow:ellipsis;white-space:nowrap}.setup__kid-warn{flex:none;color:var(--color-danger);font-size:var(--font-size-xs)}.setup__kid:not(.setup__kid--closed) .setup__kid-warn{display:none}.setup__kid-nick{margin-left:2px;color:var(--color-text-muted);font-size:var(--font-size-small)}.setup__kid .field--inline>:first-child{min-width:3.75rem}.setup__add{--btn-fg: var(--color-accent);border-style:dashed}.setup__sexes{display:flex;gap:var(--space-2)}.setup__sex{--sex: var(--gender-girl);--sex-state: var(--state-none);position:relative;display:grid;place-items:center;width:40px;height:40px;border:1.5px solid var(--sex);border-radius:50%;background:var(--color-bg-panel);background-image:linear-gradient(var(--sex-state),var(--sex-state));color:var(--sex);font-size:1.25rem;font-weight:700;line-height:1;cursor:pointer}.setup__sex--boy{--sex: var(--gender-boy)}.setup__sex:hover{--sex-state: var(--state-hover)}.setup__sex:has(:checked){background-color:var(--sex);color:var(--gender-on)}.setup__sex:has(:focus-visible){outline:2px solid var(--color-focus-ring);outline-offset:2px}.setup__sex input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.field--error .setup__sex{border-color:var(--color-danger)}.field--inline>.setup__other{grid-column:1 / -1}.setup__measure{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.setup__sub{display:grid;gap:2px}.setup__sublabel{color:var(--color-text-muted);font-size:var(--font-size-xs)}.setup__early{display:grid;gap:var(--space-3)}.setup__nav{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border)}.setup__nav-end{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.setup__nav .btn--round .btn__glyph{width:22px;height:22px}.setup__back .btn__glyph{transform:scaleX(-1)}.setup__finish{padding:0 var(--space-6)}.setup__count{color:var(--color-text-muted);font-size:var(--font-size-small);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.setup__dot,.setup__kid-chev{transition:none}}.app{--tabs-h: 60px;--main-pad-x: 14px;--main-pad-top: 4px;display:grid;grid-template-areas:"bar" "main" "tabs";grid-template-rows:auto 1fr auto;min-height:100dvh;background:var(--color-bg-app)}.app-main{grid-area:main;min-width:0;padding:var(--main-pad-top) var(--main-pad-x) 90px}.app-wip{padding:var(--space-8) 0;text-align:center}.app--home{height:100dvh;min-height:0}.app--home .app-main{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding-bottom:12.5px}.app--home .today{flex:1}.app--home .fabs{bottom:calc(var(--dock, var(--tabs-h)) + 12px)}.app-bar{position:sticky;top:0;z-index:40;display:flex;grid-area:bar;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-bg-app)}.app-bar__brand{margin-right:auto}.bar-btn{--bar-state: var(--state-none);display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:var(--bar-state);color:var(--color-text);cursor:pointer}.bar-btn:hover{--bar-state: var(--state-hover)}.bar-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.bar-btn__ic{width:24px;height:24px}.avatar{border-radius:50%;object-fit:cover}.bar-btn__avatar{width:28px;height:28px}.pop-slot{position:absolute;top:calc(100% + 6px);right:var(--space-3);z-index:40}.pop{width:min(280px,calc(100vw - 2 * var(--space-3)));overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-bg-panel);box-shadow:var(--shadow-float);transition:height .28s cubic-bezier(.2,.8,.2,1)}.pop-track{display:flex;align-items:flex-start;width:300%;transform:translate(calc(var(--at, 0) * -100% / 3));transition:transform .28s cubic-bezier(.2,.8,.2,1)}.pop>.pop-pane,.pop-track>.pop-pane{display:grid;gap:var(--space-1);padding:var(--space-3)}.pop-track>.pop-pane{width:calc(100% / 3);max-height:min(70dvh,560px);overflow-y:auto;overscroll-behavior:contain}.pop-key{display:grid;gap:6px}.pop-keyrow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px}.pop-badge{--badge-fg: var(--color-text-muted);flex:none;padding:2px var(--space-2);border:1px solid currentcolor;border-radius:var(--radius-pill);color:var(--badge-fg);font-size:var(--font-size-xs);font-weight:600;line-height:1.4}.pop-badge--ok{--badge-fg: var(--color-success)}.pop-badge--bad{--badge-fg: var(--color-danger)}.pop-link{justify-self:start;padding:2px 0;border:0;background:none;color:var(--color-accent);font-size:var(--font-size-xs);cursor:pointer}.pop-link:hover{text-decoration:underline}.pop-link:focus-visible{border-radius:2px;outline:2px solid var(--color-focus-ring);outline-offset:2px}.pop-link__go{margin-left:.25em}.pop-ext{flex:none;width:14px;height:14px;color:var(--color-text-muted)}.pop-detail{display:grid;gap:var(--space-3);padding-top:var(--space-2)}.pop-danger{display:grid;gap:var(--space-2)}.pop-head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.pop-head__avatar{width:44px;height:44px;color:var(--color-text-muted);stroke-width:1.2}.pop-head__who{display:grid;min-width:0;overflow-wrap:anywhere}.pop-row{display:flex;align-items:center;gap:var(--space-2);min-height:36px}.pop-label{display:flex;flex:1;align-items:center;gap:10px;min-width:0}.pop-ic{flex:none;width:18px;height:18px;color:var(--color-text-muted)}.pop-ctl{flex:none;width:max(120px,7.5rem)}.pop-zoom{display:grid;grid-template-columns:auto 1fr auto;align-items:center}.pop-zoom__val{font-variant-numeric:tabular-nums;text-align:center}.pop-item{--item-state: var(--state-none);display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:36px;padding:0 var(--space-1);border:0;border-radius:var(--radius-ctl);background:var(--item-state);color:var(--color-text);text-align:left;text-decoration:none;cursor:pointer}.pop-item:hover{--item-state: var(--state-hover)}.pop-item:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.pop-go{color:var(--color-text-muted)}.pop-back{gap:6px}.pop-sec{margin-top:var(--space-2)}.tabs{position:sticky;bottom:0;z-index:20;grid-area:tabs;overflow-x:clip;background:var(--color-tabbar);box-shadow:inset 0 7px 8px -8px var(--shadow-tabbar)}.tabs-in{display:grid;grid-template-columns:repeat(5,1fr);min-height:var(--tabs-h)}.tab{position:relative;display:grid;align-content:center;justify-items:center;gap:2px;margin:0 4px 6px;padding:4px 0;border:0;border-radius:0 0 18px 18px;background:none;color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer}.tab:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.tab--on{background:var(--color-bg-app);color:var(--color-text);font-weight:700}.tab--on:before,.tab--on:after{content:"";position:absolute;top:0;width:14px;height:14px}.tab--on:before{right:100%;background:radial-gradient(circle at 0 100%,var(--color-none) 13.5px,var(--color-bg-app) 14px)}.tab--on:after{left:100%;background:radial-gradient(circle at 100% 100%,var(--color-none) 13.5px,var(--color-bg-app) 14px)}.tab-label{display:none}.tab-img{width:58px}.tab-mic{display:grid;place-items:center;width:54px;height:54px;margin-top:-26px;border:2px solid var(--color-text);border-radius:50%;background:var(--color-bg-panel);box-shadow:var(--shadow-float)}.tab-mic .tab-img{width:49px}.fabs{position:fixed;right:var(--space-4);bottom:calc(var(--tabs-h) + var(--space-4));z-index:30;display:grid;justify-items:center;gap:10px}.fab{display:block;padding:0;border:0;border-radius:var(--radius-pill);background:var(--color-none);filter:drop-shadow(var(--shadow-float));cursor:pointer;transition:transform .15s ease}.fab:hover{transform:scale(1.06)}.fab:active{transform:scale(.96)}.fab:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.fab__img{height:56px;margin:0 -14px}@media(prefers-reduced-motion:reduce){.fab,.pop,.pop-track{transition:none}}.toast{position:fixed;bottom:calc(var(--tabs-h) + 20px);left:50%;z-index:80;max-width:calc(100vw - 2 * var(--space-4));padding:10px 14px;border-radius:var(--radius-ctl);background:var(--color-text);box-shadow:var(--shadow-float);color:var(--color-bg-panel);font-size:var(--font-size-small);transform:translate(-50%)}@media(min-width:900px){.app{--main-pad-x: 24px;--main-pad-top: 8px;grid-template-areas:"bar bar" "tabs main";grid-template-rows:auto 1fr;grid-template-columns:190px minmax(0,1fr)}.app-main{justify-self:center;width:100%;max-width:1200px;padding-bottom:40px}.tabs{position:relative;bottom:auto;display:flex;flex-direction:column;overflow:visible;box-shadow:inset -7px 0 8px -8px var(--shadow-tabbar)}.tabs-in{position:sticky;top:60px;grid-template-columns:1fr;min-height:0;padding-top:14px}.tab{grid-auto-flow:column;justify-content:start;align-items:center;gap:10px;margin:0 0 0 10px;padding:10px 14px;border-radius:16px 0 0 16px;font-size:var(--font-size-small)}.tab--on:before{top:auto;right:0;bottom:100%;background:radial-gradient(circle at 0 0,var(--color-none) 13.5px,var(--color-bg-app) 14px)}.tab--on:after{top:100%;right:0;left:auto;background:radial-gradient(circle at 0 100%,var(--color-none) 13.5px,var(--color-bg-app) 14px)}.tab-label{display:inline}.tab-img{width:44px}.tab--voice{display:none}.fabs{right:var(--space-6);bottom:var(--space-6)}.app--home .app-main{padding-bottom:var(--space-6)}.app--home .fabs{right:var(--dock-right, var(--space-6))}.toast{bottom:28px}}@property --usage-p{syntax: "<percentage>"; inherits: true; initial-value: 0%;}@keyframes usage-grow{0%{--usage-p: 0%}}.usage{--usage-p: var(--usage-target, 0%);--usage-app: 0%;position:relative;margin-top:2.5px;overflow:hidden;border-radius:var(--radius-pill);background:linear-gradient(var(--usage-track-top),var(--usage-track-bottom));box-shadow:inset 0 1px 2px var(--usage-track-shadow);animation:usage-grow .7s cubic-bezier(.2,.8,.2,1)}.usage__segs{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--usage-p)) 0 0 round var(--radius-pill))}.usage__segs:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--usage-gloss),var(--color-none) 55%);content:""}.usage__app,.usage__lvl{position:absolute;top:0;bottom:0}.usage__app{left:0;width:var(--usage-app)}.usage__lvl{left:var(--usage-app);width:calc(var(--usage-target) - var(--usage-app))}.usage--has-app .usage__lvl{border-left:2px solid var(--usage-seam)}.usage__app,.usage__sw{background:linear-gradient(90deg,var(--usage-app-start),var(--usage-app-end))}.usage--ok .usage__lvl{background:linear-gradient(90deg,var(--usage-ok-start),var(--usage-ok-end))}.usage--warn .usage__lvl{background:linear-gradient(90deg,var(--usage-warn-start),var(--usage-warn-end))}.usage--full .usage__lvl{background:linear-gradient(90deg,var(--usage-full-start),var(--usage-full-end))}.usage__text{display:flex;align-items:center;justify-content:center;padding:2px 10px;color:var(--usage-ink);font-size:var(--font-size-tiny);font-weight:600;line-height:1.4;white-space:nowrap}.usage__text--spacer{visibility:hidden}.usage__text--on-empty,.usage__text--on-app,.usage__text--on-lvl{position:absolute;top:0;right:0;bottom:0;left:0}.usage__text--on-empty{clip-path:inset(0 0 0 var(--usage-p))}.usage__text--on-app,.usage__text--on-lvl{color:var(--usage-ink-on);text-shadow:0 1px 2px var(--usage-ink-on-shadow)}.usage__text--on-app{clip-path:inset(0 calc(100% - min(var(--usage-app),var(--usage-p))) 0 0)}.usage__text--on-lvl{clip-path:inset(0 calc(100% - var(--usage-p)) 0 var(--usage-app))}.usage--warn .usage__text--on-lvl{color:var(--usage-ink-warn);text-shadow:0 1px 0 var(--usage-ink-warn-shadow)}.usage__sw{display:inline-block;flex:none;width:7px;height:7px;margin:0 3px 0 6px;border-radius:2px;box-shadow:0 0 0 1px var(--usage-seam)}@media(prefers-reduced-motion:reduce){.usage{animation:none}}.today{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0}.today .tl-area{margin-top:10px}.hero{position:relative;display:flex;flex-direction:column;min-height:0;margin:calc(-1 * var(--main-pad-top)) calc(-1 * var(--main-pad-x)) 0;overflow:hidden;background:linear-gradient(var(--color-hero-top),var(--color-hero-mid) 65%,var(--color-bg-app))}.hero__art{flex:1;min-height:0;width:100%;object-fit:contain;object-position:center}.hero.hero--empty{display:grid;place-items:center;padding:var(--space-6) var(--space-4)}.hero-empty{display:grid;justify-items:center;gap:var(--space-3);max-width:420px;text-align:center}.hero-empty__badge{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--setup-badge-bg);color:var(--setup-badge-fg)}.hero-empty__ic{width:36px;height:36px;stroke-width:1.6}.hero-empty__title{margin:0;font-size:var(--font-size-title)}.hero-empty__msg{color:var(--color-text-muted);text-wrap:balance}.hero-empty__acts{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-2)}.hero-card{position:absolute;top:12px;right:14px;left:14px;z-index:1;display:grid;grid-template-columns:1fr auto;column-gap:12px;align-items:center;padding:10px 12px 10px 16px;border:1px solid var(--glass-border);border-radius:22px;background:linear-gradient(135deg,var(--glass-bg-start),var(--glass-bg-end));box-shadow:var(--glass-shadow);color:var(--color-text);text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%)}.hero-card:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.hero-card>*{grid-column:1}.hero-card__state{font-weight:700}.hero-card__sub{color:var(--color-text-muted);font-size:var(--font-size-small)}.hero-card__act{--act-state: var(--state-none);grid-row:1 / span 3;grid-column:2;padding:12px 18px;border-radius:14px;background:var(--color-accent);background-image:linear-gradient(var(--act-state),var(--act-state));color:var(--color-on-accent);font-size:var(--font-size-lead);font-weight:700;white-space:nowrap}.hero-card:hover .hero-card__act{--act-state: var(--state-hover)}.hero-card:active .hero-card__act{--act-state: var(--state-press)}@media(min-width:900px){.today .tl-area{margin-top:14px}.hero{display:block;margin:0;border-radius:16px}.hero__art{position:absolute;right:40px;bottom:0;width:auto;max-width:72%;height:96%;object-position:right bottom}.hero-card{top:24px;right:auto;left:24px;column-gap:24px;padding:14px 16px 14px 20px}}.tl-area{--ev: 28px;--step: 32px;--gap: 22px;--levels: 1;position:relative;padding-top:6px}.tl-list{position:absolute;top:4px;right:0;z-index:4;padding:2px 4px;border:0;background:none;color:var(--color-text-muted);font-size:var(--font-size-small);cursor:pointer}.tl-list:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.tlx{margin:4px 4px 6px}.tlx-stage{position:relative;height:calc(var(--levels) * var(--step) + var(--gap))}.tlx-ev{--tl-ev-bg: var(--tl-feed);--tl-badge-bg: var(--tl-feed-ink);--tl-badge-ink: var(--tl-badge-fg);position:absolute;bottom:calc(var(--gap) + var(--lv, 0) * var(--step));z-index:2;display:grid;place-items:center;width:var(--ev);height:var(--ev);margin-left:calc(var(--ev) / -2);border:2px solid var(--color-bg-app);border-radius:50%;background:var(--tl-ev-bg);font-size:14px;line-height:1}.tlx-ev--wet{--tl-ev-bg: var(--tl-wet)}.tlx-ev--poop{--tl-ev-bg: var(--tl-poop)}.tlx-ev--food{--tl-ev-bg: var(--tl-food)}.tlx-ev--temp{--tl-ev-bg: var(--tl-temp)}.tlx-ev--temp-ok{--tl-badge-bg: var(--tl-temp-ok)}.tlx-ev--temp-mid{--tl-badge-bg: var(--tl-temp-mid);--tl-badge-ink: var(--tl-temp-mid-ink)}.tlx-ev--temp-hi{--tl-badge-bg: var(--tl-temp-hi)}.tlx-ev b{position:absolute;right:-13px;bottom:-6px;padding:0 4px;border-radius:var(--radius-pill);background:var(--tl-badge-bg);color:var(--tl-badge-ink);font-size:var(--font-size-tiny);font-weight:700;line-height:1.5;font-variant-numeric:tabular-nums}.tlx-ev--stem:after{content:"";position:absolute;top:100%;left:50%;height:calc(var(--gap) - 4px);border-left:1px dashed var(--tl-axis)}.tlx-axis{position:relative;height:26px}.tlx-past,.tlx-future{position:absolute;top:4px}.tlx-past{left:0;height:3px;border-radius:2px;background:var(--tl-axis)}.tlx-future{right:0;border-top:2px dashed var(--tl-future)}.tlx-sleep{position:absolute;top:1px;height:9px;border-radius:var(--radius-pill);background:var(--tl-sleep)}.tlx-sleep--cont{border-radius:0 var(--radius-pill) var(--radius-pill) 0}.tlx-sleep--live{border-radius:var(--radius-pill) 0 0 var(--radius-pill);background:repeating-linear-gradient(-45deg,var(--tl-sleep) 0 4px,var(--tl-sleep-light) 4px 8px)}.tlx-h{position:absolute;top:12px;transform:translate(-50%);color:var(--color-text-muted);font-size:var(--font-size-xs)}.tlx-h--first{transform:none}.tlx-h--last{transform:translate(-100%)}.tlx-baby{position:absolute;bottom:calc(100% - 7px);z-index:3;transform:translate(-50%)}.tlx-baby__img{height:36px;transform-origin:50% 100%;animation:tlx-crawl 1s ease-in-out infinite}@keyframes tlx-crawl{0%,to{transform:translate(-2px) rotate(-6deg)}25%{transform:translate(0) translateY(-2px) rotate(0)}50%{transform:translate(2px) rotate(6deg)}75%{transform:translate(0) translateY(-2px) rotate(0)}}@media(prefers-reduced-motion:reduce){.tlx-baby__img{animation:none}}.kid-slot{position:relative;min-width:0}.kid-slot--bar{margin-right:auto}.kid-slot--side{display:none}.kid-chip{--chip-bg: var(--color-none);--chip-state: var(--state-none);display:flex;align-items:center;gap:var(--space-2);width:100%;min-width:0;padding:2px var(--space-3) 2px var(--space-1);border:0;border-radius:var(--radius-pill);background:var(--chip-bg);background-image:linear-gradient(var(--chip-state),var(--chip-state));color:var(--color-text);text-align:left;cursor:pointer}.kid-chip:hover,.kid-chip[aria-expanded=true]{--chip-state: var(--state-hover)}.kid-chip:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.kid-chip__head{height:34px}.kid-chip__plus{display:grid;flex:none;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--setup-badge-bg);color:var(--setup-badge-fg)}.kid-chip__plus-ic{width:18px;height:18px}.kid-chip--side .kid-chip__plus{width:44px;height:44px}.kid-chip__text{display:grid;min-width:0;line-height:1.3}.kid-chip__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kid-chip__age{color:var(--color-text-muted);font-size:var(--font-size-xs);white-space:nowrap}.kids-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:40;width:max-content;max-width:calc(100vw - 2 * var(--space-3));padding:var(--space-2)}.kids-pop__list{display:grid;gap:2px;margin:0;padding:0;list-style:none}.kid-row{--row-state: var(--state-none);display:flex;align-items:center;gap:var(--space-2);min-width:0;min-height:44px;padding:2px var(--space-1) 2px var(--space-2);border-radius:var(--radius-ctl);background:var(--row-bg, var(--color-none));background-image:linear-gradient(var(--row-state),var(--row-state));cursor:pointer}.kid-row--on{--row-bg: var(--color-bg-inset)}.kid-row:hover{--row-state: var(--state-hover)}.kid-row:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.kid-row__head{height:36px}.kid-row__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kid-row__age{margin-left:auto;padding-left:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-small);white-space:nowrap}.kid-row__edit{flex:none;color:var(--color-text-muted)}.kids-pop__add{margin-top:var(--space-1);color:var(--color-accent)}@media(max-width:899px){.app-bar:has(.kid-slot--bar) .app-bar__brand{display:none}}@media(min-width:900px){.kid-slot--bar{display:none}.kid-slot--side{position:sticky;bottom:var(--space-4);display:block;margin:auto var(--space-3) var(--space-4)}.kid-chip--side{--chip-bg: var(--color-bg-panel);padding:var(--space-3);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel)}.kid-chip--side .kid-chip__head{height:44px}.kid-slot--side .kids-pop{top:auto;bottom:calc(100% + 8px)}}