:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f8fb;color:#17202c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--surface: #ffffff;--surface-strong: #eef2f6;--line: #d8dee8;--text-muted: #667085;--ink: #17202c;--teal: #0f9f8f;--teal-soft: #e5f7f4;--coral: #ef476f;--coral-soft: #ffe9ef;--amber: #b7791f;--amber-soft: #fff4d9;--indigo: #4f46e5;--indigo-soft: #ecebff;--danger: #c2410c;--shadow: 0 10px 34px rgba(23, 32, 44, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f7f8fb}button,input,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}code{background:#eef2f6;border-radius:5px;padding:1px 5px}.app-shell{min-height:100vh;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.app-main{width:min(760px,100%);margin:0 auto}.screen{padding:calc(18px + env(safe-area-inset-top)) 16px 22px}.screen-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.screen-header.compact{margin-bottom:12px}.eyebrow{margin:0 0 4px;color:var(--text-muted);font-size:.78rem;font-weight:700;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:2rem;line-height:1.05;letter-spacing:0}h2{margin-bottom:0;font-size:1rem;line-height:1.2;letter-spacing:0}.status-pill{display:inline-flex;align-items:center;gap:7px;min-height:38px;max-width:48%;padding:0 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);box-shadow:0 3px 10px #17202c0d}.status-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:700}.current-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.metric{min-height:112px;padding:13px;border:1px solid var(--line);border-radius:8px;background:var(--surface);display:flex;flex-direction:column;justify-content:space-between}.metric.primary{background:var(--teal-soft);border-color:#b8e6df}.metric-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center}.metric-icon.feed{background:var(--teal);color:#fff}.metric-icon.diaper{background:var(--indigo);color:#fff}.metric-label,.metric small,.muted{color:var(--text-muted);font-size:.82rem}.metric strong{margin-top:8px;font-size:1.05rem;line-height:1.2;overflow-wrap:anywhere}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.action-button{min-height:96px;padding:14px;border-radius:8px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;color:var(--ink);font-weight:800;font-size:1.05rem;text-align:left;box-shadow:0 4px 14px #17202c0f}.action-button span{align-self:flex-end;overflow-wrap:anywhere}.action-button.formula{background:var(--teal-soft)}.action-button.wet{background:var(--indigo-soft)}.action-button.nursing,.amount-button.nursing{background:#fce7f3}.action-button.dirty{background:var(--amber-soft)}.action-button.both{background:var(--coral-soft)}.action-button.sleep{background:#edf2ff}.action-button.note{background:#eef2f6}.panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:14px;margin-bottom:16px}.panel-title,.section-title{display:flex;align-items:center;gap:8px}.section-title{justify-content:space-between;margin-bottom:10px}.summary-table{margin-top:12px;display:grid;gap:8px}.summary-row{min-height:38px;display:grid;grid-template-columns:.8fr 1fr 1fr 1fr;align-items:center;gap:8px;font-size:.9rem}.summary-row span{color:var(--text-muted)}.timeline-section{margin-top:4px}.timeline{list-style:none;margin:0;padding:0;display:grid;gap:9px}.timeline-date{margin:8px 0 2px;color:var(--text-muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.timeline-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.timeline-icon{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:var(--surface-strong)}.timeline-item.feed .timeline-icon{background:var(--teal-soft);color:var(--teal)}.timeline-item.diaper .timeline-icon{background:var(--indigo-soft);color:var(--indigo)}.timeline-item.sleep .timeline-icon{background:#edf2ff;color:#334155}.timeline-item.note .timeline-icon{background:#eef2f6;color:#344054}.timeline-copy{min-width:0;display:grid;gap:3px}.timeline-copy strong,.timeline-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-copy span,.timeline-status small{color:var(--text-muted);font-size:.82rem}.timeline-status{display:flex;align-items:center;gap:6px}.icon-button{width:38px;height:38px;border-radius:8px;display:inline-grid;place-items:center;background:var(--surface-strong);color:var(--ink)}.icon-button.small{width:32px;height:32px}.empty-state{min-height:160px;border:1px dashed #b8c2d2;border-radius:8px;background:#ffffff8c;display:grid;place-items:center;align-content:center;gap:5px;text-align:center;padding:20px}.empty-state p{margin-bottom:0;font-weight:800}.empty-state span{color:var(--text-muted);font-size:.9rem}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;background:#0f172a61;padding:14px}.sheet{width:min(520px,100%);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);padding:14px;margin-bottom:env(safe-area-inset-bottom)}.sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.segmented-control,.filter-bar{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:2px}.segmented-control{padding:4px;border-radius:8px;background:var(--surface-strong);margin-bottom:14px}.segmented-control button,.filter-bar button{min-height:36px;padding:0 12px;border-radius:7px;color:var(--ink);background:transparent;white-space:nowrap;font-weight:750}.segmented-control .selected,.filter-bar .selected{background:var(--surface);box-shadow:0 2px 8px #17202c14}.filter-bar{margin-bottom:14px}.amount-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.amount-button{min-height:86px;border-radius:8px;background:var(--teal-soft);color:var(--ink);display:grid;place-items:center;align-content:center}.amount-button strong{font-size:1.45rem}.amount-button span{color:var(--text-muted);font-weight:800}.field{display:grid;gap:6px;margin-bottom:12px;color:var(--text-muted);font-size:.85rem;font-weight:750}.compact-field{margin-bottom:8px}.history-clear{margin-bottom:14px}.field input,.note-input{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:12px;outline:none}.note-input{resize:vertical;margin-bottom:12px}.time-shortcuts,.button-row,.sheet-actions,.toggle-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}.time-shortcuts button,.secondary-button,.danger-button,.primary-button{min-height:42px;border-radius:8px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.time-shortcuts button,.secondary-button{background:var(--surface-strong);color:var(--ink)}.primary-button{width:100%;background:var(--ink);color:#fff}.danger-button{background:#fff1ed;color:var(--danger)}.sheet-actions{justify-content:space-between}.sheet-actions .primary-button{width:auto;min-width:120px}.edit-title{margin-bottom:12px;font-weight:850;font-size:1.05rem}.toggle-row label{min-height:40px;padding:0 12px;border-radius:8px;background:var(--surface-strong);display:inline-flex;align-items:center;gap:7px;color:var(--ink);font-weight:750}.snackbar{position:fixed;left:12px;right:12px;bottom:calc(86px + env(safe-area-inset-bottom));z-index:30;width:min(520px,calc(100% - 24px));margin:0 auto;min-height:58px;border-radius:8px;background:#17202c;color:#fff;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px}.snackbar-copy,.snackbar-actions{display:flex;align-items:center;gap:8px}.snackbar-copy{min-width:0}.snackbar-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snackbar-actions button{min-height:34px;padding:0 9px;border-radius:7px;background:#ffffff1f;color:#fff;font-weight:800}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);min-height:calc(66px + env(safe-area-inset-bottom));padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#fffffff0;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-item{min-width:0;border-radius:8px;background:transparent;color:var(--text-muted);display:grid;place-items:center;align-content:center;gap:3px}.nav-item span{font-size:.72rem;font-weight:800}.nav-item.active{background:var(--surface-strong);color:var(--ink)}.export-panel .primary-button{margin-top:12px}.inline-status,.inline-message{display:inline-block;margin-top:10px;color:var(--text-muted);font-size:.86rem;font-weight:750}.inline-message{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--surface);color:var(--ink)}.file-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}.file-list li{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.file-list li:last-child{border-bottom:0}.file-list span{font-weight:800;overflow-wrap:anywhere}.file-list small{color:var(--text-muted)}.invite-code{min-height:42px;display:inline-flex;align-items:center;border-radius:8px;padding:0 12px}@media(min-width:720px){.screen{padding-inline:22px}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.current-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.action-button{min-height:112px}}