:root{--bg-sand:#f8f5f0;--bg-card:#fff;--bg-subtle:#f1ece3;--bg-warm-hover:#ece6dc;--text-primary:#231f20;--text-secondary:#5e5852;--text-muted:#877f77;--accent-primary:#c85a32;--accent-primary-hover:#b44e28;--accent-primary-subtle:#c85a321f;--accent-primary-subtle-border:#c85a3240;--accent-primary-text:#c85a32;--accent-terracotta:#c85a32;--accent-gold:#c5a880;--accent-gold-hover:#b5966b;--accent-sage:#536b5c;--accent-espresso:#2c2420;--btn-primary-bg:#c85a32;--btn-primary-text:#fff;--border-light:#e8e2d8;--border-card:#2c242014;--shadow-subtle:0 4px 20px #231f200a;--shadow-card:0 12px 36px #2c242012;--shadow-float:0 24px 60px #2c24201f;--font-serif:"Cormorant Garamond", Georgia, serif;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:9999px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--bg-sand);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.texture-overlay{pointer-events:none;z-index:0;background-image:radial-gradient(#c5a88014 1px,#0000 0);background-size:28px 28px;position:fixed;inset:0}.portal-split-page{background-color:#2c2420;justify-content:center;align-items:center;height:100vh;max-height:100vh;display:flex;position:relative;overflow:hidden}.portal-venue-bg{filter:blur(5px)saturate(1.1)brightness(.98);z-index:0;background-image:url(/photos/venue-overlook.jpg);background-position:bottom;background-size:cover;position:absolute;inset:-12px;transform:scale(1.03)}.portal-split-container{z-index:2;grid-template-columns:1.35fr 1fr;align-items:flex-end;gap:2.5rem;width:100%;max-width:1360px;height:100vh;margin:0 auto;padding:0 2.5rem;display:grid;position:relative}.portal-photo-column{flex-direction:column;justify-content:flex-end;align-items:center;height:100%;line-height:0;display:flex;position:relative;overflow:hidden}.photo-grounded-frame{z-index:2;justify-content:center;align-items:flex-end;width:100%;line-height:0;display:flex;position:relative}.split-family-img{z-index:2;object-fit:contain;object-position:bottom;filter:none;width:100%;max-width:780px;height:auto;max-height:96vh;margin-bottom:0;display:block;position:relative}.portal-auth-column{z-index:2;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0;display:flex}.portal-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:center;flex-direction:column;align-items:center;width:100%;max-width:460px;margin:0;padding:2.75rem 2.25rem 2rem;display:flex;position:relative}.frosted-card{-webkit-backdrop-filter:blur(28px)saturate(1.8);background:#fffffff0;border:1px solid #ffffffe6;box-shadow:0 24px 60px #231f202e,0 4px 16px #231f2014}.monogram-wrapper{margin-bottom:.85rem}.portal-monogram-img{opacity:.9;width:auto;height:60px}.card-micro-footer{color:var(--text-muted);opacity:.85;margin-top:1.5rem;font-size:.75rem}@media (width<=959px){.portal-split-page{height:auto;min-height:100vh;overflow-y:auto}.portal-split-container{flex-direction:column;justify-content:space-between;align-items:center;gap:1.5rem;height:auto;min-height:100vh;padding:2.5rem 1.25rem 0;display:flex}.portal-auth-column{order:1;width:100%;height:auto;padding-bottom:0}.portal-photo-column{order:2;width:100%;height:auto;margin-top:auto}.split-family-img{width:95%;max-width:420px;max-height:52vh}}.portal-title{font-family:var(--font-serif);color:var(--text-primary);margin-bottom:.35rem;font-size:2.75rem;font-weight:600;line-height:1.1}.portal-subtitle{color:var(--text-muted);margin-bottom:1.75rem;font-size:.95rem;font-weight:400}.btn-google{background:var(--text-primary);color:#fff;border-radius:var(--radius-pill);letter-spacing:.01em;justify-content:center;align-items:center;gap:.85rem;width:100%;padding:.95rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #231f2026}.btn-google:hover{background:#3a3432;transform:translateY(-1px);box-shadow:0 6px 20px #231f2038}.btn-google:active{transform:translateY(0)}.google-icon-svg{flex-shrink:0;width:20px;height:20px}.portal-divider{text-align:center;width:100%;color:var(--border-light);align-items:center;margin:1.75rem 0 1.25rem;display:flex}.portal-divider:before,.portal-divider:after{content:"";border-bottom:1px solid var(--border-light);flex:1}.portal-divider span{color:var(--text-muted);font-size:.8rem;font-family:var(--font-serif);letter-spacing:.05em;padding:0 .85rem;font-style:italic}.wedding-guest-card{border-radius:var(--radius-md);text-align:left;background:#fcfaf7;border:1px solid #eae3d8;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1.15rem 1.25rem;text-decoration:none;transition:all .25s;display:flex;position:relative}.wedding-guest-card:hover{border-color:var(--accent-gold);box-shadow:var(--shadow-subtle);background:#fff;transform:translateY(-2px)}.wedding-card-text h4{font-family:var(--font-serif);color:var(--accent-espresso);align-items:center;gap:.4rem;margin-bottom:.15rem;font-size:1.15rem;font-weight:600;display:flex}.wedding-card-text p{color:var(--text-muted);font-size:.8rem;line-height:1.35}.wedding-card-arrow{background:var(--bg-sand);border:1px solid var(--border-light);width:36px;height:36px;color:var(--accent-gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.wedding-guest-card:hover .wedding-card-arrow{background:var(--accent-gold);color:#fff;border-color:var(--accent-gold);transform:translate(3px)}.portal-footer{width:100%;color:var(--text-muted);text-align:center;z-index:2;padding:1.25rem 1rem 1.5rem;font-size:.8rem;position:relative}.wedding-page{color:#5c534e;background-color:#faf8f5;min-height:100vh}.wedding-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#faf8f5eb;border-bottom:1px solid #efeae2;justify-content:space-between;align-items:center;padding:.85rem 1.5rem;display:flex;position:sticky;top:0}.wedding-nav-link{color:#8c7b6c;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.wedding-nav-link:hover{color:#2c2724}.gold-star-divider{color:#c5a880;justify-content:center;align-items:center;gap:1rem;margin:1.5rem auto;display:flex}.gold-star-divider:before,.gold-star-divider:after{content:"";background-color:#e2d7c8;width:40px;height:1px}.wedding-hero{text-align:center;max-width:720px;margin:0 auto;padding:3rem 1.5rem 2rem}.wedding-monogram-img{width:auto;height:90px;margin-bottom:1.5rem}.wedding-hero-title{font-family:var(--font-serif);color:#2c2724;margin-bottom:.5rem;font-size:3.5rem;font-weight:500;line-height:1.1}.wedding-hero-subtitle{font-family:var(--font-serif);color:#8c7b6c;margin-bottom:1rem;font-size:1.35rem;font-style:italic}.wedding-date-badge{letter-spacing:.12em;text-transform:uppercase;color:#8c7b6c;border-radius:var(--radius-pill);background:#f7f3ed;border:1px solid #e8e0d2;margin-top:.5rem;padding:.4rem 1.15rem;font-size:.9rem;font-weight:600;display:inline-block}.thank-you-letter{border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);text-align:center;color:#3c3530;background:#fff;border:1px solid #efeae2;max-width:680px;margin:2rem auto;padding:2.5rem 2rem;font-size:1.05rem;line-height:1.8}.thank-you-letter p{margin-bottom:1.25rem}.thank-you-signature{font-family:var(--font-serif);color:#8c7b6c;margin-top:1.75rem;font-size:1.85rem;font-style:italic}.album-banner-card{border-radius:var(--radius-lg);max-width:800px;box-shadow:var(--shadow-card);background:#fff;border:1px solid #e0d5c3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin:2.5rem auto;padding:2rem;display:flex}.album-banner-info h3{font-family:var(--font-serif);color:#2c2724;margin-bottom:.35rem;font-size:1.85rem;font-weight:600}.album-banner-info p{color:#786e66;max-width:480px;font-size:.95rem}.btn-gold-album{color:#fff;border-radius:var(--radius-pill);letter-spacing:.02em;background:#c5a880;align-items:center;gap:.65rem;padding:.85rem 1.65rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #c5a88059}.btn-gold-album:hover{background:#b5966b;transform:translateY(-2px);box-shadow:0 6px 18px #c5a88073}.wedding-gallery-section{max-width:1080px;margin:3rem auto 4rem;padding:0 1.5rem}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.gallery-card{border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);background:#fff;border:1px solid #efeae2;transition:transform .3s,box-shadow .3s;overflow:hidden}.gallery-card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.gallery-img{object-fit:cover;width:100%;height:320px;display:block}.gallery-caption{font-family:var(--font-serif);color:#6e645c;text-align:center;padding:1rem 1.25rem;font-size:1.05rem;font-style:italic}@media (width<=600px){.portal-card{margin-top:2rem;padding:2.25rem 1.25rem 1.75rem}.family-cutout-frame{width:220px;height:190px;margin-top:-2.5rem}.portal-title{font-size:2.25rem}.album-banner-card{text-align:center;flex-direction:column}.album-banner-info p{margin:0 auto}}.app-shell{background-color:var(--bg-sand);min-height:100vh;color:var(--text-primary);transition:background-color .25s,color .25s;position:relative}.app-top-bar{border-bottom:1px solid var(--border-light);z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex;position:sticky;top:0}.app-brand-left{align-items:center;gap:.75rem;display:flex}.app-avatar-wrap{background:#fdf2ed;border:1px solid #eae3d8;border-radius:50%;justify-content:center;align-items:flex-end;width:40px;height:40px;line-height:0;display:flex;overflow:hidden}.app-avatar-img{object-fit:contain;width:100%;height:auto;max-height:42px}.app-brand-title{align-items:center;gap:.45rem;font-size:1.05rem;font-weight:700;line-height:1.2;display:flex}.app-badge-free{letter-spacing:.05em;color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;border-radius:4px;padding:.15rem .4rem;font-size:.65rem;font-weight:800}.app-user-greeting{color:var(--text-muted);margin:0;font-size:.75rem}.app-bar-actions{align-items:center;gap:.5rem;display:flex}.btn-icon-pill{border-radius:var(--radius-pill);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;background:#faf8f5;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-icon-pill:hover{color:var(--text-primary);background:#efeae2}.btn-icon-pill-active{color:#b45309;background:#fef3c7;border-color:#fde68a}.app-main-content{max-width:780px;margin:0 auto;padding:1.5rem 1.25rem 6rem}.at-a-glance-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.85rem;margin-bottom:1.25rem;display:grid}.glance-card{border:1px solid var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);cursor:pointer;background:#fff;flex-direction:column;justify-content:space-between;padding:1rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.glance-card:hover{box-shadow:var(--shadow-card);border-color:#ddd4c7;transform:translateY(-2px)}.glance-card-header{align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.glance-icon-wrap{border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.glance-icon-feed{color:#dc2626;background:#fef2f2}.glance-icon-diaper{color:#2563eb;background:#eff6ff}.glance-icon-sleep{color:#7c3aed;background:#f5f3ff}.glance-icon-sleeping{color:#4f46e5;background:#eef2ff}.glance-icon-totals{color:#16a34a;background:#f0fdf4}.glance-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.glance-primary{color:var(--text-primary);margin-bottom:.25rem;font-size:1.15rem;font-weight:700;line-height:1.25}.glance-detail{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.glance-card-sleeping{background:#faf5ff;border-color:#818cf8}.live-pulse-text{color:#4f46e5;align-items:center;gap:.4rem;display:inline-flex}.live-pulse-text:before{content:"";background-color:#4f46e5;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse;box-shadow:0 0 0 3px #4f46e540}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #4f46e580}70%{transform:scale(1);box-shadow:0 0 0 6px #4f46e500}to{transform:scale(.95);box-shadow:0 0 #4f46e500}}.glance-totals-row{justify-content:space-between;align-items:baseline;margin-top:.25rem;display:flex}.total-stat{flex-direction:column;display:flex}.total-val{color:var(--text-primary);font-size:1.15rem;font-weight:800;line-height:1.1}.total-unit{color:var(--text-muted);text-transform:uppercase;font-size:.68rem}.active-sleep-banner{color:#fff;border-radius:var(--radius-lg);background:linear-gradient(135deg,#312e81 0%,#1e1b4b 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 10px 30px #1e1b4b40}.sleep-banner-left{align-items:center;gap:1rem;display:flex}.sleep-pulsing-icon{color:#c7d2fe;background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sleep-banner-title{color:#c7d2fe;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;display:flex}.sleep-live-indicator{color:#fff;background:#ef4444;border-radius:4px;padding:.1rem .4rem;font-size:.65rem;font-weight:800}.sleep-timer-display{letter-spacing:-.02em;font-size:1.75rem;font-weight:800;line-height:1.2}.sleep-banner-meta{color:#a5b4fc;font-size:.75rem}.sleep-banner-actions{align-items:center;gap:.6rem;display:flex}.btn-wake-up{color:#1e1b4b;border-radius:var(--radius-pill);background:#f59e0b;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #f59e0b4d}.btn-wake-up:hover{background:#fbbf24;transform:translateY(-1px)}.btn-cancel-sleep{color:#c7d2fe;cursor:pointer;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.btn-cancel-sleep:hover{background:#fff3}.quick-action-section{border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);background:#fff;margin-bottom:1.75rem;padding:1.25rem}.quick-action-header{justify-content:space-between;align-items:baseline;margin-bottom:.85rem;display:flex}.quick-action-header h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0;font-size:.95rem;font-weight:700}.quick-action-header span{color:var(--text-muted);font-size:.75rem}.quick-action-grid{grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:.75rem;display:grid}.quick-action-btn{border-radius:var(--radius-md);text-align:center;cursor:pointer;background:#fafafa;border:1px solid #efeae2;flex-direction:column;align-items:center;padding:.85rem .5rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.quick-action-btn:hover{box-shadow:var(--shadow-subtle);background:#fff;border-color:#d6cec3;transform:translateY(-2px)}.quick-action-btn:active{transform:translateY(0)}.action-icon-pill{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:.5rem;display:flex}.action-text-wrap{flex-direction:column;display:flex}.action-title{color:var(--text-primary);font-size:.85rem;font-weight:700;line-height:1.2}.action-subtitle{color:var(--text-muted);font-size:.7rem}.timeline-section{margin-top:1.5rem}.timeline-header-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);justify-content:space-between;align-items:center;margin-bottom:.85rem;padding:.85rem 1rem;display:flex}.timeline-header-left{align-items:center;gap:.5rem;display:flex}.timeline-icon-direct{color:var(--accent-terracotta);flex-shrink:0}.timeline-title{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.timeline-count-badge{color:var(--accent-terracotta);border-radius:var(--radius-pill);background:#c25e341a;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.timeline-count-badge.muted{color:var(--text-muted);background:var(--bg-subtle)}.btn-timeline-toggle{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-pill);color:var(--text-primary);cursor:pointer;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-timeline-toggle:hover{background:var(--border-light);color:var(--accent-terracotta)}.timeline-expanded-content{margin-top:.5rem}.timeline-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.timeline-header-row h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.timeline-filters{border:1px solid var(--border-light);border-radius:var(--radius-pill);background:#fff;gap:.35rem;padding:.2rem;display:flex}.filter-pill{border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;padding:.25rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}.filter-pill:hover{color:var(--text-primary)}.filter-pill-active{background:var(--text-primary);color:#fff!important}.timeline-group{margin-bottom:1.5rem}.timeline-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.65rem;padding-left:.25rem;font-size:.78rem;font-weight:700}.timeline-items-list{flex-direction:column;gap:.6rem;display:flex}.timeline-item-card{border:1px solid var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);background:#fff;align-items:center;gap:.85rem;padding:.85rem 1rem;transition:border-color .2s;display:flex}.timeline-item-card:hover{border-color:#ddd4c7}.timeline-item-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.item-icon-bottle{color:#c25e34;background:#fdf2ed}.item-icon-nursing{color:#d97706;background:#fffbeb}.item-icon-diaper{color:#2563eb;background:#eff6ff}.item-icon-sleep{color:#4f46e5;background:#eef2ff}.item-icon-tummy{color:#059669;background:#ecfdf5}.item-icon-solids{color:#7c3aed;background:#f5f3ff}.item-icon-growth{color:#059669;background:#ecfdf5}.item-icon-vaccine{color:#0284c7;background:#e0f2fe}.item-icon-first{color:#b45309;background:#fef3c7}.item-icon-medical{color:#dc2626;background:#fee2e2}.item-icon-potty{color:#16a34a;background:#f0fdf4}.timeline-item-info{flex:1;overflow:hidden}.item-title-row{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.15rem;display:flex}.item-title{color:var(--text-primary);font-size:.95rem;font-weight:700}.item-time{color:var(--text-muted);font-size:.78rem;font-weight:600}.item-meta-row{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.75rem;display:flex}.item-subtitle{color:var(--text-secondary);font-weight:500}.item-meta-dot{color:#ccc}.item-notes{color:var(--text-secondary);background:var(--bg-subtle);border-radius:6px;margin-top:.35rem;padding:.25rem .5rem;font-size:.78rem;font-style:italic;display:inline-block}.btn-delete-log{color:#bbb;cursor:pointer;border-radius:6px;flex-shrink:0;padding:.4rem;transition:all .2s}.btn-delete-log:hover{color:#ef4444;background:#fee2e2}.timeline-empty-subtle{background:var(--bg-card);border:1px dashed var(--border-light);border-radius:var(--radius-md);align-items:center;gap:.75rem;margin-top:.5rem;padding:1rem 1.25rem;display:flex}.timeline-empty-state{background:var(--bg-card);border:1px dashed var(--border-light);border-radius:var(--radius-lg);text-align:center;padding:2rem 1.5rem}.timeline-empty-state p{color:var(--text-primary);margin-bottom:.25rem;font-size:.95rem;font-weight:600}.timeline-empty-state span{color:var(--text-muted);font-size:.8rem}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#1c181673;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);background:#fff;width:100%;max-width:440px;max-height:90vh;padding:1.75rem 1.5rem;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border-light);margin-bottom:1.25rem;padding-bottom:1rem}.modal-title-row{justify-content:space-between;align-items:center;display:flex}.modal-title-row h2{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.btn-close-modal{width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex}.modal-time-row{align-items:center;gap:.4rem;margin-top:.5rem;display:flex}.time-picker-input{border:1px solid var(--border-light);border-radius:var(--radius-pill);color:var(--text-secondary);background:var(--bg-sand);padding:.2rem .6rem;font-family:inherit;font-size:.78rem}.oz-stepper-container{justify-content:center;align-items:center;gap:1.25rem;margin:1.25rem 0;display:flex}.stepper-btn{background:var(--bg-sand);border:1px solid var(--border-light);width:48px;height:48px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-weight:700;transition:all .2s;display:flex}.stepper-btn:hover{background:#efeae2;transform:scale(1.05)}.stepper-display{align-items:baseline;gap:.3rem;display:flex}.stepper-val{color:var(--text-primary);font-size:3rem;font-weight:800;line-height:1}.quick-chip-row{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.quick-chip{border-radius:var(--radius-pill);border:1px solid var(--border-light);background:var(--bg-sand);color:var(--text-secondary);cursor:pointer;padding:.35rem .75rem;font-size:.8rem;font-weight:600;transition:all .15s}.quick-chip:hover{background:#efeae2}.quick-chip-active{background:var(--text-primary);border-color:var(--text-primary);color:#fff!important}.pill-selector{background:var(--bg-sand);border:1px solid var(--border-light);border-radius:var(--radius-pill);gap:.25rem;padding:.25rem;display:flex}.pill-choice{border-radius:var(--radius-pill);color:var(--text-muted);text-align:center;cursor:pointer;flex:1;padding:.5rem .75rem;font-size:.85rem;font-weight:600;transition:all .2s}.pill-choice-active{color:var(--text-primary);background:#fff;box-shadow:0 2px 8px #0000000f}.diaper-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.diaper-card-choice{background:var(--bg-sand);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;align-items:center;padding:1rem .75rem;transition:all .2s;display:flex}.diaper-card-choice:hover{background:#fff;border-color:#ddd}.diaper-card-wet-active{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.diaper-card-dirty-active{background:#fef3c7;border-color:#d97706;box-shadow:0 0 0 2px #d9770633}.diaper-card-both-active{border-color:var(--accent-terracotta);background:#fdf2ed;box-shadow:0 0 0 2px #c25e3433}.diaper-card-dry-active{background:#f3f4f6;border-color:#6b7280;box-shadow:0 0 0 2px #6b728033}.diaper-emoji{margin-bottom:.35rem;font-size:1.75rem}.diaper-title{color:var(--text-primary);font-size:.9rem;font-weight:700}.nursing-timer-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.nursing-box{background:var(--bg-sand);border:1px solid var(--border-light);border-radius:var(--radius-md);text-align:center;padding:1.25rem .75rem;transition:all .2s}.nursing-box-active{background:#fffbeb;border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.nursing-box-label{text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem;font-size:.8rem;font-weight:700}.nursing-box-digits{color:var(--text-primary);margin-bottom:.75rem;font-size:2rem;font-weight:800;line-height:1}.btn-nursing-toggle{border-radius:var(--radius-pill);border:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;background:#fff;align-items:center;gap:.35rem;padding:.45rem 1rem;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-nursing-active{color:#fff;background:#f59e0b;border-color:#f59e0b}.manual-nursing-inputs{grid-template-columns:repeat(2,1fr);gap:.85rem;display:grid}.input-field-block label{color:var(--text-secondary);margin-bottom:.35rem;font-size:.8rem;font-weight:600;display:block}.text-input{border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-sand);width:100%;color:var(--text-primary);outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.text-input:focus{border-color:var(--accent-terracotta);background:#fff}.checkbox-row{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.btn-modal-submit{background:var(--accent-terracotta);color:#fff;border-radius:var(--radius-pill);letter-spacing:.01em;cursor:pointer;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.95rem 1.5rem;font-size:1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #c25e3440}.btn-modal-submit:hover:not(:disabled){background:#a94a24;transform:translateY(-1px)}.btn-modal-submit:disabled{opacity:.5;cursor:not-allowed}.fab-quick-log{background:var(--accent-terracotta);color:#fff;cursor:pointer;z-index:100;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:1.75rem;right:1.75rem;box-shadow:0 8px 24px #c25e3466}.fab-quick-log:hover{background:#a94a24;transform:scale(1.08)translateY(-2px)}.fab-quick-log:active{transform:scale(.95)}.night-mode{--bg-sand:#181513;--bg-card:#231e1c;--bg-subtle:#2c2623;--text-primary:#f3eeea;--text-secondary:#c4bbb2;--text-muted:#8f867e;--accent-primary:#e27b50;--accent-primary-hover:#ea8d66;--accent-primary-subtle:#e27b502e;--accent-primary-subtle-border:#e27b5059;--accent-primary-text:#e27b50;--accent-terracotta:#e27b50;--border-light:#ffffff1a;--border-card:#ffffff14;--shadow-subtle:0 4px 20px #0006;--shadow-card:0 12px 36px #00000080;background-color:var(--bg-sand);color:var(--text-primary)}.night-mode body,.night-mode .app-shell{background-color:var(--bg-sand);color:var(--text-primary)}.night-mode .app-top-bar{background:var(--bg-card);border-bottom-color:var(--border-light)}.night-mode .glance-card,.night-mode .quick-action-section,.night-mode .timeline-item-card,.night-mode .modal-card{background:var(--bg-card);border-color:var(--border-light)}.night-mode .quick-action-btn{background:var(--bg-subtle);border-color:var(--border-light)}.night-mode .quick-action-btn:hover{background:var(--border-light)}.night-mode .btn-icon-pill{background:var(--bg-subtle);border-color:var(--border-light);color:var(--text-secondary)}.night-mode .filter-pill-active{background:var(--accent-terracotta)}.night-mode .text-input{background:var(--bg-card);border-color:var(--border-light);color:var(--text-primary)}.night-mode .pill-selector{background:var(--bg-card);border-color:var(--border-light)}.night-mode .pill-choice-active{background:var(--btn-primary-bg,var(--accent-terracotta));color:var(--btn-primary-text,#fff)}.night-mode .stepper-btn{background:var(--bg-card);border-color:var(--border-light);color:var(--text-primary)}.night-mode .quick-chip{background:var(--bg-subtle);border-color:var(--border-light);color:var(--text-secondary)}.night-mode .quick-chip-active{background:var(--btn-primary-bg,var(--accent-terracotta));color:var(--btn-primary-text,#fff)!important}@media (width<=640px){.hide-on-mobile{display:none}.at-a-glance-grid{grid-template-columns:repeat(2,1fr)}.quick-action-grid{grid-template-columns:repeat(3,1fr)}}.app-user-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.app-avatar-fallback{background:var(--accent-terracotta);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:1rem;font-weight:700;display:flex}.app-nav-tabs{border-bottom:1px solid var(--border-light);z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;padding:.5rem 1rem;position:sticky;top:57px}.nav-tabs-container{justify-content:space-between;align-items:center;gap:.5rem;max-width:900px;margin:0 auto;display:flex}.nav-tab-btn{border-radius:var(--radius-pill);color:var(--text-secondary);background:0 0;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.nav-tab-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.nav-tab-active{font-weight:700;box-shadow:0 1px 3px #c25e341f;color:var(--accent-terracotta)!important;background:#fdf2ed!important}.nav-tab-icon-wrap{justify-content:center;align-items:center;display:flex;position:relative}.nav-tab-badge{background:var(--accent-terracotta);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:-6px;right:-8px}.quick-bar-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);margin-bottom:1.25rem;padding:1.15rem 1.25rem}.quick-bar-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.quick-bar-title-wrap{align-items:center;gap:.65rem;display:flex}.quick-bar-icon-pill{border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.quick-bar-title{margin:0;font-size:.95rem;font-weight:700;line-height:1.2}.quick-bar-sub{color:var(--text-muted);margin:0;font-size:.72rem}.quick-toast-badge{color:#15803d;border-radius:var(--radius-pill);background:#dcfce7;border:1px solid #bbf7d0;padding:.25rem .65rem;font-size:.75rem;font-weight:700}.quick-chip-row{grid-template-columns:repeat(6,1fr);gap:.5rem;display:grid}.quick-oz-chip{border:1.5px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;background:#faf8f5;flex-direction:column;justify-content:center;align-items:center;padding:.65rem .25rem;transition:all .15s;display:flex}.quick-oz-chip strong{color:var(--text-primary);font-size:1.15rem;line-height:1.1}.quick-oz-chip span{color:var(--text-muted);font-size:.7rem;font-weight:600}.quick-oz-chip:hover{border-color:var(--accent-terracotta);background:#fdf2ed;transform:translateY(-2px)}.quick-oz-chip:active{transform:scale(.96)}.quick-oz-chip-custom{background:var(--bg-subtle);border-style:dashed}.quick-oz-chip-custom span{color:var(--text-secondary);font-size:.75rem;font-weight:700}.custom-stepper-drawer{border-top:1px dashed var(--border-light);justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.custom-stepper-controls{align-items:center;gap:.65rem;display:flex}.stepper-display{justify-content:center;align-items:baseline;gap:.2rem;min-width:65px;display:flex}.stepper-num{color:var(--text-primary);font-size:1.4rem;font-weight:800}.stepper-unit{color:var(--text-muted);font-size:.8rem;font-weight:600}.solids-chip-scroll{scrollbar-width:none;align-items:center;gap:.4rem;margin-bottom:.6rem;padding-bottom:.6rem;display:flex;overflow-x:auto}.solids-chip-scroll::-webkit-scrollbar{display:none}.solids-chip{white-space:nowrap;border-radius:var(--radius-pill);border:1px solid var(--border-light);color:var(--text-secondary);background:#faf8f5;padding:.35rem .65rem;font-size:.78rem;font-weight:600;transition:all .15s}.solids-chip:hover,.solids-chip.active{color:#7c3aed;background:#f5f3ff;border-color:#ddd6fe}.solids-input-row{align-items:center;gap:.5rem;display:flex}.solids-text-input{border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);background:#faf8f5;flex:1;padding:.65rem .85rem;font-family:inherit;font-size:.9rem;transition:all .2s}.solids-text-input:focus{border-color:var(--accent-terracotta);background:#fff;outline:none;box-shadow:0 0 0 3px #c25e341a}.btn-camera-upload{border-radius:var(--radius-md);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;background:#faf8f5;align-items:center;gap:.4rem;padding:.65rem .85rem;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-camera-upload:hover,.btn-camera-upload.has-photo{color:#7c3aed;background:#f5f3ff;border-color:#ddd6fe}.photo-preview-strip{border:1px solid var(--border-light);border-radius:var(--radius-md);background:#faf8f5;align-items:center;gap:.75rem;margin-top:.65rem;padding:.6rem .75rem;display:flex}.photo-thumbnail-wrap{border-radius:var(--radius-sm);border:1px solid var(--border-light);width:48px;height:48px;position:relative;overflow:hidden}.photo-thumbnail-img{object-fit:cover;width:100%;height:100%}.btn-remove-photo{color:#fff;cursor:pointer;background:#000000a6;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:2px;right:2px}.photo-details-text{flex-direction:column;gap:.15rem;display:flex}.badge-webp{text-transform:uppercase;letter-spacing:.04em;color:#047857;background:#d1fae5;border-radius:4px;width:fit-content;padding:.15rem .45rem;font-size:.68rem;font-weight:800;display:inline-block}.photo-size-text{color:var(--text-muted);font-size:.75rem}.solids-bottom-row{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.portion-segmented-control{border:1px solid var(--border-light);border-radius:var(--radius-pill);background:#faf8f5;padding:3px;display:flex}.portion-btn{border-radius:var(--radius-pill);color:var(--text-secondary);justify-content:center;align-items:center;gap:.45rem;padding:.4rem .75rem;font-size:.78rem;font-weight:600;line-height:1;transition:all .15s;display:inline-flex}.portion-btn svg{vertical-align:middle;flex-shrink:0;display:inline-block}.portion-btn.active{color:var(--text-primary);background:#fff;font-weight:700;box-shadow:0 1px 3px #00000014}.solids-submit-btn{white-space:nowrap;margin-top:0!important}@media (width<=540px){.solids-bottom-row{flex-direction:column;align-items:stretch;gap:.65rem}.portion-segmented-control{width:100%;display:flex}.portion-btn{text-align:center;flex:1;justify-content:center;padding:.55rem .5rem;font-size:.82rem}.solids-submit-btn{justify-content:center;width:100%;padding:.65rem 1rem;font-size:.88rem}}.reminders-widget-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);margin-bottom:1.25rem;padding:1.15rem 1.25rem}.reminders-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.reminders-title-wrap{align-items:center;gap:.5rem;display:flex}.reminders-icon-direct{color:var(--accent-gold);flex-shrink:0}.reminders-title{margin:0;font-size:.92rem;font-weight:700}.reminders-count-badge{color:var(--text-muted);background:var(--bg-subtle);border-radius:var(--radius-pill);padding:.2rem .55rem;font-size:.72rem;font-weight:700}.reminders-add-form{align-items:center;gap:.4rem;margin-bottom:.75rem;display:flex}.reminders-input{border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);background:#faf8f5;flex:1;padding:.55rem .8rem;font-family:inherit;font-size:.85rem}.reminders-input:focus{border-color:var(--accent-gold);background:#fff;outline:none}.reminders-add-btn{background:var(--accent-terracotta);border-radius:var(--radius-md);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex;color:#fff!important}.reminders-add-btn:hover{filter:brightness(1.1);transform:scale(1.02)}.reminders-add-btn:disabled{opacity:.35;cursor:not-allowed;filter:none;transform:none}.reminders-list{flex-direction:column;gap:.4rem;display:flex}.reminder-item{border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:.45rem .5rem;transition:background .15s;display:flex}.reminder-item:hover{background:#faf8f5}.reminder-toggle-btn{text-align:left;flex:1;align-items:center;gap:.6rem;display:flex}.reminder-text{color:var(--text-primary);font-size:.85rem}.reminder-delete-btn{color:var(--text-muted);opacity:.4;border-radius:4px;padding:4px;transition:all .15s}.reminder-delete-btn:hover{opacity:1;color:var(--accent-terracotta)}.grocery-peek-bar{border-top:1px dashed var(--border-light);justify-content:space-between;align-items:center;gap:.75rem;margin-top:.85rem;padding-top:.75rem;display:flex}.grocery-peek-left{align-items:center;gap:.45rem;display:flex;overflow:hidden}.grocery-peek-text{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.growth-tracker-container{flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;display:flex}.growth-metrics-ribbon{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}.ribbon-metric-col{background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-subtle);flex-direction:column;gap:.35rem;padding:.95rem 1rem;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.ribbon-metric-col:hover{border-color:var(--accent-terracotta);transform:translateY(-1px)}.ribbon-metric-col.active-col{border-color:var(--accent-terracotta);background:#fffdfb;box-shadow:0 4px 16px #c25e341f}.night-mode .ribbon-metric-col.active-col{background:var(--bg-card);border-color:var(--accent-terracotta);box-shadow:0 4px 16px #eb7e5433}.ribbon-metric-top{justify-content:space-between;align-items:center;gap:.35rem;display:flex}.ribbon-metric-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.75rem;font-weight:700}.ribbon-unit-pill{color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border-light);cursor:pointer;border-radius:4px;padding:.1rem .45rem;font-size:.65rem;font-weight:700;line-height:1.2;transition:all .15s}.ribbon-unit-pill:hover{color:var(--text-primary);border-color:var(--text-secondary)}.ribbon-metric-val{color:var(--text-primary);letter-spacing:-.01em;font-size:1.3rem;font-weight:800;line-height:1.15}.ribbon-metric-footer{align-items:center;gap:.4rem;margin-top:.15rem;display:flex}.ribbon-percentile-pill{color:var(--accent-terracotta);border-radius:var(--radius-pill);background:#c25e341a;padding:.15rem .45rem;font-size:.72rem;font-weight:700}.night-mode .ribbon-percentile-pill{color:#fb923c;background:#fb923c26}.ribbon-sub-empty{color:var(--text-muted);font-size:.7rem}.growth-chart-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);margin-bottom:1.25rem;padding:1.25rem}.growth-card-main-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.section-title{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.01em;font-size:1.3rem;font-weight:800;line-height:1.25}.section-sub{color:var(--text-muted);margin-top:.2rem;font-size:.78rem}.growth-main-actions{align-items:center;gap:.5rem;display:flex}.btn-log-visit-main{background:var(--accent-terracotta);color:#fff;border-radius:var(--radius-pill);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #c85a3240}.btn-log-visit-main:hover{opacity:.92;transform:translateY(-1px)}.btn-full-view-main{background:var(--bg-subtle);color:var(--text-primary);border-radius:var(--radius-pill);border:1px solid var(--border-light);cursor:pointer;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-full-view-main:hover{background:var(--bg-card);color:var(--text-primary)}.growth-chart-controls-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.metric-pills-row{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-pill);gap:3px;padding:3px;display:inline-flex}.growth-pill-btn{border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.35rem .85rem;font-size:.76rem;font-weight:600;transition:all .15s}.growth-pill-btn.active{background:var(--bg-card);color:var(--text-primary);font-weight:700;box-shadow:0 1px 3px #00000014}.night-mode .growth-pill-btn.active{background:var(--accent-terracotta);color:#fff}.timeframe-pills-row{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-pill);gap:3px;padding:3px;display:inline-flex}.timeframe-pill-btn{border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.35rem .75rem;font-size:.74rem;font-weight:600;transition:all .15s}.timeframe-pill-btn.active{background:var(--bg-card);color:var(--text-primary);font-weight:700;box-shadow:0 1px 3px #00000014}.night-mode .timeframe-pill-btn.active{background:var(--text-primary);color:var(--bg-card)}.growth-point-tooltip-banner{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-pill);box-shadow:var(--shadow-subtle);justify-content:center;align-items:center;margin-top:.5rem;padding:.4rem .9rem;display:flex}.tooltip-point-row{flex-wrap:wrap;align-items:center;gap:.65rem;font-size:.78rem;display:flex}.tooltip-visit-badge{color:var(--accent-terracotta);font-weight:800}.tooltip-date-text{color:var(--text-muted)}.tooltip-val-pill{color:var(--text-primary);font-weight:800}.tooltip-percentile-tag{color:#15803d;background:#dcfce7;border-radius:4px;padding:.1rem .4rem;font-size:.72rem;font-weight:700}.btn-close-tooltip{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.modal-card-fullscreen{width:95vw!important;max-width:860px!important;max-height:92vh!important;padding:1.5rem!important;overflow-y:auto!important}.fullscreen-chart-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.jackson-hub-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}@media (width<=640px){.jackson-hub-header{flex-direction:column;align-items:stretch;gap:.75rem}}.jackson-hub-meta{flex-direction:column;display:flex}.jackson-hub-name{color:var(--text-primary);letter-spacing:-.01em;font-size:1.45rem;font-weight:800;display:block}.jackson-hub-age{color:var(--text-secondary);margin-top:.15rem;font-size:.84rem;font-weight:500;display:block}.jackson-pill-dropdown-wrap{z-index:40;display:inline-block;position:relative}.jackson-dropdown-trigger{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-pill);color:var(--text-primary);cursor:pointer;align-items:center;gap:.65rem;padding:.45rem 1rem .45rem .55rem;font-size:.84rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 3px #0000000a}.jackson-dropdown-trigger:hover{border-color:var(--accent-primary);background:var(--bg-subtle);box-shadow:var(--shadow-subtle)}.jackson-dropdown-trigger.open{border-color:var(--accent-primary);background:var(--bg-subtle);box-shadow:0 0 0 3px var(--accent-primary-subtle)}.dropdown-trigger-icon-wrap{background:var(--accent-primary-subtle);width:28px;height:28px;color:var(--accent-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dropdown-trigger-label{color:var(--text-primary);white-space:nowrap;font-size:.84rem;font-weight:700}.dropdown-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.dropdown-chevron.rotate{transform:rotate(180deg)}.jackson-dropdown-menu{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);z-index:100;flex-direction:column;gap:.2rem;min-width:250px;padding:.45rem;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px -5px #0000001f,0 8px 10px -6px #00000014}@media (width<=640px){.jackson-dropdown-trigger{justify-content:space-between;width:100%}.jackson-dropdown-menu{width:100%;left:0;right:0}}.jackson-dropdown-menu-header{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-light);margin-bottom:.25rem;padding:.4rem .65rem .3rem;font-size:.68rem;font-weight:800}.jackson-dropdown-item{border-radius:var(--radius-md);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:.6rem .75rem;transition:all .15s;display:flex}.jackson-dropdown-item:hover{background:var(--bg-hover)}.jackson-dropdown-item.selected{background:var(--accent-primary-subtle)}.dropdown-item-left{align-items:center;gap:.65rem;display:flex}.dropdown-item-icon{background:var(--bg-subtle);width:28px;height:28px;color:var(--text-secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.jackson-dropdown-item.selected .dropdown-item-icon{background:var(--accent-primary);color:#fff}.dropdown-item-title{color:var(--text-primary);font-size:.84rem;font-weight:600}.jackson-dropdown-item.selected .dropdown-item-title{color:var(--accent-primary);font-weight:800}.dropdown-check-icon{color:var(--accent-primary);flex-shrink:0}.growth-svg-wrap{border-radius:var(--radius-md);border:1px solid var(--border-light);background:#faf8f5;width:100%;padding:1rem .5rem .5rem}.growth-svg{width:100%;height:auto;display:block}.growth-chart-legend{color:var(--text-secondary);justify-content:center;align-items:center;gap:1.5rem;padding:.75rem .5rem .25rem;font-size:.75rem;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.legend-line{width:18px;height:0}.growth-history-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);padding:1.25rem}.growth-history-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.btn-history-dropdown-toggle{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-pill);color:var(--text-primary);cursor:pointer;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.78rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-history-dropdown-toggle:hover{background:var(--border-light);color:var(--accent-terracotta)}.clinical-latest-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-subtle);flex-direction:column;gap:.85rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.clinical-latest-card:hover{border-color:var(--accent-terracotta);box-shadow:0 4px 14px #c25e3414}.clinical-card-top{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.65rem;display:flex}.clinical-badge-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.clinical-status-pill{text-transform:uppercase;letter-spacing:.04em;color:var(--accent-terracotta);border-radius:var(--radius-pill);background:#c25e341f;padding:.2rem .55rem;font-size:.68rem;font-weight:800}.clinical-date-text{color:var(--text-primary);font-size:.88rem;font-weight:700}.clinical-age-text{color:var(--text-muted);font-size:.82rem;font-weight:600}.clinical-expand-prompt{color:var(--accent-terracotta);white-space:nowrap;align-items:center;gap:.3rem;font-size:.78rem;font-weight:700;display:inline-flex}.clinical-metrics-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.clinical-metric-item{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-md);flex-direction:column;gap:.2rem;padding:.65rem .85rem;display:flex}.clinical-metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:.72rem;font-weight:600}.clinical-metric-val{color:var(--text-primary);font-size:1.05rem;font-weight:800}.clinical-percentile-tag{color:var(--accent-terracotta);background:#c25e341a;border-radius:4px;width:fit-content;margin-top:.2rem;padding:.12rem .45rem;font-size:.72rem;font-weight:700}.clinical-notes-preview{border-top:1px dashed var(--border-light);align-items:baseline;gap:.5rem;padding-top:.35rem;font-size:.8rem;display:flex}.clinical-notes-label{color:var(--text-muted);flex-shrink:0;font-size:.75rem;font-weight:700}.clinical-notes-quote{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-style:italic;overflow:hidden}@media (width<=640px){.clinical-metrics-grid{grid-template-columns:1fr;gap:.5rem}}.growth-table-wrap{overflow-x:auto}.growth-table{border-collapse:collapse;width:100%;font-size:.85rem}.growth-table th{text-align:left;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-light);padding:.65rem .75rem;font-size:.75rem;font-weight:700}.growth-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:.75rem}.pill-percentile{color:#15803d;background:#dcfce7;border-radius:4px;padding:.2rem .5rem;font-size:.72rem;font-weight:800}.btn-trash-table{color:var(--text-muted);border-radius:4px;padding:4px;transition:all .15s}.btn-trash-table:hover{color:var(--accent-terracotta)}.csv-drop-zone{border:2px dashed var(--border-light);border-radius:var(--radius-lg);cursor:pointer;background:#faf8f5;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 1.5rem;transition:all .2s;display:flex}.csv-drop-zone:hover{border-color:var(--accent-terracotta);background:#fdf2ed}.drop-title{color:var(--text-primary);font-size:1rem;font-weight:700}.drop-sub{color:var(--text-muted);font-size:.8rem}.teething-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);margin-bottom:1.25rem;padding:1.35rem}.teething-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.teething-title-wrap{align-items:center;gap:.65rem;display:flex}.teething-header-icon{color:var(--btn-primary-bg,var(--accent-terracotta));flex-shrink:0}.teething-counts-badge{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.teething-view-toggle{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-pill);align-items:center;gap:3px;padding:3px;display:inline-flex}.view-toggle-btn{border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.74rem;font-weight:600;transition:all .15s;display:inline-flex}.view-toggle-btn.active{background:var(--bg-card);color:var(--text-primary);font-weight:700;box-shadow:0 1px 3px #00000014}.night-mode .view-toggle-btn.active{background:var(--accent-terracotta);color:#fff}.teething-stat-pill{border-radius:var(--radius-pill);align-items:center;gap:.35rem;padding:.28rem .65rem;font-size:.76rem;font-weight:600;display:inline-flex}.teething-stat-pill.pill-erupted{color:#15803d;background:#dcfce7;border:1px solid #16a34a33}.teething-stat-pill.pill-teething{color:#b45309;background:#fef3c7;border:1px solid #d9770640}.teething-stat-pill.pill-dormant{background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border-light)}.night-mode .teething-stat-pill.pill-erupted{color:#86efac;background:#22c55e24;border-color:#22c55e47}.night-mode .teething-stat-pill.pill-teething{color:#fde047;background:#f59e0b26;border-color:#f59e0b4d}.night-mode .teething-stat-pill.pill-dormant{background:var(--bg-subtle);color:var(--text-muted);border-color:var(--border-light)}.teething-progress-wrap{margin-bottom:1.35rem}.teething-progress-bar{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:4px;width:100%;height:8px;overflow:hidden}.teething-progress-fill{background:linear-gradient(90deg,#10b981 0%,#34d399 100%);border-radius:4px;height:100%;transition:width .4s}.teething-progress-text{color:var(--text-muted);justify-content:space-between;margin-top:.4rem;font-size:.72rem;font-weight:600;display:flex}.dental-arch-stage{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:#faf8f5;flex-direction:column;align-items:center;padding:1.5rem 1rem 1.25rem;display:flex;position:relative;overflow:hidden}.night-mode .dental-arch-stage{background:var(--bg-subtle);border-color:var(--border-light)}.dental-arch-svg{-webkit-user-select:none;user-select:none;width:100%;max-width:540px;height:auto;display:block}.dental-gum-contour{fill:#f472b612;stroke:#f472b629;stroke-width:1.5px;pointer-events:none}.night-mode .dental-gum-contour{fill:#f472b617;stroke:#f472b638}.dental-arch-guideline{fill:none;stroke:var(--border-light);stroke-width:1.5px;stroke-dasharray:4 4}.night-mode .dental-arch-guideline{stroke:#ffffff1f}.dental-arch-midline{stroke:var(--border-light);stroke-width:1px;stroke-dasharray:3 3;opacity:.6}.night-mode .dental-arch-midline{stroke:#ffffff1a}.arch-jaw-label{letter-spacing:.1em;fill:var(--text-muted);font-size:11px;font-weight:800}.center-smile-plate{fill:var(--bg-card);stroke:var(--border-light);stroke-width:1.5px;filter:drop-shadow(0 2px 8px #0000000a)}.night-mode .center-smile-plate{fill:var(--bg-card);stroke:var(--border-light);filter:drop-shadow(0 4px 12px #00000040)}.center-smile-title{fill:var(--text-primary);font-size:12.5px;font-weight:700}.center-smile-sub{fill:var(--text-muted);font-size:10.5px;font-weight:600}.tooth-svg-node{cursor:pointer;transform-box:fill-box;transform-origin:50%;outline:none;transition:transform .18s cubic-bezier(.16,1,.3,1),filter .18s}.tooth-svg-node:hover{transform:scale(1.12)}.tooth-svg-node.is-selected .tooth-selection-ring{fill:none;stroke:var(--accent-terracotta);stroke-width:2.5px;pointer-events:none;animation:2s ease-in-out infinite pulse-ring}@keyframes pulse-ring{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.tooth-state-erupted .tooth-crown-shape{fill:#fff;stroke:#cbd5e1;stroke-width:1.5px;filter:drop-shadow(0 2px 5px #00000014)}.tooth-state-erupted .tooth-enamel-gloss{fill:#ffffffd9;pointer-events:none}.tooth-state-erupted .tooth-label-code{fill:#0f172a;font-size:11px;font-weight:800}.tooth-state-erupted .tooth-erupted-pip{fill:#10b981}.tooth-state-erupted .tooth-molar-groove{stroke:#cbd5e1}.night-mode .tooth-state-erupted .tooth-crown-shape{fill:#fff;stroke:#94a3b8;filter:drop-shadow(0 3px 8px #00000080)}.night-mode .tooth-state-erupted .tooth-label-code{fill:#0f172a}.night-mode .tooth-state-erupted .tooth-molar-groove{stroke:#94a3b8}.tooth-state-teething .tooth-crown-shape{fill:#fef3c7;stroke:#f59e0b;stroke-width:2px;filter:drop-shadow(0 2px 8px #f59e0b4d)}.tooth-state-teething .tooth-label-code{fill:#92400e;font-size:11px;font-weight:800}.tooth-state-teething .tooth-molar-groove{stroke:#d97706}.teething-aura-pulse{fill:#f59e0b38;pointer-events:none;transform-box:fill-box;transform-origin:50%;animation:2.5s ease-in-out infinite teething-aura-glow}@keyframes teething-aura-glow{0%{opacity:.4;transform:scale(.96)}50%{opacity:.8;transform:scale(1.06)}to{opacity:.4;transform:scale(.96)}}.night-mode .tooth-state-teething .tooth-crown-shape{fill:#f59e0b6b;stroke:#fbbf24;filter:drop-shadow(0 0 10px #f59e0b99)}.night-mode .tooth-state-teething .tooth-label-code{fill:#fef3c7}.night-mode .tooth-state-teething .tooth-molar-groove{stroke:#fde68a}.night-mode .teething-aura-pulse{fill:#f59e0b4d}.tooth-state-not_erupted .tooth-crown-shape{fill:#f1f5f9a6;stroke:var(--border-light);stroke-width:1.5px;stroke-dasharray:2.5 2.5}.tooth-state-not_erupted .tooth-label-code{fill:var(--text-muted);opacity:.7;font-size:10px;font-weight:700}.tooth-state-not_erupted .tooth-molar-groove{display:none}.night-mode .tooth-state-not_erupted .tooth-crown-shape{fill:#ffffff0d;stroke:#ffffff29}.night-mode .tooth-state-not_erupted .tooth-label-code{fill:var(--text-muted);opacity:.65}.teething-legend{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;align-items:center;gap:1.75rem;margin-top:1.25rem;font-size:.78rem;display:flex}.legend-chip{align-items:center;gap:.45rem;display:flex}.legend-tooth-swatch{border-radius:4px;width:14px;height:14px;display:inline-block}.swatch-erupted{background:#fff;border:1.5px solid #cbd5e1;box-shadow:0 1px 3px #0000001a}.night-mode .swatch-erupted{background:#fff;border-color:#94a3b8}.swatch-teething{background:#f59e0b;box-shadow:0 0 6px #f59e0b66}.swatch-dormant{border:1.5px dashed var(--border-light);background:0 0}.night-mode .swatch-dormant{border-color:#fff3}.tooth-inspector-panel{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);margin-top:1.25rem;padding:1.25rem}.inspector-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.15rem;display:flex}.inspector-title-row{align-items:center;gap:.75rem;display:flex}.inspector-code-pill{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.95rem;font-weight:800;display:flex}.inspector-code-pill.status-erupted{color:#15803d;background:#dcfce7;border:1.5px solid #16a34a4d}.inspector-code-pill.status-teething{color:#b45309;background:#fef3c7;border:1.5px solid #d9770659}.inspector-code-pill.status-not_erupted{background:var(--bg-subtle);color:var(--text-muted);border:1.5px dashed var(--border-light)}.night-mode .inspector-code-pill.status-erupted{color:#86efac;background:#22c55e2e;border-color:#22c55e59}.night-mode .inspector-code-pill.status-teething{color:#fde047;background:#f59e0b33;border-color:#f59e0b66}.inspector-tooth-name{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700}.inspector-tooth-subtitle{color:var(--text-secondary);margin:.2rem 0 0;font-size:.78rem;font-weight:500}.btn-close-inspector{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex}.btn-close-inspector:hover{color:var(--text-primary)}.tooth-status-segmented{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-pill);align-items:center;gap:6px;width:100%;padding:4px;display:flex}.tooth-status-pill{border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex}.tooth-status-pill:hover{color:var(--text-primary)}.tooth-status-pill.active.active-erupted{color:#fff;background:#10b981;font-weight:700;box-shadow:0 1px 4px #10b9814d}.tooth-status-pill.active.active-teething{color:#fff;background:#f59e0b;font-weight:700;box-shadow:0 1px 4px #f59e0b4d}.tooth-status-pill.active.active-dormant{background:var(--text-muted);color:#fff;font-weight:700}.night-mode .tooth-status-segmented{background:var(--bg-subtle);border-color:var(--border-light)}.inspector-actions-row{justify-content:flex-end;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.btn-save-tooth{background:var(--accent-terracotta);color:#fff;border-radius:var(--radius-pill);cursor:pointer;border:none;align-items:center;gap:.45rem;padding:.65rem 1.35rem;font-size:.86rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #c85a3240}.btn-save-tooth:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.btn-save-tooth:disabled{opacity:.6;cursor:not-allowed}.btn-dismiss-inspector{background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-pill);cursor:pointer;padding:.65rem 1.15rem;font-size:.86rem;font-weight:600;transition:all .15s}.btn-dismiss-inspector:hover{background:var(--bg-card);color:var(--text-primary)}.btn-link-action{color:var(--accent-terracotta);cursor:pointer;background:0 0;border:none;padding:0;font-size:.76rem;font-weight:700;text-decoration:underline}.teething-timeline-view{margin-top:.5rem}.timeline-groups-container{flex-direction:column;gap:1.5rem;display:flex}.timeline-group-section{flex-direction:column;gap:.75rem;display:flex}.timeline-group-header{color:var(--text-primary);border-bottom:1px solid var(--border-light);align-items:center;gap:.5rem;padding-bottom:.45rem;font-size:.88rem;font-weight:700;display:flex}.timeline-group-header h4{margin:0;font-size:.88rem;font-weight:700}.timeline-cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;display:grid}.teething-card-item{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-card);cursor:pointer;align-items:flex-start;gap:.85rem;padding:.85rem 1rem;transition:all .15s;display:flex}.teething-card-item:hover{border-color:var(--accent-terracotta);box-shadow:var(--shadow-subtle);transform:translateY(-1px)}.teething-card-item.is-selected{border-color:var(--accent-terracotta);box-shadow:0 0 0 2px #c85a3240}.tooth-item-code-badge{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;font-weight:800;display:flex}.tooth-item-code-badge.status-erupted{color:#15803d;background:#dcfce7;border:1px solid #16a34a40}.tooth-item-code-badge.status-teething{color:#b45309;background:#fef3c7;border:1px solid #d977064d}.tooth-item-code-badge.status-dormant{background:var(--bg-subtle);color:var(--text-muted);border:1px dashed var(--border-light)}.night-mode .tooth-item-code-badge.status-erupted{color:#86efac;background:#22c55e33}.night-mode .tooth-item-code-badge.status-teething{color:#fde047;background:#f59e0b38}.tooth-item-info{flex:1;min-width:0}.tooth-item-title-row{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.tooth-item-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.tooth-item-jaw-tag{background:var(--bg-subtle);color:var(--text-muted);border-radius:4px;padding:.1rem .35rem;font-size:.65rem;font-weight:700}.tooth-item-common{color:var(--text-secondary);margin:.15rem 0 .25rem;font-size:.74rem}.tooth-item-date{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.72rem;font-weight:500;display:flex}.tooth-item-notes{color:var(--accent-terracotta);margin:.25rem 0 0;font-size:.72rem;font-style:italic}.newborn-archive-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);margin-top:1.25rem;overflow:hidden}.archive-accordion-trigger{cursor:pointer;text-align:left;width:100%;color:var(--text-primary);background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.15rem 1.25rem;display:flex}.archive-trigger-left{align-items:center;gap:.75rem;display:flex}.archive-icon-direct{color:var(--accent-terracotta);flex-shrink:0}.archive-title{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.archive-sub{color:var(--text-muted);margin:0;font-size:.72rem}.archive-trigger-right{color:var(--text-muted);align-items:center;gap:.5rem;display:flex}.badge-dormant{color:var(--text-muted);background:var(--bg-subtle);border-radius:var(--radius-pill);padding:.2rem .55rem;font-size:.72rem;font-weight:700}.archive-content-body{padding:0 1.25rem 1.25rem}.archive-explainer{color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);background:#faf8f5;margin-bottom:1rem;padding:.75rem;font-size:.8rem}.archive-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.archive-tool-btn{border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;text-align:left;background:#faf8f5;align-items:center;gap:.75rem;padding:.85rem;transition:all .15s;display:flex}.archive-tool-btn:hover{border-color:var(--accent-terracotta);box-shadow:var(--shadow-subtle);background:#fff}.archive-tool-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.archive-tool-text strong{color:var(--text-primary);font-size:.85rem;display:block}.archive-tool-text span{color:var(--text-muted);font-size:.72rem}.lists-subnav-row{align-items:center;gap:.65rem;margin-bottom:1.25rem;display:flex}.subnav-pill{border-radius:var(--radius-pill);background:var(--bg-card);border:1.5px solid var(--border-light);color:var(--text-secondary);cursor:pointer;align-items:center;gap:.5rem;padding:.65rem 1.15rem;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.subnav-pill.active{background:var(--text-primary);border-color:var(--text-primary);color:#fff;font-weight:700}.subnav-badge{background:var(--accent-terracotta);color:#fff;border-radius:10px;padding:.1rem .45rem;font-size:.68rem;font-weight:800}.groceries-container{flex-direction:column;gap:1.25rem;display:flex}.groceries-header-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);padding:1.25rem}.groceries-title-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.groceries-title-wrap{align-items:center;gap:.65rem;display:flex}.groceries-icon-pill{width:36px;height:36px;color:var(--accent-terracotta);background:#fdf2ed;border-radius:10px;justify-content:center;align-items:center;display:flex}.groceries-stats-badge{color:var(--text-secondary);background:var(--bg-subtle);border-radius:var(--radius-pill);padding:.3rem .75rem;font-size:.8rem}.grocery-add-form{flex-direction:column;gap:.65rem;display:flex}.grocery-add-input-wrap{align-items:center;gap:.5rem;display:flex}.grocery-main-input{border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);background:#faf8f5;flex:1;padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.grocery-main-input:focus{border-color:var(--accent-terracotta);background:#fff;outline:none;box-shadow:0 0 0 3px #c25e341a}.grocery-submit-btn{border-radius:var(--radius-md);background:var(--accent-terracotta);color:#fff;cursor:pointer;align-items:center;gap:.4rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.grocery-submit-btn:disabled{opacity:.5;cursor:not-allowed}.grocery-category-scroll{scrollbar-width:none;align-items:center;gap:.4rem;padding-bottom:2px;display:flex;overflow-x:auto}.grocery-category-scroll::-webkit-scrollbar{display:none}.grocery-cat-chip{white-space:nowrap;border-radius:var(--radius-pill);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;background:#faf8f5;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.grocery-cat-chip:hover,.grocery-cat-chip.active{border-color:var(--accent-terracotta);color:var(--accent-terracotta);background:#fdf2ed}.grocery-category-groups{flex-direction:column;gap:1rem;display:flex}.grocery-group-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);padding:1.15rem}.grocery-group-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.group-header-left{align-items:center;gap:.45rem;display:flex}.group-header-title{color:var(--text-primary);font-size:.9rem;font-weight:700}.group-count-badge{color:var(--text-muted);background:var(--bg-subtle);border-radius:10px;padding:.15rem .45rem;font-size:.72rem;font-weight:700}.grocery-items-list{flex-direction:column;gap:.35rem;display:flex}.grocery-item-row{border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:.45rem .5rem;transition:background .15s;display:flex}.grocery-item-row:hover{background:#faf8f5}.grocery-toggle-check{text-align:left;cursor:pointer;flex:1;align-items:center;gap:.65rem;display:flex}.grocery-item-name{color:var(--text-primary);font-size:.9rem;font-weight:500}.grocery-item-actions{align-items:center;gap:.65rem;display:flex}.grocery-added-by{color:var(--text-muted);font-size:.72rem}.btn-trash-grocery{color:var(--text-muted);opacity:.4;border-radius:4px;padding:4px;transition:all .15s}.btn-trash-grocery:hover{opacity:1;color:var(--accent-terracotta)}.completed-groceries-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1rem 1.25rem}.completed-header{justify-content:space-between;align-items:center;display:flex}.completed-toggle-btn{color:var(--text-muted);cursor:pointer;align-items:center;gap:.45rem;font-size:.85rem;font-weight:600;display:flex}.btn-clear-completed{color:var(--text-muted);cursor:pointer;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;display:inline-flex}.btn-clear-completed:hover{color:var(--accent-terracotta)}.notes-vault-container{flex-direction:column;gap:1.25rem;display:flex}.notes-header-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);padding:1.25rem}.notes-title-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.notes-title-wrap{align-items:center;gap:.65rem;display:flex}.notes-icon-pill{color:#b45309;background:#fcf8ee;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.notes-search-wrap{align-items:center;display:flex;position:relative}.notes-search-icon{color:var(--text-muted);position:absolute;left:12px}.notes-search-input{border:1px solid var(--border-light);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#faf8f5;padding:.65rem 2.2rem .65rem 2.5rem;font-family:inherit;font-size:.9rem}.notes-search-input:focus{border-color:var(--accent-gold);background:#fff;outline:none}.notes-search-clear{color:var(--text-muted);cursor:pointer;position:absolute;right:10px}.notes-display-sections{flex-direction:column;gap:1.5rem;display:flex}.notes-section-badge{letter-spacing:.08em;color:var(--text-muted);align-items:center;gap:.35rem;margin-bottom:.75rem;font-size:.7rem;font-weight:800;display:inline-flex}.notes-masonry-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.note-card{border-radius:var(--radius-lg);cursor:pointer;border:1.5px solid;flex-direction:column;justify-content:space-between;min-height:140px;padding:1.15rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #00000008}.note-card:hover{box-shadow:var(--shadow-card);transform:translateY(-3px)}.is-pinned-card{box-shadow:0 4px 14px #2c242014}.note-card-top{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.note-card-title{color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.3}.btn-note-pin{color:var(--text-muted);border-radius:4px;padding:3px}.note-card-body{color:var(--text-secondary);white-space:pre-wrap;flex:1;margin-bottom:1rem;font-size:.85rem;line-height:1.5}.note-card-footer{border-top:1px solid #0000000f;justify-content:space-between;align-items:center;padding-top:.5rem;display:flex}.note-meta-author{color:var(--text-muted);font-size:.72rem}.note-card-tools{align-items:center;gap:.35rem;display:flex}.btn-note-tool{color:var(--text-muted);border-radius:4px;padding:4px;transition:all .15s}.btn-note-tool:hover{color:var(--accent-terracotta)}.note-modal-card{max-width:520px}.note-title-input{width:100%;color:var(--text-primary);background:0 0;border:none;margin-bottom:.5rem;padding:.4rem 0;font-family:inherit;font-size:1.15rem;font-weight:700}.note-title-input:focus{outline:none}.note-body-textarea{width:100%;color:var(--text-primary);resize:vertical;background:0 0;border:none;font-family:inherit;font-size:.95rem;line-height:1.5}.note-body-textarea:focus{outline:none}.note-color-picker-row{border-top:1px solid #00000014;align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.color-picker-label{color:var(--text-muted);font-size:.78rem;font-weight:600}.color-swatches{align-items:center;gap:.5rem;display:flex}.color-swatch-btn{cursor:pointer;border:2px solid;border-radius:50%;width:24px;height:24px;transition:transform .15s}.color-swatch-btn.active{box-shadow:0 0 0 2px var(--accent-terracotta);transform:scale(1.2)}.recipes-container{flex-direction:column;gap:1.25rem;display:flex}.recipes-header-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);padding:1.25rem}.recipes-title-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.recipes-title-wrap{align-items:center;gap:.65rem;display:flex}.recipes-icon-pill{width:36px;height:36px;color:var(--accent-terracotta);background:#fdf2ed;border-radius:10px;justify-content:center;align-items:center;display:flex}.recipes-filter-row{scrollbar-width:none;align-items:center;gap:.45rem;display:flex;overflow-x:auto}.recipes-filter-row::-webkit-scrollbar{display:none}.recipe-filter-chip{white-space:nowrap;border-radius:var(--radius-pill);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;background:#faf8f5;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.recipe-filter-chip:hover,.recipe-filter-chip.active{background:var(--text-primary);border-color:var(--text-primary);color:#fff}.recipes-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;display:grid}.recipe-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);flex-direction:column;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.recipe-card:hover{box-shadow:var(--shadow-card);transform:translateY(-3px)}.recipe-media-wrap{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.youtube-thumb-frame{width:100%;height:100%;position:relative}.youtube-thumb-img{object-fit:cover;width:100%;height:100%}.youtube-play-overlay{cursor:pointer;background:#00000040;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.youtube-play-overlay:hover{background:#0006}.play-button-circle{background:#dc2626f2;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s;display:flex;box-shadow:0 4px 14px #0000004d}.youtube-play-overlay:hover .play-button-circle{transform:scale(1.12)}.recipe-card-content{flex-direction:column;flex:1;padding:1.15rem;display:flex}.recipe-card-top-meta{justify-content:space-between;align-items:center;margin-bottom:.65rem;display:flex}.recipe-rating-badge{letter-spacing:.04em;border-radius:var(--radius-pill);padding:.2rem .55rem;font-size:.68rem;font-weight:800}.badge-want{background:var(--bg-subtle);color:var(--text-secondary)}.badge-loved{color:#15803d;background:#dcfce7}.badge-christina{color:#b45309;background:#fef3c7}.badge-kyle{color:var(--accent-terracotta);background:#fdf2ed}.badge-tweak{color:#b91c1c;background:#fee2e2}.recipe-prep-pill{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.72rem;display:inline-flex}.recipe-card-title{color:var(--text-primary);margin-bottom:.4rem;font-size:1.05rem;font-weight:700;line-height:1.3}.recipe-card-notes{color:var(--text-secondary);margin-bottom:.75rem;font-size:.8rem;font-style:italic}.recipe-ingredients-preview{border-radius:var(--radius-md);background:#faf8f5;margin-bottom:1rem;padding:.65rem .75rem}.ingredients-label{text-transform:uppercase;color:var(--text-muted);margin-bottom:.2rem;font-size:.7rem;font-weight:700;display:block}.ingredients-preview-text{color:var(--text-secondary);font-size:.78rem;line-height:1.4}.recipe-card-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:.75rem;display:flex}.btn-recipe-export-groceries{color:var(--accent-terracotta);border-radius:var(--radius-pill);cursor:pointer;background:#fdf2ed;border:1px solid #f6d7c8;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.78rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-recipe-export-groceries:hover{background:#fbe6dc;transform:translateY(-1px)}.recipe-card-actions{align-items:center;gap:.4rem;display:flex}.btn-recipe-icon-tool{color:var(--text-muted);border-radius:4px;justify-content:center;align-items:center;padding:5px;transition:all .15s;display:flex}.btn-recipe-icon-tool:hover{color:var(--text-primary);background:var(--bg-subtle)}.video-player-card{background:#000;max-width:800px;padding:0;overflow:hidden}.video-responsive-container{aspect-ratio:16/9;width:100%;position:relative}.video-iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.ingredient-export-list{flex-direction:column;gap:.5rem;max-height:280px;padding-right:.25rem;display:flex;overflow-y:auto}.ingredient-export-item{border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;background:#faf8f5;align-items:center;gap:.65rem;padding:.45rem .65rem;display:flex}.ingredient-checkbox{width:16px;height:16px;accent-color:var(--accent-terracotta)}.ingredient-text{color:var(--text-primary);font-size:.85rem}.night-mode .app-nav-tabs{background:var(--bg-card);border-bottom-color:var(--border-light)}.night-mode .nav-tab-btn{color:var(--text-muted)}.night-mode .nav-tab-active{background:var(--bg-subtle)!important;color:var(--accent-terracotta)!important}.night-mode .quick-bar-card,.night-mode .reminders-widget-card,.night-mode .growth-stat-card,.night-mode .growth-chart-card,.night-mode .growth-history-card,.night-mode .teething-card,.night-mode .newborn-archive-card,.night-mode .groceries-header-card,.night-mode .grocery-group-card,.night-mode .completed-groceries-card,.night-mode .notes-header-card,.night-mode .recipes-header-card,.night-mode .recipe-card{background:var(--bg-card);border-color:var(--border-light)}.night-mode .growth-svg-wrap,.night-mode .dental-arch-stage,.night-mode .recipe-ingredients-preview,.night-mode .photo-preview-strip,.night-mode .ingredient-export-item{background:var(--bg-subtle);border-color:var(--border-light)}.night-mode .quick-oz-chip,.night-mode .solids-chip,.night-mode .btn-camera-upload,.night-mode .solids-text-input,.night-mode .reminders-input,.night-mode .grocery-main-input,.night-mode .notes-search-input,.night-mode .portion-segmented-control,.night-mode .metric-toggle-group,.night-mode .recipe-filter-chip,.night-mode .grocery-cat-chip{background:var(--bg-card);border-color:var(--border-light);color:var(--text-primary)}.night-mode .portion-btn.active,.night-mode .metric-toggle-btn.active{background:var(--btn-primary-bg,var(--accent-terracotta));color:var(--btn-primary-text,#fff)}.night-mode .stat-val-text,.night-mode .quick-bar-title,.night-mode .reminders-title,.night-mode .group-header-title,.night-mode .grocery-item-name,.night-mode .recipe-card-title,.night-mode .note-card-title,.night-mode .ingredient-text{color:#f3eeea}.night-mode .subnav-pill{color:#a89f95;background:#231e1c;border-color:#ffffff1a}.night-mode .subnav-pill.active{color:#fff;background:#c25e34;border-color:#c25e34}.night-mode .archive-accordion-trigger,.night-mode .archive-title{color:var(--text-primary)!important}.night-mode .archive-sub{color:var(--text-muted)!important}.night-mode .archive-explainer{background:var(--bg-subtle)!important;border-color:var(--border-light)!important;color:var(--text-secondary)!important}.night-mode .archive-tool-btn{background:var(--bg-subtle)!important;border-color:var(--border-light)!important;color:var(--text-primary)!important}.night-mode .archive-tool-btn:hover{background:var(--bg-card)!important;border-color:var(--accent-terracotta)!important}.night-mode .archive-tool-text strong{color:var(--text-primary)!important}.night-mode .archive-tool-text span{color:var(--text-muted)!important}.night-mode .badge-dormant{background:var(--bg-subtle)!important;color:var(--text-muted)!important}.night-mode .reminders-add-btn{background:var(--accent-terracotta)!important;color:#fff!important}.night-mode .reminders-icon-direct{color:var(--accent-gold)!important}.night-mode .reminders-count-badge{background:var(--bg-subtle)!important;color:var(--text-muted)!important}.night-mode .reminder-text{color:var(--text-primary)!important}.night-mode .reminder-item{border-color:var(--border-light)!important}.night-mode .btn-history-dropdown-toggle{background:var(--bg-subtle)!important;border-color:var(--border-light)!important;color:var(--text-primary)!important}.night-mode .btn-history-dropdown-toggle:hover{color:var(--accent-terracotta)!important;background:#ffffff1f!important}.night-mode .clinical-latest-card{background:var(--bg-card)!important;border-color:var(--border-light)!important}.night-mode .clinical-latest-card:hover{border-color:var(--accent-terracotta)!important;box-shadow:0 4px 14px #00000059!important}.night-mode .clinical-metric-item{background:var(--bg-subtle)!important;border-color:var(--border-light)!important}.night-mode .clinical-metric-val{color:#fff!important}.night-mode .clinical-notes-quote{color:#cbd5e1!important}.night-mode .growth-table th{color:var(--text-muted)!important;border-bottom-color:var(--border-light)!important}.night-mode .growth-table td{color:var(--text-primary)!important;border-bottom-color:var(--border-light)!important}.night-mode .timeline-header-card{background:var(--bg-card)!important;border-color:var(--border-light)!important}.night-mode .timeline-title{color:var(--text-primary)!important}.night-mode .timeline-empty-state,.night-mode .timeline-empty-subtle{background:var(--bg-card)!important;border-color:var(--border-light)!important}.night-mode .timeline-empty-state p{color:var(--text-primary)!important}.night-mode .timeline-empty-state span{color:var(--text-muted)!important}.night-mode .timeline-item-card{background:var(--bg-card)!important;border-color:var(--border-light)!important}.night-mode .timeline-item-card:hover{border-color:#fff3!important}.night-mode .timeline-filters{background:var(--bg-subtle)!important;border-color:var(--border-light)!important}.night-mode .filter-pill{color:var(--text-muted)!important}.night-mode .filter-pill:hover{color:var(--text-primary)!important}.night-mode .filter-pill-active{background:var(--accent-terracotta)!important;color:#fff!important}.night-mode .item-title{color:var(--text-primary)!important}.night-mode .item-subtitle,.night-mode .item-time-ago,.night-mode .item-author{color:var(--text-muted)!important}.night-mode .item-time{color:var(--text-secondary)!important}.night-mode .item-notes{background:var(--bg-subtle)!important;color:var(--text-secondary)!important;border-color:var(--border-light)!important}.night-mode .btn-timeline-toggle{background:var(--bg-subtle)!important;border-color:var(--border-light)!important;color:var(--text-primary)!important}@media (width<=640px){.app-nav-tabs{-webkit-backdrop-filter:blur(20px);z-index:990;background:#ffffffeb;border:1px solid #00000014;border-radius:9999px;width:min(100% - 2rem,400px);padding:.35rem .5rem;position:fixed;top:auto;bottom:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #00000024,0 2px 6px #0000000d}.night-mode .app-nav-tabs{background:#1c1c1eeb;border-color:#ffffff24;box-shadow:0 14px 40px #0009,0 2px 8px #0000004d}.nav-tabs-container{gap:.25rem;width:100%}.nav-tab-btn{border-radius:9999px;flex-direction:column;justify-content:center;gap:.25rem;min-height:46px;padding:.45rem .35rem;font-size:.72rem}.nav-tab-btn .nav-tab-icon-wrap svg{width:18px;height:18px}.nav-tab-label{font-size:.68rem;font-weight:600;line-height:1}.app-main-content{padding-bottom:6.5rem!important}.growth-metrics-ribbon{gap:.45rem}.ribbon-metric-col{border-radius:var(--radius-md);padding:.65rem .5rem}.ribbon-metric-val{font-size:1.1rem}.ribbon-metric-title{font-size:.68rem}.ribbon-percentile-pill{padding:.1rem .35rem;font-size:.65rem}.ribbon-unit-pill{padding:.05rem .3rem;font-size:.6rem}.quick-chip-row{grid-template-columns:repeat(3,1fr)}.dental-arch-stage{padding:1rem .5rem}.recipes-grid{grid-template-columns:1fr}}.app-brand-left-title{color:var(--text-primary);align-items:center;gap:.5rem;text-decoration:none;display:flex}.brand-family-name{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--text-primary);font-size:1.18rem;font-weight:700}.app-profile-right-wrap{align-items:center;display:flex;position:relative}.app-profile-btn{border-radius:var(--radius-pill);border:1.5px solid var(--border-light);cursor:pointer;background:#faf8f5;align-items:center;gap:.35rem;padding:.25rem .55rem .25rem .25rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.app-profile-btn:hover,.app-profile-btn.active{border-color:var(--accent-gold);background:#f1ece3;box-shadow:0 2px 10px #2c24200f}.app-profile-name{color:var(--text-primary);font-size:.85rem;font-weight:700}.app-profile-avatar-wrap{border:1.5px solid var(--accent-gold);background:var(--bg-card);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.profile-chevron{color:var(--text-muted);transition:transform .2s}.profile-chevron.rotated{transform:rotate(180deg)}.profile-popover-card{border:1px solid var(--border-light);z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff;border-radius:18px;width:290px;padding:.75rem;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #2c242026}.popover-user-header{align-items:center;gap:.75rem;padding:.5rem .5rem .75rem;display:flex}.popover-avatar-wrap{border:1.5px solid var(--accent-gold);border-radius:50%;flex-shrink:0;width:44px;height:44px;overflow:hidden}.popover-user-details{flex-direction:column;display:flex;overflow:hidden}.popover-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.popover-user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.popover-divider{background:var(--border-light);height:1px;margin:.35rem 0}.popover-menu-list{flex-direction:column;gap:.25rem;display:flex}.popover-item-btn{border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:.6rem .75rem;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.popover-item-btn:hover{background:#faf8f5}.popover-item-left{align-items:center;gap:.65rem;display:flex}.popover-icon-box{border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.popover-status-badge{color:var(--text-muted);background:var(--bg-subtle);border-radius:var(--radius-pill);padding:.15rem .45rem;font-size:.72rem;font-weight:700}.popover-signout-btn:hover{color:#dc2626!important;background:#fee2e2!important}.jackson-hero-card{background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);box-sizing:border-box;max-width:100%;margin-bottom:1.25rem;padding:1.25rem;overflow:hidden}.hero-top-meta-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:.85rem;padding-bottom:.65rem;display:flex}.hero-meta-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;display:flex}.hero-meta-icon{color:var(--accent-terracotta)}.hero-age-pill{color:var(--accent-primary);background:var(--accent-primary-subtle);border:1px solid var(--accent-primary-subtle-border);border-radius:var(--radius-pill);padding:.15rem .6rem;font-size:.76rem;font-weight:700}.night-mode .hero-age-pill{background:var(--accent-primary-subtle);color:var(--accent-primary-text);border-color:var(--accent-primary-subtle-border)}.jackson-hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1.25rem;width:100%;min-width:0;max-width:100%;display:grid}.hero-col{flex-direction:column;justify-content:space-between;min-width:0;max-width:100%;padding:0 1.25rem;display:flex;position:relative;overflow:hidden}.hero-col:not(:last-child):after{content:"";background:var(--border-light);width:1px;position:absolute;top:15%;bottom:15%;right:0}.hero-col-header{align-items:center;gap:.6rem;margin-bottom:.6rem;line-height:1;display:flex}.hero-icon-pill{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.hero-icon-pill svg{display:block}.icon-pill-formula{color:var(--accent-terracotta);background:#fdf2ed}.icon-pill-time{color:#b45309;background:#fef3c7}.icon-pill-solids{color:#7c3aed;background:#f5f3ff}.hero-col-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);align-items:center;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.hero-total-val-row{align-items:baseline;gap:.3rem;margin-bottom:.4rem;display:flex}.hero-total-number{color:var(--text-primary);font-size:2.2rem;font-weight:800;line-height:1}.hero-total-unit{color:var(--text-muted);font-size:1rem;font-weight:700}.hero-pace-progress-wrap{flex-direction:column;gap:.3rem;width:100%;min-width:0;max-width:100%;display:flex}.hero-pace-bar{background:var(--bg-subtle);border:1px solid var(--border-light);box-sizing:border-box;border-radius:9999px;width:100%;max-width:100%;height:6px;position:relative;overflow:hidden}.hero-pace-fill{background:var(--accent-primary);border-radius:9999px;max-width:100%;height:100%;transition:width .3s}.hero-pace-sub{color:var(--text-muted);font-size:.72rem;font-weight:600}.hero-bottle-details{flex-direction:column;gap:.35rem;min-width:0;max-width:100%;display:flex}.hero-bottle-main{align-items:baseline;gap:.4rem;min-width:0;max-width:100%;display:flex}.hero-feed-ago{color:var(--text-primary);font-size:1.15rem;font-weight:700}.hero-feed-time{color:var(--text-muted);font-size:.82rem}.hero-feed-sub{color:var(--text-secondary);font-size:.78rem}.hero-next-feed-pill{color:#b45309;border-radius:var(--radius-pill);background:#fef3c7;align-items:center;gap:.3rem;width:fit-content;margin-top:.25rem;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.hero-solids-details{flex-direction:column;gap:.35rem;min-width:0;max-width:100%;display:flex}.hero-solids-main{justify-content:space-between;align-items:center;gap:.5rem;min-width:0;max-width:100%;display:flex}.hero-solids-name{color:var(--text-primary);word-break:break-word;overflow-wrap:break-word;flex:1;min-width:0;max-width:100%;font-size:.95rem;font-weight:700;line-height:1.3}.hero-solids-thumb{object-fit:cover;border:1px solid var(--border-light);border-radius:6px;flex-shrink:0;width:28px;height:28px}.hero-solids-count{color:var(--text-muted);font-size:.72rem;font-weight:600}.hero-empty-state{color:var(--text-muted);padding:.5rem 0;font-size:.82rem}.time-wheel-modal-card{max-width:440px}.modal-title-with-oz{align-items:center;gap:.65rem;display:flex}.modal-title-with-oz h3{margin:0;font-size:1.1rem;font-weight:700}.oz-highlight-pill{color:var(--accent-terracotta);border-radius:var(--radius-pill);background:#fdf2ed;border:1.5px solid #f6d7c8;padding:.2rem .6rem;font-size:.82rem;font-weight:800}.time-presets-scroll{scrollbar-width:none;align-items:center;gap:.4rem;margin-bottom:1.15rem;padding-bottom:2px;display:flex;overflow-x:auto}.time-presets-scroll::-webkit-scrollbar{display:none}.time-preset-chip{white-space:nowrap;border-radius:var(--radius-pill);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;background:#faf8f5;padding:.35rem .65rem;font-size:.75rem;font-weight:600;transition:all .15s}.time-preset-chip:hover{border-color:var(--accent-terracotta);color:var(--accent-terracotta);background:#fdf2ed}.time-drum-container{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:#faf8f5;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;display:flex;position:relative}.time-drum-lens{border-top:1.5px solid var(--accent-terracotta);border-bottom:1.5px solid var(--accent-terracotta);pointer-events:none;z-index:1;background:#c25e3414;border-radius:8px;height:44px;position:absolute;top:50%;left:10px;right:10px;transform:translateY(-50%)}.time-drum-column{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.drum-nudge-btn{color:var(--text-muted);cursor:pointer;z-index:2;background:0 0;padding:4px;transition:color .15s}.drum-nudge-btn:hover{color:var(--text-primary)}.drum-scroll-window{scroll-snap-type:y mandatory;scrollbar-width:none;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;height:132px;padding:44px 0;display:flex;overflow-y:scroll}.drum-scroll-window::-webkit-scrollbar{display:none}.drum-item{scroll-snap-align:center;height:44px;min-height:44px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;width:100%;font-size:1.25rem;font-weight:600;line-height:44px;transition:all .15s;display:flex}.drum-item-selected{color:var(--accent-terracotta);font-size:1.55rem;font-weight:800}.drum-col-label{color:var(--text-muted);text-transform:uppercase;margin-top:.35rem;font-size:.68rem;font-weight:700}.drum-separator{color:var(--accent-terracotta);z-index:2;padding:0 .15rem;font-size:1.5rem;font-weight:800}.period-column{justify-content:center}.period-toggle-box{z-index:2;flex-direction:column;gap:.35rem;margin:18px 0;display:flex}.period-btn{border-radius:var(--radius-md);border:1.5px solid var(--border-light);color:var(--text-secondary);cursor:pointer;background:#fff;padding:.45rem .85rem;font-size:.85rem;font-weight:700;transition:all .15s}.period-btn.active{background:var(--btn-primary-bg,var(--accent-terracotta));border-color:var(--btn-primary-bg,var(--accent-terracotta));color:var(--btn-primary-text,#fff);box-shadow:0 2px 8px #00000029}.dynamic-date-banner{border-radius:var(--radius-md);border:1.5px solid;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .85rem;display:flex}.banner-today{color:#2d5a3a;background:#f1f6f2;border-color:#c8d8cc}.banner-yesterday{color:#92400e;background:#fef3c7;border-color:#fde68a}.date-banner-left{align-items:center;gap:.65rem;display:flex}.date-banner-main{font-size:.85rem;font-weight:700;line-height:1.2;display:block}.date-banner-sub{opacity:.85;font-size:.72rem;display:block}.date-override-toggles{border-radius:var(--radius-pill);background:#0000000f;padding:2px;display:flex}.btn-date-override{border-radius:var(--radius-pill);color:inherit;opacity:.7;cursor:pointer;padding:.25rem .55rem;font-size:.72rem;font-weight:700;transition:all .15s}.btn-date-override.active{opacity:1;background:#fff;box-shadow:0 1px 3px #0000001a}.time-confirm-submit-btn{white-space:nowrap}.night-mode .app-profile-btn{color:#f3eeea;background:#231e1c;border-color:#ffffff1a}.night-mode .profile-popover-card{background:#231e1c;border-color:#ffffff1f;box-shadow:0 16px 40px #00000080}.night-mode .popover-user-name,.night-mode .brand-family-name{color:#f3eeea}.night-mode .popover-divider{background:#ffffff14}.night-mode .popover-item-btn{color:#f3eeea}.night-mode .popover-item-btn:hover{background:var(--border-light)}.night-mode .jackson-hero-card{background:var(--bg-card);border-color:var(--border-light)}.night-mode .hero-icon-pill{width:auto;height:auto;padding:0;box-shadow:none!important;background:0 0!important;border:none!important}.night-mode .icon-pill-formula{color:var(--accent-terracotta)}.night-mode .icon-pill-time{color:#fbbf24}.night-mode .icon-pill-solids{color:#a78bfa}.night-mode .hero-col:not(:last-child):after{background:var(--border-light)}.night-mode .hero-total-number,.night-mode .hero-feed-ago,.night-mode .hero-solids-name{color:var(--text-primary)}.night-mode .hero-pace-bar,.night-mode .time-drum-container{background:var(--bg-subtle);border-color:var(--border-light)}.night-mode .time-preset-chip{background:var(--bg-card);border-color:var(--border-light);color:var(--text-secondary)}.night-mode .period-btn{background:var(--bg-card);border-color:var(--border-light);color:var(--text-primary)}.night-mode .period-btn.active{background:var(--btn-primary-bg,var(--accent-terracotta));border-color:var(--btn-primary-bg,var(--accent-terracotta));color:var(--btn-primary-text,#fff)}.night-mode .banner-today{color:#86efac;background:#22c55e1a;border-color:#22c55e40}.night-mode .banner-yesterday{color:#fde047;background:#f59e0b1a;border-color:#f59e0b40}.night-mode .btn-date-override.active{background:var(--btn-primary-bg,var(--accent-terracotta));border-color:var(--btn-primary-bg,var(--accent-terracotta));color:var(--btn-primary-text,#fff)}@media (width<=768px){.jackson-hero-grid{gap:1rem;width:100%;min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr)!important}.hero-col:not(:last-child):after{display:none}.hero-col{border-bottom:1px dashed var(--border-light);min-width:0;max-width:100%;padding:.65rem 0}.hero-col:last-child{border-bottom:none}}.app-brand-left-title{align-items:baseline;gap:.45rem;text-decoration:none;display:flex;font-family:var(--font-sans)!important}.brand-family-name{color:var(--text-primary);font-family:var(--font-sans)!important;letter-spacing:-.02em!important;font-size:1.18rem!important;font-weight:700!important}.brand-family-dot{color:var(--accent-gold);opacity:.7;font-size:.85rem}.brand-family-sub{font-family:var(--font-sans)!important;color:var(--text-muted)!important;letter-spacing:normal!important;text-transform:none!important;font-size:.85rem!important;font-weight:500!important}.app-profile-avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:flex}.app-profile-avatar-btn .app-user-avatar-img,.app-profile-avatar-btn .app-avatar-fallback{transition:all .2s;box-shadow:0 2px 8px #0000001a;border-radius:50%!important;width:40px!important;height:40px!important}.app-profile-avatar-btn:hover,.app-profile-avatar-btn.active{transform:scale(1.08)}.app-profile-avatar-btn:hover .app-user-avatar-img{box-shadow:0 4px 14px #0003}.theme-warm{--bg-sand:#f8f5f0;--bg-card:#fff;--bg-subtle:#f1ece3;--text-primary:#231f20;--text-secondary:#5e5852;--text-muted:#877f77;--accent-primary:#c85a32;--accent-primary-hover:#b44e28;--accent-primary-subtle:#c85a321f;--accent-primary-subtle-border:#c85a3240;--accent-primary-text:#c85a32;--accent-terracotta:#c85a32;--accent-gold:#c5a880;--btn-primary-bg:#c85a32;--btn-primary-text:#fff;--border-light:#e8e2d8}.theme-warm.night-mode{--bg-sand:#181513;--bg-card:#231e1c;--bg-subtle:#2c2623;--text-primary:#f3eeea;--text-secondary:#c4bbb2;--text-muted:#8f857d;--accent-primary:#e27b50;--accent-primary-hover:#ea8d66;--accent-primary-subtle:#e27b502e;--accent-primary-subtle-border:#e27b5059;--accent-primary-text:#ffa585;--accent-terracotta:#e27b50;--btn-primary-bg:#d45a2d;--btn-primary-text:#fff;--border-light:#ffffff14}.theme-modern{--bg-sand:#f8fafd;--bg-card:#fff;--bg-subtle:#edf2f7;--text-primary:#1f1f1f;--text-secondary:#4a5568;--text-muted:#718096;--accent-primary:#1a73e8;--accent-primary-hover:#1557b0;--accent-primary-subtle:#1a73e81f;--accent-primary-subtle-border:#1a73e840;--accent-primary-text:#1a73e8;--accent-terracotta:#1a73e8;--accent-gold:#1557b0;--btn-primary-bg:#1a73e8;--btn-primary-text:#fff;--border-light:#e2e8f0}.theme-modern.night-mode{--bg-sand:#121212;--bg-card:#1e1e1e;--bg-subtle:#282a2c;--text-primary:#e3e3e3;--text-secondary:#a0aec0;--text-muted:#718096;--accent-primary:#8ab4f8;--accent-primary-hover:#aecbfa;--accent-primary-subtle:#8ab4f82e;--accent-primary-subtle-border:#8ab4f859;--accent-primary-text:#8ab4f8;--accent-terracotta:#8ab4f8;--accent-gold:#8ab4f8;--btn-primary-bg:#1a73e8;--btn-primary-text:#fff;--border-light:#ffffff14}.theme-oled{--bg-sand:#fff;--bg-card:#f8fafc;--bg-subtle:#e2e8f0;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--accent-primary:#2563eb;--accent-primary-hover:#1d4ed8;--accent-primary-subtle:#2563eb1f;--accent-primary-subtle-border:#2563eb40;--accent-primary-text:#2563eb;--accent-terracotta:#2563eb;--accent-gold:#1d4ed8;--btn-primary-bg:#2563eb;--btn-primary-text:#fff;--border-light:#e2e8f0}.theme-oled.night-mode{--bg-sand:#000;--bg-card:#121417;--bg-subtle:#1e2229;--text-primary:#fff;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent-primary:#60a5fa;--accent-primary-hover:#93c5fd;--accent-primary-subtle:#60a5fa2e;--accent-primary-subtle-border:#60a5fa59;--accent-primary-text:#60a5fa;--accent-terracotta:#60a5fa;--accent-gold:#38bdf8;--btn-primary-bg:#2563eb;--btn-primary-text:#fff;--border-light:#ffffff1f}.theme-sage{--bg-sand:#f4f7f5;--bg-card:#fff;--bg-subtle:#e8efea;--text-primary:#1c2620;--text-secondary:#405347;--text-muted:#6b7f72;--accent-primary:#2d6a4f;--accent-primary-hover:#1b4332;--accent-primary-subtle:#2d6a4f1f;--accent-primary-subtle-border:#2d6a4f40;--accent-primary-text:#2d6a4f;--accent-terracotta:#2d6a4f;--accent-gold:#40916c;--btn-primary-bg:#2d6a4f;--btn-primary-text:#fff;--border-light:#d5e0d8}.theme-sage.night-mode{--bg-sand:#131915;--bg-card:#1c2620;--bg-subtle:#25332b;--text-primary:#eff5f1;--text-secondary:#b2c5b8;--text-muted:#7f9385;--accent-primary:#74c69d;--accent-primary-hover:#95d5b2;--accent-primary-subtle:#74c69d2e;--accent-primary-subtle-border:#74c69d59;--accent-primary-text:#74c69d;--accent-terracotta:#74c69d;--accent-gold:#52b788;--btn-primary-bg:#2d6a4f;--btn-primary-text:#fff;--border-light:#ffffff14}.settings-modal-card{width:100%;max-width:620px}.settings-title-wrap{align-items:center;gap:.65rem;display:flex}.settings-icon-pill{background:var(--bg-subtle);width:36px;height:36px;color:var(--text-primary);border-radius:10px;justify-content:center;align-items:center;display:flex}.settings-nav-pills{border-bottom:1px solid var(--border-light);scrollbar-width:none;align-items:center;gap:.45rem;padding:.75rem 0 1rem;display:flex;overflow-x:auto}.settings-pill-btn{border-radius:var(--radius-pill);color:var(--text-secondary);border:1px solid var(--border-light);white-space:nowrap;cursor:pointer;background:#faf8f5;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.settings-pill-btn:hover,.settings-pill-btn.active{background:var(--text-primary);border-color:var(--text-primary);color:#fff}.settings-content-body{padding:1.25rem 0}.settings-section-sub{color:var(--text-muted);margin-top:.25rem;margin-bottom:1rem;font-size:.8rem}.settings-mode-card{border:1px solid var(--border-light);border-radius:var(--radius-md);background:#faf8f5;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:1rem;display:flex}.mode-card-left{align-items:center;gap:.75rem;display:flex}.mode-icon-box{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.mode-sub{color:var(--text-muted);font-size:.75rem}.btn-theme-toggle-switch{cursor:pointer;background:#e2e8f0;border:1.5px solid #cbd5e1;border-radius:15px;align-items:center;width:52px;height:30px;padding:2px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.btn-theme-toggle-switch.active-night{background:#b45309;border-color:#f59e0b}.toggle-switch-handle{color:#64748b;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 4px #00000026}.active-night .toggle-switch-handle{color:#b45309;transform:translate(22px)}.color-profiles-title{margin-bottom:.2rem;font-size:.95rem;font-weight:700}.color-profiles-sub{color:var(--text-muted);margin-bottom:.85rem;font-size:.78rem}.color-profiles-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.profile-palette-card{border:1.5px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-card);cursor:pointer;flex-direction:column;padding:.85rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.profile-palette-card:hover{box-shadow:var(--shadow-subtle);transform:translateY(-2px)}.profile-palette-card.selected{border-color:var(--accent-terracotta);outline:2px solid var(--accent-terracotta);outline-offset:1px}.palette-card-top{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.palette-swatch-strip{align-items:center;gap:.35rem;display:flex}.swatch-circle{border-radius:50%;width:18px;height:18px;display:inline-block}.palette-check-badge{background:var(--accent-terracotta);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.palette-name{color:var(--text-primary);margin-bottom:.15rem;font-size:.88rem;font-weight:700}.palette-desc{color:var(--text-secondary);font-size:.72rem;line-height:1.3}.family-access-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.family-members-list{flex-direction:column;gap:.5rem;display:flex}.family-member-card{border:1px solid var(--border-light);border-radius:var(--radius-md);background:#faf8f5;justify-content:space-between;align-items:center;padding:.75rem .85rem;display:flex}.member-card-left{align-items:center;gap:.65rem;display:flex}.member-role-icon{border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.role-admin{color:#b45309;background:#fef3c7}.role-caregiver{color:#2563eb;background:#eff6ff}.member-name-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.member-badge{border-radius:var(--radius-pill);padding:.15rem .45rem;font-size:.68rem;font-weight:800}.badge-admin{color:#15803d;background:#dcfce7}.badge-caregiver{color:#4f46e5;background:#eef2ff}.member-email-sub{color:var(--text-muted);font-size:.72rem}.btn-trash-member{color:var(--text-muted);cursor:pointer;border-radius:4px;padding:4px;transition:all .15s}.btn-trash-member:hover{color:#dc2626}.add-member-drawer{border:1px solid var(--border-light);border-radius:var(--radius-md);background:#faf8f5;margin-bottom:1rem;padding:1rem}.add-member-drawer h5{margin-bottom:.75rem;font-size:.9rem;font-weight:700}.settings-footer-row{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:.75rem;padding-top:1rem;display:flex}.btn-link-wedding{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;display:inline-flex}.btn-link-wedding:hover{color:var(--text-primary)}.btn-signout-settings{color:#dc2626;cursor:pointer;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;display:inline-flex}.night-mode .settings-modal-card{background:var(--bg-card);border-color:#ffffff1a}.night-mode .settings-pill-btn{background:var(--bg-card);color:#a89f95;border-color:#ffffff1a}.night-mode .settings-pill-btn.active{background:var(--btn-primary-bg,var(--accent-terracotta));border-color:var(--btn-primary-bg,var(--accent-terracotta));color:var(--btn-primary-text,#fff)}.night-mode .settings-mode-card,.night-mode .profile-palette-card,.night-mode .family-member-card,.night-mode .add-member-drawer{background:var(--bg-subtle);border-color:#ffffff14}.btn-primary-action,.btn-secondary-action{font-family:var(--font-sans)!important;border-radius:var(--radius-pill)!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;box-sizing:border-box!important;justify-content:center!important;align-items:center!important;gap:.5rem!important;font-size:.88rem!important;line-height:1!important;text-decoration:none!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;display:inline-flex!important}.btn-primary-action{background:var(--btn-primary-bg,var(--accent-terracotta))!important;color:var(--btn-primary-text,#fff)!important;border:1.5px solid #0000!important;padding:.72rem 1.35rem!important;font-weight:700!important;box-shadow:0 2px 8px #00000029!important}.btn-primary-action:hover:not(:disabled){opacity:.95;filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 14px #00000038!important}.btn-primary-action:active:not(:disabled){transform:translateY(0)}.btn-primary-action:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-secondary-action{background:var(--bg-subtle)!important;color:var(--text-primary)!important;border:1.5px solid var(--border-light)!important;padding:.72rem 1.25rem!important;font-weight:600!important}.btn-secondary-action:hover{background:var(--border-light)!important;color:var(--text-primary)!important}.btn-primary-action svg,.btn-secondary-action svg,.solids-submit-btn svg,.time-confirm-submit-btn svg,.stepper-btn svg,.btn-camera-upload svg{vertical-align:middle;flex-shrink:0;margin-top:-1px;display:inline-block}.modal-header{border-bottom:1px solid var(--border-light)!important;box-sizing:border-box!important;justify-content:space-between!important;align-items:flex-start!important;gap:1rem!important;width:100%!important;margin-bottom:1.25rem!important;padding-bottom:1rem!important;display:flex!important}.modal-title-with-oz{flex:1!important;align-items:center!important;gap:.65rem!important;display:flex!important}.modal-title-with-oz h3{color:var(--text-primary)!important;margin:0!important;font-size:1.15rem!important;font-weight:700!important;line-height:1.3!important}.oz-highlight-pill{border-radius:var(--radius-pill)!important;background:var(--bg-subtle)!important;color:var(--accent-terracotta)!important;border:1.5px solid var(--border-light)!important;white-space:nowrap!important;padding:.25rem .65rem!important;font-size:.85rem!important;font-weight:800!important}.btn-close-modal{width:32px!important;height:32px!important;color:var(--text-muted)!important;background:var(--bg-subtle)!important;border:1px solid var(--border-light)!important;cursor:pointer!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;transition:all .15s!important;display:flex!important}.btn-close-modal:hover{background:var(--border-light)!important;color:var(--text-primary)!important}.form-row-2{grid-template-columns:repeat(2,1fr);gap:.85rem;width:100%;margin-bottom:.85rem;display:grid}@media (width<=600px){.form-row-2{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:.35rem;width:100%;margin-bottom:.75rem;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.02em;font-size:.78rem;font-weight:700}.form-input{border-radius:var(--radius-md);border:1.5px solid var(--border-light);background:var(--bg-card);width:100%;color:var(--text-primary);font-family:var(--font-sans);box-sizing:border-box;outline:none;padding:.7rem .9rem;font-size:.88rem;transition:all .2s}.form-input:focus{border-color:var(--accent-terracotta);box-shadow:0 0 0 3px #c25e3426}.form-help-text{color:var(--text-muted);font-size:.75rem;line-height:1.4}.modal-actions{box-sizing:border-box;justify-content:flex-end;align-items:center;gap:.75rem;width:100%;display:flex}.custom-stepper-drawer{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:.85rem;margin-top:.75rem;padding:1rem;display:flex}.custom-stepper-controls{justify-content:center;align-items:center;gap:1.25rem;display:flex}.baby-settings-hero-card{background:var(--bg-subtle);border:1.5px solid var(--border-light);border-radius:var(--radius-md);align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1rem 1.15rem;display:flex}.baby-hero-avatar{background:var(--bg-card);width:48px;height:48px;color:var(--accent-terracotta);border:1.5px solid var(--border-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.baby-hero-details{flex:1}.baby-hero-name-row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.baby-hero-name-row h4{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700}.baby-age-pill{border-radius:var(--radius-pill);background:var(--bg-card);color:var(--accent-terracotta);border:1px solid var(--border-light);padding:.2rem .6rem;font-size:.75rem;font-weight:700}.baby-hero-subtitle{color:var(--text-muted);margin:.25rem 0 0;font-size:.78rem}.settings-card-group{background:var(--bg-subtle);border:1.5px solid var(--border-light);border-radius:var(--radius-md);padding:1.1rem}.settings-card-header{align-items:flex-start;gap:.75rem;display:flex}.settings-card-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.settings-card-header h5{color:var(--text-primary);margin:0 0 .15rem;font-size:.92rem;font-weight:700}.settings-card-desc{color:var(--text-muted);margin:0;font-size:.76rem;line-height:1.35}.baby-target-oz-control{flex-direction:column;gap:.75rem;display:flex}.target-oz-display{align-items:baseline;gap:.35rem;padding:0 .5rem;display:flex}.target-oz-number{color:var(--text-primary);font-size:1.6rem;font-weight:800}.target-oz-unit{color:var(--text-muted);font-size:.85rem;font-weight:600}.quick-target-presets{flex-wrap:wrap;gap:.45rem;margin-top:.5rem;display:flex}.preset-oz-chip{border-radius:var(--radius-pill);background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;padding:.35rem .75rem;font-size:.8rem;font-weight:700;transition:all .15s}.preset-oz-chip:hover,.preset-oz-chip.active{background:var(--accent-terracotta);border-color:var(--accent-terracotta);color:#fff}.night-mode .form-input{background:var(--bg-card);border-color:var(--border-light);color:var(--text-primary)}.night-mode .baby-settings-hero-card,.night-mode .settings-card-group{background:var(--bg-subtle);border-color:var(--border-light)}.night-mode .baby-hero-avatar,.night-mode .baby-age-pill,.night-mode .preset-oz-chip{background:var(--bg-card);border-color:var(--border-light)}.settings-page-header{z-index:50!important;justify-content:space-between!important;align-items:center!important;padding:.75rem 1.5rem!important;display:flex!important;position:sticky!important;top:0!important}.settings-page-header-left{align-items:center;gap:.75rem;display:flex}.settings-page-header-right{align-items:center;gap:.65rem;display:flex}.btn-back-nav{border-radius:var(--radius-pill);background:var(--bg-subtle);border:1.5px solid var(--border-light);color:var(--text-primary);align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-back-nav:hover{background:var(--border-light);transform:translate(-2px)}.header-divider-v{background:var(--border-light);width:1px;height:22px}.settings-page-container{box-sizing:border-box;width:100%;max-width:860px;margin:0 auto;padding:2.25rem 1.25rem 4rem}.settings-hero-header{margin-bottom:1.5rem}.settings-hero-title{letter-spacing:-.025em;color:var(--text-primary);margin:0 0 .35rem;font-size:2rem;font-weight:800}.settings-hero-sub{color:var(--text-muted);max-width:680px;margin:0;font-size:.95rem;line-height:1.5}.settings-page-tabs{border-bottom:1.5px solid var(--border-light);margin-bottom:1.5rem;padding-bottom:.85rem}.settings-section-card{background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);box-sizing:border-box;padding:2rem}.section-card-title{color:var(--text-primary);margin:0 0 .25rem;font-size:1.2rem;font-weight:700}.section-card-sub{color:var(--text-muted);margin:0 0 1.5rem;font-size:.85rem;line-height:1.45}.data-tools-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.csv-upload-dropzone{border:2px dashed var(--accent-terracotta);border-radius:var(--radius-lg);background:var(--bg-subtle);text-align:center;cursor:pointer;margin-bottom:1.5rem;padding:2.5rem 1.5rem;transition:all .2s cubic-bezier(.16,1,.3,1)}.csv-upload-dropzone:hover{border-color:var(--accent-terracotta);background:#c25e340f;transform:translateY(-2px)}.dropzone-inner{flex-direction:column;align-items:center;gap:.5rem;display:flex}.dropzone-icon-pill{background:var(--bg-card);width:52px;height:52px;color:var(--accent-terracotta);box-shadow:var(--shadow-subtle);border:1.5px solid var(--border-light);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.dropzone-inner h4{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.dropzone-inner p{color:var(--text-muted);margin:0;font-size:.85rem}.dropzone-badge{color:var(--accent-terracotta);background:var(--bg-card);border-radius:var(--radius-pill);border:1px solid var(--border-light);margin-top:.5rem;padding:.25rem .75rem;font-size:.76rem;font-weight:700}.csv-preview-card{background:var(--bg-subtle);border:1.5px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1.5rem}.csv-preview-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.csv-preview-header h4{color:var(--text-primary);margin:0 0 .2rem;font-size:1.1rem;font-weight:700}.csv-preview-header p{color:var(--text-muted);margin:0;font-size:.8rem}.csv-counts-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}@media (width<=680px){.csv-counts-grid{grid-template-columns:repeat(2,1fr)}}.csv-stat-pill{background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:var(--radius-md);flex-direction:column;gap:.25rem;padding:.85rem;display:flex}.csv-stat-pill strong{color:var(--accent-terracotta);font-size:1.5rem;font-weight:800}.csv-stat-pill span{color:var(--text-muted);font-size:.75rem;font-weight:600;line-height:1.3}.csv-table-preview-wrap h5{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin:0 0 .65rem;font-size:.85rem;font-weight:700}.csv-preview-table-container{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-card);overflow-x:auto}.csv-preview-table{border-collapse:collapse;text-align:left;width:100%;font-size:.82rem}.csv-preview-table th{background:var(--bg-subtle);color:var(--text-muted);border-bottom:1px solid var(--border-light);text-transform:uppercase;letter-spacing:.03em;padding:.6rem .85rem;font-size:.72rem;font-weight:700}.csv-preview-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:.6rem .85rem}.csv-preview-table tr:last-child td{border-bottom:none}.csv-success-banner{border-radius:var(--radius-md);color:#15803d;background:#22c55e1f;border:1.5px solid #22c55e4d;align-items:center;gap:.65rem;margin-bottom:1.25rem;padding:.85rem 1.15rem;font-size:.9rem;font-weight:700;display:flex}.night-mode .csv-success-banner{color:#86efac;background:#22c55e26;border-color:#22c55e59}.night-mode .settings-section-card{background:var(--bg-card);border-color:var(--border-light)}.night-mode .csv-upload-dropzone{background:var(--bg-subtle);border-color:var(--accent-terracotta)}.night-mode .csv-preview-card{background:var(--bg-subtle);border-color:var(--border-light)}.night-mode .csv-stat-pill,.night-mode .csv-preview-table-container{background:var(--bg-card);border-color:var(--border-light)}@media (width<=640px){.settings-page-container{padding:1.25rem 1rem 3rem}.settings-section-card{padding:1.25rem}.settings-hero-title{font-size:1.55rem}.back-nav-text{display:none}}input[type=number]::-webkit-outer-spin-button{appearance:none!important;margin:0!important;display:none!important}input[type=number]::-webkit-inner-spin-button{appearance:none!important;margin:0!important;display:none!important}input[type=number]{appearance:textfield!important}.input-with-unit{align-items:center;width:100%;display:flex;position:relative}.input-with-unit .form-input,.input-with-unit input{padding-right:2.75rem!important}.input-unit-tag{color:var(--text-muted);pointer-events:none;text-transform:lowercase;-webkit-user-select:none;user-select:none;letter-spacing:.02em;font-size:.78rem;font-weight:700;position:absolute;top:50%;right:.85rem;transform:translateY(-50%)}input[type=date],input[type=time]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.75;transition:opacity .2s,filter .2s}input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.75;transition:opacity .2s,filter .2s}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}.night-mode input[type=date],.night-mode input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.night-mode input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.9)brightness(1.25);opacity:.92;cursor:pointer}.night-mode input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.9)brightness(1.25);opacity:.92;cursor:pointer}.night-mode input[type=date]::-webkit-calendar-picker-indicator:hover{filter:invert()brightness(1.4);opacity:1}.night-mode input[type=time]::-webkit-calendar-picker-indicator:hover{filter:invert()brightness(1.4);opacity:1}.label-with-unit-toggle{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.label-with-unit-toggle .form-label{margin-bottom:0!important}.mini-unit-toggle{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-pill);align-items:center;gap:2px;padding:2px;display:inline-flex}.mini-unit-btn{font-family:var(--font-sans);text-transform:lowercase;color:var(--text-muted);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:none;padding:.15rem .5rem;font-size:.72rem;font-weight:700;line-height:1.1;transition:all .15s}.mini-unit-btn:hover{color:var(--text-primary)}.mini-unit-btn.active{background:var(--btn-primary-bg,var(--accent-terracotta));color:var(--btn-primary-text,#fff);box-shadow:0 1px 3px #0000001f}.night-mode .mini-unit-toggle{background:var(--bg-card);border-color:var(--border-light)}.night-mode .mini-unit-btn.active{background:var(--btn-primary-bg,var(--accent-terracotta));color:var(--btn-primary-text,#fff)}.icon-terracotta{color:#c25e34;background:#fdf2ed}.icon-blue{color:#2563eb;background:#eff6ff}.icon-purple{color:#7c3aed;background:#f5f3ff}.icon-amber{color:#b45309;background:#fef3c7}.icon-gold{color:var(--accent-gold);background:#faf2ee}.icon-neutral{background:var(--bg-subtle);color:var(--text-primary)}.icon-subtle{color:#5e5852;background:#f1ece3}.icon-danger{color:#dc2626;background:#fee2e2}.night-mode .stat-card-icon,.night-mode .quick-bar-icon-pill,.night-mode .popover-icon-box,.night-mode .settings-card-icon,.night-mode .mode-icon-box{box-shadow:none!important;background:0 0!important;border:none!important}.night-mode .icon-terracotta{color:var(--accent-terracotta)!important}.night-mode .icon-blue{color:#60a5fa!important}.night-mode .icon-purple{color:#c4b5fd!important}.night-mode .icon-amber{color:#fde047!important}.night-mode .icon-gold{color:var(--accent-gold)!important}.night-mode .icon-neutral{color:var(--text-primary)!important}.night-mode .icon-subtle{color:var(--text-secondary)!important}.night-mode .icon-danger{color:#f87171!important}.jackson-subnav-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:.65rem;margin-bottom:1.25rem;padding-bottom:.35rem;display:flex;overflow-x:auto}.jackson-subnav-row::-webkit-scrollbar{display:none}.jackson-subnav-row .subnav-pill{white-space:nowrap;flex-shrink:0}.jackson-subtab-content{margin-bottom:2rem}.jackson-footer-controls{flex-direction:column;gap:1.25rem;margin-top:2rem;display:flex}.is-full-expanded{z-index:1050!important;background:var(--bg-sand)!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;box-shadow:none!important;border:none!important;border-radius:0!important;padding:1.5rem!important;position:fixed!important;inset:0!important;overflow-y:auto!important}@media (width>=768px){.is-full-expanded{padding:2.5rem 4rem!important}}.btn-icon-expand{border-radius:var(--radius-sm);background:var(--bg-subtle);width:34px;height:34px;color:var(--text-secondary);border:1px solid var(--border-light);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.btn-icon-expand:hover{color:var(--text-primary);background:var(--bg-warm-hover);transform:scale(1.04)}.night-mode .btn-icon-expand{background:var(--bg-card);color:var(--text-secondary);border-color:var(--border-light)}.night-mode .btn-icon-expand:hover{background:var(--border-light);color:var(--text-primary)}.teething-header-actions-row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.medical-tracker-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);padding:1.35rem}.medical-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.medical-title-wrap{align-items:center;gap:.75rem;display:flex}.medical-header-icon{color:#2563eb}.medical-header-actions{align-items:center;gap:.5rem;display:flex}.medical-subnav-row{background:var(--bg-subtle);border-radius:var(--radius-pill);align-items:center;gap:.5rem;width:fit-content;margin-bottom:1.25rem;padding:.35rem;display:flex}.medical-nav-pill{border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.45rem;padding:.45rem .95rem;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex}.medical-nav-pill.active{background:var(--bg-card);color:var(--text-primary);font-weight:700;box-shadow:0 1px 4px #00000014}.medical-nav-badge{color:#15803d;background:#dcfce7;border-radius:6px;padding:.1rem .45rem;font-size:.7rem;font-weight:800}.vax-stats-banner{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.vax-stat-col{background:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border-light);flex-direction:column;padding:.85rem 1rem;display:flex}.vax-stat-col.vax-stat-action{cursor:pointer;justify-content:center;align-items:center;transition:all .2s}.vax-stat-col.vax-stat-action:hover{background:var(--bg-warm-hover);border-color:var(--accent-terracotta)}.vax-stat-number{font-size:1.45rem;font-weight:800;line-height:1.2}.text-green{color:#16a34a}.text-amber{color:#d97706}.vax-stat-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-top:.2rem;font-size:.72rem;font-weight:700}.vax-schedule-list{flex-direction:column;gap:1.25rem;display:flex}.vax-age-group-card{background:var(--bg-sand);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1rem}.vax-group-heading{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.vax-group-tag{color:var(--text-primary);font-size:.88rem;font-weight:700}.vax-group-count{color:var(--text-muted);font-size:.72rem;font-weight:600}.vax-items-grid{grid-template-columns:1fr;gap:.65rem;display:grid}@media (width>=640px){.vax-items-grid{grid-template-columns:1fr 1fr}}.vax-item-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .85rem;transition:all .15s;display:flex}.vax-item-card:hover{box-shadow:var(--shadow-subtle);border-color:#2563eb;transform:translateY(-1px)}.vax-item-main{flex:1;min-width:0}.vax-item-name{color:var(--text-primary);align-items:center;gap:.4rem;margin-bottom:.15rem;font-size:.85rem;font-weight:700;display:flex}.vax-item-desc{color:var(--text-muted);font-size:.72rem;line-height:1.3}.vax-date-stamp{color:#16a34a;margin-top:.2rem;font-size:.7rem;font-weight:600}.vax-item-action{align-items:center;gap:.4rem;display:flex}.badge-vax-completed{color:#15803d;background:#dcfce7;border-radius:4px;padding:.15rem .45rem;font-size:.7rem;font-weight:700}.badge-vax-upcoming{color:#b45309;background:#fef3c7;border-radius:4px;padding:.15rem .45rem;font-size:.7rem;font-weight:700}.temp-hero-card{background:var(--bg-sand);border:1px solid var(--border-light);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1.15rem;display:flex}.temp-hero-left{align-items:center;gap:.85rem;display:flex}.temp-icon-circle{color:#2563eb;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.temp-normal{color:#16a34a}.temp-elevated{color:#d97706}.temp-fever{color:#dc2626}.temp-logs-table-wrap{border:1px solid var(--border-light);border-radius:var(--radius-md);overflow-x:auto}.temp-logs-table{border-collapse:collapse;text-align:left;width:100%;font-size:.82rem}.temp-logs-table th{background:var(--bg-subtle);color:var(--text-secondary);border-bottom:1px solid var(--border-light);white-space:nowrap;padding:.65rem .85rem;font-weight:700}.temp-logs-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);background:var(--bg-card);padding:.65rem .85rem}.temp-val-cell{font-size:.95rem;font-weight:800}.med-tag{color:#7e22ce;border-radius:var(--radius-pill);background:#9333ea14;border:1px solid #9333ea33;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.night-mode .med-tag{color:#d8b4fe!important;background:#a855f726!important;border-color:#a855f74d!important}.btn-trash-table{color:var(--text-muted);cursor:pointer;border-radius:4px;padding:4px;transition:all .15s}.btn-trash-table:hover{color:#dc2626;background:#fee2e2}.empty-temp-state{text-align:center;color:var(--text-muted);padding:2.5rem 1rem}.milestones-tracker-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);padding:1.35rem}.milestones-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.milestones-title-wrap{align-items:center;gap:.75rem;display:flex}.milestones-header-icon{color:var(--accent-terracotta)}.milestones-subnav-row{background:var(--bg-subtle);border-radius:var(--radius-pill);border:1px solid var(--border-light);scrollbar-width:none;align-items:center;gap:.35rem;width:fit-content;max-width:100%;margin-bottom:1.25rem;padding:.3rem;display:flex;overflow-x:auto}.milestones-subnav-row::-webkit-scrollbar{display:none}.milestones-nav-pill{border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;padding:.42rem .9rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.milestones-nav-pill:hover{color:var(--text-primary)}.milestones-nav-pill.active{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-light);font-weight:700;box-shadow:0 1px 4px #00000014}.milestones-nav-badge{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-light);letter-spacing:.02em;border-radius:9999px;align-items:center;padding:.12rem .5rem;font-size:.68rem;font-weight:700;display:inline-flex}.milestones-age-selector{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.15rem;display:flex}.age-selector-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:800}.age-pills-group{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.age-pill-btn{color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border-light);cursor:pointer;white-space:nowrap;border-radius:9999px;align-items:center;padding:.35rem .8rem;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.age-pill-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-medium)}.age-pill-btn.active{background:var(--accent-terracotta);color:#fff;border-color:var(--accent-terracotta);font-weight:700;box-shadow:0 2px 6px #c25b3a40}.category-filter-row{scrollbar-width:none;align-items:center;gap:.45rem;margin-bottom:1.25rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.category-filter-row::-webkit-scrollbar{display:none}.cat-filter-btn{color:var(--text-muted);border:1px solid var(--border-light);cursor:pointer;white-space:nowrap;background:0 0;border-radius:9999px;align-items:center;padding:.32rem .75rem;font-size:.76rem;font-weight:600;transition:all .15s;display:inline-flex}.cat-filter-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.cat-filter-btn.active{background:var(--bg-subtle);color:var(--text-primary);border-color:var(--border-medium);font-weight:700}.milestones-progress-card{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:1.15rem;padding:.9rem 1.15rem}.milestones-progress-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.milestones-progress-title{color:var(--text-primary);font-size:.82rem;font-weight:700}.milestones-progress-stat{color:var(--text-secondary);font-size:.78rem;font-weight:600}.milestones-progress-stat strong{color:var(--text-primary);font-weight:800}.milestones-progress-bar{background:var(--border-light);border-radius:9999px;width:100%;height:7px;overflow:hidden}.milestones-progress-fill{background:var(--accent-terracotta);border-radius:9999px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.milestones-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=640px){.milestones-grid{grid-template-columns:1fr 1fr}}.milestone-item-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;justify-content:space-between;align-items:flex-start;gap:.85rem;padding:.95rem 1rem;transition:all .15s;display:flex}.milestone-item-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-subtle);transform:translateY(-1px)}.milestone-item-card.is-completed{border-color:var(--border-light);background:var(--bg-card)}.milestone-card-main{flex:1;align-items:flex-start;gap:.75rem;display:flex}.milestone-check-box{border:1.5px solid var(--border-medium);width:24px;height:24px;color:var(--text-muted);background:0 0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;transition:all .2s;display:flex}.milestone-check-box.checked{background:var(--accent-terracotta);border-color:var(--accent-terracotta);color:#fff}.milestone-content{flex-direction:column;flex:1;gap:.35rem;display:flex}.milestone-badge-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.milestone-cat-badge{text-transform:capitalize;border-radius:9999px;padding:.15rem .5rem;font-size:.68rem;font-weight:700}.badge-cat-social{color:#7e22ce;background:#9333ea14;border:1px solid #9333ea29}.badge-cat-language{color:#2563eb;background:#2563eb14;border:1px solid #2563eb29}.badge-cat-cognitive{color:#b45309;background:#d9770614;border:1px solid #d9770629}.badge-cat-movement{color:#0f766e;background:#0d948814;border:1px solid #0d948829}.milestone-age-tag{text-transform:uppercase;background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:4px;padding:.15rem .4rem;font-size:.68rem;font-weight:800}.milestone-title{color:var(--text-primary);font-size:.88rem;font-weight:700;line-height:1.3}.milestone-desc{color:var(--text-muted);font-size:.74rem;line-height:1.35}.milestone-date-stamp{color:var(--text-muted);margin-top:.15rem;font-size:.72rem;font-weight:600}.milestone-notes-preview{color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:4px;margin-top:.2rem;padding:.25rem .5rem;font-size:.7rem;font-style:italic}.milestone-chevron{color:var(--text-muted);flex-shrink:0;margin-top:.5rem}.firsts-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem;display:grid}.first-memory-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;justify-content:space-between;gap:.65rem;padding:.95rem;transition:all .15s;display:flex}.first-memory-card:hover{border-color:var(--border-medium);transform:translateY(-1px)}.first-memory-card.is-achieved{background:var(--bg-card);border-color:var(--border-light)}.first-card-top{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.first-status-icon{color:var(--text-muted);justify-content:center;align-items:center;display:flex}.first-status-icon.achieved{color:var(--accent-terracotta)}.first-title{color:var(--text-primary);font-size:.88rem;font-weight:700}.first-date-pill{color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:9999px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.first-pending-pill{color:var(--text-muted);background:var(--bg-subtle);border-radius:4px;padding:.15rem .45rem;font-size:.7rem;font-weight:600}.first-notes{color:var(--text-secondary);font-size:.74rem;line-height:1.35}.firsts-hero-card{background:var(--bg-sand);border:1px solid var(--border-light);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1.15rem;display:flex}.firsts-hero-left{align-items:center;gap:.85rem;display:flex}.firsts-hero-icon{width:44px;height:44px;color:var(--accent-terracotta);background:#faf2ee;border-radius:50%;justify-content:center;align-items:center;display:flex}.potty-tracker-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);padding:1.35rem}.potty-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.potty-title-wrap{align-items:center;gap:.75rem;display:flex}.potty-header-icon{color:#059669}.potty-header-actions{align-items:center;gap:.5rem;display:flex}.btn-add-potty{background:var(--btn-primary-bg,var(--accent-terracotta));color:var(--btn-primary-text,#fff);border-radius:var(--radius-pill);cursor:pointer;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.84rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-add-potty:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.potty-stats-row{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.potty-stat-box{background:var(--bg-sand);border:1px solid var(--border-light);border-radius:var(--radius-md);flex-direction:column;padding:.85rem 1rem;display:flex}.potty-stat-num{color:var(--text-primary);font-size:1.5rem;font-weight:800;line-height:1.2}.potty-stat-lbl{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-top:.2rem;font-size:.72rem;font-weight:700}.potty-section-subtitle{color:var(--text-primary);margin-bottom:.75rem;font-size:.95rem;font-weight:700}.potty-logs-list{flex-direction:column;gap:.65rem;display:flex}.potty-log-item{background:var(--bg-sand);border:1px solid var(--border-light);border-radius:var(--radius-md);justify-content:space-between;align-items:flex-start;gap:1rem;padding:.85rem 1rem;display:flex}.potty-item-left{flex-direction:column;gap:.35rem;display:flex}.potty-result-pill{border-radius:var(--radius-pill);align-items:center;gap:.35rem;width:fit-content;padding:.2rem .55rem;font-size:.74rem;font-weight:700;display:inline-flex}.badge-potty-pee{color:#2563eb;background:#eff6ff}.badge-potty-poo{color:var(--accent-terracotta);background:#fdf2ed}.badge-potty-both{color:#059669;background:#ecfdf5}.badge-potty-dry{background:var(--bg-subtle);color:var(--text-muted)}.potty-item-meta{flex-direction:column;gap:.2rem;display:flex}.potty-time-text{color:var(--text-primary);font-size:.76rem;font-weight:600}.potty-location-text{color:var(--text-muted);font-size:.72rem}.potty-reward-note{color:#d97706;font-size:.72rem;font-weight:700}.potty-notes-text{color:var(--text-secondary);margin-top:.15rem;font-size:.74rem}.potty-item-right{align-items:center;gap:.5rem;display:flex}.potty-logged-by{color:var(--text-muted);font-size:.7rem}.btn-trash-potty{color:var(--text-muted);cursor:pointer;border-radius:4px;padding:5px;transition:all .15s}.btn-trash-potty:hover{color:#dc2626;background:#fee2e2}.potty-empty-state{text-align:center;color:var(--text-muted);padding:2.5rem 1rem;font-size:.85rem}.potty-result-options{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.potty-location-options{flex-direction:column;gap:.4rem;display:flex}.btn-choice{border:1.5px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;gap:.45rem;padding:.65rem;font-size:.84rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-choice.active{border-color:var(--accent-terracotta);color:var(--accent-terracotta);background:#fdf2ed}.btn-choice-sm{border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-secondary);text-align:left;cursor:pointer;padding:.5rem .75rem;font-size:.78rem;font-weight:600;transition:all .15s}.btn-choice-sm.active{border-color:var(--text-primary);background:var(--bg-subtle);color:var(--text-primary);font-weight:700}.feature-toggle-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.35rem;display:flex}.feature-toggle-info{align-items:center;gap:.85rem;display:flex}.feature-toggle-icon{color:#2563eb;background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.toggle-title{color:var(--text-primary);font-size:.95rem;font-weight:700}.toggle-desc{color:var(--text-muted);margin-top:.15rem;font-size:.78rem;line-height:1.35}.btn-toggle-switch{cursor:pointer;background:#d1d5db;border:none;border-radius:999px;flex-shrink:0;width:48px;height:26px;padding:2px;transition:background-color .2s;position:relative}.btn-toggle-switch.enabled{background:#16a34a}.toggle-switch-handle{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;display:block;transform:translate(0);box-shadow:0 2px 4px #0003}.btn-toggle-switch.enabled .toggle-switch-handle{transform:translate(22px)}.night-mode .medical-tracker-card,.night-mode .milestones-tracker-card,.night-mode .potty-tracker-card,.night-mode .feature-toggle-card{background:var(--bg-card);border-color:var(--border-light)}.night-mode .vax-age-group-card,.night-mode .vax-item-card,.night-mode .temp-hero-card,.night-mode .milestones-progress-card,.night-mode .milestone-item-card,.night-mode .first-memory-card,.night-mode .firsts-hero-card,.night-mode .potty-stat-box,.night-mode .potty-log-item{background:var(--bg-subtle)!important;border-color:var(--border-light)!important}.night-mode .medical-nav-pill.active,.night-mode .milestones-nav-pill.active{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-medium)}.night-mode .jackson-dropdown-trigger{background:var(--bg-card);border-color:var(--border-light)}.night-mode .jackson-dropdown-trigger:hover,.night-mode .jackson-dropdown-trigger.open{background:var(--bg-subtle);border-color:var(--accent-primary)}.night-mode .dropdown-trigger-icon-wrap{box-shadow:none!important;width:auto!important;height:auto!important;color:var(--accent-primary)!important;background:0 0!important;border:none!important;padding:0!important}.night-mode .jackson-dropdown-menu{background:var(--bg-card);border-color:var(--border-light);box-shadow:0 12px 30px #00000073}.night-mode .jackson-dropdown-item:hover{background:var(--bg-subtle)}.night-mode .jackson-dropdown-item.selected{background:var(--accent-primary-subtle)!important}.night-mode .dropdown-item-icon{box-shadow:none!important;width:auto!important;height:auto!important;color:var(--text-muted)!important;background:0 0!important;border:none!important;padding:0!important}.night-mode .jackson-dropdown-item:hover .dropdown-item-icon{color:var(--text-primary)!important}.night-mode .jackson-dropdown-item.selected .dropdown-item-icon{box-shadow:none!important;color:var(--accent-primary)!important;background:0 0!important;border:none!important}.night-mode .jackson-dropdown-item.selected .dropdown-item-title{color:var(--accent-primary-text)!important}.night-mode .dropdown-check-icon{color:var(--accent-primary)!important}.night-mode .milestones-nav-badge{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-light)}.night-mode .age-pill-btn{border-color:var(--border-light);color:var(--text-secondary);background:#ffffff0a}.night-mode .age-pill-btn:hover{color:var(--text-primary);background:#ffffff14}.night-mode .age-pill-btn.active{background:var(--accent-terracotta);color:#fff;border-color:var(--accent-terracotta)}.night-mode .cat-filter-btn{border-color:var(--border-light);color:var(--text-secondary)}.night-mode .cat-filter-btn.active{border-color:var(--border-medium);color:var(--text-primary);background:#ffffff14}.night-mode .badge-cat-social{color:#d8b4fe;background:#a855f726;border-color:#a855f74d}.night-mode .badge-cat-language{color:#93c5fd;background:#60a5fa26;border-color:#60a5fa4d}.night-mode .badge-cat-cognitive{color:#fcd34d;background:#fbbf2426;border-color:#fbbf244d}.night-mode .badge-cat-movement{color:#5eead4;background:#2dd4bf26;border-color:#2dd4bf4d}.night-mode .temp-logs-table th{background:var(--bg-card);border-color:var(--border-light);color:var(--text-secondary)}.night-mode .temp-logs-table td{background:var(--bg-subtle);border-color:var(--border-light);color:var(--text-primary)}.night-mode .milestone-item-card.is-completed,.night-mode .first-memory-card.achieved,.night-mode .first-memory-card.is-achieved{background:var(--bg-card)!important;border-color:var(--border-light)!important}.night-mode .btn-choice,.night-mode .btn-choice-sm{background:var(--bg-card);border-color:var(--border-light);color:var(--text-secondary)}.night-mode .btn-choice.active{background:var(--accent-primary-subtle);border-color:var(--accent-primary);color:var(--accent-primary-text)}.night-mode .btn-choice-sm.active{background:var(--border-light);color:var(--text-primary);border-color:var(--border-light)}.night-mode .temp-icon-circle,.night-mode .firsts-hero-icon,.night-mode .feature-toggle-icon,.night-mode .formula-guide-icon-pill,.night-mode .nara-icon-pill,.night-mode .timeline-item-icon,.night-mode .glance-icon-wrap,.night-mode .hero-icon-pill,.night-mode .dropdown-trigger-icon-wrap,.night-mode .dropdown-item-icon,.night-mode .action-icon-pill,.night-mode .dropzone-icon-pill,.night-mode .groceries-icon-pill,.night-mode .notes-icon-pill,.night-mode .recipes-icon-pill,.night-mode .settings-icon-pill,.night-mode .nara-icon-box,.night-mode .stat-icon-wrap,.night-mode .stat-card-icon,.night-mode .quick-bar-icon-pill,.night-mode .popover-icon-box,.night-mode .settings-card-icon,.night-mode .mode-icon-box,.night-mode .reminders-icon-direct,.night-mode .banner-icon,.night-mode .btn-icon-pill,.night-mode .checkup-icon-wrap,.night-mode .tooth-status-icon,.night-mode .empty-temp-icon,.night-mode .feed-icon-bubble,.night-mode .feeding-dropdown-trigger-icon,.night-mode .feeding-dropdown-item-icon,.night-mode .feed-card-icon-wrap,.night-mode .baby-stage-badge-icon{box-shadow:none!important;background:0 0!important;border:none!important;width:auto!important;height:auto!important;padding:0!important}.formula-guide-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;margin-bottom:4px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.formula-guide-card:hover{border-color:#6366f14d}.formula-guide-trigger{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 14px;transition:background-color .15s;display:flex}.formula-guide-trigger:hover{background:var(--bg-subtle)}.formula-guide-trigger-left{align-items:center;gap:12px;min-width:0;display:flex}.formula-guide-icon-pill{color:#6366f1;background:#6366f11f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.formula-guide-title{color:var(--text-primary);margin:0;font-size:.88rem;font-weight:600;line-height:1.25}.formula-guide-sub{color:var(--text-muted);margin:2px 0 0;font-size:.74rem;line-height:1.2}.formula-guide-trigger-right{color:var(--text-secondary);flex-shrink:0;align-items:center;gap:8px;display:flex}.formula-guide-badge{background:var(--bg-subtle);border:1px solid var(--border-light);color:var(--text-secondary);border-radius:20px;padding:3px 8px;font-size:.72rem;font-weight:600}.formula-guide-body{border-top:1px solid var(--border-light);flex-direction:column;gap:12px;padding:12px 14px 14px;display:flex}.formula-brands-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;display:grid}.formula-brand-box{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:10px;flex-direction:column;padding:12px;display:flex}.brand-box-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.brand-type-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 7px;font-size:.68rem;font-weight:700}.brand-type-tag.tag-powder{color:#2563eb;background:#3b82f61f}.brand-type-tag.tag-ready{color:#059669;background:#10b9811f}.brand-status-badge{color:var(--text-muted);font-size:.7rem}.brand-name{color:var(--text-primary);margin:0 0 2px;font-size:.95rem;font-weight:700}.brand-desc{color:var(--text-secondary);margin:0 0 10px;font-size:.78rem}.brand-instructions-list{flex-direction:column;gap:6px;display:flex}.instruction-row{color:var(--text-primary);align-items:flex-start;gap:8px;font-size:.78rem;line-height:1.4;display:flex}.inst-check{color:#10b981;flex-shrink:0;margin-top:2px}.formula-safety-banner{background:#f59e0b14;border:1px solid #f59e0b40;border-radius:8px;padding:10px 12px}.safety-header{color:#b45309;align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:flex}.safety-bullets{color:var(--text-secondary);margin:6px 0 0 16px;padding:0;font-size:.76rem;line-height:1.45}.safety-bullets li{margin-bottom:3px}.night-mode .formula-brand-box{background:var(--bg-card);border-color:var(--border-light)}.night-mode .brand-type-tag.tag-powder{color:#93c5fd;background:#3b82f633}.night-mode .brand-type-tag.tag-ready{color:#6ee7b7;background:#10b98133}.night-mode .safety-header{color:#fbbf24}.night-mode .formula-safety-banner{background:#f59e0b1a;border-color:#f59e0b4d}.feeding-tracker-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);padding:1.35rem}.feeding-tracker-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.feeding-header-left{align-items:center;gap:.75rem;display:flex}.feeding-header-icon{color:var(--accent-terracotta)}.feeding-pill-dropdown-wrap{z-index:30;display:inline-block;position:relative}.feeding-dropdown-trigger{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-pill);color:var(--text-primary);cursor:pointer;align-items:center;gap:.65rem;padding:.42rem .95rem .42rem .55rem;font-size:.84rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 3px #0000000a}.feeding-dropdown-trigger:hover{border-color:var(--accent-primary);background:var(--bg-subtle);box-shadow:var(--shadow-subtle)}.feeding-dropdown-trigger.open{border-color:var(--accent-primary);background:var(--bg-subtle);box-shadow:0 0 0 3px var(--accent-primary-subtle)}.feeding-dropdown-trigger-icon{background:var(--accent-primary-subtle);width:26px;height:26px;color:var(--accent-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feeding-dropdown-trigger-label{color:var(--text-primary);white-space:nowrap;font-size:.84rem;font-weight:700}.feeding-dropdown-menu{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);z-index:100;flex-direction:column;gap:.2rem;min-width:260px;padding:.45rem;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px -5px #0000001f,0 8px 10px -6px #00000014}@media (width<=640px){.feeding-pill-dropdown-wrap{width:100%}.feeding-dropdown-trigger{justify-content:space-between;width:100%}.feeding-dropdown-menu{width:100%;left:0;right:0}}.feeding-dropdown-menu-header{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-light);margin-bottom:.25rem;padding:.4rem .65rem .3rem;font-size:.68rem;font-weight:800}.feeding-dropdown-item{border-radius:var(--radius-md);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:.6rem .75rem;transition:all .15s;display:flex}.feeding-dropdown-item:hover{background:var(--bg-hover)}.feeding-dropdown-item.selected{background:var(--accent-primary-subtle)}.feeding-dropdown-item-left{align-items:center;gap:.65rem;min-width:0;display:flex}.feeding-dropdown-item-icon{background:var(--bg-subtle);width:28px;height:28px;color:var(--text-secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.feeding-dropdown-item.selected .feeding-dropdown-item-icon{background:var(--accent-primary);color:#fff}.feeding-dropdown-item-info{flex-direction:column;min-width:0;display:flex}.feeding-dropdown-item-title{color:var(--text-primary);font-size:.84rem;font-weight:600}.feeding-dropdown-item.selected .feeding-dropdown-item-title{color:var(--accent-primary);font-weight:800}.feeding-dropdown-item-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.feeding-dual-cards{grid-template-columns:1fr;gap:.85rem;margin-bottom:1.25rem;display:grid}@media (width>=640px){.feeding-dual-cards{grid-template-columns:1fr 1fr}}.feeding-stat-card{background:var(--bg-sand);border:1px solid var(--border-light);border-radius:var(--radius-md);flex-direction:column;gap:.65rem;padding:1.1rem;display:flex}.stat-card-top{align-items:center;gap:.6rem;display:flex}.stat-icon-wrap{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.stat-icon-wrap.icon-formula{background:var(--accent-primary-subtle);color:var(--accent-primary)}.stat-icon-wrap.icon-solids{color:#b45309;background:#d977061f}.stat-type-label{color:var(--text-secondary);font-size:.82rem;font-weight:700}.stat-main-val{align-items:baseline;gap:.35rem;display:flex}.stat-number{color:var(--text-primary);font-size:1.75rem;font-weight:800;line-height:1}.stat-unit{color:var(--text-muted);font-size:.95rem;font-weight:700}.stat-target-note{color:var(--text-muted);margin-left:.25rem;font-size:.76rem}.stat-progress-bar{background:var(--border-light);border-radius:9999px;width:100%;height:7px;overflow:hidden}.stat-progress-fill{border-radius:9999px;height:100%;transition:width .4s}.stat-progress-fill.fill-formula{background:var(--accent-primary)}.stat-progress-fill.fill-solids{background:#d97706}.stat-card-meta{color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;font-size:.74rem;font-weight:500;display:flex}.feeding-routine-card{background:var(--bg-sand);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1.15rem}.routine-card-header{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.routine-header-icon{color:var(--accent-terracotta)}.routine-card-header h4{color:var(--text-primary);margin:0;font-size:.9rem;font-weight:700}.routine-timeline-grid{grid-template-columns:1fr;gap:.85rem;display:grid}@media (width>=640px){.routine-timeline-grid{grid-template-columns:1fr 1fr}}.routine-slot{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);flex-direction:column;gap:.35rem;padding:.85rem;display:flex}.routine-time{color:var(--accent-primary);letter-spacing:.03em;font-size:.72rem;font-weight:800}.routine-slot-body strong{color:var(--text-primary);margin-bottom:.2rem;font-size:.84rem;display:block}.routine-slot-body p{color:var(--text-secondary);margin:0;font-size:.75rem;line-height:1.4}.allergens-intro-banner{background:var(--bg-sand);border:1px solid var(--border-light);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1rem 1.15rem;display:flex}.banner-left{align-items:center;gap:.75rem;display:flex}.banner-icon{color:var(--accent-primary)}.banner-left h4{color:var(--text-primary);margin:0 0 .15rem;font-size:.88rem;font-weight:700}.banner-left p{color:var(--text-secondary);margin:0;font-size:.74rem}.banner-stat-chip{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-light);border-radius:9999px;padding:.3rem .65rem;font-size:.76rem;font-weight:600}.banner-stat-chip strong{color:var(--text-primary);font-weight:800}.allergens-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem;display:grid}.allergen-item-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;justify-content:space-between;gap:.65rem;padding:.95rem;transition:all .15s;display:flex}.allergen-item-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-subtle);transform:translateY(-1px)}.allergen-title-row{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.2rem;display:flex}.allergen-name{color:var(--text-primary);margin:0;font-size:.9rem;font-weight:700}.allergen-food-source{color:var(--text-muted);font-size:.72rem}.allergen-pill-status{white-space:nowrap;border-radius:9999px;padding:.12rem .5rem;font-size:.68rem;font-weight:700}.allergen-pill-status.status-tolerated{color:#059669;background:#10b9811a;border:1px solid #10b98133}.allergen-pill-status.status-progress{color:#d97706;background:#d977061a;border:1px solid #d9770633}.allergen-pill-status.status-pending{background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border-light)}.allergen-pill-status.status-reaction{color:#dc2626;background:#ef44441a;border:1px solid #ef444433}.allergen-card-bottom{flex-direction:column;gap:.25rem;display:flex}.allergen-date-stamp{color:var(--text-secondary);font-size:.72rem;font-weight:600}.allergen-date-stamp.pending{color:var(--text-muted);font-style:italic;font-weight:500}.allergen-notes-text{color:var(--text-secondary);margin:0;font-size:.7rem;font-style:italic}.history-control-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.history-scope-group,.history-filter-group{background:var(--bg-subtle);border-radius:var(--radius-pill);border:1px solid var(--border-light);align-items:center;gap:.2rem;padding:.25rem;display:inline-flex}.history-scope-btn,.history-filter-btn{color:var(--text-secondary);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;padding:.35rem .75rem;font-size:.76rem;font-weight:600;transition:all .15s}.history-scope-btn:hover,.history-filter-btn:hover{color:var(--text-primary)}.history-scope-btn.active,.history-filter-btn.active{background:var(--bg-card);color:var(--accent-primary-text);border-color:var(--accent-primary);font-weight:700;box-shadow:0 1px 3px #0000000d}.feeding-trends-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem;margin-bottom:1.25rem;display:grid}.trend-kpi-card{background:var(--bg-sand);border:1px solid var(--border-light);border-radius:var(--radius-md);flex-direction:column;gap:.4rem;padding:1rem 1.15rem;display:flex}.trend-kpi-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.68rem;font-weight:800}.trend-kpi-value-row{align-items:baseline;gap:.35rem;display:flex}.trend-kpi-number{color:var(--text-primary);font-size:1.65rem;font-weight:800;line-height:1.1}.trend-kpi-unit{color:var(--text-muted);font-size:.82rem;font-weight:700}.trend-kpi-meta{color:var(--text-secondary);font-size:.72rem;line-height:1.35}.trend-kpi-badge-wrap{margin-top:.2rem}.trend-kpi-status-badge{background:var(--accent-primary-subtle);color:var(--accent-primary-text);border:1px solid var(--accent-primary-subtle-border);border-radius:var(--radius-pill);padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-block}.feeding-daily-chart-card{background:var(--bg-sand);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:1.35rem;padding:1.15rem 1.25rem}.daily-chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.daily-chart-title-wrap{flex-direction:column;display:flex}.daily-chart-title{color:var(--text-primary);font-size:.92rem;font-weight:700}.daily-chart-subtitle{color:var(--text-muted);font-size:.74rem}.daily-chart-legend{color:var(--text-secondary);align-items:center;gap:.85rem;font-size:.72rem;font-weight:600;display:flex}.legend-item{align-items:center;gap:.35rem;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.legend-dot.formula{background:var(--accent-primary)}.legend-dot.target{border:1.5px dashed var(--text-muted);background:0 0}.legend-dot.solids{background:#d97706}.daily-bars-container{min-height:140px;padding-top:15px;position:relative}.daily-chart-target-line{border-top:1.5px dashed var(--border-medium);pointer-events:none;z-index:1;position:absolute;top:32px;left:0;right:0}.daily-bars-grid{z-index:2;scrollbar-width:none;justify-content:space-between;align-items:flex-end;gap:.4rem;height:120px;padding-bottom:.2rem;display:flex;position:relative;overflow-x:auto}.daily-bars-grid::-webkit-scrollbar{display:none}.daily-bar-column{cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:.3rem;min-width:28px;max-width:44px;display:flex;position:relative}.daily-bar-val-popover{background:var(--text-primary);color:var(--bg-card);white-space:nowrap;opacity:0;pointer-events:none;z-index:10;border-radius:4px;padding:.15rem .4rem;font-size:.65rem;font-weight:700;transition:opacity .15s;position:absolute;top:-24px}.daily-bar-column:hover .daily-bar-val-popover{opacity:1}.daily-bar-track{background:var(--border-light);border-radius:9999px;flex-direction:column;justify-content:flex-end;width:100%;max-width:18px;height:85px;display:flex;overflow:hidden}.daily-bar-fill{background:var(--accent-primary);border-radius:9999px;width:100%;transition:height .4s cubic-bezier(.4,0,.2,1)}.daily-solids-dot{color:#b45309;background:#d9770626;border-radius:9999px;padding:0 .3rem;font-size:.62rem;font-weight:800;line-height:1.2}.daily-bar-day-name{color:var(--text-secondary);font-size:.72rem;font-weight:700}.daily-bar-column.is-today .daily-bar-day-name{color:var(--accent-primary);font-weight:800}.daily-bar-date-num{color:var(--text-muted);font-size:.62rem;font-weight:500}.feeding-grouped-timeline{flex-direction:column;gap:1.25rem;display:flex}.feeding-day-section{flex-direction:column;gap:.65rem;display:flex}.feeding-day-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:0 .25rem;display:flex}.feeding-day-title-wrap{align-items:center;gap:.5rem;display:flex}.feeding-day-cal-icon{color:var(--accent-primary)}.feeding-day-title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:.88rem;font-weight:800}.feeding-day-summary-pill{color:var(--text-secondary);background:var(--bg-sand);border:1px solid var(--border-light);border-radius:var(--radius-pill);align-items:center;gap:.4rem;padding:.2rem .65rem;font-size:.74rem;font-weight:700;display:inline-flex}.summary-dot{color:var(--text-muted)}.feeding-day-entries-list{flex-direction:column;gap:.55rem;display:flex}.feeding-log-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:.85rem;padding:.85rem 1rem;transition:all .15s;display:flex}.feeding-log-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-subtle)}.feed-card-left{flex:1;align-items:center;gap:.85rem;min-width:0;display:flex}.feed-card-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.feed-card-icon-wrap.icon-formula{background:var(--accent-primary-subtle);color:var(--accent-primary)}.feed-card-icon-wrap.icon-solids{color:#b45309;background:#d977061f}.feed-thumb-img{object-fit:cover;border:1px solid var(--border-light);border-radius:8px;width:38px;height:38px}.feed-card-body{flex-direction:column;flex:1;min-width:0;display:flex}.feed-card-main-line{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.feed-main-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.88rem;font-weight:700;overflow:hidden}.feed-amount-badge{border-radius:var(--radius-pill);padding:.15rem .5rem;font-size:.74rem;font-weight:800}.feed-amount-badge.badge-oz{background:var(--accent-primary-subtle);color:var(--accent-primary-text);border:1px solid var(--accent-primary-subtle-border)}.feed-amount-badge.badge-serving{color:#b45309;background:#d977061f;border:1px solid #d9770640}.feed-meta-line{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.15rem;display:flex}.feed-time-text{color:var(--text-muted);font-size:.73rem}.feed-prep-pill{color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:4px;padding:.1rem .45rem;font-size:.68rem;font-weight:600}.feed-notes-text{color:var(--text-secondary);margin:.25rem 0 0;font-size:.72rem;font-style:italic;line-height:1.35}.feed-card-right{flex-shrink:0;align-items:center;display:flex}.feed-author-tag{color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border-light);white-space:nowrap;border-radius:4px;padding:.15rem .45rem;font-size:.7rem;font-weight:600}.feeding-empty-state{text-align:center;background:var(--bg-sand);border:1px dashed var(--border-medium);border-radius:var(--radius-md);padding:3rem 1.5rem}.feeding-empty-state .empty-icon{color:var(--text-muted);margin-bottom:.5rem}.feeding-empty-state h4{color:var(--text-primary);margin:0 0 .25rem;font-size:.95rem}.feeding-empty-state p{color:var(--text-secondary);margin:0;font-size:.78rem}.night-mode .feeding-tracker-card{background:var(--bg-card);border-color:var(--border-light)}.night-mode .feeding-stat-card,.night-mode .feeding-routine-card,.night-mode .allergens-intro-banner,.night-mode .trend-kpi-card,.night-mode .feeding-daily-chart-card,.night-mode .feeding-empty-state{background:var(--bg-subtle)!important;border-color:var(--border-light)!important}.night-mode .routine-slot,.night-mode .allergen-item-card,.night-mode .feeding-log-card{background:var(--bg-card)!important;border-color:var(--border-light)!important}.night-mode .feeding-day-summary-pill{background:var(--bg-card);border-color:var(--border-light);color:var(--text-secondary)}.night-mode .feed-prep-pill,.night-mode .feed-author-tag{background:var(--bg-subtle);border-color:var(--border-light);color:var(--text-muted)}.night-mode .history-scope-group,.night-mode .history-filter-group{background:var(--bg-subtle);border-color:var(--border-light)}.night-mode .history-scope-btn.active,.night-mode .history-filter-btn.active{background:var(--bg-card);color:var(--accent-primary-text);border-color:var(--accent-primary)}.night-mode .feeding-dropdown-trigger{background:var(--bg-card);border-color:var(--border-light)}.night-mode .feeding-dropdown-trigger:hover,.night-mode .feeding-dropdown-trigger.open{background:var(--bg-subtle);border-color:var(--accent-primary)}.night-mode .feeding-dropdown-menu{background:var(--bg-card);border-color:var(--border-light);box-shadow:0 12px 30px #00000073}.night-mode .feeding-dropdown-item:hover{background:var(--bg-subtle)}.night-mode .feeding-dropdown-item.selected{background:var(--accent-primary-subtle)!important}.night-mode .feeding-dropdown-item.selected .feeding-dropdown-item-title{color:var(--accent-primary-text)!important}.night-mode .allergen-pill-status.status-tolerated{color:#34d399;background:#10b98126;border-color:#10b9814d}.night-mode .allergen-pill-status.status-progress{color:#fbbf24;background:#fbbf2426;border-color:#fbbf244d}.night-mode .allergen-pill-status.status-reaction{color:#f87171;background:#f8717126;border-color:#f871714d}.nara-migration-card{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.nara-migration-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.nara-migration-header-left{align-items:center;gap:12px;display:flex}.nara-icon-pill{background:var(--accent-primary-subtle);width:42px;height:42px;color:var(--accent-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nara-title{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.nara-sub{color:var(--text-muted);margin:2px 0 0;font-size:.76rem}.btn-nara-migrate{cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;display:flex}.nara-progress-wrap{background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.nara-progress-bar{background:var(--border-light);border-radius:4px;width:100%;height:8px;overflow:hidden}.nara-progress-fill{background:var(--accent-terracotta);height:100%;transition:width .3s}.nara-progress-text{color:var(--text-secondary);font-size:.74rem;font-weight:500}.nara-breakdown-chips{flex-wrap:wrap;gap:6px;display:flex}.nara-chip{background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-secondary);border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:500}.nara-attribution-note{color:var(--text-muted);font-size:.72rem;font-style:italic}.nara-result-success{color:#059669;background:#10b9811f;border:1px solid #10b9814d;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex}.nara-result-success p{margin:2px 0 0;font-size:.78rem}.night-mode .nara-result-success{color:#34d399;background:#10b98126}.nara-fullscreen-overlay{z-index:10000;color:#fff;font-family:var(--font-sans);background:#1b2431;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.nara-top-navbar{background:#1b2431;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.nara-back-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background .15s;display:flex}.nara-back-btn:hover{background:#ffffff1a}.nara-navbar-title{color:#fff;letter-spacing:-.01em;flex:1;margin:0 0 0 .75rem;font-size:1.22rem;font-weight:700}.nara-navbar-actions{align-items:center;gap:.5rem;display:flex}.nara-header-icon-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:7px;transition:all .15s;display:flex}.nara-header-icon-btn:hover,.nara-header-icon-btn.active{color:#fff;background:#ffffff1f}.nara-menu-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff38;border-radius:6px;justify-content:center;align-items:center;padding:6px 7px;transition:all .15s;display:flex}.nara-menu-btn:hover,.nara-menu-btn.active{color:#fff;background:#ffffff26;border-color:#fff6}.nara-segmented-wrapper{flex-shrink:0;width:100%;max-width:480px;margin:0 auto;padding:.75rem 1rem 0}.nara-segmented-track{background:#131b24;border:1px solid #ffffff0f;border-radius:8px;gap:3px;padding:3px;display:flex}.nara-segment-btn{color:#8f9cae;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:6px;flex:1;padding:.55rem .5rem;font-size:.86rem;font-weight:600;transition:all .15s}.nara-segment-btn:hover{color:#cbd5e1}.nara-segment-btn.active{color:#fff;background:#384758;font-weight:700;box-shadow:0 2px 8px #00000059}.nara-chart-viewport{flex:1;justify-content:center;align-items:center;width:100%;max-width:500px;margin:0 auto;padding:.25rem .5rem 1rem;display:flex;position:relative;overflow:hidden}.nara-growth-svg{-webkit-user-select:none;user-select:none;width:100%;height:100%;max-height:82vh;overflow:visible}.nara-active-visit-card{-webkit-backdrop-filter:blur(16px);z-index:10;background:#1c2634f2;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;gap:6px;width:215px;padding:12px 14px;display:flex;position:absolute;bottom:3.25rem;right:1.25rem;box-shadow:0 12px 32px #0009}.nara-card-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:6px;margin-bottom:2px;padding-bottom:5px;display:flex}.nara-card-date{color:#fff;font-size:.82rem;font-weight:700}.nara-card-bar{color:#64748b;font-size:.75rem}.nara-card-edit-action{color:#60a5fa;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.78rem;font-weight:700;text-decoration:underline}.nara-card-edit-action:hover{color:#93c5fd}.nara-card-dismiss{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;padding:2px;display:flex}.nara-card-dismiss:hover{color:#fff;background:#ffffff1a}.nara-card-body{flex-direction:column;gap:4px;display:flex}.nara-card-stat-line{justify-content:space-between;align-items:baseline;font-size:.8rem;line-height:1.3;display:flex}.nara-card-stat-line .stat-label{color:#94a3b8;font-weight:500}.nara-card-stat-line .stat-val{color:#fff;font-weight:700}.nara-card-source{color:#64748b;letter-spacing:.02em;margin-top:4px;font-size:.68rem}.nara-drawer-backdrop{z-index:10001;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;justify-content:flex-end;display:flex;position:fixed;inset:0}.nara-drawer-sheet{background:#1b2431;border-left:1px solid #ffffff1f;flex-direction:column;gap:1rem;width:100%;max-width:380px;height:100%;padding:1.25rem;display:flex;overflow-y:auto;box-shadow:-10px 0 30px #00000080}.nara-drawer-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.nara-drawer-header h3{color:#fff;margin:0;font-size:1.05rem;font-weight:700}.nara-drawer-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.nara-drawer-close-btn:hover{color:#fff}.nara-drawer-list{flex-direction:column;gap:.65rem;display:flex}.nara-drawer-item{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;padding:.85rem;transition:all .15s}.nara-drawer-item:hover,.nara-drawer-item.selected{background:#5b88b22e;border-color:#5b88b2}.nara-drawer-item-top{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.nara-drawer-item-top strong{color:#fff;font-size:.88rem}.nara-drawer-age-pill{color:#60a5fa;background:#60a5fa26;border-radius:4px;padding:.15rem .45rem;font-size:.72rem;font-weight:700}.nara-drawer-item-stats{color:#cbd5e1;flex-wrap:wrap;gap:.5rem;font-size:.78rem;display:flex}.nara-drawer-notes{color:#94a3b8;margin:.35rem 0 0;font-size:.74rem;font-style:italic}