@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#2c465b;background:#f3f7fb;font-synthesis:none;--muted:#8499aa;--border:#e6eef5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.import-button:focus-within{outline:3px solid #83b8df;outline-offset:4px}a{color:inherit;text-decoration:none}.topbar{height:85px;background:#ffffffc9;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1050px)/2));gap:16px}.brand{display:flex;align-items:center;font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1px;gap:9px}.brand-dot{color:#73a9d3;margin-left:-8px}.brand-icon{display:grid;place-items:center;width:40px;height:40px;background:#e7f2fb;border-radius:14px;color:#659aca}.header-note{display:flex;align-items:center;gap:8px;color:#91a2b1;font-size:12px}main{max-width:1100px;margin:auto;padding:43px 24px 24px}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:15px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#8ba2b5;margin-bottom:12px}h1{font-family:Manrope,sans-serif;font-size:clamp(26px,3.4vw,36px);font-weight:800;letter-spacing:-1.35px;line-height:1.3;margin:0 0 9px}h1 span{color:#7aadd5}p{color:var(--muted);line-height:1.6;font-size:13px;margin:0}.date-pill{font-size:12px;white-space:nowrap;display:flex;gap:9px;align-items:center;background:#fff;border:1px solid var(--border);padding:12px 16px;border-radius:30px;color:#738da4}.date-pill svg{color:#7aadd5}.card{background:#fff;border:1px solid #e4edf5;border-radius:22px;padding:25px 27px;box-shadow:0 5px 24px #294e7306}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}h2{font-family:Manrope,sans-serif;font-size:16px;letter-spacing:-.4px;font-weight:800;margin:0;display:flex;align-items:center;gap:10px}.muted{color:var(--muted)}.small{font-size:11px}.live-dot{width:8px;height:8px;border-radius:50%;background:#7bacce;box-shadow:0 0 0 4px #eff6fc}.latest{padding-bottom:0;background:linear-gradient(110deg,#fff 10%,#f2f8fe)}.summary-grid{display:grid;grid-template-columns:1fr 1fr 1.12fr;margin:2px 0 23px}.summary-item{padding:0 26px;border-left:1px solid #e1ebf4}.summary-item:first-child{border:0;padding-left:0}.metric-label{display:flex;gap:8px;align-items:center;font-size:12px;color:#7b92a6}.metric-label svg{color:#79a4c7}.big-number{font-family:Manrope,sans-serif;font-size:46px;font-weight:800;letter-spacing:-2px;line-height:1.2;margin:13px 0 7px;color:#2d4c67;font-variant-numeric:tabular-nums}.big-number span{font-size:21px;letter-spacing:-.5px;font-weight:500;color:#7e9ab2}.metric-detail{font-size:11px;color:#8094a6;min-height:20px}.metric-detail strong{font-weight:600;color:#5c7d98}.status-pill{display:inline-block;background:#eaf3fa;border-radius:6px;padding:5px 8px;font-size:10px;color:#7193af;margin-top:12px}.milk-split{display:flex;align-items:center;gap:5px;font-size:10px;color:#7892a8;margin-top:17px;white-space:nowrap}.dot{width:6px;height:6px;border-radius:50%;display:inline-block}.milk-split .dot:nth-of-type(2){margin-left:5px}.formula-dot{background:#80b3df}.breast-dot{background:#c4dcec}.latest-foot{border-top:1px solid #e4edf5;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;color:#93a5b4;font-size:10px}.entry-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:21px;margin:23px 0}.icon-box{display:grid;place-items:center;color:#7ba9ce;background:#eff6fc;border-radius:9px;width:32px;height:32px}.tag{font-size:10px;color:#90a5b6}.amount-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{font-size:12px;color:#60798e;font-weight:500}.label-hint{font-size:10px;font-weight:400}.amount-input{display:flex;align-items:center;margin-top:9px;background:#f7fafd;border:1px solid #e3ecf4;border-radius:12px;padding:13px 15px}.amount-input input{width:100%;min-width:0;border:0;background:transparent;font-family:Manrope,sans-serif;font-size:29px;font-weight:600;color:#385e7c;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.amount-input input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.amount-input input::placeholder{color:#adbfce}.amount-input span{font-size:13px;color:#94a9ba}.nursing-label{display:block;margin-top:18px}.select-wrap{position:relative;margin-top:8px}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #e3ecf4;background:#f7fafd;width:100%;border-radius:10px;padding:12px 35px 12px 14px;color:#60798e;font-size:12px}.select-wrap svg{position:absolute;right:13px;top:13px;pointer-events:none;color:#8da4b8}.form-extras{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:19px 0}.checkbox{display:flex;align-items:center;gap:8px;font-size:11px}.checkbox input{accent-color:#6aa3d1;width:18px;height:18px;margin:0}.time{display:flex;align-items:center;gap:5px;font-size:10px;color:#91a3b3}.primary{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:#79a9d1;color:#fff;border:0;border-radius:11px;padding:14px;font-size:13px;font-weight:600;box-shadow:0 4px 10px #7eabd12b}.primary:hover{background:#649bc8}.quick-card>p{font-size:12px;margin:-7px 0 21px}.quick-button{width:100%;display:flex;align-items:center;text-align:left;gap:13px;padding:18px 15px;background:#f2f8fd;border:1px solid #e2eef8;border-radius:14px;color:#739ab9;margin-bottom:13px}.quick-button:hover{background:#e5f1fa}.quick-icon{width:44px;height:44px;display:grid;place-items:center;background:#e6f1fa;border-radius:13px;flex-shrink:0}.quick-button>span:nth-child(2){flex:1}.quick-button strong{display:block;font-size:13px;font-weight:600;color:#456984}.quick-button small{display:block;font-size:10px;color:#8aa2b5;margin-top:6px}.bath-button{background:#f6f8fc;border-color:#eaf0f7}.bath-button .quick-icon{background:#eaf0f8}.quick-note{display:flex;justify-content:center;align-items:center;gap:6px;color:#9aaab8;font-size:10px;margin-top:21px}.history{margin-bottom:23px;padding-bottom:10px}.section-heading p{font-size:11px;margin-top:5px}.count-badge{border:1px solid #e6edf4;background:#f7fafd;border-radius:7px;padding:6px 10px;color:#8ca1b3;font-size:10px}.empty{text-align:center;padding:20px 0 35px}.empty-icon{background:#f0f6fb;display:grid;place-items:center;width:60px;height:60px;color:#8db2d1;border-radius:20px;margin:0 auto 14px}.empty h3{font-size:14px;font-weight:500;margin:0 0 7px}.empty p{font-size:12px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;white-space:nowrap}th{font-size:10px;color:#92a4b3;font-weight:500;padding:0 12px 12px;border-bottom:1px solid var(--border)}th span{font-weight:400}td{padding:14px 12px;border-bottom:1px solid #eef3f7;color:#648097}tr:last-child td{border-bottom:0}td strong{color:#3b5c76;font-weight:600}td small{display:block;color:#9aaab7;font-size:9px;margin-top:4px}.care-icons{display:flex;gap:5px}.care-icons span{display:flex;align-items:center;gap:4px;background:#f0f7fc;padding:5px 7px;border-radius:5px;font-size:10px}.nursing-badge{text-transform:capitalize;font-size:10px;background:#f1f5fa;border-radius:5px;padding:5px 8px}.delete-button{border:0;background:transparent;color:#9fb0bd;padding:10px}.delete-button:hover{color:#be6b74}.segmented{display:flex;padding:3px;border:1px solid #e6edf4;background:#f5f8fb;border-radius:9px;gap:2px}.segmented button{border:0;background:transparent;color:#93a5b4;font-size:11px;padding:9px 13px;border-radius:6px}.segmented .active{background:#fff;box-shadow:0 1px 4px #284d6b15;color:#527c9e}.chart-top{display:flex;justify-content:space-between;align-items:center;margin:6px 0 34px}.chart-top strong{font-family:Manrope,sans-serif;font-size:31px;font-weight:800;letter-spacing:-1px}.chart-top>div>span{font-size:11px;color:#98aab8;margin-left:8px}.legend{display:flex;gap:15px}.legend span{display:flex;gap:5px;align-items:center;font-size:10px;color:#8ca2b4}.legend i{display:inline-block;width:7px;height:7px;border-radius:2px}.chart{display:flex;height:170px;gap:14px;padding-top:13px}.chart-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:#9aafbf;padding-bottom:27px;min-width:25px;text-align:right}.plot{position:relative;flex:1;display:flex;gap:6%;padding:0 3%}.grid-line{position:absolute;left:0;right:0;border-top:1px dashed #e5edf4}.grid-line.top{top:0}.grid-line.middle{top:calc((100% - 27px)/2)}.grid-line.bottom{bottom:27px}.bar-column{position:relative;flex:1;min-width:0;display:flex;flex-direction:column}.bar-space{position:relative;height:calc(100% - 27px);display:flex;align-items:flex-end;justify-content:center}.bar-stack{display:flex;flex-direction:column;width:100%;max-width:48px;min-height:2px;border-radius:6px 6px 0 0;overflow:hidden;background:#e8f1f8}.bar-formula{background:#8ab6da}.bar-breast{background:#cadfec}.current .bar-formula{background:#659fce}.current .bar-breast{background:#a8cce6}.bar-value{position:absolute;font-size:9px;color:#7996ad;margin-bottom:5px;line-height:1}.day-label{margin-top:12px;font-size:10px;color:#92a5b5;text-align:center}.current .day-label{color:#5986aa;font-weight:700}.chart-note{font-size:10px;color:#99adbd;margin:19px 0 0;padding-top:13px;border-top:1px solid #edf2f7}footer{text-align:center;padding:31px 0 5px}.footer-brand{font-size:11px;color:#879fb2;display:flex;align-items:center;justify-content:center;gap:6px}footer p{font-size:10px;color:#9cafbd;margin:9px 0}.backup-actions{display:flex;align-items:center;justify-content:center;gap:15px}.backup-actions button,.import-button{display:flex;align-items:center;gap:5px;border:0;background:none;font-size:10px;color:#7696b1;padding:12px;cursor:pointer}.import-button input{display:none}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#2d506b;color:#fff;border:1px solid #6e92ac;padding:14px 18px;border-radius:14px;font-size:12px;box-shadow:0 5px 30px #203d4f30;z-index:10;width:max-content;max-width:calc(100% - 24px)}.toast button{color:#e1f1fd;border:0;background:#ffffff18;border-radius:5px;padding:8px}.error{padding:15px;background:#fff0ed;border-radius:10px;margin-bottom:15px;font-size:13px;color:#9b5545}.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(max-width:760px){.topbar{height:72px;padding:0 22px}.header-note{font-size:10px}main{padding:28px 18px 20px}.welcome{align-items:flex-start}.date-pill{padding:9px 10px;font-size:10px;margin-top:4px}.date-pill svg{width:14px}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:27px}.welcome p{font-size:12px}.card{padding:22px 20px;border-radius:19px}.latest{padding-bottom:0}.summary-item{padding:0 15px}.big-number{font-size:36px}.metric-label{font-size:10px;gap:5px}.metric-label svg{width:15px}.metric-detail{font-size:10px}.milk-split{white-space:normal;flex-wrap:wrap;font-size:9px;gap:3px}.entry-grid{grid-template-columns:1fr;gap:18px}.quick-card .section-heading{margin-bottom:20px}.quick-button{padding:15px}.quick-note{margin-top:15px}.history{padding-bottom:10px}.statistics .section-heading{align-items:flex-start}.statistics h2{font-size:14px}.legend{gap:8px}.legend span{font-size:9px}.table-scroll{margin:0 -6px}th,td{padding-left:8px;padding-right:8px}.toast{bottom:12px}}@media(max-width:500px){.header-note{display:none}.brand{font-size:23px}.welcome{display:block;margin-bottom:23px}.date-pill{display:inline-flex;margin-top:15px}.summary-grid{grid-template-columns:1fr 1fr;row-gap:22px}.summary-item{padding:0 0 0 15px}.summary-item.total{grid-column:1/-1;border-left:0;border-top:1px solid #e1ebf4;padding:18px 0 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:12px}.total .metric-label{grid-column:1}.total .big-number{grid-column:2;grid-row:1/4;text-align:right;margin:0;font-size:45px}.total .metric-detail{margin-top:8px}.total .milk-split{margin-top:6px;font-size:9px}.latest .section-heading .small{font-size:9px}.big-number{font-size:39px}.section-heading{gap:8px}.form-extras{gap:7px}.time{font-size:9px}.checkbox{font-size:11px}.statistics .section-heading{display:block}.segmented{display:inline-flex;margin-top:15px}.chart-top{margin-top:-3px;gap:10px}.chart-top strong{font-size:28px}.chart-top>div>span{font-size:10px;margin-left:5px}.plot{gap:7%;padding:0 2%}.chart{gap:9px}.legend{gap:6px}.legend span{font-size:8px}.legend i{width:6px;height:6px}.label-hint{font-size:9px}.select-wrap select{font-size:16px}.toast{font-size:11px}.latest-foot{font-size:8px}}.nursing-input input{font-size:24px}.nursing-input span{white-space:nowrap;font-size:12px}.intervals{margin-bottom:23px}.interval-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.interval-grid>div{border-right:1px solid #e6eef5;padding:2px 20px 4px 0}.interval-grid>div:last-child{border:0}.interval-grid span,.interval-grid small{display:block;font-size:12px;color:#748da1}.interval-grid strong{display:block;font-family:Manrope,sans-serif;font-size:32px;letter-spacing:-1px;margin:10px 0;color:#365d7a}.interval-grid small{font-size:10px}.trend-line{position:absolute;left:3%;width:94%;top:0;height:calc(100% - 27px);pointer-events:none;overflow:visible}.legend .trend-dot{height:2px;width:13px;background:#406f98}.legend{flex-wrap:wrap;justify-content:flex-end}.bar-value{background:#ffffffbf;border-radius:3px;padding:1px 3px;z-index:1}.import-button:has(input:disabled){opacity:.5;pointer-events:none}.intervals .chart-note{line-height:1.7}@media(max-width:500px){.interval-grid{gap:10px}.interval-grid>div{padding-right:8px}.interval-grid strong{font-size:22px;letter-spacing:-.5px}.interval-grid span{font-size:11px}.interval-grid small{font-size:9px}.trend-line{left:2%;width:96%}.legend{max-width:160px;gap:8px}}.plot{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;padding:0}.trend-line{left:0;width:100%}.bar-stack{width:60%;max-width:48px}.next-feeding{border-top:1px solid #e1ebf4;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.next-feeding .metric-label{font-weight:600;color:#547c9d;font-size:13px}.next-feeding .metric-detail{margin-top:9px;line-height:1.7}.estimate-note{font-size:10px;color:#8b9faf;margin-top:5px}.next-feeding-time{text-align:right;flex-shrink:0}.next-feeding-time strong{display:block;font-family:Manrope,sans-serif;font-size:38px;letter-spacing:-1.5px;color:#365d7a;line-height:1.2;font-variant-numeric:tabular-nums}.next-feeding-time span{display:block;margin-top:6px;font-size:10px;color:#8098ab}.nursing-statistics{margin-top:23px}.nursing-statistics .chart-top{margin-top:0}@media(max-width:500px){.next-feeding{gap:12px;align-items:flex-start}.next-feeding .metric-label{font-size:11px}.next-feeding .metric-detail{font-size:10px}.next-feeding-time strong{font-size:32px}.next-feeding-time span{font-size:9px;max-width:110px}.estimate-note{font-size:9px}}.welcome-title{display:flex;align-items:center;gap:8px;margin-bottom:9px}.welcome-title h1{margin:0;min-width:0}.welcome-cloud-slot{position:relative;flex-shrink:0;width:92px;height:64px}.welcome-float{position:absolute;left:0;bottom:0;transform-origin:bottom left;scale:.65;width:140px;height:155px;z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;animation:cloud-arrival 4.8s ease-in-out both;will-change:transform,opacity}.sleepy-cloud{position:absolute;bottom:0;left:0;width:140px;filter:drop-shadow(0 7px 12px #5884aa18);animation:cloud-bob 2s ease-in-out infinite}.float-heart{position:absolute;color:#b0cfe6;fill:#dcecf8;opacity:0;animation:heart-rise 2.6s ease-out both}.float-heart-one{left:31px;top:72px;animation-delay:.4s}.float-heart-two{left:92px;top:68px;animation-delay:1.1s;color:#d5abba;fill:#f5e2e9}.float-heart-three{left:63px;top:62px;animation-delay:1.8s}.float-sparkle{position:absolute;left:112px;top:55px;color:#a0c5e1;animation:sparkle-glow 2s ease-in-out infinite}@keyframes cloud-arrival{0%{opacity:0;transform:translateY(30px) rotate(-5deg)}15%{opacity:1;transform:translateY(0) rotate(0)}78%{opacity:1;transform:translateY(-14px)}to{opacity:0;transform:translateY(-48px)}}@keyframes cloud-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}@keyframes heart-rise{0%{opacity:0;transform:translateY(0) scale(.7) rotate(-10deg)}25%{opacity:.85}to{opacity:0;transform:translate(8px,-62px) scale(1.1) rotate(12deg)}}@keyframes sparkle-glow{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:.9;transform:scale(1)}}@media(max-width:500px){.welcome-cloud-slot{width:64px;height:50px}.welcome-float{scale:.45}}@media(prefers-reduced-motion:reduce){.welcome-float{display:none;animation:none}.welcome-float *{animation:none}}