:root{--bg:#f7f3ee;--card:#fff;--text:#2a2622;--muted:#8a827a;--line:#00000012;--accent:#da9061;--danger:#c4473a;--radius:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-text-size-adjust:100%;font:16px/1.45 -apple-system,system-ui,PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Microsoft YaHei,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#151413;--card:#23211f;--text:#efeae4;--muted:#a39c95;--line:#ffffff17}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0}#app{max-width:640px;padding:env(safe-area-inset-top) max(16px, env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));margin:0 auto}button{font:inherit;color:inherit}.muted{color:var(--muted);font-size:.9em}.top{background:var(--bg);z-index:5;justify-content:space-between;align-items:center;gap:12px;padding:14px 0 10px;display:flex;position:sticky;top:0}.baby{align-items:center;gap:10px;min-width:0;display:flex}.baby strong{font-size:1.1em}.baby-switch{font:inherit;color:inherit;background:0 0;border:none;padding:0;font-weight:600}nav{background:var(--line);border-radius:999px;flex:none;gap:4px;padding:3px;display:flex}.tab{background:0 0;border:none;border-radius:999px;padding:6px 12px;font-size:.9em}.tab.on{background:var(--card);font-weight:600}.btn{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:12px;min-height:44px;padding:10px 16px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn.link{color:var(--accent);background:0 0;border:none;padding:10px 4px}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.link.danger-text{color:var(--danger)}.btn:disabled{opacity:.5}.chips{border:none;flex-wrap:wrap;gap:8px;min-width:0;margin:0;padding:0;display:flex}.chip{border:1px solid var(--line);background:var(--card);border-radius:999px;min-height:38px;padding:7px 14px}.chip.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--card));font-weight:600}.timers{gap:12px;margin:8px 0 16px;display:grid}.timer{background:var(--card);border-radius:var(--radius);border-left:4px solid var(--tint);padding:14px 16px}.timer header{align-items:center;gap:8px;display:flex}.timer .clock{font-variant-numeric:tabular-nums;color:var(--tint);margin:6px 0 8px;font-size:2.4em;font-weight:600}.badge{color:var(--muted);border:1px solid var(--line);border-radius:999px;margin-left:auto;padding:2px 8px;font-size:.8em}.badge.live{color:#fff;background:var(--tint);border-color:var(--tint)}.sides,.timer-actions,.pair{gap:8px;display:flex}.sides{margin-bottom:8px}.sides .btn,.timer-actions .btn,.pair>*{flex:1}.side.on{border-color:var(--tint);color:var(--tint);font-weight:600}.cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.card{background:var(--card);border-radius:var(--radius);min-height:92px;position:relative}.card-body{text-align:left;cursor:pointer;background:0 0;border:none;gap:10px;width:100%;height:100%;padding:12px 40px 12px 12px;display:flex}.card-text{flex-direction:column;min-width:0;display:flex}.card-text>*{text-overflow:ellipsis;overflow:hidden}.type-name{color:var(--tint);font-size:.85em;font-weight:600}.primary-line{font-weight:600}.card-add{background:color-mix(in srgb, var(--tint) 16%, transparent);width:32px;height:32px;color:var(--tint);cursor:pointer;border:none;border-radius:50%;font-size:1.3em;line-height:1;position:absolute;top:6px;right:6px}.more,.all{margin:12px auto 0;display:block}.records-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.records-head h1{margin:8px 0;font-size:1.3em}.day h2{color:var(--muted);margin:18px 0 6px;font-size:.85em;font-weight:600}.row{background:var(--card);border-radius:12px;margin-bottom:6px}.row-main{text-align:left;cursor:pointer;background:0 0;border:none;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;display:flex}.row-time{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;flex:none;min-width:3.2em;padding-top:1px}.row-text{flex-direction:column;min-width:0;display:flex}.row-notes{white-space:pre-wrap;word-break:break-word;font-size:.9em}.row-photos{flex-wrap:wrap;gap:6px;padding:0 12px 10px calc(3.2em + 22px);display:flex}.thumb{object-fit:cover;border-radius:8px;display:block}.thumb-btn{cursor:zoom-in;background:0 0;border:none;padding:0}.thumb.placeholder{background:var(--line);border:none}.empty,.end{text-align:center;color:var(--muted);margin:24px 0}.sentinel{height:1px}.sheet-scrim,.viewer-scrim{cursor:default;background:0 0;border:none;padding:0;position:absolute;inset:0}.sheet-backdrop{z-index:20;background:#00000059;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);width:100%;max-width:640px;max-height:92dvh;padding:8px 16px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;flex-direction:column;gap:12px;display:flex;position:relative;overflow-y:auto}.sheet-head{background:var(--bg);justify-content:space-between;align-items:center;padding-top:6px;display:flex;position:sticky;top:0}.sheet-head h2{margin:0;font-size:1.15em}.sheet-head .btn{color:var(--muted);font-size:1.5em}.field{flex-direction:column;gap:6px;display:flex}.field>span:first-child{color:var(--muted);font-size:.85em}.field input,.field select,.field textarea{font:inherit;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:12px;width:100%;min-height:44px;padding:10px 12px}.with-unit{align-items:center;gap:8px;display:flex}.with-unit em{color:var(--muted);flex:none;font-style:normal}.sheet-actions{flex-wrap:wrap;gap:8px;display:flex}.sheet-actions .btn{flex:1}.sheet-danger{justify-content:center;gap:8px;display:flex}.note{background:var(--card);color:var(--muted);border-radius:12px;margin:0;padding:10px 12px}.error{color:var(--danger);margin:0}.viewer{z-index:30;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.viewer img{pointer-events:none;object-fit:contain;max-width:100%;max-height:100%;position:relative}.viewer-note{color:#ddd;position:absolute;bottom:40px}.viewer-close{top:calc(12px + env(safe-area-inset-top));color:#fff;background:#ffffff26;border:none;border-radius:50%;width:40px;height:40px;font-size:1.4em;position:absolute;right:16px}.page-message{text-align:center;color:var(--muted);margin-top:30vh;padding:0 16px}.page-message h1{color:var(--text);font-size:1.3em}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));background:var(--text);color:var(--bg);z-index:40;border-radius:12px;max-width:calc(100% - 32px);padding:10px 16px;position:fixed;transform:translate(-50%)}.toast.error{background:var(--danger);color:#fff}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;margin:20px auto;animation:.8s linear infinite fw-spin}@keyframes fw-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.avatar-placeholder,.baby .thumb{background:var(--line);object-fit:cover;border-radius:50%;flex:none;width:40px;height:40px}.type-icon{background-color:var(--tint);width:26px;height:26px;-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;flex:none}.row .type-icon{width:22px;height:22px}.meal-item{background:var(--card);border-radius:12px;padding:8px 12px}.meal-item-head{justify-content:space-between;align-items:center;display:flex}.meal-item.removed strong{color:var(--muted);text-decoration:line-through}
