: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}.sheet-section{display:grid;gap:9px;margin-bottom:14px}.sheet-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.sheet-section-title strong{font-size:.9rem}.sheet-section-title span{color:var(--text-muted);font-size:.76rem;font-weight:750}.preset-row{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px}.preset-chip{min-height:38px;padding:0 11px;border-radius:8px;background:var(--surface-strong);color:var(--ink);white-space:nowrap;font-weight:800}.preset-chip.selected{background:var(--ink);color:#fff}.custom-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.custom-inline input{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:11px 12px;outline:none}.custom-inline .primary-button,.custom-inline .secondary-button{width:auto;margin:0;white-space:nowrap}.sheet-tail-input{margin-top:10px}.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,.export-panel .secondary-button{margin-top:12px}.trend-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:16px}.trend-kpis article{min-height:104px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:12px;display:flex;flex-direction:column;gap:8px}.trend-kpis svg{color:var(--teal)}.trend-kpis span{color:var(--text-muted);font-size:.78rem;font-weight:800}.trend-kpis strong{margin-top:auto;font-size:1rem;line-height:1.15;overflow-wrap:anywhere}.trend-panel{overflow:hidden}.trend-title{align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.trend-title>div{min-width:0;flex:1}.trend-title span{color:var(--text-muted);font-size:.78rem;font-weight:750}.trend-title strong{white-space:nowrap;font-size:.88rem}.bar-chart{height:170px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;align-items:end}.bar-column{min-width:0;height:100%;display:grid;grid-template-rows:28px 1fr 20px;gap:6px;align-items:end}.bar-value,.bar-label{display:block;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.bar-value{color:var(--text-muted);font-size:.66rem;font-weight:800}.bar-label{color:var(--text-muted);font-size:.72rem;font-weight:800}.bar-track{width:100%;height:100%;min-height:96px;border-radius:8px;background:var(--surface-strong);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.bar-fill{width:100%;min-height:0;border-radius:8px 8px 0 0;background:var(--teal)}.bar-chart.sleep .bar-fill{background:var(--indigo)}.intake-panel .trend-title strong{white-space:normal;text-align:right}.intake-legend{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px;color:var(--text-muted);font-size:.78rem;font-weight:800}.intake-legend span{display:inline-flex;align-items:center;gap:6px}.legend-swatch{width:10px;height:10px;border-radius:3px}.legend-swatch.measured,.intake-fill.measured{background:var(--teal)}.legend-swatch.nursing,.intake-fill.nursing{background:var(--coral)}.intake-chart{height:180px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;align-items:end}.intake-column{min-width:0;height:100%;display:grid;grid-template-rows:34px 1fr 20px;gap:6px;align-items:end}.intake-bars{height:100%;min-height:104px;display:grid;grid-template-columns:1fr 1fr;gap:4px;align-items:end}.intake-track{width:100%;height:100%;border-radius:8px;background:var(--surface-strong);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.intake-fill{width:100%;min-height:0;border-radius:8px 8px 0 0}.trend-note{margin:12px 0 0;color:var(--text-muted);font-size:.78rem;line-height:1.35}.bar-track.stacked{align-items:flex-end;flex-direction:column-reverse;justify-content:flex-start}.bar-track.stacked .bar-fill{border-radius:0}.bar-track.stacked .bar-fill:first-child{border-radius:0 0 8px 8px}.bar-track.stacked .bar-fill:last-child{border-radius:8px 8px 0 0}.wet-fill{background:var(--indigo)}.dirty-fill{background:var(--amber)}.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)}.auth-block,.auth-fallback{display:grid;gap:10px}.auth-block .primary-button{margin-bottom:4px}.auth-fallback{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.auth-fallback-title{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-size:.9rem;font-weight:850}.sync-queue-panel details{display:grid;gap:12px}.sync-queue-summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.sync-queue-summary::-webkit-details-marker{display:none}.sync-queue-summary span{display:inline-flex;align-items:center;gap:8px;font-weight:850}.sync-queue-summary strong{color:var(--text-muted);font-size:.86rem}.sync-queue-summary .sync-queue-bad{color:var(--danger)}.sync-queue-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}.sync-queue-item{border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff;display:grid;gap:10px}.sync-queue-copy{min-width:0;display:grid;gap:5px}.sync-queue-copy strong{overflow-wrap:anywhere}.sync-queue-copy span{color:var(--text-muted);font-size:.78rem;font-weight:750}.sync-queue-copy code{overflow-wrap:anywhere;white-space:normal}.sync-queue-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.sync-queue-actions .secondary-button,.sync-queue-actions .danger-button{min-height:36px}.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}.bar-chart{gap:10px}}