@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600;700&family=Manrope:wght@300;400;500;600;700&display=swap";:root{font-family:Manrope,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#1b2832;background-color:#eef7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 15% 0%,#fff,#fff0 60%),radial-gradient(circle at 85% 10%,#f4d2b866,#fff0 55%),linear-gradient(180deg,#f7fcff,#e6f1f6 55%,#d9e9f0)}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:#0f2c3614;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}.data-entry{display:flex;flex-direction:column;gap:18px}.entry-tabs{display:flex;gap:8px;padding:6px;width:100%;background:#e4f6fb;border-radius:999px;border:1px solid rgba(87,192,212,.25);overflow-x:auto}.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;gap:8px;text-align:center;white-space:nowrap}.entry-tab.is-active{background:#fff;color:#1b7a92;box-shadow:0 10px 16px #1b7a921f}.entry-tab-status{padding:1px 6px;border-radius:999px;background:#f4a2612e;color:#b85f2f;font-size:.65rem;font-weight:600}.entry-session{background:#e9f8fe;border-radius:18px;border:1px solid rgba(88,200,220,.3);padding:18px;display:flex;flex-direction:column;gap:16px}.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}.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-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-wrap:wrap;justify-content:space-between;gap:12px;align-items:center}.entry-title{margin:0 0 4px;font-weight:600;color:#193c49}.entry-meta{margin:0;color:#52707b;font-size:.9rem}.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}.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}.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}@media(max-width:640px){.session-meta{flex-direction:column;align-items:flex-start;gap:10px}}.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}.pump-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}.pump-chart-header{display:flex;flex-direction:column;gap:12px}.pump-chart-range{margin:6px 0 4px;font-weight:600;color:#29414b}.pump-chart-average{margin:0;font-weight:600;color:#5a707b}.pump-chart-legend{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:.85rem;color:#47616c}.pump-chart-actions{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.pump-chart-nav{display:flex;gap:10px;align-items:center}.pump-chart-nav-arrows{display:flex;gap:10px}.pump-chart-legend-item{display:inline-flex;align-items:center;gap:8px}.pump-chart-dot{width:10px;height:10px;border-radius:999px}.pump-chart-dot--left{background:#1b8fa6}.pump-chart-dot--right{background:#8ad7e3}.pump-chart-grid{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:start}.pump-chart-axis{height:240px;display:grid;grid-template-rows:repeat(var(--tick-count),1fr);font-size:.7rem;color:#8b9aa2}.pump-chart-axis-row{display:flex;align-items:center;gap:6px}.pump-chart-axis-label{min-width:36px;text-align:right}.pump-chart-axis-line{width:8px;height:1px;background:#8cbccc99}.pump-chart-bars{height:240px;position:relative;padding:0;border-radius:18px;background:#fff;overflow:hidden}.pump-chart-grid-lines{position:absolute;inset:0;display:grid;grid-template-rows:repeat(var(--tick-count),1fr);pointer-events:none}.pump-chart-grid-line{width:100%;height:1px;align-self:center;background:#8cbccc40}.pump-chart-bar-columns{position:relative;height:100%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;align-items:stretch;padding:0 10px}.pump-chart-day{display:flex;flex-direction:column;align-items:center;height:100%;gap:8px}.pump-chart-stack{width:100%;max-width:28px;flex:1;display:flex;flex-direction:column-reverse;justify-content:flex-start;background:#d2ecf18c;border-radius:0;padding:0;overflow:hidden;box-shadow:inset 0 0 0 1px #8cbccc40}.pump-chart-segment{width:100%;border-radius:0}.pump-chart-segment--left{background:linear-gradient(180deg,#1b8fa6,#27a3ba)}.pump-chart-segment--right{background:linear-gradient(180deg,#8ad7e3,#a9e6ef)}.pump-chart-label{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#7b8c95}.pump-chart-day-name{font-weight:700;color:#2a3a42}.pump-chart-day-date{font-size:.65rem}@media(min-width:768px){.pump-chart-header{flex-direction:row;justify-content:space-between;align-items:flex-start}.pump-chart-actions{align-items:flex-end}}.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:10px;align-items:center;justify-content:space-between}.week-nav-arrows{display:flex;gap:10px}.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}.legend-dot{width:10px;height:10px;border-radius:999px}.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-grid{--hour-height: 42px;--day-label-height: 42px;display:grid;grid-template-columns:24px repeat(7,minmax(0,1fr));column-gap:6px;min-width:0;width:100%}.week-axis{padding-top:var(--day-label-height);display:flex;flex-direction:column;align-items:flex-start;gap:8px}.axis-labels{height:calc(var(--hour-height) * 24);display:flex;flex-direction:column;justify-content:space-between;font-size:.75rem;color:#5e7681}.axis-track{display:none}.day-column{display:flex;flex-direction:column;gap:8px}.day-label{height:var(--day-label-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#5c707a}.day-name{font-weight:700;color:#1f2f37}.day-date{font-size:.65rem;letter-spacing:.08em}.day-track{position:relative;height:calc(var(--hour-height) * 24);background-image:repeating-linear-gradient(to bottom,rgba(140,188,204,.35) 0,rgba(140,188,204,.35) 1px,rgba(255,255,255,0) 1px,rgba(255,255,255,0) var(--hour-height));background-color:#eff7fa;border-radius:12px;overflow:hidden}.current-time-line{position:absolute;left:0;right:0;top:calc(var(--now) * (var(--hour-height) / 60));height:2px;background:#29414b80;box-shadow:0 0 0 1px #ffffffa6;z-index:2}.current-time-line--faded{opacity:.35}.event{position:absolute;left:4px;right:4px;border-radius:0;top:calc(var(--start) * (var(--hour-height) / 60));height:calc(var(--duration) * (var(--hour-height) / 60));box-shadow:0 6px 10px #162e381f}.event--sleep{background:linear-gradient(135deg,#3fbfd4,#5bd9ea)}.event--breast{background:linear-gradient(135deg,#f4a261,#f7b67f);min-height:6px}.event--bottle{background:linear-gradient(135deg,#f1c453,#f6d77f);min-height:6px}.event--pump{background:linear-gradient(135deg,#79d2a6,#94e0ba);min-height:6px}.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-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}@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))}}.app{min-height:100vh;padding:20px 16px calc(92px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:24px;color:#1b2832;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:radial-gradient(circle,rgba(66,186,213,.22),transparent 65%)}.app:after{width:300px;height:300px;right:-80px;top:20px;background:radial-gradient(circle,rgba(244,162,97,.18),transparent 70%)}.app-main{display:grid;gap:20px}.card{background:#fffffff5;border-radius:20px;padding:18px;box-shadow:0 18px 36px #16283214;border:1px solid rgba(87,192,212,.18);width:100%}.card h1{margin:0 0 8px;font-family:Fraunces,Times New Roman,serif;font-size:1.55rem}.muted{margin:0;color:#4f6772}.eyebrow{margin:0 0 6px;font-size:.85rem;text-transform:uppercase;letter-spacing:.2em;color:#5f7b86}.field{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:#355463}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:#ffe6e6;color:#a63737}.status.success{background:#e6f7ef;color:#1f7a4d}.status.info{background:#e8f3ff;color:#2f5f9b}.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:#fffffff5;border:1px solid rgba(87,192,212,.18);box-shadow:0 18px 30px #1628321f;-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:#3a5864;transition:background .2s ease,color .2s ease;display:grid;place-items:center}.bottom-nav-button.is-active{background:#e6f4f8;color:#1b6f86}.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}}