@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600;700&family=Manrope:wght@300;400;500;600;700&display=swap";:root{--color-text-primary: #1b2832;--color-text-strong: #15242c;--color-text-muted: #4f6772;--color-text-subtle: #5f7b86;--color-text-soft: #355463;--color-bg: #eef7fb;--color-bg-gradient: radial-gradient(circle at 15% 0%, #ffffff 0%, rgba(255, 255, 255, 0) 60%), radial-gradient(circle at 85% 10%, rgba(244, 210, 184, .4), rgba(255, 255, 255, 0) 55%), linear-gradient(180deg, #f7fcff 0%, #e6f1f6 55%, #d9e9f0 100%);--color-card-bg: rgba(255, 255, 255, .96);--color-card-border: rgba(87, 192, 212, .18);--color-card-shadow: 0 18px 36px rgba(22, 40, 50, .08);--color-surface: #ffffff;--color-surface-soft: #f5fbfd;--color-surface-muted: #f8fcff;--color-surface-blue: #e4f6fb;--color-surface-blue-soft: #f0f9fc;--color-surface-blue-muted: #e9f8fe;--color-border: rgba(87, 192, 212, .2);--color-border-soft: rgba(90, 173, 193, .18);--color-border-strong: #c7e5ee;--color-border-accent: #41b3c9;--color-border-accent-glow: rgba(65, 179, 201, .2);--color-nav-bg: rgba(255, 255, 255, .96);--color-nav-border: rgba(87, 192, 212, .18);--color-nav-shadow: 0 18px 30px rgba(22, 40, 50, .12);--color-nav-active-bg: #e6f4f8;--color-nav-active-text: #1b6f86;--color-app-glow-left: radial-gradient(circle, rgba(66, 186, 213, .22), transparent 65%);--color-app-glow-right: radial-gradient(circle, rgba(244, 162, 97, .18), transparent 70%);--color-status-error-bg: #ffe6e6;--color-status-error-text: #a63737;--color-status-success-bg: #e6f7ef;--color-status-success-text: #1f7a4d;--color-status-info-bg: #e8f3ff;--color-status-info-text: #2f5f9b;--color-code-bg: rgba(15, 44, 54, .08);font-family:Manrope,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text-primary);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{color-scheme:dark;--color-text-primary: #e6f1f6;--color-text-strong: #f2f7fa;--color-text-muted: #a9c0cb;--color-text-subtle: #8aa1ab;--color-text-soft: #b7cdd7;--color-bg: #0f1820;--color-bg-gradient: radial-gradient(circle at 15% 0%, rgba(58, 110, 129, .25) 0%, rgba(15, 24, 32, 0) 60%), radial-gradient(circle at 85% 10%, rgba(173, 116, 71, .2), rgba(15, 24, 32, 0) 55%), linear-gradient(180deg, #0f1820 0%, #101c26 55%, #0b141b 100%);--color-card-bg: rgba(18, 28, 36, .96);--color-card-border: rgba(94, 168, 185, .25);--color-card-shadow: 0 18px 36px rgba(5, 10, 14, .4);--color-surface: #15212a;--color-surface-soft: #1a2832;--color-surface-muted: #1c2c36;--color-surface-blue: #1a2c37;--color-surface-blue-soft: #1c313d;--color-surface-blue-muted: #1d3340;--color-border: rgba(94, 168, 185, .25);--color-border-soft: rgba(94, 168, 185, .2);--color-border-strong: rgba(94, 168, 185, .45);--color-border-accent: #5fbdd1;--color-border-accent-glow: rgba(95, 189, 209, .2);--color-nav-bg: rgba(16, 26, 34, .96);--color-nav-border: rgba(94, 168, 185, .25);--color-nav-shadow: 0 18px 30px rgba(5, 10, 14, .5);--color-nav-active-bg: rgba(93, 168, 185, .22);--color-nav-active-text: #8ed1e0;--color-app-glow-left: radial-gradient(circle, rgba(66, 186, 213, .18), transparent 65%);--color-app-glow-right: radial-gradient(circle, rgba(244, 162, 97, .16), transparent 70%);--color-status-error-bg: rgba(160, 61, 61, .25);--color-status-error-text: #ffb2b2;--color-status-success-bg: rgba(45, 122, 77, .25);--color-status-success-text: #9adcb8;--color-status-info-bg: rgba(45, 95, 155, .25);--color-status-info-text: #a9c9ff;--color-code-bg: rgba(230, 241, 246, .08)}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;overflow-x:hidden}body{margin:0;min-height:100vh;overflow-x:hidden;overscroll-behavior-x:none;touch-action:pan-y;background-color:var(--color-bg);background-image:var(--color-bg-gradient)}#root{width:100%;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95em;background:var(--color-code-bg);padding:.15em .35em;border-radius:6px}.baby-screen{display:flex;flex-direction:column;gap:18px}.baby-screen-logo{width:110px;height:auto;align-self:center}.baby-title{margin:0 0 4px;font-family:Fraunces,Times New Roman,serif;font-size:1.4rem;color:#16232b}.baby-select{appearance:none;border-radius:12px;border:1px solid #c7e5ee;background:#f5fbfd;padding:12px 14px;font-size:1rem;color:#1b2832}.baby-select:focus{outline:none;border-color:#41b3c9;box-shadow:0 0 0 3px #41b3c933}.baby-info{padding:14px;border-radius:14px;background:#f8fcff;border:1px solid rgba(94,168,185,.18)}.baby-info-title{margin:0 0 6px;font-size:.9rem;font-weight:600;color:#22323b}.baby-info-text{margin:0;color:#4f6772}.import-card{padding:14px;border-radius:14px;background:#fff9f2;border:1px solid rgba(244,162,97,.28);display:flex;flex-direction:column;gap:12px}.import-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}.file-input{display:none}.secondary{background:#f4a261;color:#fff;padding:10px 14px;border-radius:12px;font-weight:600;box-shadow:0 10px 18px #f4a2614d;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.import-hint{font-size:.85rem;color:#6a5a4a}.create-card{padding:14px;border-radius:14px;background:#f1fbf6;border:1px solid rgba(121,210,166,.28);display:flex;flex-direction:column;gap:12px}.create-actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px}.text-input{border-radius:12px;border:1px solid #cde7dc;background:#f7fdfb;padding:10px 12px;font-size:1rem;color:#1b2832;min-width:180px}.text-input:focus{outline:none;border-color:#55b58a;box-shadow:0 0 0 3px #55b58a33}.theme-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600;color:#22323b}.theme-toggle-input{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden;pointer-events:none}.theme-toggle-track{width:52px;height:30px;border-radius:999px;border:1px solid #c7e5ee;background:#f5fbfd;padding:3px;display:flex;align-items:center;transition:background .2s ease,border-color .2s ease}.theme-toggle-thumb{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 6px 12px #16283233;transform:translate(0);transition:transform .2s ease,background .2s ease}.theme-toggle-input:checked+.theme-toggle-track{background:#d9f6ff;border-color:#41b3c9}.theme-toggle-input:checked+.theme-toggle-track .theme-toggle-thumb{transform:translate(20px);background:#fff}.theme-toggle-input:focus-visible+.theme-toggle-track{outline:2px solid #41b3c9;outline-offset:2px}[data-theme=dark] .baby-title{color:var(--color-text-strong)}[data-theme=dark] .baby-select{background:var(--color-surface-soft);border-color:var(--color-border-strong);color:var(--color-text-primary)}[data-theme=dark] .baby-select:focus{border-color:var(--color-border-accent);box-shadow:0 0 0 3px var(--color-border-accent-glow)}[data-theme=dark] .baby-info{background:var(--color-surface-muted);border-color:var(--color-border-soft)}[data-theme=dark] .baby-info-title{color:var(--color-text-strong)}[data-theme=dark] .baby-info-text{color:var(--color-text-muted)}[data-theme=dark] .import-card{background:#f4a2611f;border-color:#f4a26147}[data-theme=dark] .import-hint{color:var(--color-text-muted)}[data-theme=dark] .create-card{background:#79d2a61f;border-color:#79d2a647}[data-theme=dark] .text-input{background:#132028;border-color:#79d2a659;color:var(--color-text-primary)}[data-theme=dark] .text-input:focus{border-color:#79d2a6a6;box-shadow:0 0 0 3px #79d2a640}[data-theme=dark] .theme-toggle{color:var(--color-text-strong)}[data-theme=dark] .theme-toggle-track{background:#132028;border-color:var(--color-border-strong)}[data-theme=dark] .theme-toggle-input:checked+.theme-toggle-track{background:#5fbdd133;border-color:var(--color-border-accent)}[data-theme=dark] .theme-toggle-thumb{background:#f2f7fa;box-shadow:0 6px 12px #00000059}.data-entry{display:flex;flex-direction:column;gap:18px}.entry-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;width:100%;background:#e4f6fb;border-radius:16px;border:1px solid rgba(87,192,212,.25)}.last-session{margin:0;padding:10px 12px;border-radius:12px;background:#f0f9fc;border:1px solid rgba(87,192,212,.2);color:#2b5b6a;font-size:.95rem}.entry-tab{border-radius:999px;padding:8px 16px;flex:1 1 0;min-width:0;background:transparent;color:#2a6d83;font-weight:600;transition:background .2s ease,color .2s ease;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap}.entry-tab.is-active{background:#fff;color:#1b7a92;box-shadow:0 10px 16px #1b7a921f}.entry-tab.is-in-progress{background:#f4a26133;color:#b85f2f;border-color:#f4a26166}.entry-tab.is-active.is-in-progress{background:#f4a2614d;color:#b85f2f;border-color:#f4a26180}.entry-session{background:#e9f8fe;border-radius:18px;border:1px solid rgba(88,200,220,.3);padding:18px;display:flex;flex-direction:column;gap:16px}.entry-session--active{border-color:#f4a261b3;box-shadow:0 16px 28px #f4a26140;background:#fff4ea}.entry-session--active .session-card{background:#fff9f2;border-color:#f4a26166}.session-card{text-align:center;padding:18px 12px;border-radius:16px;background:#f3fcff;border:1px solid rgba(88,200,220,.25)}.session-duration{margin:0;font-size:2rem;font-weight:700;color:#1a8aa5}.session-label{margin:4px 0 0;font-size:.95rem;color:#2d7b8f}.session-sides{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.side-button{border-radius:20px;border:2px solid rgba(27,138,165,.4);background:#f3fcff;padding:14px 12px;display:flex;flex-direction:column;gap:8px;align-items:center;color:#1a7c95;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.side-button.is-active{background:#d9f6ff;border-color:#2ab3d2;box-shadow:0 12px 20px #1b8aa52e}.side-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.side-label{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;border:2px solid currentColor;font-size:1.4rem}.side-time{font-size:.95rem}.hint-text{margin:0;text-align:center;color:#4f6b75}.secondary{background:#f4a261;color:#fff;padding:12px 14px;border-radius:12px;font-weight:600;box-shadow:0 10px 18px #f4a2614d;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.secondary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.secondary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 22px #f4a26159}.sleep-action-button{width:100%;padding:16px 18px;border-radius:16px;font-size:1.05rem;font-weight:700;color:#fff;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.sleep-action-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.sleep-action-button:not(:disabled):hover{transform:translateY(-1px)}.sleep-action-button--start{background:#1f8d57;box-shadow:0 12px 20px #1f8d5747}.sleep-action-button--start:not(:disabled):hover{box-shadow:0 14px 24px #1f8d5759}.sleep-action-button--stop{background:#f4a261;box-shadow:0 12px 20px #f4a2614d}.sleep-action-button--stop:not(:disabled):hover{box-shadow:0 14px 24px #f4a2615c}.session-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.manual-entry{display:grid;gap:12px;padding:14px;border-radius:14px;background:#f4fbff;border:1px solid rgba(43,120,144,.18)}.entry-history{display:flex;flex-direction:column;gap:12px}.entry-history-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.entry-history-title{margin:0;font-weight:600;color:#1c4757}.entry-list{display:flex;flex-direction:column;gap:12px}.entry-pagination{display:flex;justify-content:center;margin-top:4px}.entry-item{padding:12px;border-radius:14px;border:1px solid rgba(43,120,144,.15);background:#fff;display:flex;flex-direction:column;gap:12px}.entry-row{display:flex;flex-direction:column;gap:10px;align-items:stretch}.entry-title{margin:0 0 4px;font-weight:600;color:#193c49}.entry-meta{display:grid;gap:6px;color:#52707b;font-size:.9rem}.entry-meta-row{display:flex;flex-wrap:wrap;gap:6px}.entry-meta-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#f2f8fb;border:1px solid rgba(43,120,144,.15);font-weight:600;color:#365968}.entry-actions{display:flex;flex-wrap:wrap;gap:8px}.entry-edit{display:grid;gap:12px;padding:12px;border-radius:12px;background:#f6fbff;border:1px dashed rgba(43,120,144,.2)}.side-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.side-toggle-button{border-radius:14px;padding:12px;background:#fff;border:1px solid rgba(43,120,144,.2);font-weight:600;color:#2b7890;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.side-toggle-button.is-active{background:#e5f7ff;border-color:#2ab3d2;box-shadow:0 12px 20px #1b8aa526;color:#1b6f86}.side-toggle-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.side-toggle-button:not(:disabled):hover{transform:translateY(-1px)}.manual-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ghost-button{background:#fff;border-radius:12px;padding:10px 12px;color:#2b7890;font-weight:600;border:1px solid rgba(43,120,144,.2);transition:box-shadow .2s ease,transform .2s ease}.ghost-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.ghost-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 16px #1b8aa526}.ghost-button--danger{color:#b34b4b;border-color:#b34b4b4d}.ghost-button--success{background:#1f8d57;color:#fff;border-color:#1f8d5759;box-shadow:0 10px 18px #1f8d574d}.ghost-button--success:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 22px #1f8d5759}.session-meta{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:14px;background:#38bfd9;color:#fff}.meta-label{margin:0;font-size:.85rem;opacity:.9}.meta-value{margin:4px 0 0;font-size:1.2rem;font-weight:700}.meta-value-container{display:flex;align-items:center;gap:8px;margin-top:4px}.inline-edit{display:flex;flex-direction:column;gap:8px;margin-top:4px}.inline-edit .text-input{width:100%}.ghost-button--small{padding:6px 12px;font-size:.85rem}.entry-placeholder{padding:20px;border-radius:16px;background:#f6fbff;border:1px dashed rgba(27,138,165,.3);text-align:center}.placeholder-title{margin:0 0 6px;font-weight:600;color:#1c6e83}.placeholder-text{margin:0;color:#4f6b75}.preference-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.preference-button{border-radius:16px;padding:16px;background:#fff;border:2px solid rgba(43,120,144,.2);font-size:2.5rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;cursor:pointer}.preference-button.is-active{background:#e5f7ff;border-color:#2ab3d2;box-shadow:0 12px 20px #1b8aa526;transform:scale(1.05)}.preference-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.preference-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 16px #1b8aa526}.food-stats{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:14px;background:#f4fbff;border:1px solid rgba(43,120,144,.18);margin-top:12px}.food-stats-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.food-stats-title{margin:0;font-weight:600;color:#1c4757;font-size:1.05rem}.food-stats-sort{display:flex;align-items:center;gap:8px;font-size:.95rem;color:#1c4757}.food-stats-sort .text-input{min-width:140px}.food-stat-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;background:#fff;border:1px solid rgba(43,120,144,.12)}.food-stat-name{font-weight:600;color:#193c49;flex:1}.food-stat-emojis{display:flex;gap:8px;font-size:1.1rem}.food-stat-count{display:inline-flex;align-items:center;gap:4px}@media(max-width:640px){.session-meta{flex-direction:column;align-items:flex-start;gap:10px}}[data-theme=dark] .entry-tabs{background:var(--color-surface-blue);border-color:var(--color-border)}[data-theme=dark] .last-session{background:var(--color-surface-blue-soft);border-color:var(--color-border);color:var(--color-text-muted)}[data-theme=dark] .entry-tab{color:var(--color-text-soft)}[data-theme=dark] .entry-tab.is-active{background:var(--color-surface);color:var(--color-text-strong);box-shadow:0 10px 16px #00000059}[data-theme=dark] .entry-session{background:var(--color-surface-blue-muted);border-color:var(--color-border)}[data-theme=dark] .entry-session--active{background:#f4a26126;border-color:#f4a26166}[data-theme=dark] .session-card{background:var(--color-surface);border-color:var(--color-border-soft)}[data-theme=dark] .entry-session--active .session-card{background:#f4a2611f;border-color:#f4a26159}[data-theme=dark] .session-duration{color:#8ed1e0}[data-theme=dark] .session-label{color:var(--color-text-muted)}[data-theme=dark] .side-button{background:var(--color-surface);border-color:#8dbbcb59;color:var(--color-text-strong)}[data-theme=dark] .entry-placeholder{background:#162632;border-color:#8dbbcb4d}[data-theme=dark] .placeholder-title{color:var(--color-text-strong)}[data-theme=dark] .placeholder-text{color:var(--color-text-muted)}[data-theme=dark] .preference-button{background:var(--color-surface);border-color:#8dbbcb59}[data-theme=dark] .preference-button.is-active{background:#5fbdd133;border-color:#5fbdd18c;box-shadow:0 12px 20px #00000059}[data-theme=dark] .food-stats{background:#162632;border-color:#8dbbcb4d}[data-theme=dark] .food-stats-title{color:var(--color-text-strong)}[data-theme=dark] .manual-entry{background:#162632;border-color:#8dbbcb4d}[data-theme=dark] .entry-history-title{color:var(--color-text-strong)}[data-theme=dark] .entry-item{background:var(--color-surface);border-color:#8dbbcb4d}[data-theme=dark] .entry-title{color:var(--color-text-strong)}[data-theme=dark] .entry-meta{color:var(--color-text-muted)}[data-theme=dark] .entry-meta-chip{background:#15212a;border-color:#8dbbcb4d;color:var(--color-text-soft)}[data-theme=dark] .entry-edit{background:#15212a;border-color:#8dbbcb4d}[data-theme=dark] .side-toggle-button{background:var(--color-surface);border-color:#8dbbcb59;color:var(--color-text-strong)}[data-theme=dark] .side-toggle-button.is-active{background:#5fbdd133;border-color:#5fbdd18c;box-shadow:0 12px 20px #00000059;color:var(--color-nav-active-text)}.auth-form{margin-top:18px;display:flex;flex-direction:column;gap:14px}.field input{border-radius:12px;border:1px solid #c7e5ee;background:#f5fbfd;padding:12px 14px;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.field input:focus{outline:none;border-color:#41b3c9;box-shadow:0 0 0 3px #41b3c933}[data-theme=dark] .field input{background:var(--color-surface-soft);border-color:var(--color-border-strong);color:var(--color-text-primary)}[data-theme=dark] .field input:focus{border-color:var(--color-border-accent);box-shadow:0 0 0 3px var(--color-border-accent-glow)}.milk-chart{background:#fff;border-radius:20px;padding:16px;border:1px solid rgba(90,173,193,.18);box-shadow:0 16px 28px #14262e14;display:flex;flex-direction:column;gap:16px}.milk-chart-header{display:flex;flex-direction:column;gap:12px}.milk-chart-range{margin:6px 0 4px;font-weight:600;color:#29414b}.milk-chart-legend{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:.85rem;color:#47616c}.milk-chart-actions{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.milk-chart-nav{display:flex;gap:10px;align-items:center}.milk-chart-nav-arrows{display:flex;gap:10px}.milk-chart-legend-item{display:inline-flex;align-items:center;gap:8px}.milk-chart-dot{width:10px;height:10px;border-radius:999px}.milk-chart-dot--mother_milk{background:#3578c4}.milk-chart-dot--formula{background:#e8a838}.milk-chart-dot--mixed{background:#9b6fcf}.milk-chart-svg-wrapper{width:100%}.milk-chart-svg{width:100%;height:auto;display:block}.milk-chart-svg-bg{fill:#fff}.milk-chart-axis-label{font-size:clamp(.8rem,2.6vw,.95rem);fill:#8b9aa2}.milk-chart-axis-line{stroke:#8cbccc99;stroke-width:1}.milk-chart-grid-line{stroke:#8cbccc40;stroke-width:1}.milk-chart-stack-bg{fill:#d2ecf18c;stroke:#8cbccc40;stroke-width:1}.milk-chart-segment--mother_milk{fill:url(#milk-mother-gradient)}.milk-chart-segment--formula{fill:url(#milk-formula-gradient)}.milk-chart-segment--mixed{fill:url(#milk-mixed-gradient)}.milk-chart-day-name{font-size:clamp(.7rem,2.6vw,.9rem);font-weight:700;text-transform:uppercase;letter-spacing:.1em;fill:#2a3a42}.milk-chart-day-date{font-size:clamp(.65rem,2.4vw,.85rem);text-transform:uppercase;letter-spacing:.08em;fill:#7b8c95}@media(min-width:768px){.milk-chart-header{flex-direction:row;justify-content:space-between;align-items:flex-start}.milk-chart-actions{align-items:flex-end}}[data-theme=dark] .milk-chart{background:var(--color-surface);border-color:var(--color-border-soft);box-shadow:0 16px 28px #050a0e73}[data-theme=dark] .milk-chart-range,[data-theme=dark] .milk-chart-legend{color:var(--color-text-strong)}[data-theme=dark] .milk-chart-axis-label,[data-theme=dark] .milk-chart-day-date{fill:var(--color-text-muted)}[data-theme=dark] .milk-chart-svg-bg{fill:#15212a}[data-theme=dark] .milk-chart-axis-line{stroke:#8dbbcb73}[data-theme=dark] .milk-chart-grid-line{stroke:#8dbbcb33}[data-theme=dark] .milk-chart-stack-bg{fill:#365a6859;stroke:#8dbbcb33}[data-theme=dark] .milk-chart-day-name{fill:var(--color-text-strong)}.sleep-chart{background:#fff;border-radius:20px;padding:16px;border:1px solid rgba(90,173,193,.18);box-shadow:0 16px 28px #14262e14;display:flex;flex-direction:column;gap:16px}.sleep-chart-header{display:flex;flex-direction:column;gap:12px}.sleep-chart-range{margin:6px 0 4px;font-weight:600;color:#29414b}.sleep-chart-actions{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.sleep-chart-legend{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:.85rem;color:#47616c}.sleep-chart-legend-item{display:inline-flex;align-items:center;gap:8px}.sleep-chart-dot{width:10px;height:10px;border-radius:999px}.sleep-chart-dot--day{background:#3fbfd4}.sleep-chart-dot--night{background:#8ddbe8}.sleep-chart-nav{display:flex;gap:10px;align-items:center}.sleep-chart-nav-arrows{display:flex;gap:10px}.sleep-chart-svg-wrapper{width:100%}.sleep-chart-svg{width:100%;height:auto;display:block}.sleep-chart-svg-bg{fill:#fff}.sleep-chart-axis-label{font-size:clamp(.8rem,2.6vw,.95rem);fill:#8b9aa2}.sleep-chart-axis-line{stroke:#8cbccc99;stroke-width:1}.sleep-chart-grid-line{stroke:#8cbccc40;stroke-width:1}.sleep-chart-stack-bg{fill:#d2ecf18c;stroke:#8cbccc40;stroke-width:1}.sleep-chart-segment--day{fill:#3fbfd4}.sleep-chart-segment--night{fill:#8ddbe8}.sleep-chart-bar-hit{fill:transparent;cursor:pointer}.sleep-chart-tooltip-bg{fill:#fff;stroke:#5aadc166;stroke-width:1;filter:drop-shadow(0 6px 10px rgba(20,38,46,.12))}.sleep-chart-tooltip-text{font-size:.95rem;fill:#2a3a42}.sleep-chart-day-name{font-size:clamp(.7rem,2.6vw,.9rem);font-weight:700;text-transform:uppercase;letter-spacing:.1em;fill:#2a3a42}.sleep-chart-day-date{font-size:clamp(.65rem,2.4vw,.85rem);text-transform:uppercase;letter-spacing:.08em;fill:#7b8c95}.sleep-chart-cumulative{display:flex;flex-direction:column;gap:12px}.sleep-chart-cumulative-header{display:flex;flex-direction:column;gap:4px}.sleep-chart-cumulative-title{margin:0;font-weight:700;color:#22333b}.sleep-chart-cumulative-note{margin:0;color:#5a707a;font-size:.9rem}.sleep-chart-line-legend{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:.85rem;color:#47616c}.sleep-chart-line-legend-item{display:inline-flex;align-items:center;gap:8px;background:transparent;border:0;padding:0;color:inherit;cursor:pointer}.sleep-chart-line-legend-item--muted{opacity:.45}.sleep-chart-line-dot{width:10px;height:10px;border-radius:999px}.sleep-chart-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.sleep-chart-line--current{stroke-width:3.5}.sleep-chart-line--muted{opacity:.55}.sleep-chart-line--today{opacity:1}.sleep-chart-line-dot--muted{opacity:.55}.sleep-chart-line-dot--today{opacity:1}.sleep-chart-now-dot{fill:currentColor;opacity:.9;stroke:#fff;stroke-width:1.5}.sleep-chart-line-dot--day-0,.sleep-chart-line--day-0{stroke:#2f7ea5;background:#2f7ea5;color:#2f7ea5}.sleep-chart-line-dot--day-1,.sleep-chart-line--day-1{stroke:#f2994a;background:#f2994a;color:#f2994a}.sleep-chart-line-dot--day-2,.sleep-chart-line--day-2{stroke:#27ae60;background:#27ae60;color:#27ae60}.sleep-chart-line-dot--day-3,.sleep-chart-line--day-3{stroke:#eb5757;background:#eb5757;color:#eb5757}.sleep-chart-line-dot--day-4,.sleep-chart-line--day-4{stroke:#56ccf2;background:#56ccf2;color:#56ccf2}.sleep-chart-line-dot--day-5,.sleep-chart-line--day-5{stroke:#6fcf97;background:#6fcf97;color:#6fcf97}.sleep-chart-line-dot--day-6,.sleep-chart-line--day-6{stroke:#f2c94c;background:#f2c94c;color:#f2c94c}@media(min-width:768px){.sleep-chart-header{flex-direction:row;justify-content:space-between;align-items:flex-start}.sleep-chart-actions{align-items:flex-end}}[data-theme=dark] .sleep-chart{background:var(--color-surface);border-color:var(--color-border-soft);box-shadow:0 16px 28px #050a0e73}[data-theme=dark] .sleep-chart-range,[data-theme=dark] .sleep-chart-legend,[data-theme=dark] .sleep-chart-line-legend,[data-theme=dark] .sleep-chart-cumulative-title{color:var(--color-text-strong)}[data-theme=dark] .sleep-chart-cumulative-note{color:var(--color-text-muted)}[data-theme=dark] .sleep-chart-axis-label{fill:var(--color-text-muted)}[data-theme=dark] .sleep-chart-svg-bg{fill:#15212a}[data-theme=dark] .sleep-chart-axis-line{stroke:#8dbbcb73}[data-theme=dark] .sleep-chart-grid-line{stroke:#8dbbcb33}[data-theme=dark] .sleep-chart-stack-bg{fill:#365a6859;stroke:#8dbbcb33}[data-theme=dark] .sleep-chart-tooltip-bg{fill:#15212a;stroke:#8dbbcb66;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}[data-theme=dark] .sleep-chart-tooltip-text,[data-theme=dark] .sleep-chart-day-name{fill:var(--color-text-strong)}[data-theme=dark] .sleep-chart-day-date{fill:var(--color-text-muted)}[data-theme=dark] .sleep-chart-now-dot{stroke:#15212a}.overview{display:flex;flex-direction:column;gap:20px}.overview-hero{display:flex;flex-direction:column;gap:16px}.range{margin:8px 0 4px;font-weight:600;color:#29414b}.overview-subtitle{margin:0;color:#4f6772}.week-nav{display:flex;gap:12px;align-items:center;justify-content:space-between;width:100%}.week-nav-arrows{display:flex;gap:10px;flex-shrink:0}.week-nav-range{margin:0;font-weight:600;color:#29414b;text-align:center;flex:1}.week-nav-status{margin:0}.nav-button{width:36px;height:36px;border-radius:12px;background:#e8f5f9;color:#2b8198;font-weight:700;box-shadow:inset 0 0 0 1px #2b81981a}.nav-button--outline{width:auto;padding:0 14px;background:transparent;color:#2b8198;box-shadow:inset 0 0 0 1px #2b819859}.nav-button:disabled{opacity:.6;cursor:not-allowed}.week-card{background:#fff;border-radius:20px;padding:16px;border:1px solid rgba(90,173,193,.18);box-shadow:0 16px 28px #14262e14;display:flex;flex-direction:column;gap:16px;width:100%}.legend{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:.85rem;color:#47616c}.legend-item{display:inline-flex;align-items:center;gap:8px;padding:4px 6px;border-radius:10px;border:none;background:transparent;color:inherit;cursor:pointer;font:inherit}.legend-dot{width:10px;height:10px;border-radius:999px}.legend-item--muted{opacity:.4}.legend-dot--sleep{background:#3fbfd4}.legend-dot--breast{background:#f4a261}.legend-dot--bottle{background:#f1c453}.legend-dot--pump{background:#79d2a6}.week-scroll{overflow-x:hidden;padding-bottom:4px;width:100%}.week-svg{width:100%;height:auto;display:block}.week-svg-bg{fill:transparent}.axis-labels{font-size:clamp(1.1rem,4vw,1.25rem);fill:#5e7681}.day-name{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#1f2f37;fill:#1f2f37}.day-date{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;fill:#5c707a}.day-track-bg{fill:#eff7fa}.day-track-line{stroke:#8cbccc59;stroke-width:1}.current-time-line{stroke:#29414b80;stroke-width:2}.current-time-line--faded{opacity:.35}.event-rect{box-shadow:0 6px 10px #162e381f}.event-rect--sleep{fill:#3fbfd4;opacity:.7}.event-rect--breast{fill:#f4a261}.event-rect--bottle{fill:#f1c453}.event-rect--pump{fill:#79d2a6}.overview-highlights{display:grid;gap:14px}.highlight-card{--accent: #45a9c0;--accent-glow: rgba(69, 169, 192, .22);position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#f3faff);border-radius:20px;padding:18px 18px 20px;border:1px solid rgba(66,145,166,.2);box-shadow:0 18px 34px #12242c1f}.highlight-card:before{content:"";position:absolute;top:-42px;right:-36px;width:140px;height:140px;background:radial-gradient(circle,var(--accent-glow) 0%,rgba(255,255,255,0) 68%);pointer-events:none}.highlight-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--accent),rgba(255,255,255,0));border-radius:20px 0 0 20px;pointer-events:none}.highlight-card:nth-child(2){--accent: #e8a06e;--accent-glow: rgba(232, 160, 110, .22)}.highlight-card:nth-child(3){--accent: #7bcba6;--accent-glow: rgba(123, 203, 166, .22)}.highlight-card h2{margin:0 0 10px;font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;color:#3d5460}.highlight-value{margin:0 0 6px;font-size:1.35rem;font-weight:700;color:#15242c}.highlight-subtext{margin:0;font-size:.9rem;color:#4e6671}.highlight-value--secondary{margin-bottom:0}.highlight-card--equal .highlight-value,.highlight-card--equal .highlight-subtext{font-size:1rem;font-weight:600;color:#203038}.highlight-card--equal .highlight-value{line-height:1.35;margin-bottom:10px}.highlight-card--equal .highlight-subtext{line-height:1.45;margin-bottom:8px;text-wrap:balance;overflow-wrap:anywhere}.highlight-card--equal .highlight-subtext:last-child{margin-bottom:0}.highlight-card--compact .highlight-value{font-size:1.15rem}.highlight-table{display:grid;gap:6px;margin-bottom:10px;font-size:.95rem;font-weight:600;color:#15242c}.highlight-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.highlight-row span:last-child{font-variant-numeric:tabular-nums}@media(min-width:768px){.overview-hero{flex-direction:row;justify-content:space-between;align-items:flex-start}.week-nav{min-width:180px}.overview-highlights{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.week-card{padding:12px;gap:12px}.legend{font-size:.75rem;gap:8px 12px}.week-nav-range{font-size:.85rem}.day-name{font-size:.8rem;letter-spacing:.08em}.day-date{font-size:.8rem}}[data-theme=dark] .range,[data-theme=dark] .week-nav-range,[data-theme=dark] .legend,[data-theme=dark] .overview-subtitle,[data-theme=dark] .highlight-subtext{color:var(--color-text-muted)}[data-theme=dark] .week-card{background:var(--color-surface);border-color:var(--color-border-soft);box-shadow:0 16px 28px #050a0e73}[data-theme=dark] .nav-button{background:#5fbdd129;color:var(--color-nav-active-text);box-shadow:inset 0 0 0 1px #5fbdd140}[data-theme=dark] .nav-button--outline{background:transparent;color:var(--color-nav-active-text);box-shadow:inset 0 0 0 1px #5fbdd166}[data-theme=dark] .axis-labels,[data-theme=dark] .day-date{fill:var(--color-text-muted);color:var(--color-text-muted)}[data-theme=dark] .day-name{color:var(--color-text-strong);fill:var(--color-text-strong)}[data-theme=dark] .day-track-bg{fill:#1c2b36}[data-theme=dark] .day-track-line{stroke:#8dbbcb40}[data-theme=dark] .current-time-line{stroke:#e6f1f68c}[data-theme=dark] .highlight-card{background:linear-gradient(180deg,#15212a,#1b2a34);border-color:#5ea8b940;box-shadow:0 18px 34px #050a0e73}[data-theme=dark] .highlight-card h2,[data-theme=dark] .highlight-value,[data-theme=dark] .highlight-table,[data-theme=dark] .highlight-card--equal .highlight-value,[data-theme=dark] .highlight-card--equal .highlight-subtext{color:var(--color-text-strong)}.app{min-height:100vh;padding:10px 0px calc(92px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:24px;color:var(--color-text-primary);position:relative}.app:before,.app:after{content:"";position:absolute;border-radius:999px;filter:blur(0px);z-index:-1}.app:before{width:260px;height:260px;left:-60px;top:120px;background:var(--color-app-glow-left)}.app:after{width:300px;height:300px;right:-80px;top:20px;background:var(--color-app-glow-right)}.app-main{display:grid;gap:20px}.card{background:var(--color-card-bg);border-radius:20px;padding:18px;box-shadow:var(--color-card-shadow);border:1px solid var(--color-card-border);width:100%}.card h1{margin:0 0 8px;font-family:Fraunces,Times New Roman,serif;font-size:1.55rem}.muted{margin:0;color:var(--color-text-muted)}.eyebrow{margin:0 0 6px;font-size:.85rem;text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-subtle)}.field{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--color-text-soft)}button{border:none;cursor:pointer}.primary{margin-top:6px;background:#2189a3;color:#fff;padding:12px 16px;border-radius:12px;font-weight:600;box-shadow:0 10px 20px #2189a340;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 24px #2189a34d}.status{margin-top:16px;font-size:.95rem;padding:10px 12px;border-radius:10px}.status.error{background:var(--color-status-error-bg);color:var(--color-status-error-text)}.status.success{background:var(--color-status-success-bg);color:var(--color-status-success-text)}.status.info{background:var(--color-status-info-bg);color:var(--color-status-info-text)}.bottom-nav-shell{position:fixed;left:0;right:0;bottom:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;justify-content:center;z-index:9999;pointer-events:none}.bottom-nav{width:min(960px,100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px 16px;border-radius:18px 18px 0 0;background:var(--color-nav-bg);border:1px solid var(--color-nav-border);box-shadow:var(--color-nav-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;pointer-events:auto}.bottom-nav-button{padding:12px 14px;border-radius:12px;background:transparent;font-weight:600;color:var(--color-text-soft);transition:background .2s ease,color .2s ease;display:grid;place-items:center}.bottom-nav-button.is-active{background:var(--color-nav-active-bg);color:var(--color-nav-active-text)}.nav-icon{width:22px;height:22px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:768px){.app{padding:40px 48px calc(100px + env(safe-area-inset-bottom));max-width:960px;margin:0 auto}}