: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-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-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;--font-size-tiny: .625rem;--font-size-xs: .75rem;--font-size-small: .875rem;--font-size-body: 1rem;--font-size-lead: 1.0625rem;--font-size-title: 1.5rem;--font-size-timer: 2.25rem;--font-size-timer-lg: 3rem;--control-height: 40px;--control-height-sm: 32px;--radius-ctl: 8px;--radius-panel: 12px;--radius-pill: 999px;--opacity-disabled: .5}:root{--color-bg-page: light-dark(var(--palette-gray-50), 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-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));--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)}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)}.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--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__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)}.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)}.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)}.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)}.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-page)}.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}@media(max-width:899px){.app--home{height:100dvh;min-height:0}.app--home .app-main{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding-bottom:32px}.app--home .today{flex:1}.app--home .fabs{bottom:calc(var(--dock, var(--tabs-h)) + 12px)}}.app-bar{position:sticky;top:0;z-index:20;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-page)}.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)}.pop-track{display:flex;align-items:flex-start;width:200%;transition:transform .28s cubic-bezier(.2,.8,.2,1)}.pop-track--sub{transform:translate(-50%)}.pop>.pop-pane,.pop-track>.pop-pane{display:grid;gap:var(--space-1);padding:var(--space-3)}.pop-track>.pop-pane{width:50%}.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-page);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-page) 14px)}.tab--on:after{left:100%;background:radial-gradient(circle at 100% 100%,var(--color-none) 13.5px,var(--color-bg-page) 14px)}.tab-label{display:none}.tab-img{width:58px;height:40px;object-fit:contain}.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:34px;height:34px}.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{--fab-state: var(--state-none);display:grid;place-items:center;width:52px;height:52px;padding:0;border:2px solid var(--color-text);border-radius:50%;background:var(--color-bg-panel);background-image:linear-gradient(var(--fab-state),var(--fab-state));box-shadow:var(--shadow-float);font-size:22px;line-height:1;cursor:pointer}.fab:hover{--fab-state: var(--state-hover)}.fab:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.fab--primary{border-color:var(--color-accent);background-color:var(--color-accent);color:var(--color-on-accent);font-size:30px}.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 1fr;max-width:1180px;margin:0 auto}.app-main{padding-bottom:40px}.tabs{position:relative;bottom:auto;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-page) 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-page) 14px)}.tab-label{display:inline}.tab-img{width:44px;height:30px}.tab--voice{display:none}.fabs{right:var(--space-6);bottom:var(--space-6)}.toast{bottom:28px}}.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-page))}.hero__art{flex:1;min-height:0;width:100%;object-fit:contain;object-position:center}.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{grid-template-rows:auto auto}.today .tl-area{margin-top:14px}.hero{display:block;height:300px;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-page);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;margin-left:-12px;font-size:22px;line-height:1;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{animation:none}}