@import "https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--color-navy-dark:#0a1b36;--color-navy-medium:#15305b;--color-navy-light:#2a4978;--color-cream-bg:#faf9f6;--color-white:#fff;--color-rose-warm:#fda4af;--color-rose-deep:#e11d48;--color-blue-accent:#7dd3fc;--color-blue-deep:#0284c7;--color-gold:#d97706;--color-success:#059669;--color-danger:#dc2626;--bg-card:#ffffffe0;--border-glass:#0f1b360f;--border-glass-focus:#15305b33;--shadow-sm:0 4px 12px #0f1b3608;--shadow-md:0 10px 30px #0f1b360d;--shadow-lg:0 20px 50px #0f1b3614;--shadow-glow-rose:0 0 20px #fda4af73;--shadow-glow-blue:0 0 20px #7dd3fc66;--radius-sm:10px;--radius-md:18px;--radius-lg:26px;--radius-full:9999px;--font-thai:"Kanit", sans-serif;--font-eng:"Outfit", sans-serif;--transition-premium:all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .2s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;font-family:var(--font-thai);-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--color-cream-bg);color:var(--color-navy-dark);letter-spacing:-.2px;background-image:radial-gradient(at 0 0,#fda4af1f 0,#0000 40%),radial-gradient(at 100% 0,#7dd3fc1f 0,#0000 40%),radial-gradient(at 50% 100%,#d977060a 0,#0000 50%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#0f1b3626}::-webkit-scrollbar-thumb:hover{background:var(--color-navy-medium)}.number-font,h1,h2,h3,.metric-value,.chart-label{font-family:var(--font-eng);letter-spacing:-.5px;font-weight:600}.toast-popup{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--color-white);border-radius:var(--radius-md);z-index:15000;background-color:#0a1b36f0;border:1px solid #ffffff1f;align-items:center;gap:.9rem;width:90%;max-width:440px;padding:.9rem 1.4rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards toast-slide-down;display:flex;position:fixed;top:2rem;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 20px 40px #00000040}@keyframes toast-slide-down{0%{opacity:0;top:-100px;transform:translate(-50%,-10px)scale(.95)}to{opacity:1;top:2rem;transform:translate(-50%)scale(1)}}.toast-icon-box{background-color:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.25rem;display:flex}.toast-popup.pee{border-color:#7dd3fc66;box-shadow:0 15px 30px #0284c733}.toast-popup.poop{border-color:#d9770666;box-shadow:0 15px 30px #d9770633}.toast-popup.milk{border-color:#fda4af66;box-shadow:0 15px 30px #e11d4833}.toast-content-wrapper{flex-direction:column;flex-grow:1;display:flex}.toast-headline-msg{color:var(--color-rose-warm);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:500}.toast-body-msg{color:var(--color-white);margin-top:.1rem;font-size:.9rem;font-weight:400}.toast-timer-progress{background:linear-gradient(to right, var(--color-blue-accent), var(--color-rose-warm));width:100%;height:3px;animation:3s linear forwards shrink-progress;position:absolute;bottom:0;left:0}@keyframes shrink-progress{0%{width:100%}to{width:0%}}.app-layout{min-height:100vh;display:flex}.sidebar{background-color:var(--color-navy-dark);width:280px;color:var(--color-white);z-index:100;border-right:1px solid #ffffff0a;flex-direction:column;height:100vh;padding:2rem 1.5rem;display:flex;position:fixed;top:0;left:0;box-shadow:6px 0 30px #0a1b3626}.sidebar-logo{align-items:center;gap:.85rem;margin-bottom:3rem;padding:0 .5rem;display:flex}.logo-icon-pulse{background-color:#ffffff0d;border:1px solid #fda4af26;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;animation:4s ease-in-out infinite alternate logo-bounce;display:flex}@keyframes logo-bounce{0%{transform:scale(1)}to{box-shadow:var(--shadow-glow-rose);transform:scale(1.06)}}.logo-text{flex-direction:column;display:flex}.logo-title{color:var(--color-white);letter-spacing:-.5px;font-size:1.2rem;font-weight:700}.logo-subtitle{color:#fff6;margin-top:.1rem;font-size:.75rem;font-weight:300}.nav-menu{flex-direction:column;flex-grow:1;gap:.6rem;list-style:none;display:flex}.nav-link{color:#ffffffa6;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:1.1rem;padding:.95rem 1.25rem;font-size:.95rem;font-weight:400;text-decoration:none;display:flex}.nav-link:hover{color:var(--color-white);background-color:#ffffff0d;transform:translate(3px)}.nav-link.active{background-color:var(--color-navy-medium);color:var(--color-white);border-left:4px solid var(--color-rose-warm);font-weight:500;box-shadow:0 4px 15px #0003}.sidebar-footer{border-top:1px solid #ffffff0d;margin-top:auto;padding:1.25rem .5rem 0}.main-content{min-height:100vh;transition:var(--transition-premium);flex-grow:1;margin-left:280px;padding:2.5rem 3.5rem}.input-group-custom{align-items:center;width:100%;display:flex;position:relative}.form-input{border:1.5px solid var(--border-glass);border-radius:var(--radius-md);background-color:var(--color-white);width:100%;color:var(--color-navy-dark);transition:var(--transition-fast);outline:none;padding:.9rem 1.1rem;font-size:.95rem}.form-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-input[type=number]{-moz-appearance:textfield}.form-input-with-select{padding-right:4.8rem}.form-input:focus{border-color:var(--color-navy-medium);box-shadow:0 0 0 4px #15305b14}.btn-input-dropdown-arrow{color:#0f1b3659;cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.4rem;font-size:.65rem;display:flex;position:absolute;right:2.8rem}.btn-input-dropdown-arrow:hover{color:var(--color-navy-dark);transform:scale(1.15)}.btn-input-dropdown-arrow.open{transform:rotate(180deg)}.form-input-unit-custom{color:#0f1b3666;pointer-events:none;text-transform:uppercase;font-size:.8rem;font-weight:600;position:absolute;right:1.1rem}.presets-dropdown-menu{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius-md);z-index:1000;background-color:#fffffffa;border:1px solid #0f1b361f;width:100%;padding:1.25rem;animation:.25s cubic-bezier(.16,1,.3,1) forwards popover-appear;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 35px #0a1b3629}.presets-dropdown-menu.milk-presets{width:100%;left:0}@keyframes popover-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.presets-dropdown-title{color:var(--color-navy-light);text-transform:uppercase;letter-spacing:.4px;margin-bottom:.6rem;font-size:.75rem;font-weight:600}.presets-grid{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.btn-preset-item{background-color:var(--color-white);border-radius:var(--radius-sm);color:var(--color-navy-medium);cursor:pointer;text-align:center;transition:var(--transition-fast);border:1px solid #0f1b360d;padding:.45rem .25rem;font-size:.8rem;font-weight:500}.btn-preset-item:hover{background-color:var(--color-navy-medium);color:var(--color-white);border-color:var(--color-navy-medium);transform:translateY(-1.5px)}.btn-preset-item:active{transform:translateY(0)}.bottom-nav{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:999;width:100%;padding:.7rem .5rem calc(.7rem + env(safe-area-inset-bottom,0px)) .5rem;background-color:#0a1b36f0;border-top:1px solid #ffffff0f;display:none;position:fixed;bottom:0;left:0;box-shadow:0 -10px 30px #00000026}.bottom-nav-menu{justify-content:space-around;align-items:center;width:100%;list-style:none;display:flex}.bottom-nav-item{flex:1}.bottom-nav-link{color:#ffffff8c;cursor:pointer;transition:var(--transition-fast);flex-direction:column;align-items:center;gap:.2rem;font-size:.7rem;text-decoration:none;display:flex}.bottom-nav-link svg{width:20px;height:20px}.bottom-nav-link.active{color:var(--color-rose-warm);transform:translateY(-2px)}.header-bar{justify-content:space-between;align-items:center;margin-bottom:2.25rem;display:flex}.welcome-title{color:var(--color-navy-dark);align-items:center;gap:.6rem;font-size:1.85rem;font-weight:600;display:flex}.heart-pulse-icon{animation:2.2s infinite alternate heartbeat-animation}@keyframes heartbeat-animation{0%{transform:scale(1)}35%{transform:scale(1.15)}45%{transform:scale(1.05)}60%{transform:scale(1.22)}to{transform:scale(1)}}.welcome-subtitle{color:#0f1b368c;margin-top:.25rem;font-size:.9rem}.birthdate-span-label{color:#0f1b3666;margin-left:.6rem;font-size:.8rem}.realtime-indicator{background-color:var(--color-white);border:1.5px solid var(--border-glass);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--color-navy-medium);align-items:center;gap:.45rem;padding:.45rem .9rem;font-size:.75rem;font-weight:500;display:inline-flex}.realtime-pulse{background-color:var(--color-success);border-radius:50%;width:7px;height:7px;animation:2.5s infinite pulse-green-fx;box-shadow:0 0 #059669b3}@keyframes pulse-green-fx{0%{box-shadow:0 0 #059669b3}70%{box-shadow:0 0 0 7px #05966900}to{box-shadow:0 0 #05966900}}.profile-actions{align-items:center;gap:.85rem;display:flex}.glass-card{background-color:var(--bg-card);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border-radius:var(--radius-lg);transition:var(--transition-premium);border:1px solid #fff9;padding:2rem;position:relative;box-shadow:0 10px 40px #0f1b360a}.glass-card:hover{border-color:#ffffffd9;transform:translateY(-2px);box-shadow:0 16px 50px #0f1b3614}.glass-card.has-open-dropdown{box-shadow:0 20px 60px #0a1b361f;z-index:50!important}.card-title-bar{border-bottom:1px dashed #0f1b3614;justify-content:space-between;align-items:center;margin-bottom:1.75rem;padding-bottom:.9rem;display:flex}.card-title{color:var(--color-navy-medium);align-items:center;gap:.8rem;font-size:1.15rem;font-weight:600;display:flex}.card-title svg{color:var(--color-navy-light)}.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.btn-quick{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-premium);background-color:var(--color-white);box-shadow:var(--shadow-sm);border:1px solid #0f1b360f;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;padding:1.75rem 1rem;display:flex;position:relative;overflow:hidden}.btn-quick:before{content:"";width:100%;height:4.5px;position:absolute;top:0;left:0}.btn-quick.pee{background:linear-gradient(135deg, var(--color-white), #7dd3fc0f)}.btn-quick.poop{background:linear-gradient(135deg, var(--color-white), #d977060a)}.btn-quick.pee:before{background-color:var(--color-blue-deep)}.btn-quick.poop:before{background-color:var(--color-gold)}.btn-quick:hover{transform:translateY(-5px);box-shadow:0 12px 28px #0f1b3614}.btn-quick.pee:hover{background:linear-gradient(135deg, var(--color-white), #7dd3fc1f);border-color:#7dd3fc66;box-shadow:0 12px 28px #7dd3fc2e}.btn-quick.poop:hover{background:linear-gradient(135deg, var(--color-white), #d9770614);border-color:#d977064d;box-shadow:0 12px 28px #d977061f}.btn-quick:hover .quick-icon-wrapper{transform:scale(1.1)rotate(5deg)}.quick-icon-wrapper{width:58px;height:58px;transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:1.85rem;display:flex}.btn-quick.pee .quick-icon-wrapper{color:var(--color-blue-deep);background-color:#7dd3fc1f}.btn-quick.poop .quick-icon-wrapper{color:var(--color-gold);background-color:#d977061f}.btn-quick:active .quick-icon-wrapper{transform:scale(.85)}.quick-label{color:var(--color-navy-medium);font-size:1rem;font-weight:500}.quick-sub{color:#0f1b3666;font-size:.75rem}.form-group{flex-direction:column;gap:.45rem;margin-bottom:1.25rem;display:flex;position:relative}.form-label{color:var(--color-navy-light);font-size:.85rem;font-weight:500}.form-row-2{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.btn-primary{background-color:var(--color-navy-medium);width:100%;color:var(--color-white);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-premium);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.95rem 1.5rem;font-size:.95rem;font-weight:500;display:flex;box-shadow:0 4px 15px #15305b1f}.btn-primary:hover{background-color:var(--color-navy-dark);transform:translateY(-2px);box-shadow:0 6px 20px #0a1b3633}.vaccine-table-wrapper{border-radius:var(--radius-md);border:1px solid var(--border-glass);background-color:var(--color-white);overflow-x:auto}.vaccine-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.vaccine-table th{color:var(--color-navy-medium);border-bottom:1px solid var(--border-glass);background-color:#15305b0a;padding:1.1rem 1rem;font-weight:600}.vaccine-table td{vertical-align:middle;border-bottom:1px solid #0f1b360a;padding:1.1rem 1rem}.vaccine-row.received{background-color:#05966905}.age-badge{background-color:var(--color-navy-medium);color:var(--color-white);border-radius:var(--radius-full);padding:.25rem .65rem;font-size:.75rem;font-weight:500;display:inline-block}.vaccine-name{color:var(--color-navy-dark);font-weight:500}.status-checkbox{cursor:pointer;width:21px;height:21px;transition:var(--transition-fast);color:#0000;border:2px solid #0f1b3626;border-radius:6px;justify-content:center;align-items:center;font-weight:700;display:flex}.status-checkbox.checked{background-color:var(--color-success);border-color:var(--color-success);color:var(--color-white)}.vaccine-note-input{width:100%;transition:var(--transition-fast);color:var(--color-navy-light);background:0 0;border:none;border-bottom:1.5px solid #0000;outline:none;padding:.3rem .5rem}.vaccine-note-input:focus{border-bottom-color:var(--color-navy-medium);background-color:#0f1b3605;border-radius:4px}.vaccine-date-input{border:1px solid var(--border-glass);font-family:var(--font-eng);color:var(--color-navy-dark);border-radius:6px;outline:none;padding:.3rem .5rem;font-size:.8rem}.daily-summary-cards{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.summary-card{border-radius:var(--radius-md);background-color:var(--color-white);border:1px solid var(--border-glass);box-shadow:var(--shadow-sm);align-items:center;gap:1.25rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.summary-card:before{content:"";width:4.5px;height:100%;position:absolute;top:0;left:0}.summary-card.milk:before{background-color:var(--color-rose-warm)}.summary-card.pee:before{background-color:var(--color-blue-deep)}.summary-card.poop:before{background-color:var(--color-gold)}.summary-icon-box{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;display:flex}.summary-card.milk .summary-icon-box{color:var(--color-rose-deep);background-color:#fda4af26}.summary-card.pee .summary-icon-box{color:var(--color-blue-deep);background-color:#7dd3fc26}.summary-card.poop .summary-icon-box{color:var(--color-gold);background-color:#d9770626}.summary-info{flex-direction:column;display:flex}.summary-label{color:#0f1b3673;font-size:.75rem;font-weight:500}.summary-value{color:var(--color-navy-dark);font-size:1.6rem;font-weight:700;line-height:1.2}.summary-unit{color:#0f1b3680;margin-left:.25rem;font-size:.85rem;font-weight:400}.chart-container{background-color:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--border-glass);width:100%;padding:1.75rem;position:relative}.chart-svg{width:100%;height:280px;overflow:visible}.chart-sub-segment{border-radius:var(--radius-md);background-color:#0f1b3603;border:1px solid #0f1b3608;padding:1rem}.chart-sub-header{color:var(--color-navy-medium);margin-bottom:.75rem;font-size:.85rem;font-weight:600}.chart-svg-split{width:100%;height:130px;overflow:visible}.chart-grid-line{stroke:#0f1b360a;stroke-width:1px}.chart-axis-line{stroke:#0f1b361f;stroke-width:1px}.chart-path-weight{stroke:var(--color-rose-deep);stroke-width:3.5px;fill:none;stroke-linecap:round;stroke-linejoin:round}.chart-path-height{stroke:var(--color-blue-deep);stroke-width:3.5px;fill:none;stroke-linecap:round;stroke-linejoin:round}.chart-dot-weight{fill:var(--color-white);stroke:var(--color-rose-deep);stroke-width:2.5px;transition:var(--transition-fast);cursor:pointer;r:5.5}.chart-dot-weight:hover{r:8;stroke-width:4px}.chart-dot-height{fill:var(--color-white);stroke:var(--color-blue-deep);stroke-width:2.5px;transition:var(--transition-fast);cursor:pointer;r:5.5}.chart-dot-height:hover{r:8;stroke-width:4px}.chart-area-weight{fill:url(#weightGradComb)}.chart-area-height{fill:url(#heightGradComb)}.chart-tooltip-floating-box{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--color-white);border-radius:var(--radius-sm);pointer-events:none;box-shadow:var(--shadow-lg);z-index:1000;background-color:#0a1b36f0;border:1px solid #ffffff1f;flex-direction:column;gap:.15rem;min-width:140px;padding:.6rem .9rem;font-size:.75rem;display:flex;position:absolute;transform:translate(-50%,-100%)}.chart-tooltip-floating-box:after{content:"";border:6px solid #0000;border-top-color:#0a1b36f0;border-bottom-width:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.tooltip-title{color:var(--color-rose-warm);font-weight:600}.tooltip-value{font-size:.85rem;font-weight:700;font-family:var(--font-eng)}.tooltip-notes{opacity:.7;font-style:italic}.tooltip-by{opacity:.5;font-size:.65rem}.chart-legend{justify-content:center;gap:1.5rem;margin-top:1.25rem;display:flex}.legend-item{color:var(--color-navy-light);align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;display:flex}.legend-color{border-radius:4px;width:12px;height:12px}.legend-color.weight{background-color:var(--color-rose-deep)}.legend-color.height{background-color:var(--color-blue-deep)}.carousel-box{border-radius:var(--radius-md);width:100%;height:380px;box-shadow:var(--shadow-md);background-color:var(--color-navy-dark);position:relative;overflow:hidden}.carousel-slide{opacity:0;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;left:0}.carousel-slide.active{opacity:1}.carousel-img-backdrop-blur{object-fit:cover;width:100%;height:100%;filter:blur(28px) scale(1.15);opacity:.35;z-index:1;pointer-events:none;position:absolute;top:0;left:0}.carousel-img{max-width:100%;max-height:100%;transition:transform 6s ease-out}.carousel-slide.active .carousel-img{transform:scale(1.03)}.carousel-overlay{width:100%;color:var(--color-white);background:linear-gradient(#0000 0%,#0a1b3666 40%,#0a1b36f2 100%);flex-direction:column;gap:.25rem;padding:2rem 1.5rem 1.5rem;display:flex;position:absolute;bottom:0;left:0}.carousel-caption-title{font-size:1.05rem;font-weight:500}.carousel-caption-sub{color:#ffffff8c;font-size:.8rem}.carousel-control-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:42px;height:42px;color:var(--color-white);cursor:pointer;transition:var(--transition-fast);background-color:#ffffff1f;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-control-btn:hover{background-color:#ffffff40;transform:translateY(-50%)scale(1.05)}.carousel-control-btn.prev{left:1.25rem}.carousel-control-btn.next{right:1.25rem}.carousel-indicators{gap:.4rem;display:flex;position:absolute;bottom:1rem;right:1.5rem}.carousel-dot{cursor:pointer;width:8px;height:8px;transition:var(--transition-fast);background-color:#ffffff4d;border-radius:50%}.carousel-dot.active{background-color:var(--color-rose-warm);border-radius:var(--radius-full);width:18px}.album-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem;margin-top:1.5rem;display:grid}.album-thumbnail{aspect-ratio:1;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-sm);border:2px solid #0000;position:relative;overflow:hidden}.album-thumbnail img{object-fit:cover;width:100%;height:100%;transition:var(--transition-fast)}.album-thumbnail:hover img{transform:scale(1.08)}.album-thumbnail.active{border-color:var(--color-rose-warm);box-shadow:var(--shadow-glow-rose)}.btn-upload-label{background-color:var(--color-white);border:1.5px solid var(--border-glass);border-radius:var(--radius-md);color:var(--color-navy-medium);cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition-premium);align-items:center;gap:.5rem;padding:.65rem 1.35rem;font-size:.85rem;font-weight:500;display:inline-flex}.btn-upload-label:hover{background-color:var(--color-navy-medium);color:var(--color-white);box-shadow:var(--shadow-md);transform:translateY(-2px)}.avatar-btn{border:1.5px solid var(--border-glass);border-radius:var(--radius-full);background-color:var(--color-white);cursor:pointer;transition:var(--transition-premium);box-shadow:var(--shadow-sm);align-items:center;gap:.5rem;padding:.45rem .9rem;display:flex}.avatar-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.avatar-btn.father.active{border-color:var(--color-blue-deep);box-shadow:var(--shadow-glow-blue);background-color:#7dd3fc1a}.avatar-btn.mother.active{border-color:var(--color-rose-deep);box-shadow:var(--shadow-glow-rose);background-color:#fda4af1a}.avatar-img{border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.9rem;display:flex}.avatar-name{color:var(--color-navy-medium);font-size:.85rem;font-weight:600}.feed-list{flex-direction:column;gap:.75rem;max-height:480px;padding-right:.25rem;display:flex;overflow-y:auto}.feed-item{background-color:var(--color-white);border:1px solid var(--border-glass);border-radius:var(--radius-md);transition:var(--transition-fast);align-items:center;gap:1.1rem;padding:.95rem 1.15rem;display:flex}.feed-item:hover{border-color:var(--border-glass-focus);box-shadow:var(--shadow-sm);transform:translate(2px)}.feed-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.feed-item.milk .feed-icon{color:var(--color-rose-deep);background-color:#fda4af26}.feed-item.pee .feed-icon{color:var(--color-blue-deep);background-color:#7dd3fc26}.feed-item.poop .feed-icon{color:var(--color-gold);background-color:#d9770626}.feed-item.growth .feed-icon{color:var(--color-navy-medium);background-color:#15305b1a}.feed-details{flex-direction:column;flex-grow:1;display:flex}.feed-header{justify-content:space-between;align-items:center;display:flex}.feed-title{color:var(--color-navy-dark);font-size:.95rem;font-weight:550}.feed-time{color:#0f1b3666;font-size:.75rem;font-family:var(--font-eng);font-weight:500}.feed-body{color:#0f1b3699;margin-top:.15rem;font-size:.82rem}.feed-badge-creator{border-radius:4px;align-self:flex-start;margin-top:.35rem;padding:.12rem .45rem;font-size:.65rem;font-weight:600;display:inline-block}.feed-item.by-father .feed-badge-creator{color:var(--color-blue-deep);background-color:#7dd3fc1f}.feed-item.by-mother .feed-badge-creator{color:var(--color-rose-deep);background-color:#fda4af1f}.btn-delete-log{color:#0f1b3633;cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.35rem;display:flex}.btn-delete-log:hover{color:var(--color-danger);background-color:#dc26260d}.notification-card{border-radius:var(--radius-md);border:1px solid var(--border-glass);box-shadow:var(--shadow-sm);transition:var(--transition-premium);align-items:center;gap:.9rem;margin-bottom:1rem;padding:1.1rem 1.25rem;display:flex}.notification-card.due{background-color:#dc26260d;border-color:#dc262626;animation:2s infinite pulse-red-border}.notification-card.warn{background-color:#d977060d;border-color:#d9770626}.notification-card.info{background-color:#15305b0a;border-color:#15305b12}@keyframes pulse-red-border{0%{border-color:#dc262626}50%{border-color:#dc262673}to{border-color:#dc262626}}.noti-icon{justify-content:center;align-items:center;font-size:1.6rem;display:flex}.notification-card.due .noti-icon{color:var(--color-danger)}.notification-card.warn .noti-icon{color:var(--color-gold)}.notification-card.info .noti-icon{color:var(--color-navy-medium)}.noti-text-box{flex-direction:column;flex-grow:1;display:flex}.noti-headline{color:var(--color-navy-dark);font-size:.85rem;font-weight:600}.noti-desc{color:#0f1b368c;margin-top:.1rem;font-size:.75rem}.noti-countdown{font-family:var(--font-eng);color:var(--color-navy-medium);background-color:#15305b0f;border-radius:8px;padding:.3rem .6rem;font-size:1.1rem;font-weight:700}.notification-card.due .noti-countdown{color:var(--color-danger);background-color:#dc26261a;animation:.5s infinite alternate shake-fx}@keyframes shake-fx{0%{transform:translate(0)}to{transform:translate(2.5px)}}.btn-secondary{background-color:var(--color-white);border:1.5px solid var(--border-glass);border-radius:var(--radius-md);color:var(--color-navy-medium);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-sm);align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-size:.8rem;font-weight:550;display:inline-flex}.btn-secondary:hover{border-color:var(--color-navy-medium);background-color:#15305b05;transform:translateY(-1.5px)}.btn-secondary-styled-green{background-color:var(--color-white);border-radius:var(--radius-md);color:var(--color-success);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-sm);border:1.5px solid #0596692e;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-size:.8rem;font-weight:550;display:inline-flex}.btn-secondary-styled-green:hover{background-color:var(--color-success);color:var(--color-white);border-color:var(--color-success);transform:translateY(-1.5px)}.btn-toggle-tab{border-radius:var(--radius-sm);color:var(--color-navy-light);cursor:pointer;transition:var(--transition-fast);background:#0f1b360a;border:1px solid #0000;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.75rem;font-weight:500;display:inline-flex}.btn-toggle-tab.active{background-color:var(--color-white);color:var(--color-navy-dark);border-color:var(--border-glass-focus);box-shadow:var(--shadow-sm)}.chart-mode-toggle-group{border-radius:var(--radius-sm);background-color:#0f1b360d;gap:.2rem;padding:.2rem;display:flex}.lightbox-modal{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:10000;background-color:#0a1b36f5;justify-content:center;align-items:center;width:100vw;height:100vh;padding:2rem;display:flex;position:fixed;top:0;left:0}.lightbox-bg-backdrop-blur{object-fit:cover;width:100vw;height:100vh;filter:blur(44px) scale(1.2);opacity:.28;z-index:1;pointer-events:none;position:absolute;top:0;left:0}.lightbox-close-btn{color:var(--color-white);cursor:pointer;width:48px;height:48px;transition:var(--transition-fast);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1.5rem;right:1.5rem}.lightbox-close-btn:hover{background:#ffffff40;transform:scale(1.05)}.lightbox-content{flex-direction:column;align-items:center;max-width:90%;max-height:80%;display:flex;position:relative}.lightbox-image{object-fit:contain;border-radius:var(--radius-md);max-width:100%;max-height:65vh;box-shadow:0 30px 70px #0009}.lightbox-caption{color:var(--color-white);text-align:center;margin-top:1.5rem}.lightbox-title{letter-spacing:-.5px;font-size:1.25rem;font-weight:550}.lightbox-subtitle{color:#ffffff80;margin-top:.25rem;font-size:.85rem}.text-indicator-badge{color:#0f1b3680;border-radius:var(--radius-full);background-color:#0f1b360a;padding:.2rem .6rem;font-size:.8rem;font-weight:600}@media (width<=1024px){.sidebar{display:none}.bottom-nav{display:block}.main-content{margin-left:0;padding:1.5rem 1rem 6.5rem}.header-bar{flex-direction:column;align-items:flex-start;gap:.9rem;margin-bottom:1.5rem}.profile-actions{flex-wrap:wrap;justify-content:space-between;gap:.6rem;width:100%}.daily-summary-cards{grid-template-columns:repeat(3,1fr);gap:.6rem}.summary-card{gap:.6rem;padding:1rem .6rem}.summary-icon-box{border-radius:10px;width:36px;height:36px;font-size:1.15rem}.summary-value{font-size:1.25rem}.summary-unit{font-size:.7rem}.carousel-box{height:300px}}@media (width<=480px){.daily-summary-cards{grid-template-columns:1fr;gap:.65rem}.summary-card{gap:1.1rem;padding:1.15rem 1rem}.summary-icon-box{border-radius:12px;width:46px;height:46px;font-size:1.45rem}.summary-value{font-size:1.45rem}.form-row-2{grid-template-columns:1fr;gap:1rem}.quick-actions-grid{gap:.85rem}.btn-quick{padding:1.5rem .8rem}.quick-icon-wrapper{width:50px;height:50px;font-size:1.6rem}.presets-grid{grid-template-columns:repeat(3,1fr)}.welcome-title{font-size:1.5rem}.birthdate-span-label{margin-top:.15rem;margin-left:0;display:block}}.segmented-input-group{border:1.5px solid var(--border-glass);border-radius:var(--radius-md);background-color:var(--color-white);width:100%;transition:var(--transition-fast);align-items:stretch;display:flex;overflow:hidden}.segmented-input-group:focus-within{border-color:var(--color-navy-medium);box-shadow:0 0 0 4px #15305b14}.segmented-input-field{width:50%;color:var(--color-navy-dark);background:0 0;border:none;outline:none;flex-grow:1;padding:.9rem 1.1rem;font-size:.95rem}.segmented-input-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.segmented-input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.segmented-input-field[type=number]{-moz-appearance:textfield}.segmented-input-addon{border-left:1px solid var(--border-glass);background-color:#0f1b3605;flex-shrink:0;align-items:center;padding:0 .85rem;display:flex}.segmented-dropdown-trigger{color:var(--color-navy-light);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;font-size:.65rem;display:flex}.segmented-dropdown-trigger:hover{color:var(--color-navy-dark);transform:scale(1.15)}.segmented-dropdown-trigger.open{transform:rotate(180deg)}.segmented-divider{background-color:#0f1b361a;width:1px;height:18px;margin:0 .5rem}.segmented-unit-label{color:var(--color-navy-light);white-space:nowrap;font-size:.85rem;font-weight:600}.presets-dropdown-menu.double-column-picker{border:1px solid #0f1b361f;max-width:100vw;padding:1.25rem;box-shadow:0 16px 40px #0a1b362e;width:320px!important}.presets-dropdown-menu.double-column-picker.weight-picker{left:0;right:auto}.presets-dropdown-menu.double-column-picker.height-picker{left:auto;right:0}.scroll-picker-container{gap:.75rem;margin-top:.5rem;margin-bottom:.75rem;display:flex}.scroll-picker-column{border-radius:var(--radius-sm);background:#0f1b3605;border:1px solid #0f1b360d;flex-direction:column;flex:1;padding:.4rem;display:flex;position:relative}.scroll-picker-column:before{content:"";pointer-events:none;z-index:0;background-color:#15305b0a;border-top:1px solid #15305b14;border-bottom:1px solid #15305b14;border-radius:6px;height:32px;position:absolute;top:50%;left:6px;right:6px;transform:translateY(-50%)}.scroll-picker-column-title{text-align:center;color:var(--color-navy-light);z-index:1;border-bottom:1px dashed #0f1b3614;margin-bottom:.4rem;padding-bottom:.2rem;font-size:.7rem;font-weight:600;position:relative}.scroll-picker-list-wrapper{scroll-behavior:smooth;scroll-snap-type:y mandatory;flex-direction:column;gap:.2rem;max-height:150px;padding:2.25rem .2rem;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0%,#000 25% 75%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 25% 75%,#0000 100%)}.scroll-picker-item{width:100%;font-family:var(--font-eng);color:var(--color-navy-medium);cursor:pointer;text-align:center;transition:var(--transition-fast);scroll-snap-align:center;z-index:1;background:0 0;border:1px solid #0000;border-radius:6px;outline:none;padding:.45rem;font-weight:500;position:relative}.scroll-picker-item:hover{background:#15305b0d}.scroll-picker-item.active{background:var(--color-navy-medium);font-weight:600;box-shadow:0 4px 12px #15305b33;color:#fff!important}.picker-confirm-actions{margin-top:.5rem}.btn-picker-confirm{background:var(--color-navy-medium);color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:var(--transition-premium);text-align:center;border:none;padding:.8rem;font-size:.85rem;font-weight:600;box-shadow:0 4px 12px #15305b1a}.btn-picker-confirm:hover{background:var(--color-navy-dark);transform:translateY(-1.5px);box-shadow:0 6px 15px #15305b2e}.btn-picker-confirm:active{transform:translateY(0)}.vaccine-cards-mobile{flex-direction:column;gap:1rem;margin-top:.5rem;display:flex}.vaccine-mobile-card{background:var(--color-white);border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-fast);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.vaccine-mobile-card .status-checkbox{border-radius:var(--radius-sm);width:auto;height:auto;color:var(--color-navy-medium);background-color:#15305b0a;border:1px solid #0f1b361f;padding:.35rem .75rem;font-size:.75rem}.vaccine-mobile-card .status-checkbox.checked{background-color:var(--color-success);border-color:var(--color-success);color:var(--color-white)}.vaccine-mobile-card.received{border-left:4px solid var(--color-success);background-color:#05966903}.vaccine-mobile-card.overdue{border-left:4px solid var(--color-danger)}.vaccine-mobile-header{justify-content:space-between;align-items:center;display:flex}.vaccine-mobile-body{flex-direction:column;gap:.25rem;display:flex}.vaccine-overdue-alert{color:var(--color-danger);align-items:center;gap:.2rem;font-size:.75rem;font-weight:500;display:inline-flex}.vaccine-mobile-inputs{border-top:1px dashed #0f1b360f;grid-template-columns:1fr;gap:.75rem;padding-top:.5rem;display:grid}.mobile-input-group{flex-direction:column;gap:.25rem;display:flex}.mobile-input-label{color:var(--color-navy-light);font-size:.75rem;font-weight:500}.vaccine-mobile-card .vaccine-date-input,.vaccine-mobile-card .vaccine-note-input{border:1px solid var(--border-glass);background-color:var(--color-cream-bg);width:100%;transition:var(--transition-fast);border-radius:8px;outline:none;padding:.6rem .8rem;font-size:.85rem}.vaccine-mobile-card .vaccine-date-input:focus,.vaccine-mobile-card .vaccine-note-input:focus{border-color:var(--color-navy-medium);background-color:var(--color-white)}.btn-secondary-styled-green{color:#137333;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);background-color:#e6f4ea;border:1px solid #ceead6;align-items:center;gap:.35rem;padding:.45rem .8rem;font-size:.8rem;font-weight:500;display:flex}.btn-secondary-styled-green:hover{color:#0f5e29;background-color:#d2ebd9;transform:translateY(-1px)}.chart-svg,.chart-svg-split{overflow:visible!important}.chart-tooltip-floating-box-new{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--color-white);border-radius:var(--radius-md);pointer-events:none;box-shadow:var(--shadow-lg);z-index:2000;background-color:#0a1b36f2;border:1px solid #ffffff26;flex-direction:column;gap:.3rem;min-width:160px;padding:.75rem 1rem;font-size:.78rem;transition:left .1s cubic-bezier(.16,1,.3,1),top .1s cubic-bezier(.16,1,.3,1);display:flex;position:absolute}.chart-tooltip-floating-box-new:after{content:"";border:6px solid #0000;border-top-color:#0a1b36f2;border-bottom-width:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.tooltip-row{align-items:center;gap:.4rem;font-size:.82rem;display:flex}.tooltip-row .dot{border-radius:50%;width:8px;height:8px;display:inline-block}.tooltip-row .dot.weight{background-color:var(--color-rose-deep)}.tooltip-row .dot.height{background-color:var(--color-blue-deep)}.vaccine-desktop-table-container{display:block}.vaccine-mobile-list-container{flex-direction:column;gap:1rem;margin-top:.5rem;display:none}@media (width<=768px){.vaccine-desktop-table-container{display:none!important}.vaccine-mobile-list-container{display:flex!important}@keyframes popover-appear-centered{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.presets-dropdown-menu.double-column-picker{max-width:calc(100vw - 2rem);width:320px!important;animation:.25s cubic-bezier(.16,1,.3,1) forwards popover-appear-centered!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}}.pulse-alert{animation:2s ease-in-out infinite pulse-warn}@keyframes pulse-warn{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.btn-filter:hover{background-color:#0f1e3c14!important}.btn-filter.active:hover{background-color:var(--color-navy-dark)!important}