:root{--bg: #fbf7f4;--bg-grad: radial-gradient(1200px 600px at 50% -10%, #fff3e9 0%, #fbf7f4 55%);--surface: #ffffff;--surface-2: #fffaf6;--ink: #3b302a;--ink-2: #6b5a51;--muted: #a3928a;--line: #f0e6df;--shadow: 0 1px 2px rgba(80, 55, 40, .04), 0 8px 24px rgba(80, 55, 40, .07);--shadow-lg: 0 2px 6px rgba(80, 55, 40, .06), 0 18px 48px rgba(80, 55, 40, .14);--feed: #ef8a4d;--feed-soft: #fdeee2;--water: #45a5c7;--water-soft: #e3f2f7;--pee: #e0ac2e;--pee-soft: #fbf1d9;--poop: #a3764e;--poop-soft: #f4ebe1;--temp: #e2687f;--temp-soft: #fce8ec;--radius: 20px;--radius-sm: 13px;--tab-h: 62px}@media (prefers-color-scheme: dark){:root{--bg: #17130f;--bg-grad: radial-gradient(1200px 600px at 50% -10%, #2a201a 0%, #17130f 55%);--surface: #221c18;--surface-2: #29221d;--ink: #f4ebe4;--ink-2: #cbb9ad;--muted: #938175;--line: #342b25;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 2px 6px rgba(0, 0, 0, .35), 0 18px 48px rgba(0, 0, 0, .5);--feed-soft: #3a2519;--water-soft: #12303a;--pee-soft: #3a2e11;--poop-soft: #33241a;--temp-soft: #3a1c24}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);background-image:var(--bg-grad);background-attachment:fixed;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}input,select{font:inherit;color:inherit}.app{max-width:520px;margin:0 auto;min-height:100%;padding-bottom:calc(var(--tab-h) + env(safe-area-inset-bottom,0px) + 14px);position:relative}.topbar{position:sticky;top:0;z-index:30;padding:12px 16px 10px;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line)}.topbar-row{display:flex;align-items:center;gap:10px}.date-nav{flex:1;display:flex;align-items:center;justify-content:center;gap:4px}.date-main{font-size:17px;font-weight:650;letter-spacing:.2px}.date-sub{font-size:11.5px;color:var(--muted);margin-top:1px}.icon-btn{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:var(--ink-2);background:var(--surface);box-shadow:var(--shadow);transition:transform .15s ease,opacity .15s ease}.icon-btn:active{transform:scale(.9)}.icon-btn:disabled{opacity:.3;cursor:default}.chips{display:flex;gap:6px;margin-top:10px;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;padding:4px 11px;border-radius:999px;font-size:12px;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);transition:all .18s ease}.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.page{padding:16px}.section-title{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:650;color:var(--muted);letter-spacing:.6px;margin:22px 2px 10px}.section-title:first-child{margin-top:4px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.stat{position:relative;overflow:hidden;padding:14px 15px 13px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.stat:after{content:"";position:absolute;inset:auto -20px -32px auto;width:92px;height:92px;border-radius:50%;background:var(--tone-soft);opacity:.85}.stat>*{position:relative;z-index:1}.stat-head{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink-2)}.stat-dot{width:9px;height:9px;border-radius:50%;background:var(--tone);flex:none}.stat-value{font-size:30px;font-weight:700;letter-spacing:-.5px;line-height:1.15;margin-top:6px}.stat-value small{font-size:13px;font-weight:600;color:var(--muted);margin-left:3px}.stat-sub{font-size:11.5px;color:var(--muted);margin-top:2px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:6px 14px}.empty{padding:34px 10px;text-align:center;color:var(--muted);font-size:13px}.empty-emoji{font-size:30px;display:block;margin-bottom:8px;opacity:.55}.tl-item{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.tl-item:last-child{border-bottom:none}.tl-time{width:46px;flex:none;font-variant-numeric:tabular-nums;font-size:14px;font-weight:650;color:var(--ink);padding-top:1px}.tl-rail{width:3px;flex:none;border-radius:2px;background:var(--tone);opacity:.55}.tl-body{flex:1;min-width:0}.tl-title{font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}.tl-title .badge{font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--tone-soft);color:var(--tone)}.tl-note{font-size:12px;color:var(--muted);margin-top:2px}.tl-del{align-self:center;flex:none;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:var(--muted);font-size:15px}.tl-del:active{background:var(--line)}.rec-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rec-btn{position:relative;overflow:hidden;padding:20px 16px 18px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);text-align:left;transition:box-shadow .2s ease}.rec-btn:after{content:"";position:absolute;inset:-26px -26px auto auto;width:96px;height:96px;border-radius:50%;background:var(--tone-soft)}.rec-btn>*{position:relative;z-index:1}.rec-emoji{font-size:27px;display:block}.rec-label{font-size:16px;font-weight:650;margin-top:9px}.rec-hint{font-size:11.5px;color:var(--muted);margin-top:2px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#28190f6b;z-index:60}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:61;max-width:520px;margin:0 auto;background:var(--surface);border-radius:26px 26px 0 0;box-shadow:var(--shadow-lg);padding:8px 18px calc(20px + env(safe-area-inset-bottom,0px));max-height:88vh;overflow-y:auto}.sheet-grip{width:38px;height:4px;border-radius:2px;background:var(--line);margin:0 auto 12px}.sheet-title{font-size:18px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:8px}.field{margin-bottom:15px}.field-label{font-size:12.5px;color:var(--muted);margin-bottom:7px;font-weight:600}.input{width:100%;padding:11px 13px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);outline:none;transition:border-color .18s ease}.input:focus{border-color:var(--tone, var(--ink-2))}.opt-row{display:flex;flex-wrap:wrap;gap:7px}.opt{padding:8px 14px;border-radius:999px;font-size:13.5px;border:1.5px solid var(--line);background:var(--surface-2);color:var(--ink-2);transition:all .18s ease}.opt.on{border-color:var(--tone, var(--ink));background:var(--tone-soft, var(--line));color:var(--tone, var(--ink));font-weight:650}.quick-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.quick{padding:5px 12px;border-radius:999px;font-size:12.5px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2)}.primary{width:100%;padding:14px;border-radius:var(--radius-sm);background:var(--tone, var(--ink));color:#fff;font-size:16px;font-weight:650;margin-top:4px;transition:transform .14s ease}.primary:active{transform:scale(.98)}.sheet-wrap{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow-x:auto;padding:4px}table.log{border-collapse:collapse;width:max-content;min-width:100%;font-size:12.5px}table.log th,table.log td{border:1px solid var(--line);padding:7px 9px;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}table.log th.row-head{position:sticky;left:0;z-index:2;background:var(--surface-2);font-weight:600;color:var(--ink-2);text-align:left;min-width:82px}table.log thead th{background:var(--surface-2);font-weight:650}table.log td.total{background:var(--surface-2);font-weight:700}.band{font-size:12px;font-weight:700;color:var(--tone);background:var(--tone-soft)}.chart-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 14px 10px}.chart-legend{display:flex;gap:14px;font-size:12px;color:var(--muted);margin-bottom:10px}.legend-item{display:flex;align-items:center;gap:6px}.legend-swatch{width:12px;height:3px;border-radius:2px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;max-width:520px;margin:0 auto;height:calc(var(--tab-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);border-top:1px solid var(--line)}.tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10.5px;color:var(--muted);transition:color .2s ease}.tab.on{color:var(--ink);font-weight:650}.tab-icon{font-size:19px;line-height:1;transition:transform .2s ease}.tab.on .tab-icon{transform:translateY(-1px) scale(1.1)}.tab-pill{position:absolute;top:6px;width:34px;height:30px;border-radius:10px;background:var(--line);z-index:-1}.toast{position:fixed;left:50%;bottom:calc(var(--tab-h) + 26px);transform:translate(-50%);z-index:80;padding:9px 18px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:13px;font-weight:600;box-shadow:var(--shadow-lg);white-space:nowrap}