:root{--bg: #faf8f5;--surface: #ffffff;--surface-2: #f4f1ec;--surface-3: #ece7df;--line: #e7e2da;--line-strong: #d6cfc4;--text: #2c2c2a;--text-2: #6b6862;--text-3: #8b867c;--accent: #b85c7a;--breast: #d4537e;--bottle: #7f77dd;--formula: #378add;--pump: #7f77dd;--supplement: #378add;--solid: #5b8c8a;--event: #9a968e;--diaper: #ba7517;--sleep: #1d9e75;--growth: #d85a30;--danger: #c0392b;--ok: #3b6d11;--radius: 12px;--radius-lg: 16px;--app-w: 560px;--dur-1: .14s;--dur-2: .24s;--dur-3: .36s;--ease: cubic-bezier(.22, .61, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--focus-ring: 0 0 0 3px var(--tab-active-bg)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{min-height:100%}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:16px;color:var(--text)}.app{position:relative;max-width:var(--app-w);margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.topbar{position:sticky;top:0;z-index:20;background:#faf8f5f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding:10px 16px 12px}.topbar-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar-name{font-size:17px;font-weight:500;letter-spacing:.01em}.topbar-age{font-size:12px;color:var(--text-3)}.topbar-now{display:grid;grid-template-columns:auto auto;grid-template-areas:"lang clock" ".    since";align-items:center;column-gap:10px;row-gap:2px;text-align:right}.topbar-now>.lang-wrap{grid-area:lang}.topbar-now>.topbar-clock{grid-area:clock}.topbar-now>.topbar-since{grid-area:since}.topbar-clock{font-size:22px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.02em}.topbar-since{font-size:12px;color:var(--text-2)}.lang-wrap{position:relative;display:inline-block}.lang-trigger{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:999px;padding:5px 11px;font-size:12px;line-height:1.2;box-shadow:0 1px 2px #0000000a}.lang-trigger:hover{border-color:var(--accent)}.lang-globe{color:var(--text-2);flex:none}.lang-trigger-label{white-space:nowrap}.lang-caret{font-size:9px;color:var(--text-3);margin-left:1px}.lang-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:50;width:232px;max-height:320px;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px #0000001f;padding:6px}.lang-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:none;background:none;border-radius:8px;padding:8px 10px;color:var(--text)}.lang-item:hover{background:var(--surface-2)}.lang-item.active{background:var(--surface-3)}.lang-item-native{font-size:13px;flex:0 0 auto;min-width:56px;white-space:nowrap}.lang-item-en{font-size:11px;color:var(--text-3);margin-left:auto;flex:0 1 auto;min-width:0;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lang-item .lang-check{flex:0 0 auto;margin-left:8px;color:var(--accent);font-weight:700}.lang-float{position:absolute;top:12px;right:14px;z-index:40}.main{flex:1;padding:16px 16px 96px}.section{margin-bottom:24px}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.section-title{font-size:15px;font-weight:500}.section-sub{font-size:12px;color:var(--text-3)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px}.card+.card{margin-top:12px}.hint{font-size:12px;color:var(--text-3);line-height:1.6}.site-footer{margin:22px 0 2px;text-align:center;font-size:11px;line-height:1.6;color:var(--text-3)}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:var(--text);text-decoration:underline}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-btn{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--line-strong);border-radius:var(--radius);padding:14px;text-align:left;display:flex;flex-direction:column;gap:2px;transition:background .12s,transform .06s}.quick-btn:active{transform:scale(.985);background:var(--surface-2)}.quick-btn-label{font-size:16px;font-weight:500}.quick-btn-desc{font-size:12px;color:var(--text-3)}.q-breast{border-left-color:var(--breast)}.q-bottle{border-left-color:var(--bottle)}.q-pump{border-left-color:var(--pump)}.q-supplement{border-left-color:var(--supplement)}.q-solid{border-left-color:var(--solid)}.q-event{border-left-color:var(--event)}.q-diaper{border-left-color:var(--diaper)}.q-sleep{border-left-color:var(--sleep)}.q-growth{border-left-color:var(--growth)}.q-breast .quick-icon{color:var(--breast)}.q-bottle .quick-icon{color:var(--bottle)}.q-pump .quick-icon{color:var(--pump)}.q-supplement .quick-icon{color:var(--supplement)}.q-solid .quick-icon{color:var(--solid)}.q-event .quick-icon{color:var(--event)}.q-diaper .quick-icon{color:var(--diaper)}.q-sleep .quick-icon{color:var(--sleep)}.q-growth .quick-icon{color:var(--growth)}.layout-editor{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px}.layout-editor-tip{font-size:12px;color:var(--text-3);line-height:1.6;margin-bottom:12px}.layout-cols{display:flex;align-items:center;gap:8px;margin-bottom:14px}.layout-cols-label{font-size:13px;color:var(--text-2)}.layout-section-title{font-size:13px;color:var(--text-2);margin:8px 0}.layout-tiles{display:flex;flex-wrap:wrap;gap:8px}.layout-tiles-hidden .layout-tile{opacity:.62}.layout-tile{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;-webkit-user-select:none;user-select:none;cursor:grab}.layout-tile:active{cursor:grabbing}.layout-tile-static{cursor:default}.drag-handle{color:var(--text-3);font-size:16px;line-height:1}.layout-tile-label{font-size:14px;font-weight:500}.layout-tile-actions{display:flex;gap:4px;margin-left:4px}.mini-btn{font-size:12px;padding:3px 8px;border-radius:6px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text-2);cursor:pointer}.mini-btn:disabled{opacity:.4;cursor:not-allowed}.layout-editor-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.timer{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px 16px;text-align:center}.timer-clock{font-size:40px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1.15}.timer-label{font-size:12px;color:var(--text-3);margin-bottom:8px}.side-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 8px}.side-btn{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:var(--radius);padding:14px 8px;font-size:16px;font-weight:500}.side-btn.active{background:var(--breast);border-color:var(--breast);color:#fff}.side-min{display:block;font-size:12px;font-weight:400;opacity:.75;margin-top:2px}.btn{border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;padding:11px 16px;font-size:15px}.btn:active{background:var(--surface-2)}.btn:disabled,.btn[disabled]{opacity:.4;cursor:not-allowed}.btn:disabled:active,.btn[disabled]:active{background:inherit}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:active{background:#a04d68}.btn-ghost{border-color:transparent;background:transparent;color:var(--text-2)}.btn-danger{color:var(--danger);border-color:#eccfca}.btn-block{display:block;width:100%}.btn-row{display:flex;gap:10px}.btn-row>.btn{flex:1}.field{margin-bottom:14px}.name-with-suffix{display:flex;align-items:center;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface)}.name-with-suffix:focus-within{border-color:var(--accent)}.name-with-suffix .input{flex:1;border:none;background:transparent}.name-with-suffix .suffix{padding:0 12px 0 4px;color:var(--text-2);white-space:nowrap;font-size:14px}.field-label{display:block;font-size:13px;color:var(--text-2);margin-bottom:6px}.input,.select,.textarea{width:100%;padding:11px 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent)}.textarea{resize:vertical;min-height:60px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line-strong);background:var(--surface);border-radius:999px;padding:9px 15px;font-size:14px}.chip.active{background:var(--text);border-color:var(--text);color:#fff}.kind-filter{margin-top:12px;margin-bottom:14px}.kind-filter-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:7px}.kind-filter-label{font-size:13px;color:var(--text-3)}.chip-kind{padding:6px 12px;font-size:13px}.chip-icon{display:inline-flex;align-items:center;justify-content:center;padding:8px;width:38px;height:38px}.chip-icon.active{outline:2px solid var(--text);outline-offset:1px}.color-dot{width:34px;height:34px;padding:0;border-radius:50%;border:2px solid transparent}.color-dot.active{outline:2px solid var(--text);outline-offset:2px}.amount-stepper{display:flex;align-items:center;gap:10px}.amount-stepper .input{text-align:center;font-size:22px;font-weight:500;padding:8px}.step-btn{width:52px;height:52px;flex:0 0 52px;border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;font-size:22px;line-height:1}.timeline{display:flex;flex-direction:column;gap:8px}.tl-item{display:flex;align-items:flex-start;gap:12px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--line-strong);border-radius:var(--radius);padding:12px 14px}.tl-time{font-size:15px;font-weight:500;font-variant-numeric:tabular-nums;flex:0 0 52px}.tl-body{flex:1;min-width:0}.tl-title{font-size:14px;font-weight:500}.tl-detail{font-size:12px;color:var(--text-2);word-break:break-word}.tl-who{font-size:11px;color:var(--text-3);margin-top:2px}.tl-actions{display:flex;gap:4px;align-items:center;flex:0 0 auto}.icon-btn{border:none;background:transparent;color:var(--text-3);font-size:13px;padding:4px 6px;border-radius:6px}.icon-btn:active{background:var(--surface-2)}.t-feeding{border-left-color:var(--breast)}.t-pump{border-left-color:var(--pump)}.t-supplement{border-left-color:var(--supplement)}.t-solid{border-left-color:var(--solid)}.t-event{border-left-color:var(--event)}.t-diaper{border-left-color:var(--diaper)}.t-sleep{border-left-color:var(--sleep)}.t-growth{border-left-color:var(--growth)}.ico{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:0}.ico svg{display:block}.tl-icon{flex:0 0 auto;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--surface-2)}.tl-icon.ico svg{width:22px;height:22px}.quick-icon{width:28px;height:28px;margin:0 auto 6px;display:block}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:13px 14px}.metric-label{font-size:12px;color:var(--text-3);margin-bottom:2px}.metric-value{font-size:26px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.2}.metric-value.small{font-size:19px}.metric-unit{font-size:13px;font-weight:400;color:var(--text-2);margin-left:3px}.metric-foot{font-size:11px;color:var(--text-3);margin-top:3px}.chart-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:14px 10px 8px}.chart-title{font-size:13px;font-weight:500;padding:0 6px 4px}.chart-note{font-size:11px;color:var(--text-3);padding:4px 8px 6px;line-height:1.6}.collab-row{display:flex;align-items:center;gap:10px;padding:7px 0}.collab-row+.collab-row{border-top:1px solid var(--line)}.collab-name{flex:0 0 auto;max-width:34%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;color:var(--text)}.collab-rel{margin-left:6px;font-size:11px;font-weight:400;color:var(--text-3)}.collab-bar{flex:1 1 auto;min-width:40px;height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.collab-bar-fill{height:100%;border-radius:999px;background:var(--accent);transition:width var(--dur-2) var(--ease)}.collab-num{flex:0 0 auto;display:flex;align-items:baseline;gap:6px;font-size:13px;color:var(--text-2)}.collab-pct{min-width:34px;text-align:right;font-size:12px;color:var(--text-3)}.seg{display:inline-flex;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden}.seg button{border:none;background:var(--surface);padding:6px 12px;font-size:12px;color:var(--text-2)}.seg button+button{border-left:1px solid var(--line-strong)}.seg button.active{background:var(--text);color:#fff}.subtabs{display:flex;border-bottom:1px solid var(--line-strong);margin-bottom:14px}.subtab{border:none;background:none;padding:9px 14px;font-size:13px;color:var(--text-2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.subtab.active{color:var(--text);font-weight:600;border-bottom-color:var(--accent)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;max-width:var(--app-w);margin:0 auto;background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;border:none;background:transparent;padding:10px 4px 12px;font-size:12px;color:var(--text-3);display:flex;flex-direction:column;align-items:center;gap:3px}.tab.active{color:var(--accent);font-weight:500}.sheet-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#2c2c2a5c;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:var(--app-w);background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:92vh;overflow-y:auto;padding:18px 16px calc(20px + env(safe-area-inset-bottom));animation:sheetUp .18s ease-out}@keyframes sheetUp{0%{transform:translateY(14px);opacity:.6}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){.sheet{animation:none}}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sheet-title{font-size:17px;font-weight:500}.banner{border-radius:var(--radius);padding:11px 14px;font-size:13px;line-height:1.6;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text-2)}.banner.warn{background:#faeeda;border-color:#efcf9f;color:#633806}.banner.danger{background:#fcebeb;border-color:#f0b6b6;color:#791f1f}.banner.ok{background:#eaf3de;border-color:#c8dfa0;color:#27500a}.empty{text-align:center;padding:36px 20px;color:var(--text-3);font-size:14px;line-height:1.8}.tag{display:inline-block;font-size:11px;padding:1px 7px;border-radius:999px;background:var(--surface-3);color:var(--text-2);margin-right:5px}.tag-info{background:#e6f1fb;color:#185fa5}.tag-watch{background:#faeeda;color:#854f0b}.tag-warn{background:#fcebeb;color:#791f1f}.list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:none}.divider{height:1px;background:var(--line);margin:16px 0}.mono{font-variant-numeric:tabular-nums}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.toast{position:fixed;left:50%;bottom:calc(76px + env(safe-area-inset-bottom));z-index:70;max-width:min(520px,calc(100vw - 32px));padding:11px 18px;border-radius:999px;font-size:13px;line-height:1.5;text-align:center;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);box-shadow:0 12px 32px #00000029;cursor:pointer;animation:toastIn var(--dur-3) var(--ease-out) both}.toast-ok{background:#eaf3de;border-color:#c8dfa0;color:#27500a}.toast-err{background:#fcebeb;border-color:#f0b6b6;color:#791f1f}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.link-btn{border:none;background:none;color:var(--accent);font-size:13px;padding:6px 8px;border-radius:8px;transition:background var(--dur-1) var(--ease),transform var(--dur-1) var(--ease)}button:focus-visible,[role=button]:focus-visible,.chip:focus-visible,.tab:focus-visible,.subtab:focus-visible,.lang-trigger:focus-visible{outline:none;box-shadow:var(--focus-ring)}.input:focus,.select:focus,.textarea:focus,.name-with-suffix:focus-within{box-shadow:var(--focus-ring)}.btn,.chip,.mini-btn,.step-btn,.side-btn,.icon-btn,.seg button,.subtab,.tab,.lang-trigger,.lang-item,.color-dot,.chip-icon,.tl-item,.metric,.card,.timer,.chart-card,.layout-tile,.input,.select,.textarea{transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),box-shadow var(--dur-2) var(--ease),transform var(--dur-1) var(--ease),color var(--dur-1) var(--ease),opacity var(--dur-1) var(--ease)}@media (hover: hover) and (pointer: fine){.app .btn:hover{border-color:var(--accent)}.app .btn-primary:hover{box-shadow:0 8px 20px var(--tab-active-bg)}.app .btn-ghost:hover{background:var(--surface-2)}.app .btn-danger:hover{background:#fcebeb}.app .chip:hover{border-color:var(--accent)}.app .card:hover,.app .metric:hover,.app .chart-card:hover{box-shadow:var(--shadow-float)}.app .tl-item:hover{box-shadow:var(--shadow-float);transform:translateY(-1px)}.app .icon-btn:hover{color:var(--text);background:var(--surface-2)}.app .tab:hover{color:var(--text-2)}.app .tab.active:hover{color:var(--accent)}.app .subtab:hover{color:var(--text)}.app .lang-trigger:hover{box-shadow:0 2px 8px var(--tab-active-bg)}.app .mini-btn:hover,.app .step-btn:hover,.app .side-btn:hover{border-color:var(--accent)}.app .link-btn:hover{background:var(--surface-2)}.app .theme-fab:hover{transform:translateY(-2px);box-shadow:var(--shadow-float)}}.btn:active,.chip:active,.mini-btn:active,.step-btn:active,.side-btn:active,.link-btn:active,.lang-trigger:active,.color-dot:active,.chip-icon:active,.layout-tile:active,.theme-fab:active,.seg button:active{transform:scale(.975)}@keyframes nftRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app .card,.app .metric,.app .timer,.app .chart-card,.app .tl-item{animation:nftRise var(--dur-3) var(--ease-out) both}.metric-grid>.metric:nth-child(2){animation-delay:40ms}.metric-grid>.metric:nth-child(3){animation-delay:80ms}.metric-grid>.metric:nth-child(4){animation-delay:.12s}.quick-grid>.quick-btn:nth-child(2){animation-delay:35ms}.quick-grid>.quick-btn:nth-child(3){animation-delay:70ms}.quick-grid>.quick-btn:nth-child(4){animation-delay:105ms}.quick-grid>.quick-btn:nth-child(5){animation-delay:.14s}.quick-grid>.quick-btn:nth-child(6){animation-delay:175ms}.timeline>.tl-item:nth-child(2){animation-delay:30ms}.timeline>.tl-item:nth-child(3){animation-delay:60ms}.timeline>.tl-item:nth-child(4){animation-delay:90ms}.timeline>.tl-item:nth-child(5){animation-delay:.12s}.timeline>.tl-item:nth-child(6){animation-delay:.15s}.topbar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 100% at 50% -55%,var(--tab-active-bg),transparent 72%)}.section-title,.sheet-title,.chart-title,.topbar-name,.quick-btn-label{text-wrap:balance}.empty{position:relative;color:var(--text-2)}.empty:before{content:"";display:block;width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:radial-gradient(circle at 50% 32%,var(--surface-2),var(--surface-3));box-shadow:inset 0 0 0 1px var(--line);animation:nftBreathe 2.6s ease-in-out infinite}@keyframes nftBreathe{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}.range-query{display:flex;flex-direction:column;gap:10px}.range-query-field{width:100%;min-width:0}.range-query-sep{align-self:center;display:none}.range-query-btn{width:100%}@media (min-width: 768px){.range-query{flex-direction:row;align-items:center;gap:8px}.range-query-field{flex:1}.range-query-sep{display:inline;flex-shrink:0}.range-query-btn{width:auto;flex-shrink:0}}@media (max-width: 360px){.topbar{padding:8px 12px 10px}.main{padding:14px 12px 96px}.tl-item{padding:10px 12px;gap:10px}.tl-time{flex-basis:46px}.tl-icon{width:32px;height:32px}.quick-btn{padding:12px 10px}.quick-btn-label{font-size:15px}.metric-value{font-size:22px}.timer-clock{font-size:34px}.toast{bottom:calc(70px + env(safe-area-inset-bottom))}}@media (min-width: 768px){:root{--app-w: 680px}.topbar{padding:12px 22px 14px}.main{padding:20px 22px 104px}.section{margin-bottom:26px}.card{padding:18px}.timer-clock{font-size:46px}.metric-value{font-size:28px}.topbar-name{font-size:18px}}@media (min-width: 1024px){:root{--app-w: 940px}.topbar{padding:14px 26px 16px}.main{padding:24px 26px 116px}.topbar-name{font-size:19px}.topbar-clock{font-size:26px}.record-layout{display:grid;grid-template-columns:380px minmax(0,1fr);gap:24px;align-items:start}.record-col-side,.record-col-main{min-width:0}.record-col-side>.section:last-child,.record-col-main>.section:last-child{margin-bottom:0}.tabbar{left:50%;right:auto;transform:translate(-50%);bottom:16px;width:max-content;max-width:calc(100vw - 32px);border:1px solid var(--line);border-radius:999px;padding:4px 10px calc(4px + env(safe-area-inset-bottom));box-shadow:0 14px 34px #00000024}.tab{flex-direction:row;gap:8px;padding:10px 18px;border-radius:999px;font-size:13px}.app .tabbar .tab.active{background:var(--tab-active-bg)}.app .tabbar .tab.active:before{display:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px}::-webkit-scrollbar-track{background:transparent}}@media (min-width: 1440px){:root{--app-w: 1060px}}.card,.timer,.metric,.chart-card,.layout-editor,.tl-item{box-shadow:var(--shadow-card)}.sheet-mask{animation:nftFade var(--dur-2) var(--ease) both}@keyframes nftFade{0%{opacity:0}to{opacity:1}}.sheet{position:relative}.sheet:before{content:"";position:absolute;top:7px;left:50%;transform:translate(-50%);width:38px;height:4px;border-radius:999px;background:var(--line-strong)}::selection{background:var(--tab-active-bg);color:var(--text)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.dtf{position:relative}.dtf .dtf-input{padding-right:38px}.dtf-btn{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:8px;background:transparent;color:var(--text-2);cursor:pointer;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.dtf-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.dtf-btn:disabled{opacity:.45;cursor:default}.dtf-pop{position:fixed;z-index:80;padding:10px 10px 8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 34px #2c2c2a29;animation:dtfIn var(--dur-2) var(--ease-out) both}@keyframes dtfIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dtf-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.dtf-title{font-size:13px;font-weight:500;color:var(--text)}.dtf-nav{width:26px;height:26px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--text-2);font-size:16px;line-height:1;cursor:pointer}.dtf-nav:focus-visible,.dtf-day:focus-visible,.dtf-act:focus-visible{outline:none;box-shadow:var(--focus-ring)}.dtf-week{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dtf-week span{padding:2px 0;text-align:center;font-size:11px;color:var(--text-3)}.dtf-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dtf-day{height:28px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--text);font-size:12.5px;font-variant-numeric:tabular-nums;cursor:pointer;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.dtf-day.today{color:var(--accent);font-weight:600}.dtf-day.sel{background:var(--accent);color:#fff;font-weight:600}.dtf-time{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}.dtf-time-label{margin-right:auto;font-size:12px;color:var(--text-2)}.dtf-sel{width:auto;padding:5px 6px;font-size:12.5px;font-variant-numeric:tabular-nums}.dtf-colon{color:var(--text-3)}.dtf-foot{display:flex;gap:6px;margin-top:8px}.dtf-act{flex:1;padding:6px 0;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--text);font-size:12.5px;cursor:pointer;transition:background var(--dur-1) var(--ease)}.dtf-ok{background:var(--accent);border-color:var(--accent);color:#fff}@media (hover: hover) and (pointer: fine){.dtf-btn:hover,.dtf-nav:hover{background:var(--surface-2);color:var(--text)}.dtf-day:hover{background:var(--surface-2)}.dtf-day.sel:hover{background:var(--accent)}.dtf-act:hover{background:var(--surface-2)}.dtf-ok:hover{background:var(--accent)}}.panel-loading{min-height:220px;margin:12px 0;border-radius:var(--radius);background:linear-gradient(90deg,var(--surface-2),var(--surface),var(--surface-2));background-size:200% 100%;animation:panel-shimmer 1.2s ease-in-out infinite}@keyframes panel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.panel-loading{animation:none}}:root{--shadow-card: 0 1px 3px rgba(0, 0,0, .06);--shadow-float: 0 4px 16px rgba(0, 0, 0, .1);--grad-primary: var(--accent);--hero-bg: var(--bg);--hero-text: var(--text);--topbar-bg: rgba(250, 248, 245, .94);--tabbar-bg: rgba(255, 255, 255, .96);--tab-active-bg: rgba(184, 92, 122, .12);--on-accent: #ffffff}[data-theme=warm]{--bg: #FBF6F2;--surface: #FFFFFF;--surface-2: #F6EDE5;--surface-3: #ECE0D3;--line: #EBDDCF;--line-strong: #D9C2AB;--text: #2B2622;--text-2: #6E635A;--text-3: #948570;--accent: #E8748C;--breast: #E0608A;--bottle: #8A7BE0;--formula: #4A93E0;--pump: #8A7BE0;--supplement: #4A93E0;--solid: #4FA58A;--event: #A2927F;--diaper: #C98A2E;--sleep: #2BAE85;--growth: #E0693B;--danger: #C0392B;--ok: #3B6D11;--radius: 14px;--radius-lg: 20px;--shadow-card: 0 6px 22px rgba(186, 120, 86, .12);--shadow-float: 0 12px 32px rgba(186, 120, 86, .24);--grad-primary: linear-gradient(135deg, #F4A6A0 0%, #E8748C 100%);--hero-bg: linear-gradient(135deg, #FCEAE0 0%, #F6D9D2 100%);--hero-text: #5A3A33;--topbar-bg: rgba(251, 246, 242, .92);--tabbar-bg: rgba(255, 255, 255, .94);--tab-active-bg: rgba(232, 116, 140, .14)}[data-theme=minimal]{--bg: #FFFFFF;--surface: #FFFFFF;--surface-2: #FAFAFA;--surface-3: #F0F0F0;--line: #EEEEEE;--line-strong: #DADADA;--text: #1A1A1A;--text-2: #5E5E5E;--text-3: #878787;--accent: #1F1F22;--breast: #C0456B;--bottle: #5E51C9;--formula: #2D6CDF;--pump: #5E51C9;--supplement: #2D6CDF;--solid: #2F8A6E;--event: #8A8A8A;--diaper: #B07B1E;--sleep: #1E9C76;--growth: #C9532C;--danger: #C0392B;--ok: #3B6D11;--radius: 10px;--radius-lg: 14px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .05);--shadow-float: 0 6px 20px rgba(0, 0, 0, .12);--grad-primary: linear-gradient(135deg, #2A2A2E 0%, #1F1F22 100%);--hero-bg: #F7F7F8;--hero-text: #1A1A1A;--topbar-bg: rgba(255, 255, 255, .92);--tabbar-bg: rgba(255, 255, 255, .96);--tab-active-bg: rgba(31, 31, 34, .07)}[data-theme=playful]{--bg: #F3F7FF;--surface: #FFFFFF;--surface-2: #EAF1FF;--surface-3: #DBE8FF;--line: #DCE7F5;--line-strong: #C3D6EF;--text: #25303F;--text-2: #5B6B81;--text-3: #8593A9;--accent: #FF6FA5;--breast: #FF6FA5;--bottle: #6C8DF5;--formula: #43BFE0;--pump: #6C8DF5;--supplement: #43BFE0;--solid: #45C4A0;--event: #93A2B8;--diaper: #F0A93B;--sleep: #36C08C;--growth: #FF8A5B;--danger: #E2533B;--ok: #2F9E5C;--radius: 18px;--radius-lg: 26px;--shadow-card: 0 8px 24px rgba(120, 150, 220, .18);--shadow-float: 0 14px 34px rgba(120, 150, 220, .28);--grad-primary: linear-gradient(135deg, #FF9A8B 0%, #FF6FA5 100%);--hero-bg: linear-gradient(135deg, #DCE9FF 0%, #FFE3F1 100%);--hero-text: #3A3357;--topbar-bg: rgba(243, 247, 255, .92);--tabbar-bg: rgba(255, 255, 255, .96);--tab-active-bg: rgba(255, 111, 165, .16)}[data-theme=warm] .app,[data-theme=minimal] .app,[data-theme=playful] .app{background:var(--bg)}[data-theme=warm] .topbar,[data-theme=minimal] .topbar,[data-theme=playful] .topbar{background:var(--topbar-bg);border-bottom:1px solid transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line)}[data-theme=warm] .topbar-name,[data-theme=playful] .topbar-name{color:var(--hero-text)}[data-theme=warm] .card,[data-theme=minimal] .card,[data-theme=playful] .card,[data-theme=warm] .chart-card,[data-theme=minimal] .chart-card,[data-theme=playful] .chart-card,[data-theme=warm] .timer,[data-theme=minimal] .timer,[data-theme=playful] .timer,[data-theme=warm] .metric,[data-theme=minimal] .metric,[data-theme=playful] .metric,[data-theme=warm] .layout-editor,[data-theme=minimal] .layout-editor,[data-theme=playful] .layout-editor,[data-theme=warm] .invite-card,[data-theme=minimal] .invite-card,[data-theme=playful] .invite-card{box-shadow:var(--shadow-card);border-color:transparent}[data-theme=warm] .btn-primary,[data-theme=minimal] .btn-primary,[data-theme=playful] .btn-primary{background:var(--grad-primary);border-color:transparent;color:var(--on-accent);box-shadow:0 6px 16px #0000001a}[data-theme=warm] .btn-primary:active,[data-theme=minimal] .btn-primary:active,[data-theme=playful] .btn-primary:active{filter:brightness(.96)}[data-theme=warm] .tabbar,[data-theme=minimal] .tabbar,[data-theme=playful] .tabbar{background:var(--tabbar-bg);box-shadow:0 -2px 18px #0000000f;border-top:1px solid var(--line)}[data-theme=warm] .tab,[data-theme=minimal] .tab,[data-theme=playful] .tab{position:relative}[data-theme=warm] .tab.active,[data-theme=minimal] .tab.active,[data-theme=playful] .tab.active{color:var(--accent);font-weight:600}[data-theme=warm] .tab.active:before,[data-theme=minimal] .tab.active:before,[data-theme=playful] .tab.active:before{content:"";position:absolute;top:4px;left:50%;transform:translate(-50%);width:40px;height:32px;border-radius:999px;background:var(--tab-active-bg);z-index:-1}[data-theme=warm] .quick-btn,[data-theme=minimal] .quick-btn,[data-theme=playful] .quick-btn{background:var(--surface);box-shadow:var(--shadow-card);border-color:transparent}[data-theme=playful] .quick-btn{border-radius:var(--radius-lg)}[data-theme=warm] .metric-value,[data-theme=playful] .metric-value{color:var(--accent)}[data-theme=minimal] .metric-value{font-weight:600;letter-spacing:-.01em}[data-theme=warm] .seg button.active,[data-theme=minimal] .seg button.active,[data-theme=playful] .seg button.active{background:var(--accent);color:var(--on-accent);border-color:transparent}[data-theme=minimal] .seg button.active{background:var(--accent)}[data-theme=warm] .sheet,[data-theme=minimal] .sheet,[data-theme=playful] .sheet{box-shadow:0 -8px 40px #00000029}[data-theme=warm] .card,[data-theme=minimal] .card,[data-theme=playful] .card,[data-theme=warm] .metric,[data-theme=minimal] .metric,[data-theme=playful] .metric,[data-theme=warm] .quick-btn,[data-theme=minimal] .quick-btn,[data-theme=playful] .quick-btn,[data-theme=warm] .chart-card,[data-theme=minimal] .chart-card,[data-theme=playful] .chart-card{animation:v2rise var(--dur-3) var(--ease-out) both}@keyframes v2rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){[data-theme=warm] .card,[data-theme=minimal] .card,[data-theme=playful] .card,[data-theme=warm] .metric,[data-theme=minimal] .metric,[data-theme=playful] .metric,[data-theme=warm] .quick-btn,[data-theme=minimal] .quick-btn,[data-theme=playful] .quick-btn,[data-theme=warm] .chart-card,[data-theme=minimal] .chart-card,[data-theme=playful] .chart-card{animation:none}}.theme-picker{display:flex;flex-direction:column;gap:10px}.theme-opt{display:flex;align-items:center;gap:12px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;cursor:pointer;transition:border-color .12s,box-shadow .12s,transform .06s}.theme-opt:active{transform:scale(.99)}.theme-opt.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--tab-active-bg)}.theme-sw{width:34px;height:34px;border-radius:10px;flex:0 0 auto;border:1px solid var(--line)}.theme-meta{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.theme-label{font-size:15px;font-weight:500}.theme-desc{font-size:12px;color:var(--text-3)}.theme-check{color:var(--accent);font-size:16px;flex:0 0 auto}.theme-fab{position:fixed;right:14px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:45;width:48px;height:48px;border-radius:50%;border:none;background:var(--grad-primary);color:var(--on-accent);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-float);cursor:pointer}.theme-fab:active{filter:brightness(.96)}.theme-pop{position:fixed;right:14px;bottom:calc(132px + env(safe-area-inset-bottom));z-index:45;width:280px;max-width:calc(100vw - 28px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:14px;box-shadow:var(--shadow-float)}.theme-pop-title{font-size:14px;font-weight:600;margin-bottom:10px}.theme-pop .hint{margin-top:10px}