:root{--font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-app:#faf7f2;--bg-surface:#fff;--bg-surface-elevated:#fff;--bg-glass:#ffffffe6;--bg-subtle:#f3ede6;--text-main:#1c1917;--text-secondary:#57534e;--text-muted:#a8a29e;--text-white:#fff;--border-subtle:#78716c24;--border-focus:#f43f5e;--brand-primary:#f43f5e;--brand-primary-light:#ffe4e6;--brand-primary-dark:#e11d48;--baby-feed:#f43f5e;--baby-feed-bg:#ffe4e6;--baby-sleep:#8b5cf6;--baby-sleep-bg:#ede9fe;--baby-pee:#0284c7;--baby-pee-bg:#e0f2fe;--baby-poo:#d97706;--baby-poo-bg:#fef3c7;--baby-food:#ea580c;--baby-food-bg:#ffedd5;--baby-med:#059669;--baby-med-bg:#d1fae5;--baby-bath:#0891b2;--baby-bath-bg:#cffafe;--baby-temp:#dc2626;--baby-temp-bg:#fee2e2;--baby-wake:#10b981;--baby-wake-bg:#d1fae5;--baby-glow:#f43f5e29;--shadow-sm:0 1px 3px #1c19170a;--shadow-md:0 6px 18px -3px #1c19170f;--shadow-lg:0 14px 34px -4px #1c191714;--shadow-glow:0 0 28px #f43f5e2e;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--radius-full:9999px;--safe-bottom:env(safe-area-inset-bottom,16px)}html.dark{--bg-app:#0e131d;--bg-surface:#151c2a;--bg-surface-elevated:#1c2538;--bg-glass:#151c2aeb;--bg-subtle:#222d42;--text-main:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#7888a0;--text-white:#fff;--border-subtle:#ffffff14;--border-focus:#fb7185;--brand-primary:#fb7185;--brand-primary-light:#fb71852e;--brand-primary-dark:#f43f5e;--baby-feed:#fb7185;--baby-feed-bg:#fb718529;--baby-sleep:#a78bfa;--baby-sleep-bg:#a78bfa29;--baby-pee:#38bdf8;--baby-pee-bg:#38bdf829;--baby-poo:#fbbf24;--baby-poo-bg:#fbbf2429;--baby-food:#fb923c;--baby-food-bg:#fb923c29;--baby-med:#34d399;--baby-med-bg:#34d39929;--baby-bath:#22d3ee;--baby-bath-bg:#22d3ee29;--baby-temp:#f87171;--baby-temp-bg:#f8717129;--baby-wake:#34d399;--baby-wake-bg:#34d39929;--baby-glow:#fb718540;--shadow-sm:0 1px 3px #00000059;--shadow-md:0 6px 18px -2px #00000073;--shadow-lg:0 14px 34px -4px #0000008c;--shadow-glow:0 0 32px #fb718540}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;font-family:inherit}a{color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;text-decoration:none}input,textarea,select{font-family:inherit;font-size:1rem}@media (width<=768px){input,textarea,select{font-size:16px!important}}.tapline-app-container{background-color:var(--bg-app);flex-direction:column;width:100%;max-width:100%;min-height:100dvh;margin:0 auto;transition:max-width .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 0 50px #0000000a}@media (width>=769px) and (width<=991px){.tapline-app-container{max-width:860px;box-shadow:0 0 40px #0000000f}}@media (width>=992px){.tapline-app-container.desktop-expanded,.tapline-app-container{max-width:1240px;box-shadow:none}.app-main-content.desktop-layout-split{padding:24px 24px calc(40px + var(--safe-bottom)) 24px;grid-template-columns:1fr 1fr;align-items:start;gap:32px;display:grid}.desktop-left-column{flex-direction:column;gap:22px;display:flex}.desktop-right-column{scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent;max-height:calc(100vh - 100px);padding-right:6px;position:sticky;top:76px;overflow-y:auto}.desktop-right-column::-webkit-scrollbar{width:6px}.desktop-right-column::-webkit-scrollbar-thumb{background-color:var(--border-subtle);border-radius:var(--radius-full)}}@media (width>=1440px){.tapline-app-container.desktop-expanded,.tapline-app-container{max-width:1380px}}.app-main-content{padding:16px 16px calc(30px + var(--safe-bottom)) 16px;flex-direction:column;flex:1;gap:20px;display:flex}@media (width<=480px){.app-main-content{padding:12px 10px calc(25px + var(--safe-bottom)) 10px;gap:14px}}.desktop-left-column{flex-direction:column;gap:20px;display:flex}.desktop-only{display:none!important}@media (width>=768px){.desktop-only{display:flex!important}}.app-loading-screen{background-color:var(--bg-app);justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-card{text-align:center;padding:32px}.loading-pulse-emoji{margin-bottom:12px;font-size:3.5rem;animation:1.5s ease-in-out infinite gentle-bounce}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.app-navbar{z-index:40;-webkit-backdrop-filter:blur(14px);background-color:var(--bg-glass);border-bottom:1px solid var(--border-subtle);padding-top:env(safe-area-inset-top,0px);transition:background-color .3s,border-color .3s;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1240px;margin:0 auto;padding:10px 16px;display:flex;position:relative}@media (width<=480px){.navbar-container{padding:8px 12px}.baby-avatar-circle{width:38px;height:38px}.baby-avatar-emoji{font-size:1.35rem}.brand-logo-text{font-size:1.05rem}}@media (width>=992px){.navbar-container{padding:14px 24px}}@media (width>=1440px){.navbar-container{max-width:1380px;padding:16px 28px}}.navbar-left{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-md);z-index:2;flex:0 auto;align-items:center;gap:10px;min-width:0;padding:3px 6px 3px 2px;transition:background .2s;display:flex;position:relative;overflow:hidden}.navbar-left:hover{background-color:var(--bg-subtle)}.baby-avatar-circle{border-radius:var(--radius-full);background:linear-gradient(135deg,#c084fc,#818cf8);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 10px #7c3aed33}.baby-avatar-emoji{font-size:1.5rem;line-height:1}.baby-name-group{flex-direction:column;min-width:0;display:flex;overflow:hidden}.brand-title-row{align-items:center;gap:6px;min-width:0;display:flex}.brand-logo-text{letter-spacing:-.02em;background:linear-gradient(135deg, var(--brand-primary), #ec4899);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;font-size:1.15rem;font-weight:800}.desktop-app-pill{text-transform:uppercase;letter-spacing:.04em;background-color:var(--brand-primary-light);color:var(--brand-primary);border-radius:var(--radius-full);padding:2px 7px;font-size:.68rem;font-weight:700;display:none}@media (width>=768px){.desktop-app-pill{display:inline-block}}.active-dot{border-radius:var(--radius-full);background-color:#10b981;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 8px #10b981}.baby-sub-info{align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.baby-display-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.88rem;font-weight:600;overflow:hidden}.baby-age-pill{background-color:var(--brand-primary-light);color:var(--brand-primary);border-radius:var(--radius-full);white-space:nowrap;text-overflow:ellipsis;max-width:105px;padding:2px 8px;font-size:.72rem;font-weight:600;overflow:hidden}.navbar-center{z-index:1;justify-content:center;align-items:center;gap:12px;display:flex}@media (width>=769px){.navbar-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.navbar-right{z-index:2;flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex;position:relative}@media (width<=768px){.navbar-right .dark-mode-toggle{display:none!important}}@media (width<=420px){.baby-avatar-circle{width:35px;height:35px}.baby-avatar-emoji{font-size:1.25rem}.baby-display-name{max-width:75px;font-size:.82rem}.baby-age-pill{max-width:78px;padding:1px 6px;font-size:.68rem}.navbar-right{gap:6px}.nav-icon-btn,.user-profile-btn{width:35px;min-width:35px;height:35px;padding:0}}@media (width<=360px){.navbar-container{padding:6px 8px}.baby-avatar-circle{width:30px;height:30px}.baby-avatar-emoji{font-size:1.1rem}.brand-logo-text{font-size:.95rem}.baby-display-name{max-width:58px}.baby-age-pill{display:none}.navbar-right{gap:4px}.nav-icon-btn,.user-profile-btn{width:32px;min-width:32px;height:32px}}.nav-icon-btn{border-radius:var(--radius-full);min-width:38px;height:38px;color:var(--text-secondary);background-color:var(--bg-surface);border:1px solid var(--border-subtle);justify-content:center;align-items:center;gap:6px;padding:0 10px;transition:all .2s;display:flex;position:relative}.nav-icon-btn:hover{color:var(--brand-primary);border-color:var(--brand-primary);transform:translateY(-1px)}.nav-btn-text{font-size:.82rem;font-weight:700}.members-count-badge{color:#fff;border-radius:var(--radius-full);background-color:#ec4899;justify-content:center;align-items:center;width:17px;height:17px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.user-profile-btn{border-radius:var(--radius-full);border:2px solid var(--brand-primary);cursor:pointer;background-color:var(--brand-primary-light);justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden}.nav-user-img{object-fit:cover;width:100%;height:100%}.nav-user-initial{color:var(--brand-primary);font-size:.9rem;font-weight:700}.nav-login-btn{background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));color:#fff;border-radius:var(--radius-full);align-items:center;gap:6px;padding:7px 14px;font-size:.85rem;font-weight:700;transition:transform .2s;display:flex;box-shadow:0 3px 10px #7c3aed40}.nav-login-btn:hover{transform:translateY(-1px)}.active-sleep-card{background:linear-gradient(135deg, var(--baby-sleep), #7c3aed, #4f46e5);color:var(--text-white);border-radius:var(--radius-lg);border:1px solid #ffffff26;padding:22px;animation:4s ease-in-out infinite alternate sleep-glow-pulse;position:relative;overflow:hidden;box-shadow:0 12px 32px -4px #8b5cf666}@keyframes sleep-glow-pulse{0%{box-shadow:0 10px 25px -4px #8b5cf64d}to{box-shadow:0 16px 38px -2px #a78bfa80}}.sleep-card-lullaby-stars{pointer-events:none;opacity:.85;gap:8px;display:flex;position:absolute;top:10px;right:48px}.sleep-card-lullaby-stars .star{font-size:1rem;animation:2s ease-in-out infinite star-twinkle}.sleep-card-lullaby-stars .star-2{animation-delay:.7s}.sleep-card-lullaby-stars .star-3{animation-delay:1.4s}@keyframes star-twinkle{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.sleep-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sleep-status-badge{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;align-items:center;gap:8px;padding:6px 14px;font-size:.88rem;font-weight:700;display:flex}.pulse-dot{border-radius:var(--radius-full);background-color:var(--baby-pee);width:9px;height:9px;box-shadow:0 0 10px var(--baby-pee);animation:1.5s infinite pulse-ring}@keyframes pulse-ring{0%{opacity:1;transform:scale(.9)}50%{opacity:.5;transform:scale(1.3)}to{opacity:1;transform:scale(.9)}}.sleep-cancel-btn{color:#ffffffbf;border-radius:var(--radius-full);background:#ffffff26;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.sleep-cancel-btn:hover{color:var(--text-white);background:#ffffff4d;transform:rotate(90deg)}.sleep-body{text-align:center;margin:12px 0 18px}.sleep-timer-display{justify-content:center;align-items:center;gap:10px;display:flex}.timer-digits{letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-shadow:0 2px 12px #00000040;font-size:2.6rem;font-weight:800}.sleep-started-at{color:#ffffffd9;margin-top:6px;font-size:.88rem}.sleep-actions{justify-content:center;display:flex}.wake-up-btn{background:var(--text-white);width:100%;color:var(--baby-sleep);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:10px;padding:15px 22px;font-size:1.05rem;font-weight:800;transition:all .25s;display:flex;box-shadow:0 6px 20px #0000002e}.wake-up-btn:hover{filter:brightness(1.03);transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.wake-up-btn:active{transform:scale(.98)}.baby-live-rhythm-widget{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px;transition:all .3s;position:relative;overflow:hidden}.baby-live-rhythm-widget:before{content:"";background:linear-gradient(90deg, var(--baby-feed), var(--baby-pee), var(--baby-sleep));height:4px;position:absolute;top:0;left:0;right:0}.baby-live-rhythm-widget.is-sleeping-mode{background:linear-gradient(180deg, var(--bg-surface), var(--baby-sleep-bg));border-color:var(--baby-sleep)}.rhythm-widget-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.rhythm-title-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rhythm-pulse-badge{border-radius:var(--radius-full);background-color:var(--bg-subtle);color:var(--text-main);align-items:center;gap:6px;padding:4px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.rhythm-pulse-dot{border-radius:var(--radius-full);background-color:var(--baby-wake);width:8px;height:8px;animation:1.8s infinite pulse-ring}.rhythm-icon{color:var(--brand-primary)}.rhythm-baby-name{color:var(--brand-primary);background-color:var(--brand-primary-light);border-radius:var(--radius-full);padding:3px 12px;font-size:.95rem;font-weight:800}.rhythm-collapse-btn{border-radius:var(--radius-full);background-color:var(--bg-subtle);width:32px;height:32px;color:var(--text-secondary);justify-content:center;align-items:center;transition:all .2s;display:flex}.rhythm-collapse-btn:hover{background-color:var(--brand-primary-light);color:var(--brand-primary)}.rhythm-main-banner{background-color:var(--bg-subtle);border-radius:var(--radius-md);grid-template-columns:1.2fr 1fr;align-items:center;gap:16px;margin-bottom:12px;padding:16px;display:grid}@media (width<=640px){.rhythm-main-banner{grid-template-columns:1fr;gap:12px}}.rhythm-banner-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.rhythm-time-big-row{flex-wrap:wrap;align-items:center;gap:12px;margin:4px 0 6px;display:flex}.rhythm-time-value{color:var(--text-main);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.85rem;font-weight:800;line-height:1.1}.rhythm-status-pill{border-radius:var(--radius-full);padding:3px 10px;font-size:.76rem;font-weight:700}.rhythm-status-message{color:var(--text-secondary);font-size:.88rem;font-weight:500}.rhythm-banner-right{background-color:var(--bg-surface);border-radius:var(--radius-sm);border:1px dashed var(--border-subtle);flex-direction:column;padding:12px 14px;display:flex}.rhythm-recom-title{color:var(--text-muted);font-size:.78rem;font-weight:600}.rhythm-recom-range{color:var(--brand-primary);margin:2px 0;font-size:.95rem;font-weight:800}.rhythm-recom-tip{color:var(--text-secondary);font-size:.78rem;line-height:1.35}.rhythm-progress-track{background-color:var(--bg-subtle);border-radius:var(--radius-full);width:100%;height:6px;margin-bottom:16px;overflow:hidden}.rhythm-progress-bar{border-radius:var(--radius-full);height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.rhythm-glance-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width<=540px){.rhythm-glance-grid{grid-template-columns:1fr;gap:8px}}.glance-card{border-radius:var(--radius-md);background-color:var(--bg-subtle);align-items:center;gap:10px;padding:12px;transition:transform .2s,background-color .2s;display:flex}.glance-card:hover{background-color:var(--bg-surface-elevated);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.glance-icon-box{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.feed-glance .glance-icon-box{background-color:var(--baby-feed-bg);color:var(--baby-feed)}.diaper-glance .glance-icon-box{background-color:var(--baby-pee-bg);color:var(--baby-pee)}.sleep-glance .glance-icon-box{background-color:var(--baby-sleep-bg);color:var(--baby-sleep)}.glance-info{flex-direction:column;display:flex;overflow:hidden}.glance-label{color:var(--text-muted);white-space:nowrap;font-size:.74rem;font-weight:600}.glance-main-value{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.glance-main-value.empty{color:var(--text-muted);font-weight:500}.glance-sub-detail{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.daily-summary-container{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px;transition:background-color .3s,border-color .3s}.summary-date-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.date-badge{color:var(--text-main);flex-wrap:wrap;align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.date-bracket-text{color:var(--text-secondary);letter-spacing:.2px;font-size:.9rem;font-weight:600}.date-nav-controls{align-items:center;gap:6px;display:flex}.date-nav-btn{border-radius:var(--radius-full);background-color:var(--bg-subtle);width:32px;height:32px;color:var(--text-secondary);justify-content:center;align-items:center;transition:all .2s;display:flex}.date-nav-btn:disabled{opacity:.3;cursor:not-allowed}.date-nav-btn:hover:not(:disabled){background-color:var(--brand-primary-light);color:var(--brand-primary)}.today-jump-btn{color:var(--brand-primary);background-color:var(--brand-primary-light);border-radius:var(--radius-full);padding:4px 12px;font-size:.75rem;font-weight:700}.summary-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=600px){.summary-grid{grid-template-columns:repeat(4,1fr)}}.summary-stat-card{border-radius:var(--radius-md);background-color:var(--bg-subtle);border:1px solid var(--border-subtle);align-items:center;gap:12px;padding:14px;transition:transform .2s,box-shadow .2s;display:flex}.summary-stat-card:hover{box-shadow:var(--shadow-sm);background-color:var(--bg-surface-elevated);transform:translateY(-2px)}.stat-icon-wrapper{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s;display:flex}.stat-icon-wrapper.sleep-icon-box{background-color:var(--baby-sleep-bg);color:var(--baby-sleep)}.stat-icon-wrapper.pee-icon-box{background-color:var(--baby-pee-bg);color:var(--baby-pee)}.stat-icon-wrapper.poo-icon-box{background-color:var(--baby-poo-bg);color:var(--baby-poo)}.stat-icon-wrapper.feed-icon-box{background-color:var(--baby-feed-bg);color:var(--baby-feed)}.stat-info{flex-direction:column;display:flex}.stat-label{color:var(--text-muted);font-size:.75rem;font-weight:600}.stat-value{color:var(--text-main);letter-spacing:-.01em;font-size:1.25rem;font-weight:800}.stat-value small{color:var(--text-secondary);font-size:.8rem;font-weight:600}.stat-sub{color:var(--text-muted);font-size:.8rem;font-weight:600}@media (width<=480px){.daily-summary-container{border-radius:var(--radius-md);padding:12px 10px}.summary-date-header{margin-bottom:10px}.date-badge{font-size:.88rem}.summary-grid{gap:8px}.summary-stat-card{border-radius:12px;gap:8px;padding:10px 8px}.stat-icon-wrapper{border-radius:10px;width:36px;height:36px}.stat-icon-wrapper svg{width:18px;height:18px}.stat-value{font-size:1.1rem}.stat-label{font-size:.7rem}.stat-sub{font-size:.72rem}}.quick-actions-section{flex-direction:column;gap:14px;display:flex}.section-header{justify-content:space-between;align-items:baseline;display:flex}.section-title{color:var(--text-main);letter-spacing:-.01em;font-size:1.15rem;font-weight:800}.section-subtitle{color:var(--text-muted);font-size:.8rem}.clock-time-selector-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:14px 16px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.clock-time-selector-panel.is-active-offset{background:var(--bg-surface-elevated);border-color:#f43f5e59;box-shadow:0 6px 20px #f43f5e1a}.clock-selector-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.clock-target-status-wrap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.clock-icon-badge{background:var(--bg-subtle);width:26px;height:26px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.clock-icon-badge.has-offset{color:var(--brand-primary);background:#f43f5e24}.clock-section-label{color:var(--text-secondary);font-size:.8rem;font-weight:700}.clock-badge-preview{align-items:center;display:inline-flex}.clock-chip-now{color:#059669;border-radius:var(--radius-full);background:#10b9811f;align-items:center;gap:5px;padding:2px 9px;font-size:.74rem;font-weight:700;display:inline-flex}.clock-chip-offset.past{color:#e11d48;border-radius:var(--radius-full);background:#f43f5e24;border:1px solid #f43f5e38;align-items:center;padding:2px 9px;font-size:.74rem;font-weight:800;display:inline-flex}.clock-rounds-sub-tag{border-radius:var(--radius-full);color:#e11d48;background:#f43f5e33;align-items:center;margin-left:6px;padding:1px 7px;font-size:.68rem;font-weight:800;display:inline-flex}html.dark .clock-rounds-sub-tag{color:#fda4af;background:#f43f5e4d}.clock-svg-track-bg.has-multi-rounds{stroke:#f43f5e40;opacity:.9}.clock-chip-offset.future{color:#0284c7;border-radius:var(--radius-full);background:#06b6d424;border:1px solid #06b6d438;align-items:center;padding:2px 9px;font-size:.74rem;font-weight:800;display:inline-flex}.clock-top-actions-right{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.clock-auto-reset-badge{color:var(--brand-primary);background:var(--brand-primary-light);border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-items:center;gap:6px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.clock-auto-reset-badge .timer-dot{background-color:var(--brand-primary);width:6px;height:6px;box-shadow:0 0 6px var(--brand-primary);border-radius:50%;animation:1s infinite alternate pulseDot;display:inline-block}@keyframes pulseDot{0%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.7;transform:scale(.9)}}.clock-countdown-sub{color:var(--brand-primary);margin-left:3px;font-size:.75rem;font-weight:800}.btn-clock-reset-now{color:var(--brand-primary);background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;align-items:center;gap:5px;padding:4px 11px;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-clock-reset-now:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);transform:translateY(-1px)}.clock-dial-container{justify-content:center;align-items:center;width:100%;padding:4px 0 8px;display:flex}.clock-dial-interactive{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:50%;justify-content:center;align-items:center;width:240px;max-width:90vw;height:240px;max-height:90vw;display:flex;position:relative}.clock-dial-interactive.is-dragging{cursor:grabbing}.clock-dial-svg{filter:drop-shadow(0 8px 20px #00000014);width:100%;height:100%;overflow:visible}.clock-svg-outer-circle{fill:var(--bg-surface-elevated);stroke:var(--border-subtle);stroke-width:1.5px;transition:all .2s}.clock-svg-dashed-circle{fill:none;stroke:var(--border-subtle);stroke-width:1px;opacity:.65}.clock-tick-line{stroke-linecap:round}.clock-tick-line.major{stroke:var(--text-secondary);stroke-width:2.2px;opacity:.85}.clock-tick-line.minor{stroke:var(--border-subtle);stroke-width:1.2px;opacity:.6}.clock-tick-line.top-tick{stroke:var(--brand-primary);stroke-width:3px;opacity:1}.clock-svg-track-bg{fill:none;stroke:var(--bg-subtle);stroke-width:8px;opacity:.7}.clock-svg-active-arc{fill:none;stroke-width:9px;stroke-linecap:round;filter:drop-shadow(0 0 6px #ec489973)}.clock-knob-outer{fill:#fff;stroke:none;transition:r .15s}.clock-dial-interactive:hover .clock-knob-outer,.clock-dial-interactive.is-dragging .clock-knob-outer{r:14.5}.clock-knob-inner{fill:#f43f5e;transition:fill .2s}.clock-knob-inner.is-future{fill:#06b6d4}.clock-center-content{pointer-events:auto;z-index:2;text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:130px;height:130px;display:flex;position:absolute}.clock-center-eyebrow{letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase;margin-bottom:2px;font-size:.68rem;font-weight:700}.clock-center-time-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.clock-center-time-display{letter-spacing:-.02em;color:var(--text-main);font-variant-numeric:tabular-nums;font-family:inherit;font-size:2.15rem;font-weight:800;line-height:1.05}.clock-center-time-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.clock-center-status-line{margin-top:3px}.clock-center-status{font-size:.8rem;font-weight:700}.clock-center-status.now{color:#10b981}.clock-center-status.past{color:#f43f5e;font-weight:800}.clock-center-status.future{color:#06b6d4;font-weight:800}.time-preset-pills-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.time-preset-pills{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.time-preset-pill{color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;align-items:center;padding:4px 9px;font-size:.74rem;font-weight:700;transition:all .15s;display:inline-flex}.time-preset-pill:hover{color:var(--text-main);background:var(--bg-surface-elevated);border-color:var(--border-focus)}.time-preset-pill.active{color:#fff;background:var(--brand-primary);border-color:var(--brand-primary);box-shadow:var(--shadow-sm)}.auto-reset-checkbox-label{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;font-size:.72rem;font-weight:600;display:inline-flex}.auto-reset-checkbox-label input[type=checkbox]{accent-color:var(--brand-primary);cursor:pointer}.time-offset-banner-notice{color:var(--brand-primary);border-radius:var(--radius-sm);background:#8b5cf617;align-items:center;gap:6px;padding:6px 10px;font-size:.76rem;font-weight:600;animation:.2s fadeIn;display:flex}.time-offset-banner-notice strong{font-weight:800}.quick-btn-card .btn-subtext{transition:color .2s}.is-time-offset-active .quick-btn-card{border-color:#8b5cf659}.is-time-offset-active .quick-btn-card:hover{border-color:var(--brand-primary)}html.dark .clock-time-selector-panel.is-active-offset{background:var(--bg-surface-elevated);border-color:#fb718566;box-shadow:0 8px 30px #00000073}html.dark .clock-dial-interactive{filter:drop-shadow(0 10px 24px #00000080)}html.dark .clock-svg-outer-circle{fill:#141a26;stroke:#ffffff14}html.dark .clock-svg-dashed-circle{stroke:#ffffff24}html.dark .clock-tick-line.major{stroke:#94a3b8}html.dark .clock-tick-line.minor{stroke:#94a3b847}html.dark .clock-tick-line.top-tick{stroke:#fb7185}html.dark .clock-svg-track-bg{stroke:#ffffff0d}html.dark .clock-center-eyebrow{color:#7888a0}html.dark .clock-center-time-display{color:#f8fafc;text-shadow:0 0 20px #ffffff40}html.dark .clock-center-status.past{color:#fb7185;text-shadow:0 0 10px #fb71854d}html.dark .clock-center-status.future{color:#38bdf8;text-shadow:0 0 10px #38bdf84d}html.dark .clock-chip-offset.past{color:#fda4af;background:#f43f5e33;border-color:#f43f5e59}html.dark .clock-chip-offset.future{color:#7dd3fc;background:#06b6d433;border-color:#06b6d459}@media (width<=640px){.clock-time-selector-panel{gap:10px;padding:12px}.clock-dial-interactive{width:220px;height:220px}.clock-center-content{width:120px;height:120px}.clock-center-time-display{font-size:1.95rem}}.quick-header-title-box{flex-direction:column;gap:2px;min-width:0;display:flex}.desktop-sub-text{display:none}.mobile-sub-text{display:block}.mobile-scroll-hint-pill{border-radius:var(--radius-full);background-color:var(--brand-primary-light);color:var(--brand-primary);border:1px solid var(--border-subtle);white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;padding:3px 9px;font-size:.72rem;font-weight:700;animation:2.5s ease-in-out infinite pulse-soft;display:inline-flex}.hint-pulse-dot{background-color:var(--baby-wake);width:6px;height:6px;box-shadow:0 0 6px var(--baby-wake);border-radius:50%}@keyframes pulse-soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.97)}}.quick-btn-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-sm);box-sizing:border-box;flex-direction:column;min-height:88px;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,border-color .2s;display:flex;position:relative}.quick-btn-card:hover{border-color:var(--btn-color);box-shadow:0 8px 24px -3px var(--btn-color,var(--shadow-glow));transform:translateY(-2px)}.quick-btn-card:active,.quick-btn-card.is-pressed{box-shadow:0 2px 8px var(--btn-color,var(--shadow-glow))!important;transform:scale(.95)!important}.quick-btn-card.is-active-sleep{border:2px solid var(--baby-sleep);background-color:var(--baby-sleep-bg)}.btn-card-top-bar{justify-content:space-between;align-items:center;width:100%;display:flex}.btn-top-badges-wrap{flex-shrink:0;align-items:center;gap:5px;display:flex}.btn-icon-circle{flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex}.quick-btn-card:hover .btn-icon-circle{transform:scale(1.08)}.btn-badge{color:var(--text-white);border-radius:var(--radius-full);white-space:nowrap;font-weight:700}.btn-detail-trigger{border-radius:var(--radius-full);background-color:var(--bg-subtle);color:var(--text-muted);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-detail-trigger:hover{background-color:var(--brand-primary);color:var(--text-white);transform:rotate(90deg)}.btn-text-content{flex-direction:column;width:100%;min-width:0;display:flex}.btn-main-title{color:var(--text-main);font-weight:800;line-height:1.25}.btn-subtext{color:var(--text-muted);font-weight:500;line-height:1.2}.btn-delete-custom{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:color .2s;position:absolute;bottom:8px;right:8px}.btn-delete-custom:hover{color:#ef4444}.add-custom-action-card{border:2px dashed var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;box-sizing:border-box;background-color:#0000;flex-direction:column;transition:all .2s;display:flex}.add-custom-action-card:hover{border-color:var(--brand-primary);background-color:var(--brand-primary-light);color:var(--brand-primary)}.add-icon-circle{border-radius:var(--radius-full);background-color:var(--bg-subtle);flex-shrink:0;justify-content:center;align-items:center;display:flex}.add-text-content{flex-direction:column;width:100%;min-width:0;display:flex}.add-text{font-weight:700}.add-subtext{color:var(--text-muted)}.choice-modal-backdrop{z-index:1200;background:var(--bg-backdrop,#0009);-webkit-backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:16px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.choice-modal-card{background-color:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg,24px);width:100%;max-width:320px;box-shadow:0 20px 48px -10px #0000004d, var(--shadow-glow);box-sizing:border-box;flex-direction:column;gap:8px;padding:12px;animation:.22s cubic-bezier(.16,1,.3,1) modalPopIn;display:flex}.choice-modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:4px;padding:4px 6px 10px;display:flex}.choice-modal-title-wrap{align-items:center;gap:10px;display:flex}.choice-modal-icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.choice-modal-title{color:var(--text-main);margin:0;font-size:.95rem;font-weight:800;line-height:1.2}.choice-modal-sub{color:var(--text-muted);font-size:.72rem;display:block}.choice-close-btn{border-radius:var(--radius-full);background-color:var(--bg-subtle);border:1px solid var(--border-subtle);width:28px;height:28px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;transition:all .18s;display:flex}.choice-close-btn:hover{background-color:var(--brand-primary-light);color:var(--brand-primary);border-color:var(--brand-primary)}.choice-options-list{overscroll-behavior:contain;flex-direction:column;gap:8px;width:100%;max-height:75dvh;padding:2px;display:flex;overflow-y:auto}.choice-option-btn{background-color:var(--bg-subtle);width:100%;min-height:48px;color:var(--text-main);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md,16px);font-family:var(--font-family);cursor:pointer;text-align:center;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;padding:12px 18px;font-size:.96rem;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.choice-option-btn:hover,.choice-option-btn:focus-visible{background-color:var(--choice-bg,var(--brand-primary-light));border-color:var(--choice-color,var(--brand-primary));color:var(--choice-color,var(--brand-primary-dark));outline:none;transform:translateY(-1.5px);box-shadow:0 4px 14px #00000014,0 0 16px #f43f5e26}.choice-option-btn:active{transform:scale(.97)}.choice-option-text{word-break:break-word;line-height:1.3}html.dark .choice-modal-card{background-color:var(--bg-surface-elevated);border-color:var(--border-subtle);box-shadow:0 24px 50px -12px #000000b3,0 0 24px #fb718533}html.dark .choice-option-btn{background-color:var(--bg-subtle);color:var(--text-main);border-color:var(--border-subtle)}html.dark .choice-option-btn:hover,html.dark .choice-option-btn:focus-visible{border-color:var(--choice-color,var(--brand-primary));color:var(--choice-color,var(--brand-primary));background-color:#fb71852e;box-shadow:0 4px 16px #0006,0 0 20px #fb718540}.choice-option-btn.is-pee-option:hover,.choice-option-btn.is-pee-option:focus-visible{background-color:var(--baby-pee-bg,#e0f2fe);border-color:var(--baby-pee,#0284c7);color:var(--baby-pee,#0284c7);box-shadow:0 4px 14px #0284c726}.choice-option-btn.is-poo-option:hover,.choice-option-btn.is-poo-option:focus-visible{background-color:var(--baby-poo-bg,#fef3c7);border-color:var(--baby-poo,#d97706);color:var(--baby-poo,#d97706);box-shadow:0 4px 14px #d9770626}html.dark .choice-option-btn.is-pee-option:hover,html.dark .choice-option-btn.is-pee-option:focus-visible{border-color:var(--baby-pee,#0284c7);color:#38bdf8;background-color:#0284c733;box-shadow:0 4px 16px #0006,0 0 20px #0284c740}html.dark .choice-option-btn.is-poo-option:hover,html.dark .choice-option-btn.is-poo-option:focus-visible{border-color:var(--baby-poo,#d97706);color:#fbbf24;background-color:#d9770633;box-shadow:0 4px 16px #0006,0 0 20px #d9770640}.input-popup-backdrop{z-index:1200;background:var(--bg-backdrop,#0009);-webkit-backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:16px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.input-popup-dialog{background-color:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg,24px);width:100%;max-width:440px;box-shadow:0 20px 48px -10px #00000047, var(--shadow-glow);flex-direction:column;animation:.22s cubic-bezier(.16,1,.3,1) modalPopIn;display:flex;overflow:hidden}html.dark .input-popup-dialog{background-color:var(--bg-surface-elevated);border-color:var(--border-subtle);box-shadow:0 24px 50px -12px #000000b3,0 0 24px #f43f5e33}.input-popup-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.input-popup-title-group{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.input-popup-icon-wrap{border-radius:var(--radius-full);width:42px;height:42px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.input-popup-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.15rem;font-weight:800;line-height:1.25;overflow:hidden}.input-popup-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:.8rem;display:block}.input-popup-header-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.input-popup-header-btn{border-radius:var(--radius-full);background-color:var(--bg-subtle);width:34px;height:34px;color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;justify-content:center;align-items:center;transition:all .18s;display:flex}.input-popup-header-btn:hover{background-color:var(--brand-primary-light);color:var(--brand-primary);border-color:var(--brand-primary);transform:scale(1.05)}.input-popup-form{flex-direction:column;max-height:85vh;display:flex;overflow:hidden}.input-popup-body{flex-direction:column;gap:16px;max-height:calc(85vh - 140px);padding:18px 20px;display:flex;overflow-y:auto}.input-popup-field-group{flex-direction:column;gap:8px;display:flex}.input-popup-label-row{justify-content:space-between;align-items:center;display:flex}.input-popup-label{color:var(--text-secondary);font-size:.86rem;font-weight:700}.input-popup-unit-badge{border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border-subtle);padding:2px 8px;font-size:.74rem;font-weight:700}.input-stepper-wrap{align-items:center;gap:10px;width:100%;display:flex}.stepper-btn{border-radius:var(--radius-md);border:1.5px solid var(--border-subtle);background-color:var(--bg-subtle);width:44px;height:44px;color:var(--text-main);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;justify-content:center;align-items:center;transition:all .18s;display:flex}.stepper-btn:hover{background-color:var(--input-theme-bg,var(--brand-primary-light));border-color:var(--input-theme-color,var(--brand-primary));color:var(--input-theme-color,var(--brand-primary-dark));transform:scale(1.05)}.stepper-btn:active{transform:scale(.95)}html.dark .stepper-btn{background-color:var(--bg-subtle);color:var(--text-main);border-color:var(--border-subtle)}html.dark .stepper-btn:hover{color:var(--input-theme-color,var(--brand-primary));border-color:var(--input-theme-color,var(--brand-primary));background-color:#f43f5e33}.input-popup-input-wrap{flex:1;align-items:center;width:100%;display:flex;position:relative}.input-popup-input{background-color:var(--bg-subtle);width:100%;color:var(--text-main);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-family);text-align:center;box-sizing:border-box;outline:none;padding:12px 42px 12px 16px;font-size:1.25rem;font-weight:800;transition:all .2s}.input-popup-input[type=text]{text-align:left;font-size:1rem;font-weight:600}.input-popup-input:focus{border-color:var(--input-theme-color,var(--brand-primary));background-color:var(--bg-surface);box-shadow:0 0 0 3px #f43f5e26}html.dark .input-popup-input{background-color:var(--bg-subtle);color:var(--text-main);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-color:var(--border-subtle)}html.dark .input-popup-input:focus{background-color:var(--bg-surface-elevated);border-color:var(--input-theme-color,var(--brand-primary))}.input-popup-unit{color:var(--text-muted);pointer-events:none;font-size:.9rem;font-weight:700;position:absolute;right:14px}.field-suggestion-chips-wrap{flex-direction:column;gap:6px;margin-top:2px;display:flex}.field-suggestion-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:.74rem;font-weight:700}.field-suggestion-chips{flex-wrap:wrap;gap:8px;display:flex}.suggestion-chip{border-radius:var(--radius-full);cursor:pointer;background-color:var(--bg-subtle);color:var(--text-secondary);border:1.5px solid var(--border-subtle);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;padding:7px 14px;font-size:.85rem;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.suggestion-chip:hover{background-color:var(--brand-primary-light);color:var(--brand-primary-dark);border-color:var(--brand-primary);transform:translateY(-1.5px)}.suggestion-chip.active{background-color:var(--input-theme-color,var(--brand-primary));color:#fff;border-color:var(--input-theme-color,var(--brand-primary));font-weight:800;transform:scale(1.04);box-shadow:0 4px 14px #f43f5e4d}html.dark .suggestion-chip{background-color:var(--bg-subtle);color:var(--text-secondary);border-color:var(--border-subtle)}html.dark .suggestion-chip:hover{color:var(--brand-primary-light);border-color:var(--brand-primary);background-color:#f43f5e2e}html.dark .suggestion-chip.active{background-color:var(--input-theme-color,var(--brand-primary));color:#fff;box-shadow:0 0 16px #f43f5e59}.field-select-chips-grid{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;display:grid}.select-choice-chip{border-radius:var(--radius-md);font-family:var(--font-family);background-color:var(--bg-subtle);color:var(--text-secondary);border:1.5px solid var(--border-subtle);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:5px;padding:9px 8px;font-size:.84rem;font-weight:700;transition:all .18s;display:flex}.select-choice-chip:hover{border-color:var(--input-theme-color,var(--brand-primary));color:var(--text-main);transform:translateY(-1px)}.select-choice-chip.active{background-color:var(--input-theme-color,var(--brand-primary));color:#fff;border-color:var(--input-theme-color,var(--brand-primary));font-weight:800;box-shadow:0 4px 12px #f43f5e40}html.dark .select-choice-chip{background-color:var(--bg-subtle);color:var(--text-secondary);border-color:var(--border-subtle)}html.dark .select-choice-chip.active{background-color:var(--input-theme-color,var(--brand-primary));color:#fff}.input-popup-expand-btn{border-radius:var(--radius-md);background-color:var(--bg-subtle);border:1px dashed var(--border-subtle);color:var(--text-secondary);cursor:pointer;font-family:var(--font-family);justify-content:space-between;align-items:center;margin-top:4px;padding:10px 14px;transition:all .18s;display:flex}.input-popup-expand-btn:hover{background-color:var(--brand-primary-light);border-color:var(--brand-primary);color:var(--brand-primary-dark);transform:translateY(-1px)}html.dark .input-popup-expand-btn{background-color:var(--bg-subtle);color:var(--text-secondary);border-color:var(--border-subtle)}html.dark .input-popup-expand-btn:hover{color:var(--brand-primary-light);border-color:var(--brand-primary);background-color:#f43f5e2e}.expand-btn-left{align-items:center;gap:8px;font-size:.84rem;font-weight:600;display:flex}.expand-btn-arrow{font-size:.95rem;font-weight:700;transition:transform .18s}.input-popup-expand-btn:hover .expand-btn-arrow{transform:translate(3px)}.input-popup-footer{border-top:1px solid var(--border-subtle);background-color:var(--bg-surface);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}html.dark .input-popup-footer{background-color:var(--bg-surface-elevated)}.btn-popup-config{border-radius:var(--radius-md);background-color:var(--bg-subtle);color:var(--text-secondary);border:1.5px solid var(--border-subtle);font-family:var(--font-family);cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:6px;padding:10px 14px;font-size:.86rem;font-weight:700;transition:all .18s;display:flex}.btn-popup-config:hover{background-color:var(--bg-glass);color:var(--text-main);border-color:var(--brand-primary);transform:translateY(-1px)}html.dark .btn-popup-config{background-color:var(--bg-subtle);color:var(--text-secondary);border-color:var(--border-subtle)}html.dark .btn-popup-config:hover{background-color:var(--bg-surface);color:var(--text-main);border-color:var(--brand-primary)}.input-popup-submit-btn{border-radius:var(--radius-md);font-family:var(--font-family);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;flex:1;justify-content:center;align-items:center;gap:8px;max-width:220px;margin-left:auto;padding:12px 24px;font-size:.96rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 14px #0000001f}.input-popup-submit-btn:hover{opacity:.94;transform:translateY(-1.5px);box-shadow:0 6px 20px #0003}.input-popup-submit-btn:active{transform:scale(.98)}.btn-suggestions-editor{background-color:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:10px;margin-top:14px;padding:14px;display:flex}html.dark .btn-suggestions-editor{background-color:var(--bg-surface-elevated)}.suggestions-editor-header{justify-content:space-between;align-items:center;display:flex}.suggestions-title{color:var(--text-secondary);font-size:.82rem;font-weight:700}.suggestions-count{color:var(--text-muted);font-size:.74rem}.suggestions-chip-cloud{flex-wrap:wrap;gap:8px;display:flex}.editable-suggestion-chip{background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-items:center;transition:all .18s;display:inline-flex;overflow:hidden}.editable-suggestion-chip.is-current-default{border-color:var(--brand-primary);background-color:var(--brand-primary-light)}.chip-val-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:5px 8px 5px 12px;font-size:.8rem;font-weight:600;display:flex}.chip-remove-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:5px 8px 5px 2px;transition:color .15s;display:flex}.chip-remove-btn:hover{color:#ef4444}.add-suggestion-input-row{gap:8px;margin-top:4px;display:flex}.add-suggestion-input{border-radius:var(--radius-md);border:1.5px solid var(--border-subtle);background-color:var(--bg-subtle);color:var(--text-main);outline:none;flex:1;padding:8px 12px;font-size:.85rem}.add-suggestion-input:focus{border-color:var(--brand-primary)}.btn-add-suggestion{border-radius:var(--radius-md);background-color:var(--bg-subtle);border:1.5px solid var(--border-subtle);color:var(--text-main);cursor:pointer;align-items:center;gap:5px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:all .18s;display:flex}.btn-add-suggestion:hover:not(:disabled){background-color:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.btn-add-suggestion:disabled{opacity:.5;cursor:not-allowed}@media (width<=599px){.input-popup-dialog{border-radius:var(--radius-md);max-width:100%}}.sleep-choice-backdrop{z-index:1200;background:var(--bg-backdrop,#0009);-webkit-backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:16px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.sleep-choice-dialog{background-color:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg,24px);width:100%;max-width:460px;box-shadow:0 20px 48px -10px #00000047, var(--shadow-glow);flex-direction:column;animation:.22s cubic-bezier(.16,1,.3,1) modalPopIn;display:flex;overflow:hidden}html.dark .sleep-choice-dialog{background-color:var(--bg-surface-elevated);border-color:var(--border-subtle);box-shadow:0 24px 50px -12px #000000b3,0 0 24px #a78bfa33}.sleep-modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sleep-header-title-wrap{align-items:center;gap:12px;display:flex}.sleep-header-icon-wrap{border-radius:var(--radius-full);background-color:var(--baby-sleep-bg);width:38px;height:38px;color:var(--baby-sleep);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sleep-header-title-wrap h3{color:var(--text-main);margin:0;font-size:1.12rem;font-weight:800;line-height:1.25}.sleep-header-title-wrap .modal-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:.8rem}.sleep-choose-body{padding:18px 20px}.sleep-options-grid{flex-direction:column;gap:12px;display:flex}.sleep-option-card{border-radius:var(--radius-md,16px);background-color:var(--bg-subtle);border:1.5px solid var(--border-subtle);cursor:pointer;text-align:left;box-sizing:border-box;outline:none;align-items:center;gap:16px;width:100%;padding:16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.sleep-option-card:hover,.sleep-option-card:focus-visible{border-color:var(--baby-sleep);background-color:var(--baby-sleep-bg);transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf629}.sleep-option-card:active{transform:scale(.98)}.sleep-opt-icon-circle{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s;display:flex}.sleep-option-card:hover .sleep-opt-icon-circle{transform:scale(1.08)}.sleep-opt-icon-circle.timer-circle{background:var(--baby-sleep-bg);color:var(--baby-sleep)}.sleep-opt-icon-circle.manual-circle{color:#0284c7;background:#38bdf829}html.dark .sleep-opt-icon-circle.manual-circle{color:#38bdf8;background:#38bdf838}.sleep-opt-text-wrap{flex:1;min-width:0}.sleep-opt-title-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.sleep-opt-title{color:var(--text-main);font-size:1.05rem;font-weight:800}.sleep-opt-badge{border-radius:var(--radius-full);padding:3px 8px;font-size:.72rem;font-weight:700}.sleep-opt-badge.timer-badge{background-color:var(--baby-sleep-bg);color:var(--baby-sleep)}.sleep-opt-badge.manual-badge{color:#0284c7;background-color:#38bdf82e}html.dark .sleep-opt-badge.manual-badge{color:#38bdf8;background-color:#38bdf840}.sleep-opt-desc{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.4}.sleep-manual-form{flex-direction:column;gap:16px;padding:20px;display:flex}.sleep-time-inputs-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sleep-time-inputs-row .input-with-icon{align-items:center;display:flex;position:relative}.sleep-time-inputs-row .input-left-icon{color:var(--baby-sleep);pointer-events:none;position:absolute;left:12px}.sleep-time-inputs-row input[type=time]{padding-left:36px;font-size:1.05rem;font-weight:700}.sleep-duration-preview-card{background-color:var(--baby-sleep-bg);border:1.5px solid var(--baby-sleep);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.sleep-duration-preview-card.is-invalid{background-color:#ef44441a;border-color:#ef4444}.duration-preview-main{flex-direction:column;gap:2px;display:flex}.duration-preview-label{color:var(--text-secondary);font-size:.78rem;font-weight:600}.duration-preview-value{color:var(--baby-sleep);font-size:1.15rem;font-weight:800}.duration-preview-sub{opacity:.85;margin-left:6px;font-size:.85rem;font-weight:600}.duration-preview-warning{color:#ef4444;font-size:.85rem;font-weight:700}.sleep-overnight-pill{color:var(--baby-sleep);border-radius:var(--radius-full);background-color:#7c3aed33;padding:4px 10px;font-size:.75rem;font-weight:700}.sleep-quick-presets-wrap{flex-direction:column;gap:6px;display:flex}.sleep-preset-chip{cursor:pointer;background-color:var(--bg-subtle);border-color:var(--border-subtle)}.sleep-preset-chip:hover{background-color:var(--baby-sleep-bg);border-color:var(--baby-sleep);color:var(--baby-sleep)}.sleep-submit-btn{background:linear-gradient(135deg, var(--baby-sleep), #7c3aed);color:#fff;border:none;font-weight:800;transition:all .2s}.sleep-submit-btn:hover:not(:disabled){opacity:.95;transform:translateY(-1px);box-shadow:0 6px 18px #7c3aed59}.sleep-submit-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=599px){.sleep-choice-dialog{border-radius:var(--radius-md);max-width:100%}.sleep-time-inputs-row{grid-template-columns:1fr 1fr;gap:8px}.sleep-time-inputs-row input[type=time]{padding-left:32px;font-size:.95rem}}@media (width<=768px){.quick-grid{scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent;grid-template-rows:repeat(2,1fr);grid-auto-columns:minmax(136px,148px);grid-auto-flow:column;gap:10px;margin:-2px -4px 0;padding:6px 4px 12px;display:grid;overflow:auto hidden}.quick-grid::-webkit-scrollbar{height:5px}.quick-grid::-webkit-scrollbar-track{background:var(--bg-subtle);border-radius:var(--radius-full)}.quick-grid::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-full)}.quick-grid::-webkit-scrollbar-thumb:hover{background:var(--brand-primary)}.quick-btn-card{border-radius:var(--radius-md);scroll-snap-align:start;justify-content:space-between;gap:6px;height:100%;min-height:98px;max-height:110px;padding:10px 10px 8px}.btn-icon-circle{border-radius:10px;width:36px;height:36px;margin:0}.btn-icon-circle svg{width:20px;height:20px}.btn-badge{padding:2px 6px;font-size:.62rem}.btn-detail-trigger{width:22px;height:22px}.btn-main-title{white-space:nowrap;text-overflow:ellipsis;max-width:108px;font-size:.88rem;overflow:hidden}.btn-subtext{white-space:nowrap;text-overflow:ellipsis;max-width:108px;margin-top:1px;font-size:.68rem;overflow:hidden}.add-custom-action-card{border-radius:var(--radius-md);scroll-snap-align:start;justify-content:space-between;align-items:flex-start;gap:6px;height:100%;min-height:98px;max-height:110px;padding:10px}.add-icon-circle{border-radius:10px;width:36px;height:36px}.add-icon-circle svg{width:18px;height:18px}.add-text{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.add-subtext{white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}}@media (width<=390px){.quick-grid{grid-auto-columns:minmax(122px,134px);gap:8px;padding:4px 2px 10px}.quick-btn-card{min-height:94px;max-height:104px;padding:8px 8px 7px}.btn-icon-circle{width:32px;height:32px}.btn-icon-circle svg{width:18px;height:18px}.btn-main-title{max-width:95px;font-size:.82rem}.btn-subtext{max-width:95px;font-size:.65rem}.add-custom-action-card{min-height:94px;max-height:104px;padding:8px}}@media (width>=769px){.desktop-sub-text{display:block}.mobile-sub-text,.mobile-scroll-hint-pill{display:none!important}.quick-grid{grid-template-rows:none;grid-auto-flow:row;gap:14px;margin:0;padding:0;display:grid;overflow:visible}.quick-btn-card{justify-content:space-between;gap:12px;min-height:125px;padding:16px 14px}.btn-icon-circle{border-radius:var(--radius-md);width:48px;height:48px}.btn-icon-circle svg{width:26px;height:26px}.btn-badge{padding:2px 7px;font-size:.68rem}.btn-detail-trigger{width:26px;height:26px}.btn-main-title{font-size:1.02rem}.btn-subtext{margin-top:2px;font-size:.76rem}.add-custom-action-card{text-align:center;justify-content:center;align-items:center;gap:8px;min-height:125px;padding:16px 14px}.add-icon-circle{width:44px;height:44px}.add-icon-circle svg{width:22px;height:22px}.add-text-content{align-items:center}.add-text{font-size:.9rem}.add-subtext{font-size:.75rem}}@media (width>=769px) and (width<=991px){.quick-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (width>=992px) and (width<=1199px){.quick-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (width>=1200px){.quick-grid{grid-template-columns:repeat(3,1fr);gap:16px}}.timeline-section{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;padding:20px;display:flex}.timeline-header{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:12px;padding-bottom:14px;display:flex}.timeline-title-group{flex-direction:column;gap:4px;display:flex}.timeline-title-row{justify-content:space-between;align-items:center;display:flex}.timeline-subtitle{color:var(--text-muted);font-size:.8rem;font-weight:500}.event-count-pill{background-color:var(--bg-subtle);color:var(--text-secondary);border-radius:var(--radius-full);border:1px solid var(--border-subtle);padding:3px 10px;font-size:.75rem;font-weight:700}.filter-chips-scroll{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-chips-scroll::-webkit-scrollbar{display:none}.filter-chip{border-radius:var(--radius-full);background-color:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-subtle);white-space:nowrap;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s}.filter-chip:hover{background-color:var(--brand-primary-light);color:var(--brand-primary)}.filter-chip.active{background-color:var(--brand-primary);color:var(--text-white);border-color:var(--brand-primary);box-shadow:var(--shadow-glow)}.timeline-period-divider{gap:var(--timeline-gap,14px);align-items:center;width:100%;margin:10px 0;display:flex;position:relative}.timeline-period-divider:before{content:"";left:calc(var(--timeline-time-w,64px) + var(--timeline-gap,14px) + var(--timeline-marker-w,26px));background:linear-gradient(90deg, var(--border-subtle), transparent);z-index:1;height:1px;position:absolute;right:0}.period-divider-time{width:var(--timeline-time-w,64px);flex-shrink:0}.period-divider-marker{width:var(--timeline-marker-w,26px);flex-shrink:0;justify-content:center;align-items:center;height:20px;display:flex;position:relative}.period-divider-line{z-index:1;background-color:#78716c47;width:2px;position:absolute;top:-20px;bottom:-20px;left:calc(50% - 1px)}html.dark .period-divider-line{background-color:#ffffff40}.period-chip-wrap{flex:1;align-items:center;min-width:0;display:flex}.period-chip{z-index:2;border-radius:var(--radius-full);background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);box-shadow:var(--shadow-sm);align-items:center;gap:6px;padding:3px 12px;font-size:.74rem;font-weight:700;display:inline-flex;position:relative}.period-chip .period-icon{color:var(--brand-primary)}.timeline-day-milestone{gap:var(--timeline-gap,14px);align-items:center;width:100%;margin:10px 0 16px;display:flex;position:relative}.day-milestone-time{width:var(--timeline-time-w,64px);text-align:right;flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-end;display:flex}.day-milestone-clock,.day-milestone-date{color:var(--text-muted);letter-spacing:.2px;font-variant-numeric:tabular-nums;font-size:.92rem;font-weight:800;line-height:1.2}.timeline-day-milestone.is-new-day .day-milestone-clock,.timeline-day-milestone.is-new-day .day-milestone-date{color:var(--brand-primary)}.day-milestone-marker{width:var(--timeline-marker-w,26px);flex-direction:column;flex-shrink:0;align-items:center;display:flex;position:relative}.day-milestone-line{z-index:1;background-color:#78716c47;width:2px;position:absolute;top:-24px;bottom:-24px;left:calc(50% - 1px)}html.dark .day-milestone-line{background-color:#ffffff40}.timeline-stream>.timeline-day-milestone:first-child .day-milestone-line{top:50%}.timeline-stream>.timeline-day-milestone:last-child .day-milestone-line{bottom:50%}.day-milestone-node{width:var(--timeline-node-size,26px);height:var(--timeline-node-size,26px);border-radius:var(--radius-full);z-index:2;background-color:var(--bg-surface-elevated);border:1.5px solid var(--border-subtle);color:var(--text-secondary);box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.timeline-day-milestone.is-new-day .day-milestone-node{background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark,#e11d48));color:#fff;border:2px solid var(--brand-primary-light);box-shadow:0 0 12px #e11d4866}.day-milestone-card{background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:0;box-shadow:var(--shadow-sm);flex:1;align-items:center;padding:8px 14px;transition:all .2s;display:flex}.timeline-day-milestone.is-new-day .day-milestone-card{border-color:var(--brand-primary);background:linear-gradient(90deg, var(--brand-primary-light), var(--bg-surface-elevated))}.day-milestone-text{color:var(--text-main);align-items:center;gap:6px;font-size:.84rem;font-weight:700;line-height:1.35;display:inline-flex}.timeline-day-milestone.is-new-day .day-milestone-text{color:var(--brand-primary-dark,var(--brand-primary));font-weight:800}html.dark .timeline-day-milestone.is-new-day .day-milestone-text{color:var(--brand-primary)}.timeline-load-more-row{justify-content:center;margin-top:16px;padding-top:8px;display:flex}.btn-timeline-load-more{border-radius:var(--radius-full);background-color:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:8px 18px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-timeline-load-more:hover{background-color:var(--brand-primary-light);color:var(--brand-primary);border-color:var(--brand-primary)}.timeline-empty-state{border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.empty-emoji{margin-bottom:4px;font-size:2.8rem}.timeline-empty-state h3{color:var(--text-main);font-size:1.05rem;font-weight:700}.timeline-empty-state p{color:var(--text-muted);max-width:280px;font-size:.85rem}.timeline-stream{--timeline-time-w:64px;--timeline-marker-w:26px;--timeline-node-size:26px;--timeline-gap:14px;flex-direction:column;width:100%;display:flex;position:relative}.timeline-item{gap:var(--timeline-gap,14px);align-items:flex-start;width:100%;padding-bottom:18px;display:flex;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-time-col{width:var(--timeline-time-w,64px);text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;padding-top:3px;display:flex}.time-primary{color:var(--text-main);font-variant-numeric:tabular-nums;font-size:.92rem;font-weight:800;line-height:1.2}.time-relative{color:var(--text-muted);text-align:right;font-size:.7rem;line-height:1.2}.time-day-indicator{border-radius:var(--radius-sm);text-align:center;white-space:nowrap;margin-top:4px;padding:1px 5px;font-size:.65rem;font-weight:700;line-height:1.2;display:inline-block}.time-day-indicator.is-today{color:var(--brand-primary);background-color:var(--brand-primary-light);border:1px solid #e11d4840}.time-day-indicator.is-past{color:var(--text-muted);background-color:var(--bg-subtle);border:1px solid var(--border-subtle)}.timeline-line-marker{width:var(--timeline-marker-w,26px);flex-direction:column;flex-shrink:0;align-self:stretch;align-items:center;display:flex;position:relative}.marker-dot{width:var(--timeline-node-size,26px);height:var(--timeline-node-size,26px);border-radius:var(--radius-full);z-index:3;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 2px 8px #00000026}.marker-connector{z-index:1;background-color:#78716c47;width:2px;position:absolute;top:-4px;bottom:-24px;left:calc(50% - 1px)}html.dark .marker-connector{background-color:#ffffff40}.timeline-item.is-first-stream-item .marker-connector{top:13px!important}.timeline-item.is-last-stream-item .marker-connector{bottom:calc(100% - 13px)!important}.timeline-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:0;box-shadow:var(--shadow-sm);flex-direction:column;flex:1;gap:6px;padding:10px 14px;transition:transform .2s,box-shadow .2s;display:flex}.timeline-card.milestone-card{background:linear-gradient(135deg, var(--bg-surface) 0%, var(--bg-subtle) 100%);border-left:3.5px solid #f59e0b}html.dark .timeline-card.milestone-card{border-left-color:#fbbf24}.timeline-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-top-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-title-group{flex-wrap:wrap;flex:1;align-items:center;gap:7px;min-width:0;display:flex}.card-event-emoji{flex-shrink:0;font-size:1.15rem;line-height:1}.card-event-title{color:var(--text-main);font-size:.94rem;font-weight:800;line-height:1.3}.card-badge{border-radius:var(--radius-full);padding:1.5px 7px;font-size:.72rem;font-weight:700}.card-author-inline{color:var(--text-muted);font-size:.75rem;font-weight:500}.card-author-inline strong{color:var(--text-secondary);font-weight:700}.card-action-btns{flex-shrink:0;align-items:center;gap:3px;display:flex}.card-icon-action{border-radius:var(--radius-full);width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.card-icon-action:hover{background-color:var(--bg-surface);color:var(--brand-primary)}.card-icon-action.delete:hover{color:#ef4444}.card-detail-highlight{color:var(--text-main);background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;align-self:flex-start;padding:6px 12px;font-size:.88rem;font-weight:700;display:inline-block}.card-note-box{color:var(--text-secondary);background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:.85rem;display:flex}.note-icon{color:var(--text-muted);flex-shrink:0;margin-top:2px}.card-photo-wrapper{cursor:pointer;border-radius:10px;max-width:260px;position:relative;overflow:hidden}.event-thumbnail{object-fit:cover;border-radius:10px;width:100%;max-height:180px;transition:transform .2s}.event-thumbnail:hover{transform:scale(1.03)}.photo-tap-hint{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border-radius:4px;padding:2px 6px;font-size:.65rem;position:absolute;bottom:6px;left:6px}.card-footer{color:var(--text-muted);border-top:1px dashed var(--border-subtle);justify-content:flex-end;align-items:center;padding-top:6px;font-size:.75rem;display:flex}.timeline-sleep-chain{background:var(--baby-sleep-bg);border:1.5px solid var(--baby-sleep);border-radius:var(--radius-lg);box-shadow:0 4px 18px #8b5cf61f, var(--shadow-sm);flex-direction:column;margin:0 -10px 18px;padding:14px 10px 4px;transition:all .2s;display:flex;position:relative}html.dark .timeline-sleep-chain{background:linear-gradient(135deg,#a78bfa29 0%,#8b5cf638 100%);border-color:#a78bfa8c;box-shadow:0 4px 20px #00000059}.timeline-sleep-chain .timeline-item{padding-bottom:14px}.timeline-sleep-chain .timeline-item:last-child{padding-bottom:8px}.timeline-sleep-chain .marker-connector{background:var(--baby-sleep);opacity:.95;top:-4px;bottom:-20px}html.dark .timeline-sleep-chain .marker-connector{opacity:.95;background:#a78bfa;box-shadow:0 0 6px #a78bfa73}.timeline-sleep-chain .timeline-item:first-child .marker-connector{top:-24px}.timeline-sleep-chain .timeline-item:last-child .marker-connector{display:block!important;bottom:-36px!important}.timeline-sleep-chain .timeline-item.is-first-stream-item:first-child .marker-connector{top:13px!important}.timeline-sleep-chain .timeline-item.is-last-stream-item:last-child .marker-connector{bottom:calc(100% - 13px)!important}.timeline-sleep-chain .timeline-card{background-color:var(--bg-surface);border:1px solid #8b5cf640}html.dark .timeline-sleep-chain .timeline-card{background-color:var(--bg-surface-elevated,var(--bg-surface));border-color:#a78bfa47}.timeline-card.has-single-duration-card,.timeline-sleep-chain .timeline-card.has-single-duration-card{box-shadow:0 2px 10px #0000000d;background-color:var(--single-bg-tint,var(--bg-surface))!important;border-color:var(--single-border-tint,var(--border-subtle))!important;border-left:4px solid var(--single-accent,var(--brand-primary))!important}html.dark .timeline-card.has-single-duration-card,html.dark .timeline-sleep-chain .timeline-card.has-single-duration-card{box-shadow:0 2px 12px #00000040;background-color:var(--single-bg-tint-dark,var(--bg-surface-elevated))!important;border-color:var(--single-border-tint,#ffffff29)!important;border-left:4px solid var(--single-accent,var(--brand-primary))!important}.sleep-duration-highlight{color:var(--baby-sleep);border-radius:var(--radius-sm);background-color:#8b5cf61a;border:1px solid #8b5cf633;align-self:flex-start;padding:4px 10px;font-size:.82rem;font-weight:700;display:inline-block}html.dark .sleep-duration-highlight{color:#c4b5fd;background-color:#a78bfa26;border-color:#a78bfa4d}.sleep-overnight-pill{color:#a855f7;border-radius:var(--radius-sm);white-space:nowrap;background:#a855f726;border:1px solid #a855f74d;flex-shrink:0;padding:2px 6px;font-size:.68rem;font-weight:700}@media (width<=480px){.timeline-stream{--timeline-time-w:48px;--timeline-marker-w:22px;--timeline-node-size:22px;--timeline-gap:8px}.timeline-item{padding-bottom:14px}.time-primary,.day-milestone-clock,.day-milestone-date{font-size:.82rem}.time-relative{font-size:.64rem}.marker-connector{top:-4px;bottom:-20px}.timeline-sleep-chain .timeline-item:first-child .marker-connector{top:-18px}.timeline-sleep-chain .timeline-item:last-child .marker-connector{display:block!important;bottom:-28px!important}.day-milestone-line,.period-divider-line{top:-18px;bottom:-18px}.timeline-item.is-first-stream-item .marker-connector,.timeline-sleep-chain .timeline-item.is-first-stream-item:first-child .marker-connector{top:11px!important}.timeline-item.is-last-stream-item .marker-connector,.timeline-sleep-chain .timeline-item.is-last-stream-item:last-child .marker-connector{bottom:calc(100% - 11px)!important}.timeline-card{border-radius:10px;gap:5px;padding:8px 10px}.timeline-sleep-chain{border-radius:var(--radius-md);margin:0 -6px 14px;padding:10px 6px 2px}.day-milestone-card{border-radius:10px;padding:6px 10px}.day-milestone-text{font-size:.78rem}.card-event-title{font-size:.86rem}.card-badge{padding:1px 6px;font-size:.65rem}.card-icon-action{width:24px;height:24px}.card-detail-highlight{padding:4px 10px;font-size:.82rem}.card-note-box{padding:8px 10px;font-size:.8rem}}.photo-lightbox-overlay{z-index:1300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e0;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.lightbox-content{max-width:90vw;max-height:85vh;position:relative}.lightbox-img{border-radius:var(--radius-md);object-fit:contain;max-width:100%;max-height:85vh;box-shadow:0 10px 40px #00000080}.lightbox-close-btn{color:#fff;border-radius:var(--radius-full);background:#fff3;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:-45px;right:0}.inline-icon{color:var(--brand-primary);margin-right:8px}.floating-toast-container{bottom:calc(24px + var(--safe-bottom,0px));z-index:1200;width:calc(100% - 32px);max-width:480px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:fixed;left:50%;transform:translate(-50%)}@media (width<=768px){.floating-toast-container{bottom:calc(75px + env(safe-area-inset-bottom,10px));width:calc(100% - 24px)}.floating-toast-content{gap:8px;padding:10px 14px}.toast-title{font-size:.85rem}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,40px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.floating-toast-content{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-main);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex;box-shadow:0 12px 35px #0003}.toast-left{align-items:center;gap:10px;min-width:0;display:flex}.toast-check-icon{color:#10b981;flex-shrink:0}.toast-text-group{flex-direction:column;min-width:0;display:flex}.toast-title{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.toast-time{color:var(--text-muted);font-size:.72rem}.toast-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.toast-detail-action-btn{background-color:var(--brand-primary);color:#fff;border-radius:var(--radius-full);align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:transform .15s;display:flex}.toast-detail-action-btn:hover{transform:scale(1.04)}.toast-close-btn{color:var(--text-muted);justify-content:center;align-items:center;width:24px;height:24px;display:flex}.modal-backdrop{z-index:1100;background:var(--bg-backdrop,#0009);-webkit-backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@media (width>=600px){.modal-backdrop{align-items:center;padding:20px}}.modal-sheet-dialog{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90dvh;box-shadow:0 20px 48px -12px #00000047, var(--shadow-glow);flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) modalPopIn;display:flex;overflow:hidden}@keyframes modalPopIn{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=599px){.modal-backdrop{align-items:center;padding:12px}.modal-sheet-dialog{border-radius:var(--radius-md);max-width:100%;max-height:92dvh;animation:.25s cubic-bezier(.16,1,.3,1) modalPopIn}.modal-sheet-header{padding:14px 16px}.modal-sheet-title-group h3{font-size:1.05rem}.modal-sheet-form,.modal-sheet-body{gap:14px;padding:16px 14px}.modal-sheet-actions{gap:10px;margin-top:6px;padding-bottom:4px}.edit-modal-footer{flex-direction:column-reverse;align-items:stretch;gap:10px}.modal-actions-right{gap:8px;width:100%;display:flex}.modal-actions-right .btn-secondary,.modal-actions-right .btn-primary{flex:1}.btn-delete-modal{width:100%}}@media (width>=600px){.modal-sheet-dialog{border-radius:var(--radius-lg)}}.modal-sheet-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-sheet-title-group h3{color:var(--text-main);align-items:center;font-size:1.15rem;font-weight:800;display:flex}.modal-subtitle{color:var(--text-muted);font-size:.78rem}.modal-tag{border-radius:var(--radius-full);background-color:var(--bg-subtle);padding:2px 8px;font-size:.8rem;font-weight:700}.modal-header-with-icon{align-items:center;gap:12px;min-width:0;display:flex}.modal-header-icon-circle{border-radius:var(--radius-full);width:44px;height:44px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-tag-badge{border-radius:var(--radius-full);border:1px solid;padding:2px 8px;font-size:.74rem;font-weight:700}.modal-subtitle-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:3px;display:flex}.modal-close-btn{border-radius:var(--radius-full);width:34px;height:34px;color:var(--text-muted);background-color:var(--bg-subtle);justify-content:center;align-items:center;display:flex}.modal-close-btn:hover{color:var(--text-main)}.modal-sheet-form,.modal-sheet-body{flex-direction:column;gap:16px;padding:22px;display:flex;overflow-y:auto}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);font-size:.82rem;font-weight:700}.form-group input,.form-group textarea,.form-group select,select,.form-select{background-color:var(--bg-subtle);border:1.5px solid var(--border-subtle);color:var(--text-main);border-radius:var(--radius-md);box-sizing:border-box;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.form-group select,select,.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;font-weight:600}[data-theme=dark] .form-group select,[data-theme=dark] select,[data-theme=dark] .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.form-group input:hover:not(:disabled),.form-group textarea:hover:not(:disabled),.form-group select:hover:not(:disabled),select:hover:not(:disabled),.form-select:hover:not(:disabled){border-color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus,select:focus,.form-select:focus{border-color:var(--brand-primary);background-color:var(--bg-surface);box-shadow:0 0 0 3px var(--brand-primary-light)}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled,select:disabled,.form-select:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-subtle)}select option,.form-group select option,.form-select option{background-color:var(--bg-surface);color:var(--text-main);padding:10px 14px;font-size:.95rem;font-weight:500}select optgroup,.form-group select optgroup,.form-select optgroup{color:var(--text-muted);background-color:var(--bg-subtle);font-weight:700}input[type=date],input[type=time]{cursor:pointer;font-family:inherit}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;border-radius:4px;padding:4px;transition:opacity .2s}input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;border-radius:4px;padding:4px;transition:opacity .2s}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}[data-theme=dark] input[type=date],[data-theme=dark] input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.85)}[data-theme=dark] input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.85)}[data-theme=light] input[type=date],[data-theme=light] input[type=time]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.form-group textarea{resize:vertical;min-height:84px;line-height:1.5}.form-row-two-col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.input-with-icon{align-items:center;display:flex;position:relative}.input-left-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.input-with-icon input{width:100%;padding-left:36px}.form-special-block{background-color:var(--bg-subtle);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:14px;display:flex}.feed-type-toggle,.gender-toggle-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.type-toggle-btn,.gender-btn{border-radius:var(--radius-md);background-color:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:8px 12px;font-size:.85rem;font-weight:700;transition:all .2s}.type-toggle-btn.active,.gender-btn.active{background-color:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.quick-amount-chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.chip-btn{border-radius:var(--radius-full);background-color:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-subtle);padding:5px 12px;font-size:.78rem;font-weight:600;transition:all .2s}.chip-btn.active,.chip-btn:hover{background-color:var(--brand-primary-light);color:var(--brand-primary);border-color:var(--brand-primary)}.photo-upload-trigger{border:2px dashed var(--border-subtle);border-radius:var(--radius-md);background-color:var(--bg-subtle);color:var(--text-secondary);flex-direction:column;align-items:center;gap:6px;padding:20px;transition:all .2s;display:flex}.photo-upload-trigger:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.camera-icon{color:var(--brand-primary)}.hint-text{color:var(--text-muted);font-size:.72rem}.photo-preview-box{border-radius:var(--radius-md);max-width:240px;margin:0 auto;position:relative;overflow:hidden}.preview-img{object-fit:cover;border-radius:var(--radius-md);width:100%;max-height:200px}.remove-photo-btn{color:#fff;border-radius:var(--radius-full);background:#ef4444d9;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:8px;right:8px}.modal-sheet-actions{gap:12px;margin-top:10px;display:flex}.btn-secondary{border-radius:var(--radius-md);background-color:var(--bg-subtle);color:var(--text-secondary);flex:1;padding:12px;font-size:.95rem;font-weight:700}.btn-primary{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));color:#fff;flex:2;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 4px 15px #7c3aed40}.spinner-animate{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-selector-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.icon-choice-btn{border-radius:var(--radius-md);background-color:var(--bg-subtle);width:40px;height:40px;color:var(--text-secondary);border:1px solid var(--border-subtle);justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-choice-btn.selected{background-color:var(--brand-primary-light);border-width:2px}.color-selector-row{gap:10px;padding:4px 0;display:flex;overflow-x:auto}.color-choice-btn{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .2s;display:flex}.color-choice-btn.selected{transform:scale(1.18);box-shadow:0 0 10px #0003}.preview-card{pointer-events:none}.modal-section-card{background-color:var(--bg-subtle);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:16px;display:flex}.section-card-title{color:var(--text-main);align-items:center;gap:8px;font-size:.95rem;font-weight:800;display:flex}.title-icon{color:var(--brand-primary)}.avatar-pick-row{flex-wrap:wrap;gap:8px;margin-bottom:6px;display:flex}.avatar-choice-btn{border-radius:var(--radius-md);background-color:var(--bg-surface);border:1px solid var(--border-subtle);padding:6px 10px;font-size:1.5rem}.avatar-choice-btn.active{border-color:var(--brand-primary);background-color:var(--brand-primary-light)}.profile-save-action{justify-content:flex-end;display:flex}.btn-primary-small{border-radius:var(--radius-md);background-color:var(--brand-primary);color:#fff;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:700;display:flex}.invite-box{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px}.invite-label{color:var(--text-muted);letter-spacing:.05em;font-size:.72rem;font-weight:700}.invite-code-row{justify-content:space-between;align-items:center;margin:6px 0 8px;display:flex}.invite-code-display{letter-spacing:.08em;color:var(--brand-primary);font-size:1.6rem;font-weight:800}.copy-code-btn{background-color:var(--bg-subtle);border-radius:var(--radius-full);color:var(--text-main);align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.copy-code-btn:hover{background-color:var(--brand-primary-light);color:var(--brand-primary)}.invite-hint{color:var(--text-secondary);font-size:.78rem;line-height:1.4}.join-family-form{flex-direction:column;gap:6px;margin-top:4px;display:flex}.join-family-form label{color:var(--text-secondary);font-size:.8rem;font-weight:700}.join-input-group{gap:8px;display:flex}.join-input-group input{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-main);flex:1;padding:8px 12px;font-weight:700}.btn-secondary-action{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-main);padding:8px 16px;font-size:.85rem;font-weight:700}.join-feedback-msg{border-radius:6px;padding:6px 10px;font-size:.8rem;font-weight:600}.join-feedback-msg.success{color:#065f46;background-color:#d1fae5}.join-feedback-msg.error{color:#991b1b;background-color:#fee2e2}.invite-alert-badge{color:#fff!important;background:linear-gradient(135deg,#ef4444 0%,#f59e0b 100%)!important;font-weight:800!important;animation:1.5s ease-in-out infinite pulseBadge!important;box-shadow:0 0 10px #ef444499!important}@keyframes pulseBadge{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.has-invite-pulse{animation:3s ease-in-out infinite ringShake}@keyframes ringShake{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-8deg)}90%{transform:rotate(8deg)}95%{transform:rotate(-4deg)}}.incoming-invites-section{border-radius:var(--radius-lg);background:linear-gradient(135deg,#f59e0b1f 0%,#ec48991f 100%);border:1.5px solid #f59e0b;flex-direction:column;gap:12px;padding:16px;animation:.3s fadeInDown;display:flex;box-shadow:0 4px 16px #f59e0b26}.incoming-section-header{align-items:center;gap:12px;display:flex}.bell-badge-icon{color:#d97706;background-color:#fef3c7;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}[data-theme=dark] .bell-badge-icon{color:#fbbf24;background-color:#f59e0b40}.incoming-heading{color:var(--text-main);margin-bottom:2px;font-size:.96rem;font-weight:800}.incoming-sub{color:var(--text-secondary);font-size:.78rem}.incoming-cards-grid{flex-direction:column;gap:10px;display:flex}.incoming-invite-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:14px;transition:all .2s;display:flex}.incoming-invite-card:hover{border-color:#f59e0b}.incoming-card-top-row{justify-content:space-between;align-items:center;display:flex}.incoming-pill-tag{color:#b45309;border-radius:var(--radius-full);background-color:#fef3c7;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}[data-theme=dark] .incoming-pill-tag{color:#fcd34d;background-color:#f59e0b33}.incoming-date-tag{color:var(--text-muted);align-items:center;gap:4px;font-size:.72rem;display:inline-flex}.incoming-card-info-box{align-items:center;gap:14px;display:flex}.incoming-baby-avatar{border:1px solid var(--border-subtle);background:linear-gradient(135deg,#f472b633 0%,#7c3aed33 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.6rem;display:flex}.incoming-texts{flex:1;min-width:0}.inviter-line{color:var(--text-secondary);margin-bottom:2px;font-size:.85rem}.inviter-line strong{color:var(--text-main)}.fam-baby-name{color:var(--text-main);font-size:1rem;font-weight:800;line-height:1.3}.inv-fam-sub{color:var(--text-muted);margin-top:2px;font-size:.76rem;display:block}.incoming-action-row{align-items:center;gap:10px;padding-top:4px;display:flex}.btn-confirm-accept{border-radius:var(--radius-md);color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:.88rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #10b98140}.btn-confirm-accept:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 4px 12px #10b98159}.btn-decline-cancel{border-radius:var(--radius-md);color:var(--text-secondary);background-color:var(--bg-subtle);border:1px solid var(--border-subtle);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-decline-cancel:hover:not(:disabled){color:#dc2626;background-color:#fee2e2;border-color:#fca5a5}[data-theme=dark] .btn-decline-cancel:hover:not(:disabled){color:#f87171;background-color:#dc262633;border-color:#dc262666}.baby-switcher-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--bg-surface);flex-direction:column;gap:12px;padding:16px;display:flex}.btn-add-baby-mini{border-radius:var(--radius-full);background-color:var(--brand-primary-light);color:var(--brand-primary);cursor:pointer;border:1px solid #7c3aed33;align-items:center;gap:5px;padding:5px 12px;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-add-baby-mini:hover{background-color:var(--brand-primary);color:#fff;transform:translateY(-1px)}.inline-add-baby-box{background-color:var(--bg-subtle);border:1.5px dashed var(--brand-primary);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:14px;animation:.25s fadeInDown;display:flex}.avatar-pick-mini-row{flex-wrap:wrap;gap:8px;display:flex}.mini-avatar-btn{background-color:var(--bg-surface);border:1.5px solid var(--border-subtle);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;transition:all .2s;display:flex}.mini-avatar-btn.active{border-color:var(--brand-primary);background-color:var(--brand-primary-light);box-shadow:0 0 0 2px var(--brand-primary)}.mini-gender-btn{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background-color:var(--bg-surface);color:var(--text-secondary);cursor:pointer;flex:1;padding:7px 10px;font-size:.78rem;font-weight:700;transition:all .2s}[data-theme=dark] .mini-gender-btn.active-boy{color:#93c5fd;background-color:#3b82f633;border-color:#3b82f6}[data-theme=dark] .mini-gender-btn.active-girl{color:#f472b6;background-color:#ec489933;border-color:#ec4899}.baby-profiles-grid{flex-direction:column;gap:10px;display:flex}.baby-profile-item-card{background-color:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.baby-profile-item-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.baby-profile-item-card.is-active-baby{border-color:var(--brand-primary);cursor:default;background:linear-gradient(135deg,#7c3aed0d 0%,#ec48990d 100%)}[data-theme=dark] .baby-profile-item-card.is-active-baby{background:linear-gradient(135deg,#7c3aed26 0%,#ec489926 100%);border-color:#a855f7}.baby-item-avatar{border:1px solid var(--border-subtle);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex;position:relative}.baby-item-avatar.boy-theme{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%)}.baby-item-avatar.girl-theme{background:linear-gradient(135deg,#fce7f3 0%,#fbcfe8 100%)}[data-theme=dark] .baby-item-avatar.boy-theme{background:linear-gradient(135deg,#3b82f640 0%,#2563eb40 100%)}[data-theme=dark] .baby-item-avatar.girl-theme{background:linear-gradient(135deg,#ec489940 0%,#db277740 100%)}.baby-active-pulse-dot{border:2px solid var(--bg-surface);background-color:#10b981;border-radius:50%;width:12px;height:12px;position:absolute;top:-3px;right:-3px;box-shadow:0 0 6px #10b981}.baby-item-info{flex:1;min-width:0}.baby-item-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.baby-item-name{color:var(--text-main);font-size:.96rem;font-weight:800}.baby-gender-tag{border-radius:var(--radius-full);padding:1px 7px;font-size:.68rem;font-weight:700}.baby-gender-tag.boy{color:#1e40af;background-color:#dbeafe}.baby-gender-tag.girl{color:#9d174d;background-color:#fce7f3}[data-theme=dark] .baby-gender-tag.boy{color:#93c5fd;background-color:#3b82f633}[data-theme=dark] .baby-gender-tag.girl{color:#f472b6;background-color:#ec489933}.baby-active-pill{color:#fff;border-radius:var(--radius-full);background:linear-gradient(135deg,#10b981 0%,#059669 100%);padding:1px 8px;font-size:.68rem;font-weight:800;box-shadow:0 1px 4px #10b98133}.baby-item-meta-row{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;font-size:.76rem;display:flex}.baby-item-actions{flex-shrink:0}.btn-switch-baby{border-radius:var(--radius-md);color:var(--brand-primary);background-color:var(--brand-primary-light);cursor:pointer;white-space:nowrap;border:1px solid #7c3aed33;align-items:center;gap:6px;padding:7px 12px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-switch-baby:hover:not(:disabled){background-color:var(--brand-primary);color:#fff;border-color:var(--brand-primary);transform:translateY(-1px);box-shadow:0 2px 8px #7c3aed40}.btn-switch-active-btn{border-radius:var(--radius-md);color:#065f46;cursor:default;background-color:#d1fae5;border:1px solid #a7f3d0;align-items:center;gap:5px;padding:7px 12px;font-size:.8rem;font-weight:800;display:inline-flex}[data-theme=dark] .btn-switch-active-btn{color:#6ee7b7;background-color:#10b98133;border-color:#10b98159}.btn-edit-profile-icon{border-radius:var(--radius-md);background-color:var(--bg-subtle);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--brand-primary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-edit-profile-icon:hover{background-color:var(--brand-primary-light);border-color:var(--brand-primary)}.families-joined-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--bg-surface);flex-direction:column;gap:12px;padding:16px;display:flex}.families-joined-list{flex-direction:column;gap:10px;display:flex}.family-joined-item-card{background-color:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.family-joined-item-card:hover{box-shadow:var(--shadow-sm);border-color:#6366f1;transform:translateY(-1px)}.family-joined-item-card.is-active-family{cursor:default;background:linear-gradient(135deg,#6366f10f 0%,#7c3aed0f 100%);border-color:#6366f1}[data-theme=dark] .family-joined-item-card.is-active-family{background:linear-gradient(135deg,#6366f129 0%,#7c3aed29 100%);border-color:#818cf8}.fam-avatar-box{background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);border:1px solid #6366f133;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex}[data-theme=dark] .fam-avatar-box{background:linear-gradient(135deg,#6366f140 0%,#4f46e540 100%);border-color:#6366f166}.fam-info-col{flex:1;min-width:0}.fam-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fam-title{color:var(--text-main);font-size:.95rem;font-weight:800}.fam-active-badge{color:#065f46;border-radius:var(--radius-full);background-color:#d1fae5;border:1px solid #a7f3d0;padding:1px 7px;font-size:.68rem;font-weight:800}[data-theme=dark] .fam-active-badge{color:#6ee7b7;background-color:#10b98133;border-color:#10b9814d}[data-theme=dark] .fam-role-pill.owner{color:#fcd34d;background-color:#f59e0b33}.fam-role-pill.member{background-color:var(--bg-subtle);color:var(--text-muted)}.fam-sub-row{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px;font-size:.76rem;display:flex}.fam-code-pill{color:var(--text-main);background-color:var(--bg-subtle);border-radius:4px;padding:1px 6px;font-family:monospace;font-weight:700}.fam-actions-col{flex-shrink:0}.fam-current-check{color:#059669;align-items:center;gap:5px;font-size:.8rem;font-weight:800;display:inline-flex}[data-theme=dark] .fam-current-check{color:#10b981}.btn-switch-family{border-radius:var(--radius-md);color:#4f46e5;cursor:pointer;white-space:nowrap;background-color:#eef2ff;border:1px solid #c7d2fe;align-items:center;gap:6px;padding:7px 12px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-switch-family:hover:not(:disabled){color:#fff;background-color:#4f46e5;border-color:#4f46e5;transform:translateY(-1px);box-shadow:0 2px 8px #4f46e540}[data-theme=dark] .btn-switch-family{color:#a5b4fc;background-color:#6366f12e;border-color:#6366f166}[data-theme=dark] .btn-switch-family:hover:not(:disabled){color:#fff;background-color:#6366f1;border-color:#6366f1}.account-section-card{border-radius:var(--radius-md);background-color:var(--bg-surface);border:1px solid var(--border-subtle);flex-direction:column;gap:12px;padding:14px 16px;display:flex}.account-section-header{justify-content:space-between;align-items:center;display:flex}.account-section-title-wrap{align-items:center;gap:8px;display:flex}.account-section-title{color:var(--text-main);font-size:.9rem;font-weight:800}.account-link-btn{color:var(--brand-primary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-flex}.account-link-btn:hover{background-color:var(--brand-primary-light)}.account-baby-list,.account-families-list,.account-members-list{flex-direction:column;gap:8px;display:flex}.account-baby-item,.account-fam-item{border-radius:var(--radius-md);background-color:var(--bg-subtle);border:1px solid var(--border-subtle);cursor:pointer;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.account-baby-item:hover,.account-fam-item:hover{border-color:var(--brand-primary)}.account-baby-item.is-active-baby,.account-fam-item.is-active-family{border-color:var(--brand-primary);cursor:default;background-color:#7c3aed0d}[data-theme=dark] .account-baby-item.is-active-baby,[data-theme=dark] .account-fam-item.is-active-family{background-color:#7c3aed1f}.account-baby-avatar-box,.account-fam-avatar{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.3rem;display:flex;position:relative}.account-baby-info-col,.account-fam-info{flex:1;min-width:0}.account-baby-name-row,.account-fam-name-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.account-baby-name,.account-fam-name{color:var(--text-main);font-size:.9rem;font-weight:700}.account-baby-meta-sub,.account-fam-meta{color:var(--text-muted);margin-top:1px;font-size:.74rem;display:block}.account-baby-action-col,.account-fam-action{flex-shrink:0}.account-active-group{align-items:center;gap:6px;display:flex}.account-active-badge{color:#065f46;border-radius:var(--radius-full);background-color:#d1fae5;border:1px solid #a7f3d0;align-items:center;gap:4px;padding:4px 8px;font-size:.74rem;font-weight:800;display:inline-flex}[data-theme=dark] .account-active-badge{color:#6ee7b7;background-color:#10b98133;border-color:#10b98159}.section-desc-note{color:var(--text-muted);margin-top:-4px;font-size:.8rem;line-height:1.45}.family-members-list{flex-direction:column;gap:8px;margin-top:4px;display:flex}.family-member-item{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.family-member-item:hover{border-color:var(--brand-primary)}.family-member-item.is-current-user{background-color:#7c3aed0a;border-color:#7c3aed4d}[data-theme=dark] .family-member-item.is-current-user{background-color:#7c3aed1a;border-color:#7c3aed66}.member-avatar-box{background:linear-gradient(135deg, var(--brand-primary) 0%, #ec4899 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.05rem;font-weight:800;display:flex;position:relative;overflow:visible}.member-avatar-box img{object-fit:cover;border-radius:50%;width:100%;height:100%}.owner-crown-badge{color:#fff;background-color:#f59e0b;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 1px 4px #0003}.member-details-col{flex:1;min-width:0}.member-name-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.member-display-name{color:var(--text-main);font-size:.92rem;font-weight:700}.member-pill{border-radius:var(--radius-full);padding:1px 7px;font-size:.68rem;font-weight:700}.member-pill.you{background-color:var(--brand-primary-light);color:var(--brand-primary)}.member-pill.owner{color:#b45309;background-color:#fef3c7}[data-theme=dark] .member-pill.owner{color:#fcd34d;background-color:#f59e0b33}.member-pill.member{background-color:var(--bg-subtle);color:var(--text-muted)}.member-email-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.74rem;display:block;overflow:hidden}.btn-remove-member{color:#ef4444;cursor:pointer;background-color:#0000;border:1px solid #ef444433;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-remove-member:hover:not(:disabled){color:#dc2626;background-color:#fee2e2;border-color:#f87171}[data-theme=dark] .btn-remove-member:hover:not(:disabled){color:#f87171;background-color:#ef444433;border-color:#ef444466}.invite-by-username-form{flex-direction:column;gap:10px;display:flex}.invite-input-btn-row{gap:8px;display:flex}.input-with-icon-wrap{flex:1;align-items:center;display:flex;position:relative}.input-with-icon-wrap .input-left-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.input-with-icon-wrap input{background-color:var(--bg-surface);width:100%;padding-left:36px!important}.invite-submit-btn{white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:10px 18px;font-size:.88rem;font-weight:700;display:inline-flex}.invite-feedback-box{border-radius:var(--radius-md);align-items:center;gap:8px;padding:10px 14px;font-size:.82rem;font-weight:600;animation:.2s fadeInDown;display:flex}[data-theme=dark] .invite-feedback-box.success{color:#6ee7b7;background-color:#10b98126;border-color:#10b9814d}[data-theme=dark] .invite-feedback-box.error{color:#fca5a5;background-color:#ef444426;border-color:#ef44444d}.pending-invites-box{background-color:var(--bg-surface);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:8px;margin-top:4px;padding:12px 14px;display:flex}.pending-box-title{color:var(--text-secondary);align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:flex}.pending-invites-list{flex-direction:column;gap:6px;display:flex}.pending-invite-item{background-color:var(--bg-subtle);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.pending-left-info{flex-direction:column;min-width:0;display:flex}.pending-left-info strong{color:var(--text-main);font-size:.82rem}.pending-email-meta{color:var(--text-muted);font-size:.72rem}.pending-right-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.pending-status-chip{color:#d97706;border-radius:var(--radius-full);background-color:#fef3c7;padding:2px 8px;font-size:.7rem;font-weight:700}[data-theme=dark] .pending-status-chip{color:#fbbf24;background-color:#f59e0b33}.btn-cancel-pending{color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer;background-color:#0000;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.74rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-cancel-pending:hover{color:#dc2626;background-color:#fee2e2;border-color:#fca5a5}@media (width<=600px){.invite-input-btn-row,.incoming-action-row{flex-direction:column}.btn-confirm-accept,.btn-decline-cancel{width:100%}.pending-invite-item{flex-direction:column;align-items:flex-start;gap:8px}.pending-right-actions{justify-content:space-between;width:100%}.baby-profile-item-card,.family-joined-item-card,.account-baby-item,.account-fam-item{flex-wrap:wrap;gap:10px}.baby-item-actions,.fam-actions-col,.account-baby-action-col,.account-fam-action{justify-content:flex-end;width:100%;display:flex}.btn-switch-baby,.btn-switch-family{justify-content:center;width:100%}}.family-modal-dialog{width:100%;max-width:580px}.family-modal-tab-bar{background-color:var(--bg-subtle);border-bottom:1px solid var(--border-subtle);gap:6px;padding:8px 16px;display:flex}.family-modal-tab-btn{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 10px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.family-modal-tab-btn:hover{color:var(--text-main);background-color:var(--bg-surface)}.family-modal-tab-btn.active{color:var(--brand-primary);background-color:var(--bg-surface);border-color:var(--border-subtle);box-shadow:var(--shadow-sm);font-weight:800}.tab-pill-badge{border-radius:var(--radius-full);background-color:var(--brand-primary);color:#fff;padding:1px 6px;font-size:.68rem;font-weight:800;line-height:1.2}.family-modal-body{flex-direction:column;gap:16px;max-height:calc(88dvh - 120px);padding:18px 20px;display:flex;overflow-y:auto}@media (width<=599px){.family-modal-tab-bar{gap:4px;padding:6px 10px}.family-modal-tab-btn{gap:4px;padding:8px 6px;font-size:.76rem}.family-modal-tab-btn svg{width:14px;height:14px}.family-modal-body{gap:14px;padding:14px}}.tab-pane-content{flex-direction:column;gap:16px;display:flex}.tab-content-header-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.tab-header-title{align-items:center;gap:8px;display:flex}.tab-header-title h4{color:var(--text-main);margin:0;font-size:.95rem;font-weight:700}.btn-add-baby-pill{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));color:#fff;cursor:pointer;border:none;align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #7c3aed40}.btn-add-baby-pill:hover{transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed59}.incoming-invite-alert-compact{border-radius:var(--radius-md);color:var(--text-main);background:linear-gradient(135deg,#10b9811f,#10b9810d);border:1px solid #10b9814d;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.incoming-alert-left{align-items:center;gap:10px;min-width:0;display:flex}.incoming-bell-mini{border-radius:var(--radius-full);color:#10b981;background:#10b98133;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}@keyframes bellRing{0%,to{transform:rotate(0)}20%,60%{transform:rotate(15deg)}40%,80%{transform:rotate(-15deg)}}.bell-ring-anim{animation:2s ease-in-out infinite bellRing}.incoming-alert-text{color:var(--text-main);font-size:.82rem;line-height:1.4}.incoming-alert-btns{flex-shrink:0;align-items:center;gap:6px;display:flex}.btn-confirm-accept-sm{border-radius:var(--radius-full);color:#fff;cursor:pointer;background-color:#10b981;border:none;align-items:center;gap:4px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:transform .15s;display:inline-flex}.btn-confirm-accept-sm:hover:not(:disabled){transform:scale(1.04)}.btn-decline-cancel-sm{border-radius:var(--radius-full);background-color:var(--bg-surface);border:1px solid var(--border-subtle);width:28px;height:28px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.btn-decline-cancel-sm:hover:not(:disabled){color:#ef4444;border-color:#ef4444}.compact-add-baby-card{border-radius:var(--radius-lg);background-color:var(--bg-subtle);border:1px solid var(--border-subtle);flex-direction:column;gap:12px;padding:16px;animation:.2s fadeIn;display:flex}.compact-form-title{color:var(--text-main);align-items:center;gap:6px;font-size:.88rem;font-weight:700;display:flex}.avatar-pick-compact-row{align-items:center;gap:8px;padding:4px 2px;display:flex;overflow-x:auto}.mini-avatar-btn{border-radius:var(--radius-full);background-color:var(--bg-surface);border:1.5px solid var(--border-subtle);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.3rem;transition:all .15s;display:flex}.mini-avatar-btn:hover{border-color:var(--brand-primary-light);transform:scale(1.08)}.mini-avatar-btn.active{border-color:var(--brand-primary);background-color:var(--brand-primary-light);box-shadow:var(--shadow-sm);transform:scale(1.1)}.gender-mini-toggle{gap:6px;display:flex}.mini-gender-btn{border-radius:var(--radius-md);background-color:var(--bg-surface);border:1.5px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;text-align:center;flex:1;padding:7px 10px;font-size:.8rem;font-weight:700;transition:all .15s}.mini-gender-btn.active-boy{color:#2563eb;background-color:#3b82f61f;border-color:#3b82f6}.mini-gender-btn.active-girl{color:#db2777;background-color:#ec48991f;border-color:#ec4899}.compact-baby-list{flex-direction:column;gap:10px;display:flex}.compact-baby-card{border-radius:var(--radius-lg);background-color:var(--bg-surface);border:1.5px solid var(--border-subtle);cursor:pointer;align-items:center;gap:14px;padding:13px 16px;transition:all .2s;display:flex;position:relative}.compact-baby-card:hover{border-color:var(--brand-primary-light);box-shadow:var(--shadow-sm)}.compact-baby-card.is-active{border-color:var(--brand-primary);background:linear-gradient(135deg, var(--bg-surface) 0%, var(--bg-subtle) 100%);box-shadow:var(--shadow-sm);cursor:default}.compact-baby-avatar{border-radius:var(--radius-full);width:46px;height:46px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:1.55rem;display:flex}.compact-baby-avatar.boy-theme{background:linear-gradient(135deg,#3b82f633,#3b82f614);border:1.5px solid #3b82f64d}.compact-baby-avatar.girl-theme{background:linear-gradient(135deg,#ec489933,#ec489914);border:1.5px solid #ec48994d}.compact-baby-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.compact-baby-name-row{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.compact-baby-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.96rem;font-weight:800;overflow:hidden}.compact-gender-badge{border-radius:var(--radius-full);padding:1.5px 7px;font-size:.7rem;font-weight:700}.compact-gender-badge.boy{color:#2563eb;background:#3b82f61f}.compact-gender-badge.girl{color:#db2777;background:#ec48991f}.compact-active-pill{border-radius:var(--radius-full);background-color:var(--brand-primary-light);color:var(--brand-primary);padding:1.5px 7px;font-size:.7rem;font-weight:700}.compact-baby-meta-row{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.76rem;display:flex}.compact-baby-age{color:var(--text-secondary);font-weight:600}.compact-baby-dob{color:var(--text-muted)}.compact-baby-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.compact-selected-tag{color:#10b981;align-items:center;gap:4px;font-size:.78rem;font-weight:700;display:inline-flex}.compact-icon-btn{border-radius:var(--radius-full);background-color:var(--bg-subtle);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.compact-icon-btn:hover{color:var(--brand-primary);border-color:var(--brand-primary);background-color:var(--bg-surface)}.compact-del-btn{border-radius:var(--radius-full);background-color:var(--bg-subtle);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.compact-del-btn:hover{color:#ef4444;background-color:#ef44441a;border-color:#ef4444}.btn-select-baby-sm{border-radius:var(--radius-full);background-color:var(--bg-subtle);border:1.5px solid var(--border-subtle);color:var(--text-main);cursor:pointer;align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-select-baby-sm:hover:not(:disabled){border-color:var(--brand-primary);color:var(--brand-primary);background-color:var(--bg-surface)}.compact-profile-jump-bar{border-radius:var(--radius-lg);background-color:var(--bg-subtle);border:1px solid var(--border-subtle);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.compact-profile-jump-bar:hover{border-color:var(--brand-primary);background-color:var(--bg-surface);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.compact-invite-card{border-radius:var(--radius-lg);background-color:var(--bg-subtle);border:1px solid var(--border-subtle);flex-direction:column;gap:12px;padding:16px;display:flex}.compact-card-header{align-items:center;gap:8px;display:flex}.compact-card-header h4{color:var(--text-main);margin:0;font-size:.92rem;font-weight:700}.compact-invite-form{flex-direction:column;gap:10px;display:flex}.compact-input-row{align-items:center;gap:8px;width:100%;display:flex}.compact-input-wrap{flex:1;align-items:center;min-width:0;display:flex;position:relative}.compact-input-row>input,.compact-input-wrap input{background-color:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;min-width:0;height:42px;color:var(--text-main);box-sizing:border-box;outline:none;padding:0 14px;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.compact-input-wrap input{padding-left:38px}.compact-input-row>input:hover:not(:disabled),.compact-input-wrap input:hover:not(:disabled){border-color:var(--text-muted)}.compact-input-row>input:focus,.compact-input-wrap input:focus{border-color:var(--brand-primary);background-color:var(--bg-surface);box-shadow:0 0 0 3px var(--brand-primary-light)}.compact-input-row>input:disabled,.compact-input-wrap input:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-subtle)}.compact-input-row>input::placeholder,.compact-input-wrap input::placeholder{color:var(--text-muted);opacity:.85;font-family:inherit;font-size:.88rem;font-weight:400}.input-icon-left{color:var(--text-muted);pointer-events:none;z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.compact-submit-btn{border-radius:var(--radius-md);white-space:nowrap;box-sizing:border-box;cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;height:42px;padding:0 18px;font-size:.88rem;font-weight:700;transition:transform .15s,opacity .2s,filter .2s,box-shadow .2s;display:inline-flex;flex:none!important}.compact-submit-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.compact-submit-btn:active:not(:disabled){transform:translateY(0)}.compact-submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.invite-feedback-box{border-radius:var(--radius-md);align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;display:flex}.invite-feedback-box.success{color:#10b981;background-color:#10b9811f;border:1px solid #10b98140}.invite-feedback-box.error{color:#ef4444;background-color:#ef44441f;border:1px solid #ef444440}.compact-pending-list{border-top:1px dashed var(--border-subtle);flex-direction:column;gap:6px;padding-top:8px;display:flex}.compact-pending-label{color:var(--text-secondary);align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:flex}.compact-pending-items{flex-wrap:wrap;gap:6px;display:flex}.compact-pending-chip{border-radius:var(--radius-full);background-color:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-main);align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;display:inline-flex}.btn-chip-cancel{border-radius:var(--radius-full);width:18px;height:18px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.btn-chip-cancel:hover{color:#ef4444;background-color:#ef44441f}.compact-members-section{flex-direction:column;gap:10px;display:flex}.compact-members-list{flex-direction:column;gap:8px;display:flex}.compact-member-row{border-radius:var(--radius-lg);background-color:var(--bg-surface);border:1px solid var(--border-subtle);align-items:center;gap:12px;padding:12px 14px;display:flex}.compact-member-row.is-me{border-color:var(--brand-primary-light);background:linear-gradient(135deg, var(--bg-surface) 0%, var(--bg-subtle) 100%)}.member-avatar-mini{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:800;display:flex;position:relative}.member-avatar-mini img{border-radius:var(--radius-full);object-fit:cover;width:100%;height:100%}.owner-crown-mini{border-radius:var(--radius-full);color:#fff;background-color:#f59e0b;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 1px 4px #0003}.member-details-mini{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.member-name-line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.member-name-line strong{color:var(--text-main);font-size:.92rem;font-weight:800}.member-tag{border-radius:var(--radius-full);padding:1.5px 6px;font-size:.68rem;font-weight:700}.member-tag.you{background-color:var(--brand-primary-light);color:var(--brand-primary)}.member-tag.owner{color:#d97706;background-color:#f59e0b26}.member-tag.member{background-color:var(--bg-subtle);color:var(--text-muted)}.member-email-line{color:var(--text-muted);word-break:break-all;font-size:.74rem}.btn-remove-member-sm{border-radius:var(--radius-full);background-color:var(--bg-subtle);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;align-items:center;gap:4px;padding:5px 10px;font-size:.74rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-remove-member-sm:hover:not(:disabled){color:#ef4444;background-color:#ef44441f;border-color:#ef4444}.compact-code-card{border-radius:var(--radius-lg);background-color:var(--bg-subtle);border:1px solid var(--border-subtle);flex-direction:column;gap:12px;padding:16px;display:flex}.compact-code-display-row{border-radius:var(--radius-md);background-color:var(--bg-surface);border:1.5px dashed var(--brand-primary);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.compact-code-text{letter-spacing:2px;color:var(--brand-primary);font-family:monospace;font-size:1.35rem;font-weight:900}.compact-copy-btn{border-radius:var(--radius-full);background-color:var(--brand-primary-light);color:var(--brand-primary);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:700;transition:all .15s;display:inline-flex}.compact-copy-btn:hover{background-color:var(--brand-primary);color:#fff}.compact-code-hint{color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.4}.compact-join-card{border-radius:var(--radius-lg);background-color:var(--bg-subtle);border:1px solid var(--border-subtle);flex-direction:column;gap:12px;padding:16px;display:flex}.compact-join-form{flex-direction:column;gap:8px;display:flex}.compact-families-section{flex-direction:column;gap:10px;display:flex}.compact-families-list{flex-direction:column;gap:8px;display:flex}.compact-family-row{border-radius:var(--radius-lg);background-color:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.compact-family-row:hover{border-color:var(--brand-primary-light);box-shadow:var(--shadow-sm)}.compact-family-row.is-active{border-color:var(--brand-primary);background:linear-gradient(135deg, var(--bg-surface) 0%, var(--bg-subtle) 100%);cursor:default}.compact-fam-avatar{border-radius:var(--radius-full);background:var(--bg-subtle);border:1px solid var(--border-subtle);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.4rem;display:flex}.compact-fam-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.compact-fam-name-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.compact-fam-name-row strong{color:var(--text-main);font-size:.92rem;font-weight:800}.fam-active-badge{border-radius:var(--radius-full);background-color:var(--brand-primary-light);color:var(--brand-primary);padding:1.5px 6px;font-size:.68rem;font-weight:700}.fam-role-pill{border-radius:var(--radius-full);padding:1.5px 6px;font-size:.68rem;font-weight:700}.fam-role-pill.owner{color:#d97706;background-color:#f59e0b26}.compact-fam-meta{color:var(--text-muted);font-size:.74rem}.btn-switch-family-sm{border-radius:var(--radius-full);background-color:var(--bg-subtle);border:1.5px solid var(--border-subtle);color:var(--text-main);cursor:pointer;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-switch-family-sm:hover:not(:disabled){border-color:var(--brand-primary);color:var(--brand-primary);background-color:var(--bg-surface)}.flex{display:flex}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-end{justify-content:flex-end}.gap-1\.5{gap:6px}.gap-2{gap:8px}.mt-2{margin-top:8px}.mb-0{margin-bottom:0!important}.mb-3{margin-bottom:12px}.shrink-0{flex-shrink:0}.text-xs{font-size:.75rem}.font-semibold{font-weight:600}.text-pink-500{color:#ec4899}.text-amber-500{color:#f59e0b}.text-emerald-500{color:#10b981}.text-violet-500{color:#8b5cf6}.text-indigo-500{color:#6366f1}.text-sky-500{color:#0284c7}.btn-sm{border-radius:var(--radius-md);padding:8px 14px;font-size:.82rem}html.dark .family-modal-tab-btn.active{background-color:var(--bg-surface);border-color:var(--border-subtle)}html.dark .compact-baby-card.is-active,html.dark .compact-family-row.is-active,html.dark .compact-member-row.is-me{background:linear-gradient(135deg, var(--bg-surface) 0%, #7c3aed14 100%)}html.dark .compact-code-display-row{background-color:var(--bg-subtle);border-color:var(--brand-primary)}html.dark .compact-gender-badge.boy{color:#60a5fa;background:#3b82f633}html.dark .compact-gender-badge.girl{color:#f472b6;background:#ec489933}html.dark .member-tag.owner,html.dark .fam-role-pill.owner{color:#fbbf24;background-color:#f59e0b33}html.dark .incoming-invite-alert-compact{background:linear-gradient(135deg,#10b98126,#10b9810d);border-color:#10b98166}.account-logged-row{justify-content:space-between;align-items:center;display:flex}.user-info{align-items:center;gap:10px;display:flex}.user-avatar-img,.user-avatar-placeholder{border-radius:var(--radius-full);width:40px;height:40px}.user-avatar-placeholder{background-color:var(--brand-primary);color:#fff;justify-content:center;align-items:center;font-weight:700;display:flex}.user-name{color:var(--text-main);font-size:.9rem;font-weight:700;display:block}.user-email{color:var(--text-muted);font-size:.75rem;display:block}.logout-btn{color:#ef4444;border-radius:var(--radius-full);background-color:var(--bg-surface);align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;display:flex}.account-theme-row{border-top:1px dashed var(--border-color);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:flex}.theme-info{flex-direction:column;gap:3px;display:flex}.theme-title{color:var(--text-main);font-size:.85rem;font-weight:700}.theme-sub{color:var(--text-muted);flex-direction:column;gap:2px;font-size:.74rem;display:flex}.theme-memo-tag{color:var(--brand-primary);font-size:.72rem;font-weight:600}.theme-toggle-btn{border-radius:var(--radius-full);background-color:var(--bg-surface);color:var(--brand-primary);border:1px solid var(--border-color);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.theme-toggle-btn:hover{background-color:var(--brand-subtle)}.section-card-header-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.members-status-pill{background-color:var(--brand-primary-light);color:var(--brand-primary);border-radius:var(--radius-full);align-items:center;gap:5px;padding:3px 9px;font-size:.74rem;font-weight:700;display:inline-flex}.family-modal-profile-jump{border-radius:var(--radius-md);background-color:var(--bg-subtle);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.jump-left{align-items:center;gap:10px;display:flex}.jump-emoji{font-size:1.6rem;line-height:1}.jump-texts{flex-direction:column;display:flex}.jump-texts strong{color:var(--text-main);font-size:.88rem}.jump-texts span{color:var(--text-muted);font-size:.75rem}.jump-profile-btn{border-radius:var(--radius-full);background-color:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--brand-primary);cursor:pointer;white-space:nowrap;align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.jump-profile-btn:hover{background-color:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.account-guest-row{flex-direction:column;gap:10px;display:flex}.guest-title{color:var(--text-main);font-size:.9rem;font-weight:700}.guest-desc{color:var(--text-muted);font-size:.78rem;line-height:1.4}.google-login-btn{border-radius:var(--radius-md);color:#1f2937;background-color:#fff;border:1px solid #0000001a;justify-content:center;align-items:center;gap:8px;padding:11px;font-size:.88rem;font-weight:700;display:flex;box-shadow:0 2px 8px #0000001a}.account-dialog{max-width:480px}.account-modal-body{flex-direction:column;gap:16px;padding:20px;display:flex}.account-hero-card{border-radius:var(--radius-lg);background:var(--bg-surface-elevated,var(--bg-surface));border:1.5px solid var(--border-subtle);box-shadow:var(--shadow-sm);box-sizing:border-box;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:100%;padding:16px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);display:grid}html.dark .account-hero-card{background:var(--bg-surface);border-color:var(--border-subtle)}.account-avatar-large{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--brand-primary), #6366f1);border:2.5px solid var(--bg-surface);flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:relative;box-shadow:0 4px 14px #7c3aed40}html.dark .account-avatar-large{border-color:var(--bg-surface-elevated)}.account-img-large{border-radius:var(--radius-full);object-fit:cover;width:100%;height:100%}.account-initial-large{color:#fff;font-size:1.6rem;font-weight:800;line-height:1}.account-online-dot{border-radius:var(--radius-full);border:2.5px solid var(--bg-surface);background-color:#10b981;width:13px;height:13px;position:absolute;bottom:0;right:0;box-shadow:0 0 8px #10b981}html.dark .account-online-dot{border-color:var(--bg-surface-elevated)}.account-hero-info{flex-direction:column;gap:3px;min-width:0;display:flex}.account-name-badge-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.account-display-name{color:var(--text-main);letter-spacing:-.01em;word-break:break-word;margin:0;font-size:1.15rem;font-weight:800;line-height:1.3}.account-role-badge{border-radius:var(--radius-full);color:#059669;white-space:nowrap;background-color:#10b9811f;border:1px solid #10b98140;flex-shrink:0;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}html.dark .account-role-badge{color:#34d399;background-color:#10b98133;border-color:#10b98159}.account-email-text{color:var(--text-muted);word-break:break-all;margin:0;font-size:.8rem;font-weight:500;line-height:1.3}.account-hero-card.guest-mode{background:var(--bg-surface)}.account-avatar-large.guest-avatar{background:var(--bg-subtle);box-shadow:none;border:2px dashed var(--border-subtle);color:var(--brand-primary)}.account-role-badge.guest{background-color:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-subtle)}html.dark .account-role-badge.guest{background-color:var(--bg-surface-elevated);color:var(--text-secondary);border-color:var(--border-subtle)}.account-hero-card .btn-edit-account{place-self:center end}@media (width<=520px){.account-hero-card{grid-template-columns:auto 1fr;grid-template-areas:"avatar info""action action";gap:12px;padding:14px}.account-hero-card .account-avatar-large{grid-area:avatar;width:48px;height:48px}.account-hero-card .account-hero-info{grid-area:info}.account-hero-card .btn-edit-account{grid-area:action;justify-content:center;width:100%;margin-top:4px;padding:8px 14px}}.account-details-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:6px;display:grid}.account-detail-box{border-radius:var(--radius-sm);background-color:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);align-items:center;gap:6px;padding:6px 10px;font-size:.76rem;display:flex;overflow:hidden}.account-detail-box strong{color:var(--text-main);font-weight:700}.account-theme-section{border-radius:var(--radius-lg);background-color:var(--bg-surface);border:1px solid var(--border-subtle);flex-direction:column;gap:8px;padding:16px;display:flex}.account-section-header-compact{justify-content:space-between;align-items:center;display:flex}.account-section-title-compact{color:var(--text-main);align-items:center;gap:8px;font-size:.92rem;font-weight:700;display:flex}.account-section-desc{color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.4}.theme-options-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:6px;display:grid}.theme-option-card{border-radius:var(--radius-md);border:1.5px solid var(--border-subtle);background-color:var(--bg-subtle);color:var(--text-main);cursor:pointer;text-align:left;align-items:center;gap:10px;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.theme-option-card:hover{border-color:var(--border-focus);background-color:var(--bg-surface-elevated);transform:translateY(-1px)}.theme-option-card.active{border-color:var(--brand-primary);background-color:var(--brand-primary-light);box-shadow:0 0 16px #7c3aed26, var(--shadow-sm)}.theme-option-icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.theme-option-icon.sun{color:#d97706;background:#f59e0b26}html.dark .theme-option-icon.sun{color:#fbbf24;background:#f59e0b40}.theme-option-icon.moon{color:#4f46e5;background:#6366f126}html.dark .theme-option-icon.moon{color:#a5b4fc;background:#818cf840}.theme-option-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.theme-option-title{color:var(--text-main);font-size:.88rem;font-weight:700;line-height:1.2}.theme-option-sub{color:var(--text-muted);font-size:.72rem;line-height:1.2}.theme-option-check{color:var(--brand-primary);flex-shrink:0}.account-modal-login-btn{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:13px 20px;font-size:.95rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 14px #7c3aed4d}.account-modal-login-btn:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed66}.nav-guest-icon{color:var(--brand-primary)}@media (width<=420px){.theme-options-grid,.account-details-grid{grid-template-columns:1fr}}.account-logout-section{border-top:1px solid var(--border-subtle);flex-direction:column;gap:10px;padding-top:8px;display:flex}.account-modal-logout-btn{border-radius:var(--radius-md);color:#dc2626;cursor:pointer;background-color:#fee2e2;border:1.5px solid #fca5a5;justify-content:center;align-items:center;gap:10px;width:100%;padding:13px 20px;font-size:.95rem;font-weight:800;transition:all .2s;display:flex}.account-modal-logout-btn:hover{color:#fff;background-color:#ef4444;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 4px 14px #ef44444d}html.dark .account-modal-logout-btn{color:#f87171;background-color:#dc26262e;border-color:#dc262666}html.dark .account-modal-logout-btn:hover{color:#fff;background-color:#dc2626;border-color:#dc2626}.logout-hint-text{color:var(--text-muted);text-align:center;font-size:.76rem;line-height:1.4}.login-screen-wrapper{background:radial-gradient(circle at top, var(--brand-primary-light) 0%, var(--bg-app) 70%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px 16px;display:flex;position:relative}.login-top-bar{position:absolute;top:16px;right:16px}.login-card-container{flex-direction:column;gap:20px;width:100%;max-width:440px;animation:.4s fadeIn;display:flex}.login-header{text-align:center;flex-direction:column;align-items:center;display:flex}.login-logo-circle{border-radius:var(--radius-full);background:linear-gradient(135deg,#c084fc,#818cf8);justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:12px;animation:2s ease-in-out infinite gentle-bounce;display:flex;box-shadow:0 8px 24px #7c3aed40}.login-baby-emoji{font-size:2.6rem;line-height:1}.login-app-title{letter-spacing:-.02em;background:linear-gradient(135deg, var(--brand-primary), #ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.1rem;font-weight:800}.login-app-tagline{color:var(--text-secondary);margin-top:2px;font-size:.92rem;font-weight:600}.auth-required-pill{background-color:var(--brand-primary-light);color:var(--brand-primary);border-radius:var(--radius-full);border:1px solid var(--border-subtle);align-items:center;gap:6px;margin-top:10px;padding:4px 12px;font-size:.76rem;font-weight:700;display:inline-flex}.login-form-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;gap:16px;padding:26px 22px;display:flex}@media (width<=400px){.login-screen-wrapper{padding:20px 12px}.login-form-card{border-radius:var(--radius-md);padding:20px 14px}.login-app-title{font-size:1.75rem}.login-logo-circle{width:64px;height:64px}.login-baby-emoji{font-size:2.1rem}}.auth-dialog{max-width:460px!important}.auth-modal-body{gap:16px;padding:24px}.auth-google-btn{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-main);justify-content:center;align-items:center;gap:12px;padding:13px 18px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000d}.auth-google-btn:hover:not(:disabled){border-color:var(--brand-primary);transform:translateY(-1px);box-shadow:0 4px 14px #00000014}.auth-google-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{text-align:center;color:var(--text-muted);align-items:center;margin:4px 0;font-size:.78rem;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--border-subtle);flex:1}.auth-divider span{padding:0 12px}.auth-tab-row{background-color:var(--bg-subtle);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.auth-tab-btn{border-radius:var(--radius-sm);color:var(--text-secondary);justify-content:center;align-items:center;gap:6px;padding:9px;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.auth-tab-btn.active{background-color:var(--bg-surface);color:var(--brand-primary);box-shadow:0 2px 6px #0000000f}.auth-alert{border-radius:var(--radius-md);align-items:flex-start;gap:10px;padding:12px 14px;font-size:.85rem;font-weight:600;line-height:1.4;animation:.2s fadeIn;display:flex}.auth-alert.error{color:#ef4444;background-color:#ef44441f;border:1px solid #ef444440}.auth-alert.success{color:#10b981;background-color:#10b9811f;border:1px solid #10b98140}.auth-alert .alert-icon{flex-shrink:0;margin-top:1px}.auth-form-fields{flex-direction:column;gap:14px;display:flex}.field-hint{color:var(--text-muted);margin-top:2px;font-size:.72rem;line-height:1.3}.field-hint code{background-color:var(--bg-subtle);color:var(--brand-primary);border-radius:4px;padding:1px 4px;font-weight:600}.password-toggle-btn{color:var(--text-muted);border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:color .2s;display:flex;position:absolute;right:12px}.password-toggle-btn:hover{color:var(--text-main)}.auth-submit-btn{width:100%;margin-top:6px;padding:13px;font-size:.98rem}.nav-tabs-pill-box{background-color:var(--bg-subtle);border-radius:var(--radius-full);border:1px solid var(--border-subtle);align-items:center;gap:4px;padding:4px;display:flex}@media (width<=768px){.nav-tabs-pill-box{display:none!important}}.nav-tab-pill{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:.84rem;font-weight:700;transition:all .2s;display:flex}.nav-tab-pill:hover{color:var(--text-main)}.nav-tab-pill.active{background-color:var(--bg-surface);color:var(--brand-primary);box-shadow:0 2px 6px #00000014}.mobile-bottom-nav{bottom:calc(10px + env(safe-area-inset-bottom,0px));background:var(--bg-glass);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-subtle);border-radius:var(--radius-full);z-index:100;opacity:1;pointer-events:auto;will-change:transform, opacity;justify-content:space-around;align-items:center;max-width:480px;height:64px;margin:0 auto;padding:6px 8px;transition:transform .38s cubic-bezier(.16,1,.3,1),opacity .28s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:none;position:fixed;left:14px;right:14px;transform:translateY(0)scale(1);box-shadow:0 10px 30px #0000001f}html.dark .mobile-bottom-nav{box-shadow:0 12px 35px #00000073}.mobile-bottom-nav.nav-hidden{transform:translateY(calc(100% + 24px + env(safe-area-inset-bottom,0px))) scale(.95);opacity:0;pointer-events:none}.mobile-bottom-nav.nav-visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}@media (width<=768px){.mobile-bottom-nav.mobile-only,.mobile-bottom-nav{display:flex!important}.tapline-app-container{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}}@media (width>=769px){.mobile-bottom-nav.mobile-only,.mobile-bottom-nav{display:none!important}}.mobile-nav-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-full);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;height:50px;padding:6px 10px;font-size:.72rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.mobile-nav-btn.active{color:var(--brand-primary);background-color:var(--brand-primary-light)}.mobile-nav-btn.active svg{transition:transform .2s;transform:scale(1.15)}.stats-page-container{flex-direction:column;gap:20px;width:100%;display:flex}.stats-layout-wrapper{width:100%;max-width:1240px;margin:0 auto;padding:20px 16px 40px}@media (width>=1440px){.stats-layout-wrapper{max-width:1380px}}@media (width<=768px){.stats-layout-wrapper{padding:12px 14px calc(80px + env(safe-area-inset-bottom,0px)) 14px}}@media (width<=400px){.stats-layout-wrapper{padding:10px 10px calc(80px + env(safe-area-inset-bottom,0px)) 10px}}.stats-header-bar{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}@media (width<=600px){.stats-header-bar{gap:12px;padding:12px 14px}.stats-page-title{font-size:1.12rem}.time-pill-btn{padding:5px 9px;font-size:.74rem}}.stats-title-group{align-items:center;gap:14px;display:flex}.stats-back-btn{border-radius:var(--radius-md);background-color:var(--bg-subtle);color:var(--text-main);border:1px solid var(--border-subtle);cursor:pointer;align-items:center;gap:6px;padding:8px 12px;font-size:.84rem;font-weight:700;transition:all .2s;display:flex}.stats-back-btn:hover{background-color:var(--brand-primary-light);color:var(--brand-primary)}.stats-page-title{color:var(--text-main);align-items:center;gap:8px;margin:0;font-size:1.25rem;font-weight:800;display:flex}.stats-page-title .title-icon{color:var(--brand-primary)}.stats-page-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:.82rem}.stats-actions-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.time-range-pills{background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-items:center;gap:2px;padding:3px;display:flex}.time-pill-btn{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .15s}.time-pill-btn:hover{color:var(--text-main)}.time-pill-btn.active{background-color:var(--brand-primary);color:#fff;box-shadow:0 2px 6px #7c3aed4d}.time-pill-month-picker{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .15s;display:inline-flex;position:relative}.time-pill-month-picker:hover{color:var(--text-main);background-color:#7c3aed14}.time-pill-month-picker.active{background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));color:#fff;box-shadow:0 2px 6px #7c3aed4d}.time-pill-month-picker .picker-icon{opacity:.85;flex-shrink:0}.time-pill-month-picker .picker-label{white-space:nowrap}.time-pill-month-picker .picker-native-select{opacity:0;cursor:pointer;-webkit-appearance:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}@media (width<=768px){.stats-actions-group{justify-content:space-between;width:100%}.time-range-pills{-webkit-overflow-scrolling:touch;white-space:nowrap;scrollbar-width:none;max-width:calc(100vw - 32px);padding:3px 4px;overflow-x:auto}.time-range-pills::-webkit-scrollbar{display:none}.time-pill-btn,.time-pill-month-picker{flex-shrink:0}}.stats-kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=991px){.stats-kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (width<=480px){.stats-kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.kpi-card{gap:10px;padding:12px 10px}.kpi-icon-circle{width:38px;height:38px}.kpi-value{font-size:1.18rem}.kpi-label{font-size:.72rem}.kpi-tag-count{font-size:.7rem}.kpi-sub-badge{padding:2px 6px;font-size:.68rem}}@media (width<=340px){.stats-kpi-grid{grid-template-columns:1fr}}.kpi-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-icon-circle{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.sleep-kpi .kpi-icon-circle{color:#7c3aed;background:#ede9fe}.milk-kpi .kpi-icon-circle{color:#2563eb;background:#dbeafe}.pee-kpi .kpi-icon-circle{color:#0284c7;background:#e0f2fe}.poo-kpi .kpi-icon-circle{color:#d97706;background:#ffedd5}html.dark .sleep-kpi .kpi-icon-circle{color:#a78bfa;background:#7c3aed33}html.dark .milk-kpi .kpi-icon-circle{color:#60a5fa;background:#2563eb33}html.dark .pee-kpi .kpi-icon-circle{color:#38bdf8;background:#0284c733}html.dark .poo-kpi .kpi-icon-circle{color:#fbbf24;background:#d9770633}.kpi-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.78rem;font-weight:700}.kpi-value-row{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.kpi-value{color:var(--text-main);font-size:1.45rem;font-weight:800;line-height:1.2}.kpi-tag-count{color:var(--text-muted);font-size:.78rem}.kpi-sub-badge{color:var(--text-secondary);align-items:center;gap:4px;margin-top:4px;font-size:.74rem;display:flex}.stats-section-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.section-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.header-title-box{align-items:center;gap:10px;display:flex}.header-title-box .accent-icon{color:var(--brand-primary)}.header-title-box h3{color:var(--text-main);margin:0;font-size:1.05rem;font-weight:800}.header-sub{color:var(--text-muted);font-size:.76rem;display:block}.chart-metric-selector{background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-items:center;gap:2px;padding:3px;display:flex}.metric-tab-btn{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .2s;display:flex}.metric-tab-btn:hover{color:var(--text-main)}.metric-tab-btn.active.milk{color:#fff;background-color:#2563eb}.metric-tab-btn.active.sleep{color:#fff;background-color:#7c3aed}.metric-tab-btn.active.diaper{color:#fff;background-color:#0284c7}.chart-header-wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.chart-header-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.chart-legend-box{background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-items:center;gap:12px;padding:5px 12px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:.74rem;display:inline-flex}.legend-swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px}.last-week-swatch{background-color:#94a3b899;border:1px solid #94a3b8e6}.this-week-swatch{background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));box-shadow:0 1px 4px #7c3aed66}.weekly-line-chart-card{flex-direction:column;gap:12px;width:100%;display:flex}.line-chart-svg-wrapper{width:100%;height:220px;position:relative}.weekly-line-chart-svg{width:100%;height:100%;overflow:visible}.chart-grid-line{stroke:var(--border-subtle);stroke-dasharray:4 4;stroke-width:1px;opacity:.7}.chart-axis-y-label{fill:var(--text-muted);font-family:inherit;font-size:11px;font-weight:600}.this-week-line{stroke:#8b5cf6;transition:all .25s}html.dark .this-week-line{stroke:#a78bfa}.last-week-line{stroke:#f59e0b;transition:all .25s}html.dark .last-week-line{stroke:#fbbf24}.chart-dot-this-week{fill:var(--bg-surface);stroke:#8b5cf6;stroke-width:2.5px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}html.dark .chart-dot-this-week{stroke:#a78bfa;fill:var(--bg-surface-elevated)}.chart-dot-last-week{fill:var(--bg-surface);stroke:#f59e0b;stroke-width:2px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}html.dark .chart-dot-last-week{stroke:#fbbf24;fill:var(--bg-surface-elevated)}@keyframes todayPulseRing{0%{r:8px;opacity:.6}50%{r:13px;opacity:.15}to{r:8px;opacity:.6}}.today-pulse-ring{fill:none;stroke:#8b5cf6;stroke-width:1.5px;animation:2.2s ease-in-out infinite todayPulseRing}html.dark .today-pulse-ring{stroke:#a78bfa}.chart-hover-guideline{stroke:var(--text-muted);stroke-width:1.5px;stroke-dasharray:3 3;opacity:.6}.chart-interactive-slice{cursor:pointer}.chart-line-tooltip{background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:none;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:175px;padding:8px 12px;animation:.15s ease-out tooltipFadeIn;position:absolute;top:6px;transform:translate(-50%)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}.tooltip-head{border-bottom:1px solid var(--border-subtle);color:var(--text-main);justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;padding-bottom:4px;font-size:.82rem;display:flex}.tooltip-today-tag{color:#8b5cf6;border-radius:var(--radius-full);background-color:#8b5cf626;padding:1px 6px;font-size:.68rem;font-weight:700}html.dark .tooltip-today-tag{color:#c4b5fd;background-color:#a78bfa33}.tooltip-row{color:var(--text-secondary);align-items:center;gap:6px;margin-top:3px;font-size:.76rem;display:flex}.tooltip-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.tooltip-dot.this-dot{background-color:#8b5cf6}html.dark .tooltip-dot.this-dot{background-color:#a78bfa}.tooltip-dot.last-dot{background-color:#f59e0b}html.dark .tooltip-dot.last-dot{background-color:#fbbf24}.tooltip-label{flex:1}.tooltip-val{color:var(--text-main);font-weight:800}.tooltip-diff-row{border-top:1px dashed var(--border-subtle);margin-top:6px;padding-top:4px;font-size:.72rem;font-weight:700}.diff-up{color:#10b981}.diff-down{color:#f43f5e}.diff-equal{color:var(--text-muted)}.line-chart-x-axis{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(7,1fr);gap:6px;padding:8px 0 2px;display:grid}.x-axis-col{border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;transition:all .18s;display:flex}.x-axis-col:hover,.x-axis-col.is-hovered-col{background-color:var(--bg-subtle)}.x-axis-col.is-today-col{background-color:#8b5cf614;border:1px dashed #8b5cf659}.x-day-name{color:var(--text-main);font-size:.78rem;font-weight:800}.x-day-name.mobile-only{display:none}.x-day-dates{flex-direction:column;align-items:center;gap:1px;font-size:.65rem;display:flex}.x-date-this{color:#8b5cf6;font-weight:700}html.dark .x-date-this{color:#a78bfa}.x-date-last{color:#f59e0b;opacity:.88}html.dark .x-date-last{color:#fbbf24}.x-today-indicator{background-color:#8b5cf6;border-radius:50%;width:5px;height:5px;margin-top:2px}.legend-line-indicator{justify-content:center;align-items:center;width:24px;height:12px;display:flex;position:relative}.legend-line-indicator .line-bar{background-color:#8b5cf6;border-radius:2px;width:100%;height:3px}.legend-line-indicator .line-bar.dashed{background:repeating-linear-gradient(90deg,#f59e0b,#f59e0b 4px,#0000 4px 7px);height:2.5px}.legend-line-indicator .line-dot{background-color:var(--bg-surface);border:2px solid #8b5cf6;border-radius:50%;width:7px;height:7px;position:absolute}.legend-line-indicator.last-week-indicator .line-dot{border-color:#f59e0b}html.dark .this-week-indicator .line-bar{background-color:#a78bfa}html.dark .this-week-indicator .line-dot{background-color:var(--bg-surface-elevated);border-color:#a78bfa}html.dark .last-week-indicator .line-bar.dashed{background:repeating-linear-gradient(90deg,#fbbf24,#fbbf24 4px,#0000 4px 7px)}html.dark .last-week-indicator .line-dot{background-color:var(--bg-surface-elevated);border-color:#fbbf24}@media (width<=640px){.x-day-name.desktop-only{display:none}.x-day-name.mobile-only{display:inline}.line-chart-svg-wrapper{height:190px}.chart-line-tooltip{min-width:150px;padding:6px 10px}}@media (width<=768px){.chart-header-wrap{flex-direction:column;align-items:flex-start}.chart-header-controls{justify-content:space-between;width:100%}}.chart-bars-container{border-bottom:2px solid var(--border-subtle);justify-content:space-between;align-items:flex-end;gap:8px;height:200px;padding:10px 4px 0;display:flex;overflow-x:auto}.chart-bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:44px;height:100%;display:flex}.bar-value-top{color:var(--text-secondary);white-space:nowrap;font-size:.72rem;font-weight:700}.bar-track{background-color:var(--bg-subtle);border-radius:8px 8px 4px 4px;align-items:flex-end;width:100%;max-width:32px;height:130px;display:flex;overflow:hidden}.bar-fill{border-radius:8px 8px 0 0;width:100%;transition:height .4s cubic-bezier(.4,0,.2,1)}.bar-fill.fill-milk{background:linear-gradient(#3b82f6 0%,#1d4ed8 100%)}.bar-fill.fill-sleep{background:linear-gradient(#8b5cf6 0%,#6d28d9 100%)}.bar-fill.fill-diaper{background:linear-gradient(#0ea5e9 0%,#0369a1 100%)}.bar-day-label{flex-direction:column;align-items:center;gap:3px;display:flex}.day-name{color:var(--text-muted);white-space:nowrap;font-size:.72rem;font-weight:700}.today-dot{border-radius:var(--radius-full);background-color:var(--brand-primary);width:5px;height:5px}.chart-bar-column.today-bar .day-name{color:var(--brand-primary)}.stats-view-switcher{border-bottom:2px solid var(--border-subtle);align-items:center;gap:10px;padding-bottom:2px;display:flex;overflow-x:auto}.view-switch-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:10px 16px;font-size:.88rem;font-weight:800;transition:all .2s;display:flex}.view-switch-btn:hover{color:var(--text-main)}.view-switch-btn.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.count-pill{border-radius:var(--radius-full);background-color:var(--bg-subtle);color:var(--text-secondary);padding:2px 8px;font-size:.72rem;font-weight:700}.count-pill.growth-pill{color:#ef4444;background-color:#fee2e2}html.dark .count-pill.growth-pill{color:#fca5a5;background-color:#ef444433}.view-switch-btn.active .count-pill{background-color:var(--brand-primary-light);color:var(--brand-primary)}.view-switch-btn.active .count-pill.growth-pill{color:#fff;background-color:#ef4444}.growth-tab-wrapper{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.table-responsive-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);border:1px solid var(--border-subtle);scrollbar-width:thin;overflow-x:auto}.stats-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.stats-data-table th{background-color:var(--bg-subtle);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:12px 14px;font-weight:700}.stats-data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-main);padding:13px 14px}.stats-data-table tbody tr:hover{background-color:var(--bg-subtle)}.stats-data-table tbody tr.row-today{background:linear-gradient(90deg,#6366f11f 0%,#8b5cf60d 100%)!important}.dark .stats-data-table tbody tr.row-today{background:linear-gradient(90deg,#6366f138 0%,#8b5cf61a 100%)!important}.stats-data-table tbody tr.row-today:hover{background:linear-gradient(90deg,#6366f12e 0%,#8b5cf617 100%)!important}.dark .stats-data-table tbody tr.row-today:hover{background:linear-gradient(90deg,#6366f147 0%,#8b5cf626 100%)!important}.stats-data-table tbody tr.row-today td{border-bottom:1.5px solid #6366f159!important}.stats-data-table tbody tr.row-today td:first-child{box-shadow:inset 4px 0 0 0 var(--brand-primary,#6366f1);padding-left:18px;position:relative}.is-today-text{color:var(--brand-primary,#6366f1);font-weight:800!important}.date-cell-content{align-items:center;gap:8px;display:flex}.date-formatted{font-weight:700}.today-chip-indicator{border-radius:var(--radius-full);color:var(--brand-primary,#6366f1);letter-spacing:.02em;white-space:nowrap;background:#6366f124;border:1px solid #6366f159;align-items:center;gap:5px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.dark .today-chip-indicator{color:#c7d2fe;background:#6366f147;border-color:#a5b4fc66}.today-chip-pulse{background-color:var(--brand-primary,#6366f1);border-radius:50%;width:6px;height:6px;animation:2s cubic-bezier(.4,0,.6,1) infinite todayDotPulse;box-shadow:0 0 #6366f1b3}@keyframes todayDotPulse{0%{transform:scale(.95);box-shadow:0 0 #6366f1b3}70%{transform:scale(1);box-shadow:0 0 0 5px #6366f100}to{transform:scale(.95);box-shadow:0 0 #6366f100}}.today-badge{border-radius:var(--radius-full);color:var(--brand-primary,#6366f1);background:#6366f126;border:1px solid #6366f14d;padding:2px 7px;font-size:.68rem;font-weight:700}.stat-pill-group{align-items:baseline;gap:4px;display:flex}.stat-pill-val{color:var(--text-main);font-weight:700}.stat-pill-sub{color:var(--text-muted);font-size:.74rem}.badge-count{border-radius:var(--radius-full);padding:3px 8px;font-size:.76rem;font-weight:700}.pee-badge{color:#0284c7;background-color:#e0f2fe}.poo-badge{color:#d97706;background-color:#ffedd5}html.dark .pee-badge{color:#38bdf8;background-color:#0284c733}html.dark .poo-badge{color:#fbbf24;background-color:#d9770633}.empty-dash{color:var(--text-muted)}.misc-tags{align-items:center;gap:6px;display:flex}.misc-tag{border-radius:var(--radius-full);background-color:var(--bg-subtle);padding:2px 7px;font-size:.74rem;font-weight:700}.rhythm-tag{border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 8px;font-size:.74rem;font-weight:600;display:inline-flex}.rhythm-tag.complete{color:#065f46;background-color:#d1fae5}.rhythm-tag.empty{background-color:var(--bg-subtle);color:var(--text-muted)}html.dark .rhythm-tag.complete{color:#6ee7b7;background-color:#10b98133}.pagination-wrapper{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding-top:16px;display:flex}@media (width<=640px){.pagination-wrapper{flex-direction:column;align-items:center;gap:12px}.pagination-info{text-align:center;order:1}.pagination-nav{flex-wrap:wrap;order:2;justify-content:center;width:100%}.pagination-size-picker{order:3;justify-content:center}.page-nav-btn{width:32px;height:32px}.page-num-btn{min-width:32px;height:32px;padding:0 6px;font-size:.78rem}}.pagination-info{color:var(--text-secondary);font-size:.82rem}.pagination-info strong{color:var(--text-main)}.pagination-nav{align-items:center;gap:4px;display:flex}.page-nav-btn{border-radius:var(--radius-md);background-color:var(--bg-subtle);width:34px;height:34px;color:var(--text-main);border:1px solid var(--border-subtle);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.page-nav-btn:hover:not(:disabled){background-color:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.page-nav-btn:disabled{opacity:.35;cursor:not-allowed}.page-numbers-group{align-items:center;gap:4px;display:flex}.page-num-btn{border-radius:var(--radius-md);background-color:var(--bg-subtle);min-width:34px;height:34px;color:var(--text-main);border:1px solid var(--border-subtle);cursor:pointer;justify-content:center;align-items:center;padding:0 8px;font-size:.82rem;font-weight:700;transition:all .15s;display:flex}.page-num-btn:hover:not(.active){background-color:var(--bg-app);border-color:var(--border-focus)}.page-num-btn.active{background-color:var(--brand-primary);color:#fff;border-color:var(--brand-primary);box-shadow:0 2px 8px #7c3aed4d}.page-ellipsis{color:var(--text-muted);padding:0 4px;font-weight:700}.pagination-size-picker{align-items:center;gap:8px;display:flex}.size-label{color:var(--text-muted);font-size:.8rem}.size-select{border-radius:var(--radius-md);background-color:var(--bg-subtle);color:var(--text-main);border:1px solid var(--border-subtle);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:14px;outline:none;padding:6px 28px 6px 10px;font-size:.8rem;font-weight:600;transition:all .2s}[data-theme=dark] .size-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.size-select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-primary-light)}.records-header{margin-bottom:16px}.records-filter-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.record-chip-btn{border-radius:var(--radius-full);color:var(--text-secondary);background-color:var(--bg-subtle);border:1px solid var(--border-subtle);cursor:pointer;padding:5px 12px;font-size:.78rem;font-weight:700;transition:all .15s}.record-chip-btn.active{background-color:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.record-time-cell{flex-direction:column;display:flex}.record-time-cell .time-val{font-size:.88rem;font-weight:800}.record-time-cell .date-val{color:var(--text-muted);font-size:.72rem}.activity-badge{border-radius:var(--radius-full);padding:3px 9px;font-size:.76rem;font-weight:700;display:inline-block}.detail-text{color:var(--text-main);max-width:250px;font-size:.82rem;display:block}.photo-thumb-btn{border:1px solid var(--border-subtle);cursor:pointer;background:0 0;border-radius:8px;width:40px;height:40px;padding:0;position:relative;overflow:hidden}.thumb-img{object-fit:cover;width:100%;height:100%}.eye-overlay-icon{color:#fff;background:#0009;border-radius:4px;padding:1px;position:absolute;bottom:2px;right:2px}.user-name-tag{color:var(--text-muted);font-size:.76rem}.edit-record-btn{border-radius:var(--radius-full);background-color:var(--bg-subtle);color:var(--brand-primary);border:1px solid var(--border-subtle);cursor:pointer;padding:4px 10px;font-size:.76rem;font-weight:700}.edit-record-btn:hover{background-color:var(--brand-primary-light)}.empty-records-notice{text-align:center;color:var(--text-muted);padding:40px 20px}.empty-records-notice .empty-icon{opacity:.6;margin-bottom:8px}.management-layout-wrapper{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:16px 20px 80px}.management-page-container{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;min-width:0;max-width:100%;display:flex}.management-header-bar{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);box-sizing:border-box;justify-content:space-between;align-items:center;gap:16px;width:100%;min-width:0;max-width:100%;padding:12px 18px;display:flex}.manage-header-left{align-items:center;gap:14px;min-width:0;display:flex}.manage-header-left .manage-header-titles{flex-direction:column;gap:2px;min-width:0;display:flex}.manage-header-left .manage-main-title{color:var(--text-main);letter-spacing:-.015em;white-space:nowrap;margin:0;font-size:1.25rem;font-weight:800}.management-header-banner{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);box-sizing:border-box;background:linear-gradient(135deg,#f43f5e14 0%,#8b5cf60f 100%);flex-direction:column;gap:12px;width:100%;min-width:0;max-width:100%;padding:16px 20px;display:flex}.manage-header-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.manage-back-btn{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-main);box-shadow:var(--shadow-sm);cursor:pointer;align-items:center;gap:6px;padding:7px 14px;font-size:.84rem;font-weight:700;transition:all .2s;display:inline-flex}.manage-back-btn:hover{background-color:var(--brand-primary-light);color:var(--brand-primary);border-color:var(--brand-primary);transform:translate(-2px)}.manage-title-badge{background-color:var(--brand-primary-light);color:var(--brand-primary);border-radius:var(--radius-full);align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.manage-header-content{justify-content:space-between;align-items:center;display:flex}.manage-header-titles{flex-direction:column;gap:4px;display:flex}.manage-main-title{color:var(--text-main);letter-spacing:-.02em;margin:0;font-size:1.45rem;font-weight:800}.manage-main-subtitle{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.4}.manage-subtab-bar{background-color:var(--bg-subtle);border-radius:var(--radius-full);border:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;gap:4px;max-width:420px;padding:4px;display:grid}.manage-subtab-btn{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background-color:#0000;border:none;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.manage-subtab-btn:hover{color:var(--text-main)}.manage-subtab-btn.active{background-color:var(--bg-surface);color:var(--brand-primary);box-shadow:var(--shadow-sm)}html.dark .manage-subtab-btn.active{background-color:var(--bg-surface-elevated);color:var(--brand-primary)}.manage-toolbar-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.manage-toolbar-left-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.manage-filter-pills-row{align-items:center;gap:6px;display:flex}.manage-view-mode-toggle{background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-items:center;gap:2px;padding:3px;display:inline-flex}.view-mode-btn{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;background-color:#0000;border:none;align-items:center;gap:5px;padding:5px 10px;font-size:.78rem;font-weight:700;line-height:1;transition:all .15s;display:inline-flex}.view-mode-btn:hover{color:var(--text-main)}.view-mode-btn.active{background-color:var(--bg-surface);color:var(--brand-primary);box-shadow:var(--shadow-sm)}html.dark .view-mode-btn.active{background-color:var(--bg-surface-elevated);color:var(--brand-primary)}.filter-pill-btn{border-radius:var(--radius-full);background-color:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.filter-pill-btn:hover{background-color:var(--bg-surface-elevated);color:var(--text-main)}.filter-pill-btn.active{background-color:var(--brand-primary);color:var(--text-white);border-color:var(--brand-primary)}.pill-count{border-radius:var(--radius-full);background-color:#00000014;padding:1px 6px;font-size:.72rem}html.dark .pill-count{background-color:#ffffff26}.pill-count.count-green{background-color:#10b98133}.pill-count.count-muted{background-color:#64748b33}.filter-pill-btn.active .pill-count{color:var(--text-white);background-color:#ffffff40}.manage-cta-group{align-items:center;gap:8px;display:flex}.manage-reset-btn{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background-color:var(--bg-subtle);color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:.84rem;font-weight:700;transition:all .2s;display:inline-flex}.manage-reset-btn:hover{color:#dc2626;background-color:#ef44441a;border-color:#ef444440}.manage-add-btn{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:6px;padding:8px 16px;font-size:.86rem;font-weight:700;display:inline-flex}.presets-suggestion-box{background-color:var(--bg-surface);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);box-sizing:border-box;flex-direction:column;gap:8px;width:100%;min-width:0;max-width:100%;padding:12px 16px;display:flex;overflow:hidden}.presets-box-header{justify-content:space-between;align-items:center;width:100%;min-width:0;display:flex}.presets-hint-title{color:var(--text-muted);font-size:.82rem;font-weight:700}.presets-scroll-hint{color:var(--brand-primary);font-size:.74rem;font-weight:600;display:none}.presets-pill-list{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box;align-items:center;gap:8px;width:100%;min-width:0;max-width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.presets-pill-list::-webkit-scrollbar{display:none}.preset-chip-btn{border-radius:var(--radius-full);background-color:var(--bg-subtle);color:var(--text-main);border:1px solid var(--border-subtle);cursor:pointer;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.preset-chip-btn:hover:not(:disabled){border-color:var(--brand-primary);background-color:var(--brand-primary-light);color:var(--brand-primary);transform:translateY(-1px)}.preset-chip-btn:disabled{opacity:.5;cursor:default}.chip-checked{color:#10b981}.buttons-manage-list{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.buttons-manage-list.is-grid-view{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.buttons-manage-list.is-list-view{flex-direction:column;gap:10px;display:flex}.manage-empty-state{text-align:center;background-color:var(--bg-surface);border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-muted);box-sizing:border-box;grid-column:1/-1;width:100%;padding:36px 16px;font-size:.9rem}.button-manage-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-left:4px solid var(--card-accent,var(--brand-primary));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);box-sizing:border-box;touch-action:pan-y;flex-direction:column;justify-content:space-between;gap:10px;width:100%;min-width:0;max-width:100%;padding:13px 15px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.buttons-manage-list.is-grid-view .button-manage-card{min-height:104px}.button-manage-card:hover{box-shadow:var(--shadow-md);border-color:var(--card-accent,var(--brand-primary));transform:translateY(-2px)}.button-manage-card.is-card-hidden{opacity:.65;background-color:var(--bg-subtle);border-style:dashed}.button-manage-card.is-dragging{opacity:.45;box-shadow:var(--shadow-md), var(--shadow-glow);z-index:10;transform:scale(.985);border-style:dashed!important;border-color:var(--brand-primary)!important;background-color:var(--brand-primary-light)!important}.buttons-manage-list.is-list-view .button-manage-card.drop-target-before{box-shadow:0 -4px 14px #f43f5e33, var(--shadow-sm);border-top-color:var(--brand-primary)!important}.buttons-manage-list.is-list-view .button-manage-card.drop-target-before:before{content:"";background:var(--brand-primary);height:4px;box-shadow:0 0 10px var(--brand-primary);z-index:10;pointer-events:none;position:absolute;top:0;left:0;right:0}.buttons-manage-list.is-list-view .button-manage-card.drop-target-after{box-shadow:0 4px 14px #f43f5e33, var(--shadow-sm);border-bottom-color:var(--brand-primary)!important}.buttons-manage-list.is-list-view .button-manage-card.drop-target-after:after{content:"";background:var(--brand-primary);height:4px;box-shadow:0 0 10px var(--brand-primary);z-index:10;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.buttons-manage-list.is-grid-view .button-manage-card.drop-target-before{outline:2px dashed var(--brand-primary);outline-offset:2px;box-shadow:-4px 0 16px #f43f5e47, var(--shadow-sm)}.buttons-manage-list.is-grid-view .button-manage-card.drop-target-before:before{content:"";background:var(--brand-primary);width:5px;height:100%;box-shadow:0 0 12px var(--brand-primary);z-index:10;pointer-events:none;border-radius:4px 0 0 4px;position:absolute;top:0;bottom:0;left:0}.buttons-manage-list.is-grid-view .button-manage-card.drop-target-after{outline:2px dashed var(--brand-primary);outline-offset:2px;box-shadow:4px 0 16px #f43f5e47, var(--shadow-sm)}.buttons-manage-list.is-grid-view .button-manage-card.drop-target-after:after{content:"";background:var(--brand-primary);width:5px;height:100%;box-shadow:0 0 12px var(--brand-primary);z-index:10;pointer-events:none;border-radius:0 4px 4px 0;position:absolute;top:0;bottom:0;right:0}.manage-drag-hint-bar{background-color:var(--bg-surface);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted);box-sizing:border-box;justify-content:center;align-items:center;width:100%;margin-bottom:12px;padding:8px 14px;font-size:.8rem;display:flex}.drag-hint-content{text-align:center;align-items:center;gap:6px;line-height:1.4;display:flex}.hint-grip-icon{color:var(--brand-primary);flex-shrink:0}.card-primary-row{box-sizing:border-box;align-items:center;gap:10px;width:100%;min-width:0;display:flex}.card-drag-handle{border-radius:var(--radius-sm,6px);background-color:var(--bg-subtle);border:1px solid var(--border-subtle);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:5px;padding:3px 6px;transition:all .15s;display:flex}.card-drag-handle:hover,.card-drag-handle:focus-visible{border-color:var(--brand-primary);background-color:var(--brand-primary-light);outline:none}.card-drag-handle:focus-visible{box-shadow:0 0 0 2px var(--brand-primary)}.card-drag-handle:active{cursor:grabbing}.drag-grip-icon{color:var(--text-muted);flex-shrink:0;transition:color .15s}.card-drag-handle:hover .drag-grip-icon,.card-drag-handle:focus-visible .drag-grip-icon{color:var(--brand-primary)}.manage-key-badge{background-color:var(--text-main);width:26px;height:26px;color:var(--bg-surface);box-shadow:var(--shadow-sm);border-radius:6px;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex}.manage-key-badge.muted{background-color:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border-subtle);font-size:.72rem}.drag-floating-ghost{pointer-events:none;z-index:9999;background-color:var(--bg-surface-elevated);border:1.5px solid var(--brand-primary);border-radius:var(--radius-full);box-shadow:0 16px 36px -6px #00000059, var(--shadow-glow);color:var(--text-main);-webkit-backdrop-filter:blur(10px);will-change:transform;align-items:center;gap:8px;padding:7px 14px;font-size:.82rem;font-weight:700;display:flex;position:fixed;top:0;left:0;transform:translate(-50%,-100%)}.drag-ghost-title{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.drag-ghost-target-badge{background-color:var(--brand-primary);color:#fff;border-radius:var(--radius-full);letter-spacing:.2px;white-space:nowrap;padding:2px 7px;font-size:.72rem;font-weight:800}.btn-visual-pill{width:38px;height:38px;box-shadow:var(--shadow-sm);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-meta-texts{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;overflow:hidden}.btn-title-badge-row{align-items:center;gap:6px;min-width:0;max-width:100%;display:flex}.btn-manage-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;font-size:.98rem;font-weight:800;overflow:hidden}.btn-tag-badge{border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;padding:1px 6px;font-size:.68rem;font-weight:700}.btn-manage-subtext{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.78rem;overflow:hidden}.btn-eye-toggle{border-radius:var(--radius-sm);background-color:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-eye-toggle:hover{background-color:var(--bg-surface-elevated);color:var(--text-main)}.btn-eye-toggle.active-hidden{color:#d97706;background-color:#f59e0b26;border-color:#f59e0b4d}html.dark .btn-eye-toggle.active-hidden{color:#fbbf24;background-color:#f59e0b33;border-color:#f59e0b59}.card-secondary-row{border-top:1px solid var(--border-subtle);box-sizing:border-box;justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;margin-top:2px;padding-top:7px;display:flex}.card-details-pills{white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;align-items:center;gap:5px;min-width:0;display:flex;overflow-x:auto}.card-details-pills::-webkit-scrollbar{display:none}.btn-state-hidden-pill{color:var(--text-muted);background-color:var(--bg-subtle);border-radius:var(--radius-full);border:1px solid var(--border-subtle);align-items:center;gap:4px;padding:2px 6px;font-size:.7rem;font-weight:700;display:inline-flex}.btn-extra-data-pill{color:var(--brand-primary);background-color:var(--brand-primary-light);border-radius:4px;padding:1px 6px;font-size:.72rem;font-weight:600;display:inline-block}.card-actions-group{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.btn-control-icon{border-radius:var(--radius-sm);background-color:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;align-items:center;gap:4px;padding:5px 10px;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-control-icon:hover{background-color:var(--bg-surface-elevated);color:var(--text-main);border-color:var(--text-muted)}.card-primary-row .btn-control-icon.edit-action{border-radius:var(--radius-md);background-color:var(--bg-subtle);color:var(--text-main);border:1px solid var(--border-subtle);flex-shrink:0;margin-left:auto;padding:6px 12px;font-size:.8rem;font-weight:700}.card-primary-row .btn-control-icon.edit-action:hover{background-color:var(--brand-primary);color:#fff;border-color:var(--brand-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.card-primary-row .btn-control-icon.unhide-action{border-radius:var(--radius-md);background-color:var(--brand-primary-light);color:var(--brand-primary);border:1px solid var(--brand-primary);cursor:pointer;flex-shrink:0;align-items:center;gap:5px;margin-left:auto;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.card-primary-row .btn-control-icon.unhide-action:hover{background-color:var(--brand-primary);color:#fff;border-color:var(--brand-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}html.dark .card-primary-row .btn-control-icon.unhide-action{color:var(--brand-primary);border-color:var(--brand-primary);background-color:#22c55e26}html.dark .card-primary-row .btn-control-icon.unhide-action:hover{background-color:var(--brand-primary);color:#fff}.unhide-confirm-dialog{border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background-color:var(--bg-surface);width:90%;max-width:440px;box-shadow:var(--shadow-lg);overflow:hidden}.unhide-confirm-icon-box{border-radius:var(--radius-full);background-color:var(--brand-primary-light);width:42px;height:42px;color:var(--brand-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}html.dark .unhide-confirm-icon-box{color:var(--brand-primary);background-color:#22c55e2e}.unhide-confirm-body{flex-direction:column;gap:16px;padding:20px;display:flex}.unhide-confirm-desc{color:var(--text-secondary);margin:0;font-size:.92rem;line-height:1.5}.unhide-btn-preview-card{background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);border-left:4px solid var(--card-accent,var(--brand-primary));align-items:center;gap:12px;padding:12px 14px;display:flex}.unhide-preview-info{flex-direction:column;gap:2px;min-width:0;display:flex}.unhide-preview-title{color:var(--text-main);font-size:.95rem;font-weight:700}.unhide-preview-subtext{color:var(--text-muted);font-size:.8rem}.btn-state-hidden-tag{border-radius:var(--radius-full);background-color:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:3px;padding:1px 7px;font-size:.68rem;font-weight:700;display:inline-flex}.toggle-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.status-badge-inline{border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.status-badge-inline.status-visible{color:#059669;background-color:#10b98124;border:1px solid #10b98140}html.dark .status-badge-inline.status-visible{color:#34d399;background-color:#10b98138}.status-badge-inline.status-hidden{background-color:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border-subtle)}.edit-modal-footer{box-sizing:border-box;border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:14px;padding-top:14px;display:flex}.modal-actions-right{flex:1;justify-content:flex-end;align-items:center;gap:10px;display:flex}.modal-actions-right .btn-secondary{flex:0 110px}.modal-actions-right .btn-primary{flex:0 160px}.btn-delete-modal{border-radius:var(--radius-md);color:#ef4444;cursor:pointer;background-color:#ef444414;border:1px solid #ef444440;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:.86rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-delete-modal:hover{color:#dc2626;background-color:#ef44442e;border-color:#ef4444;transform:translateY(-1px)}html.dark .btn-delete-modal{color:#f87171;background-color:#ef444424;border-color:#ef444459}html.dark .btn-delete-modal:hover{color:#fca5a5;background-color:#ef444440}.btn-control-icon.delete-action{color:#ef4444}.btn-control-icon.delete-action:hover{color:#dc2626;background-color:#ef44441f;border-color:#ef44444d}.manage-two-col-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.manage-panel-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.panel-card-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:14px;margin-bottom:20px;padding-bottom:14px;display:flex}.panel-icon-circle{background-color:var(--brand-primary-light);width:44px;height:44px;color:var(--brand-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.panel-card-header h3{color:var(--text-main);margin-bottom:3px;font-size:1.15rem;font-weight:800}.panel-card-header p{color:var(--text-muted);font-size:.85rem}.baby-edit-form{flex-direction:column;gap:16px;display:flex}.gender-toggle-row{gap:10px;display:flex}.gender-chip-btn{border-radius:var(--radius-md);background-color:var(--bg-subtle);border:1px solid var(--border-subtle);color:var(--text-secondary);flex:1;padding:10px;font-size:.9rem;font-weight:700;transition:all .2s}.gender-chip-btn.active-boy{color:#0284c7;background-color:#e0f2fe;border-color:#38bdf8}.gender-chip-btn.active-girl{color:#e11d48;background-color:#ffe4e6;border-color:#fb7185}.baby-age-display-box{background-color:var(--bg-subtle);border-radius:var(--radius-md);color:var(--text-main);align-items:center;gap:8px;padding:10px 14px;font-size:.88rem;display:flex}.family-invite-banner{border:1px dashed var(--brand-primary);border-radius:var(--radius-md);background:linear-gradient(135deg,#7c3aed14,#ec489914);flex-direction:column;gap:8px;padding:18px;display:flex}.banner-sub{color:var(--text-muted);font-size:.85rem;font-weight:700}.invite-code-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.invite-code-text{letter-spacing:.08em;color:var(--brand-primary);font-family:monospace;font-size:1.5rem;font-weight:800}.btn-copy-code{border-radius:var(--radius-full);background-color:var(--brand-primary);color:#fff;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-copy-code.copied{background-color:#10b981}.banner-hint{color:var(--text-muted);font-size:.8rem}.input-with-button{align-items:stretch;gap:10px;display:flex}.input-with-button input{background-color:var(--bg-subtle);border:1.5px solid var(--border-subtle);color:var(--text-main);border-radius:var(--radius-md);letter-spacing:1px;outline:none;flex:1;padding:11px 14px;font-size:.95rem;font-weight:700;transition:border-color .2s,box-shadow .2s,background-color .2s}.input-with-button input:focus{border-color:var(--brand-primary);background-color:var(--bg-surface);box-shadow:0 0 0 3px var(--brand-primary-light)}.input-with-button .btn-primary{white-space:nowrap;flex-shrink:0;padding:11px 20px}.account-details-box{background-color:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border-subtle);align-items:center;gap:16px;padding:16px;display:flex}.account-avatar-circle{background-color:var(--brand-primary);width:52px;height:52px;color:var(--text-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;font-weight:800;display:flex;overflow:hidden}.account-avatar-circle.guest-avatar{background-color:var(--bg-surface);color:var(--brand-primary);border:1.5px dashed var(--border-subtle)}.account-avatar-circle img{object-fit:cover;width:100%;height:100%}.account-text-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.account-text-info h4{color:var(--text-main);margin:0;font-size:1.05rem;font-weight:800}.account-text-info p{color:var(--text-secondary);word-break:break-all;margin:0;font-size:.86rem}.account-family-name-row{color:var(--text-secondary);align-items:center;gap:6px;margin:2px 0 1px;font-size:.84rem;display:inline-flex}.account-family-name-row svg{flex-shrink:0}.account-family-name-row strong{color:var(--text-main);font-weight:700}.btn-edit-account{border-radius:var(--radius-md);background-color:var(--bg-surface);color:var(--text-main);border:1.5px solid var(--border-subtle);cursor:pointer;box-shadow:var(--shadow-sm);white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-edit-account:hover{background-color:var(--brand-primary-light);border-color:var(--brand-primary);color:var(--brand-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-edit-account:active{transform:translateY(0)}@media (width<=599px){.account-details-box{flex-wrap:wrap}.account-details-box .btn-edit-account{width:100%;margin-top:6px;padding:9px 14px}}.edit-account-dialog{max-width:480px}.modal-sheet-header-title-row{align-items:center;gap:8px;display:flex}.modal-header-icon-circle{background-color:var(--brand-primary-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.edit-account-avatar-box{border-bottom:1px dashed var(--border-subtle);flex-direction:column;align-items:center;gap:12px;margin-bottom:8px;padding:10px 0 16px;display:flex}.edit-avatar-preview-wrap{border:2px solid var(--border-subtle);background-color:var(--bg-surface-elevated);width:76px;height:76px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.edit-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.edit-avatar-placeholder{background-color:var(--brand-primary-light);width:100%;height:100%;color:var(--brand-primary);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:1.75rem;font-weight:800;display:flex}.edit-avatar-loading-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.edit-avatar-controls{align-items:center;gap:8px;display:flex}.btn-avatar-upload{border-radius:var(--radius-full);background-color:var(--bg-subtle);color:var(--text-main);border:1px solid var(--border-subtle);cursor:pointer;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-avatar-upload:hover:not(:disabled){background-color:var(--brand-primary-light);border-color:var(--brand-primary);color:var(--brand-primary)}.btn-avatar-delete{background-color:var(--bg-subtle);color:#ef4444;border:1px solid var(--border-subtle);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.btn-avatar-delete:hover:not(:disabled){background-color:#ef44441a;border-color:#ef4444}.edit-account-form{flex-direction:column;display:flex}.account-field-label{color:var(--text-main);align-items:center;gap:6px;margin-bottom:2px;font-size:.84rem;font-weight:700;display:flex}.account-field-label .field-icon{color:var(--brand-primary)}.account-field-hint{color:var(--text-muted);margin-top:3px;font-size:.76rem;line-height:1.35}.account-sync-note-box{border-radius:var(--radius-md);background-color:var(--brand-primary-light);border:1px solid var(--border-subtle);align-items:flex-start;gap:10px;margin-top:10px;padding:10px 12px;display:flex}.account-sync-note-box .sync-note-icon{color:var(--brand-primary);flex-shrink:0;margin-top:2px}.sync-note-text{color:var(--text-secondary);flex-direction:column;gap:2px;font-size:.78rem;line-height:1.35;display:flex}.sync-note-text strong{color:var(--text-main);font-weight:700}.account-form-alert{border-radius:var(--radius-md);align-items:center;gap:8px;margin-bottom:8px;padding:10px 12px;font-size:.82rem;font-weight:600;display:flex}.account-form-alert.error-banner{color:#ef4444;background-color:#ef44441a;border:1px solid #ef444440}.edit-account-actions{border-top:1px solid var(--border-subtle);background-color:var(--bg-surface);justify-content:flex-end;align-items:center;gap:10px;padding:14px 18px;display:flex}.edit-account-actions .btn-secondary,.edit-account-actions .btn-primary{justify-content:center;min-width:90px}.uid-copy-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.uid-pill{color:var(--text-muted);background-color:var(--bg-surface);border:1px solid var(--border-subtle);word-break:break-all;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.72rem}.uid-copy-btn{background-color:var(--bg-surface);color:var(--brand-primary);border:1px solid var(--border-subtle);cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:700;transition:all .2s;display:inline-flex}.uid-copy-btn:hover{background-color:var(--brand-primary-light);border-color:var(--brand-primary)}.theme-selector-section{flex-direction:column;gap:10px;display:flex}.theme-section-label{color:var(--text-main);font-size:.86rem;font-weight:800}.theme-options-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.theme-option-card{border-radius:var(--radius-md);background-color:var(--bg-subtle);border:2px solid var(--border-subtle);cursor:pointer;text-align:left;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex;position:relative}.theme-option-card:hover{border-color:var(--brand-primary);background-color:var(--bg-surface-elevated)}.theme-option-card.selected{border-color:var(--brand-primary);background-color:var(--bg-surface);box-shadow:0 0 0 1px var(--brand-primary), var(--shadow-sm)}html.dark .theme-option-card.selected{background-color:var(--bg-surface-elevated)}.theme-card-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.theme-card-icon-box.light-box{color:#d97706;background-color:#f59e0b26}.theme-card-icon-box.dark-box{color:#8b5cf6;background-color:#8b5cf626}.theme-card-text{flex-direction:column;flex:1;gap:2px;display:flex}.theme-card-text strong{color:var(--text-main);font-size:.88rem}.theme-card-text span{color:var(--text-muted);font-size:.74rem}.theme-check-icon{color:var(--brand-primary);flex-shrink:0;margin-left:auto}.theme-setting-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.theme-left{align-items:center;gap:14px;display:flex}.logout-action-box{justify-content:center;display:flex}.btn-danger-outline{border-radius:var(--radius-md);color:#ef4444;cursor:pointer;background-color:#0000;border:1.5px solid #ef4444;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-danger-outline:hover{color:#dc2626;background-color:#ef44441a;border-color:#dc2626}.logout-action-box .btn-primary{border-radius:var(--radius-md);background:var(--brand-primary);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:11px 24px;font-size:.92rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #7c3aed40}.logout-action-box .btn-primary:hover{background:var(--brand-primary-dark);transform:translateY(-1px)}.edit-btn-dialog{max-width:580px}.edit-btn-tab-bar{background-color:var(--bg-subtle);border-bottom:1px solid var(--border-subtle);gap:8px;padding:8px 20px;display:flex}.edit-btn-tab-btn{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1.5px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.edit-btn-tab-btn:hover{color:var(--text-main);background-color:var(--bg-surface)}.edit-btn-tab-btn.active{color:var(--brand-primary);background-color:var(--bg-surface);border-color:var(--border-subtle);box-shadow:var(--shadow-sm);font-weight:800}html.dark .edit-btn-tab-btn.active{color:var(--brand-primary-light,#c4b5fd);background-color:var(--bg-surface-elevated);border-color:var(--border-focus)}.edit-btn-tab-pane{flex-direction:column;gap:16px;animation:.2s ease-out modalTabFadeIn;display:flex}@keyframes modalTabFadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.edit-btn-tab-context{border-radius:var(--radius-md);background-color:var(--bg-subtle);border:1px solid var(--border-subtle);align-items:center;gap:12px;margin-bottom:2px;padding:12px 14px;display:flex}.edit-btn-tab-context .mini-icon-circle{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.edit-btn-tab-context .tab-context-info{flex-direction:column;flex:1;min-width:0;display:flex}.edit-btn-tab-context .tab-context-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:800;overflow:hidden}.edit-btn-tab-context .tab-context-sub{color:var(--text-muted);font-size:.78rem}@media (width<=600px){.edit-btn-tab-bar{padding:8px 14px}.edit-btn-tab-btn{padding:8px 12px;font-size:.84rem}}.edit-button-form{flex-direction:column;gap:16px;max-height:80vh;padding-right:4px;display:flex;overflow-y:auto}.btn-preview-container{background-color:var(--bg-subtle);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex}.preview-label{color:var(--text-muted);font-size:.82rem;font-weight:700}.live-preview-card{cursor:default;width:240px;margin:0 auto}.btn-hidden-badge{color:#b45309;background-color:#fef3c7;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:.68rem;font-weight:700;display:flex;position:absolute;bottom:8px;right:8px}.icon-selector-grid.scrollable-icons{background-color:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border-subtle);max-height:140px;padding:4px;overflow-y:auto}.default-data-box{background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:16px;display:flex}.data-box-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.data-box-title{color:var(--text-main);font-size:.9rem;font-weight:700}.current-amount-badge{color:#fff;background-color:var(--brand-primary);border-radius:var(--radius-full);padding:2px 10px;font-size:.8rem;font-weight:800}.custom-ml-input-group{flex-direction:column;gap:8px;display:flex}.input-with-unit{align-items:center;display:flex;position:relative}.custom-ml-input{border-radius:var(--radius-md);border:1.5px solid var(--border-subtle);background-color:var(--bg-surface);width:100%;color:var(--text-main);outline:none;padding:10px 45px 10px 14px;font-size:1rem;font-weight:700;transition:all .2s}.custom-ml-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #7c3aed26}.unit-label{color:var(--text-muted);pointer-events:none;font-size:.85rem;font-weight:700;position:absolute;right:14px}.btn-sync-badge{color:var(--brand-primary);background-color:var(--brand-primary-light);border-radius:var(--radius-full);border:1px dashed var(--brand-primary);cursor:pointer;align-self:flex-start;padding:4px 10px;font-size:.78rem;font-weight:700;transition:all .15s}.btn-sync-badge:hover{background-color:var(--brand-primary);color:#fff}.quick-amount-helper{flex-direction:column;gap:6px;display:flex}.quick-helper-title{color:var(--text-muted);font-size:.78rem;font-weight:600}.quick-amount-picker{flex-wrap:wrap;gap:6px;display:flex}.amount-chip{border-radius:var(--radius-full);background-color:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:5px 12px;font-size:.8rem;font-weight:700;transition:all .15s}.amount-chip:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.amount-chip.active{background-color:var(--brand-primary);color:#fff;border-color:var(--brand-primary);box-shadow:0 2px 6px #7c3aed40}.amount-chip.clear-chip{color:#ef4444;border-color:#fca5a5}.amount-chip.clear-chip:hover{background-color:#fee2e2}.data-box-subtitle{color:var(--text-main);margin-bottom:6px;font-size:.82rem;font-weight:700;display:block}.feed-type-mini-selector{flex-wrap:wrap;gap:8px;display:flex}.feed-type-chip{border-radius:var(--radius-md);background-color:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .15s}.feed-type-chip:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.feed-type-chip.active{background-color:var(--brand-primary-light);color:var(--brand-primary);border-color:var(--brand-primary);font-weight:700}.toggle-switch-card{background-color:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.toggle-text{flex-direction:column;gap:2px;display:flex}.toggle-title{color:var(--text-main);font-size:.92rem;font-weight:700}.toggle-desc{color:var(--text-muted);font-size:.78rem}.switch-control{flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.switch-control input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background-color:var(--border-subtle);border-radius:34px;transition:all .25s;position:absolute;inset:0}.switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .25s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000040}input:checked+.switch-slider{background-color:var(--brand-primary)}input:checked+.switch-slider:before{transform:translate(22px)}.manage-btn-label{display:inline}@media (width<=768px){.management-layout-wrapper{width:100%!important;max-width:100%!important;padding:10px 10px calc(90px + env(safe-area-inset-bottom,16px)) 10px!important;box-sizing:border-box!important;overflow-x:hidden!important}.management-page-container{box-sizing:border-box;gap:12px;width:100%;min-width:0;max-width:100%;overflow-x:hidden}.management-header-bar{box-sizing:border-box;border-radius:16px;flex-direction:column;align-items:stretch;gap:10px;width:100%;min-width:0;max-width:100%;padding:12px 14px}.manage-header-left{align-items:center;gap:10px;width:100%;display:flex}.manage-header-left .manage-main-title{word-break:break-word;white-space:normal;margin:0;font-size:1.15rem;line-height:1.3}.management-header-banner{box-sizing:border-box;border-radius:16px;gap:10px;width:100%;min-width:0;max-width:100%;padding:14px 12px}.manage-header-top{flex-wrap:nowrap;justify-content:space-between;gap:8px;width:100%;min-width:0}.manage-back-btn{flex-shrink:0;gap:5px;padding:6px 12px;font-size:.78rem}.manage-title-badge{white-space:nowrap;flex-shrink:0;padding:4px 10px;font-size:.72rem}.manage-header-content{flex-direction:column;align-items:flex-start;width:100%;min-width:0}.manage-header-titles{width:100%;min-width:0}.manage-main-title{word-break:break-word;margin:0;font-size:1.15rem;line-height:1.3}.manage-main-subtitle{margin:0;font-size:.76rem;line-height:1.35}.manage-subtab-bar{box-sizing:border-box;gap:4px;width:100%;min-width:0;max-width:100%;padding:3px}.manage-subtab-btn{gap:6px;min-width:0;padding:8px 6px;font-size:.8rem;font-weight:700}.manage-subtab-btn span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.manage-toolbar-card{box-sizing:border-box;border-radius:14px;flex-direction:column;align-items:stretch;gap:10px;width:100%;min-width:0;max-width:100%;padding:10px}.manage-toolbar-left-group{width:100%}.manage-view-mode-toggle{display:none!important}.manage-filter-pills-row{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:4px;width:100%;display:grid}.filter-pill-btn{text-align:center;white-space:nowrap;border-radius:8px;justify-content:center;gap:3px;min-width:0;padding:6px 2px;font-size:.72rem}.pill-count{padding:1px 4px;font-size:.66rem}.manage-cta-group{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.manage-reset-btn{text-align:center;box-sizing:border-box;border-radius:10px;justify-content:center;width:100%;padding:8px;font-size:.78rem}.manage-add-btn{text-align:center;box-sizing:border-box;border-radius:10px;justify-content:center;width:100%;padding:8px 12px;font-size:.8rem}.presets-suggestion-box{box-sizing:border-box;border-radius:14px;gap:6px;width:100%;min-width:0;max-width:100%;padding:10px;overflow:hidden}.presets-box-header{justify-content:space-between;align-items:center;width:100%;min-width:0;display:flex}.presets-hint-title{font-size:.76rem}.presets-scroll-hint{font-size:.7rem;display:inline-block}.presets-pill-list{box-sizing:border-box;gap:6px;width:100%;min-width:0;max-width:100%;padding-bottom:2px}.preset-chip-btn{border-radius:8px;flex-shrink:0;gap:4px;padding:5px 9px;font-size:.74rem}.buttons-manage-list{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.buttons-manage-list.is-grid-view{grid-template-columns:1fr;gap:10px}@media (width>=520px){.buttons-manage-list.is-grid-view{grid-template-columns:repeat(2,1fr);gap:10px}}.button-manage-card{box-sizing:border-box;border-left-width:4px;border-radius:12px;gap:6px;width:100%;min-width:0;max-width:100%;padding:10px;overflow:hidden}.card-primary-row{box-sizing:border-box;gap:8px;width:100%;min-width:0}.card-drag-handle{flex-shrink:0;gap:4px;padding:3px 5px}.manage-key-badge{border-radius:5px;flex-shrink:0;width:22px;height:22px;font-size:.72rem}.drag-grip-icon{width:14px;height:14px}.manage-drag-hint-bar{margin-bottom:8px;padding:6px 10px;font-size:.75rem}.btn-visual-pill{border-radius:8px;flex-shrink:0;width:34px;height:34px}.btn-meta-texts{flex:1;min-width:0;overflow:hidden}.btn-title-badge-row{align-items:center;gap:5px;min-width:0;max-width:100%;display:flex}.btn-manage-title{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;font-size:.9rem;overflow:hidden}.btn-tag-badge{white-space:nowrap;flex-shrink:0;padding:1px 5px;font-size:.65rem}.btn-manage-subtext{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.72rem;overflow:hidden}.card-primary-row .btn-control-icon.edit-action,.card-primary-row .btn-control-icon.unhide-action{border-radius:8px;gap:3px;min-height:28px;padding:4px 9px;font-size:.74rem}.btn-state-hidden-tag{padding:1px 5px;font-size:.64rem}.card-secondary-row{box-sizing:border-box;gap:6px;width:100%;min-width:0;margin-top:1px;padding-top:4px}.system-manage-section{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.manage-panel-card{box-sizing:border-box;border-radius:14px;width:100%;min-width:0;max-width:100%;padding:14px 12px}.panel-card-header{gap:10px;margin-bottom:12px;padding-bottom:10px}.panel-icon-circle{border-radius:9px;flex-shrink:0;width:36px;height:36px}.panel-card-header h3{margin-bottom:1px;font-size:1rem}.panel-card-header p{font-size:.76rem}.account-details-box{box-sizing:border-box;border-radius:10px;gap:10px;width:100%;min-width:0;max-width:100%;padding:10px 12px}.account-avatar-circle{flex-shrink:0;width:42px;height:42px;font-size:1rem}.account-text-info{flex:1;min-width:0;overflow:hidden}.account-text-info h4{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.account-text-info p{word-break:break-all;font-size:.8rem}.uid-copy-row{flex-wrap:wrap;align-items:center;gap:6px;width:100%;min-width:0;display:flex}.uid-pill{word-break:break-all;max-width:100%;font-size:.66rem}.uid-copy-btn{flex-shrink:0;padding:2px 6px;font-size:.68rem}.theme-options-grid{box-sizing:border-box;grid-template-columns:1fr;gap:8px;width:100%}.theme-option-card{box-sizing:border-box;border-radius:10px;gap:10px;width:100%;padding:10px 12px}.theme-card-icon-box{border-radius:8px;flex-shrink:0;width:34px;height:34px}.theme-card-text{flex:1;min-width:0}.theme-card-text strong{font-size:.84rem}.theme-card-text span{font-size:.72rem}.logout-action-box .btn-danger-outline,.logout-action-box .btn-primary{box-sizing:border-box;border-radius:10px;justify-content:center;width:100%;padding:10px 14px;font-size:.84rem}.edit-button-form input,.edit-button-form select,.edit-button-form textarea{font-size:16px!important}}@media (width<=420px){.manage-title-badge span{display:none}.manage-title-badge{border-radius:50%;padding:5px}.manage-main-title{font-size:1.1rem}.live-screen-preview-grid{grid-template-columns:1fr!important}}.profile-layout-wrapper{max-width:1440px;margin:0 auto;padding:16px 20px 90px}.baby-profile-page-container{flex-direction:column;gap:22px;display:flex}.profile-header-actions{align-items:center;gap:10px;display:flex}.profile-save-btn{border-radius:var(--radius-full);align-items:center;gap:6px;padding:9px 20px;font-size:.88rem;font-weight:700;display:inline-flex}.profile-header-title-box{align-items:center;gap:16px;display:flex}.profile-icon-badge{color:#fff;background:linear-gradient(135deg,#ec4899,#8b5cf6);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 4px 14px #ec48994d}.profile-main-title{color:var(--text-main);letter-spacing:-.02em;margin-bottom:4px;font-size:1.6rem;font-weight:800}.profile-main-subtitle{color:var(--text-secondary);font-size:.92rem;line-height:1.45}.profile-alert-animated{animation:.3s fadeInDown}.baby-digital-id-card{background:linear-gradient(135deg, var(--bg-surface) 0%, var(--bg-subtle) 100%);border:1.5px solid var(--border-subtle);box-shadow:var(--shadow-md);border-radius:28px;flex-direction:column;gap:24px;padding:30px;transition:all .3s;display:flex;position:relative;overflow:hidden}.id-card-decor-circle{filter:blur(60px);pointer-events:none;opacity:.15;border-radius:50%;width:250px;height:250px;position:absolute}.id-card-decor-circle.decor-top{background:#ec4899;top:-60px;right:-40px}.id-card-decor-circle.decor-bottom{background:#8b5cf6;bottom:-60px;left:-40px}.id-card-main-row{z-index:1;align-items:center;gap:22px;display:flex;position:relative}.id-avatar-circle{border:3px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:relative;box-shadow:0 8px 24px #00000014}html.dark .id-avatar-circle{border-color:var(--border-subtle)}.id-avatar-circle.boy-theme{background:linear-gradient(135deg,#e0f2fe,#bae6fd)}.id-avatar-circle.girl-theme{background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.id-avatar-emoji{filter:drop-shadow(0 2px 6px #00000026);font-size:3.2rem;line-height:1}.id-gender-badge{border-radius:var(--radius-full);color:#fff;white-space:nowrap;padding:2px 10px;font-size:.72rem;font-weight:800;position:absolute;bottom:-6px;box-shadow:0 2px 6px #0003}.id-avatar-circle.boy-theme .id-gender-badge{background-color:#0284c7}.id-avatar-circle.girl-theme .id-gender-badge{background-color:#e11d48}.id-name-block{flex-direction:column;gap:6px;display:flex}.id-badge-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.id-cert-pill{color:var(--brand-primary);background-color:var(--brand-primary-light);border-radius:var(--radius-full);letter-spacing:.03em;text-transform:uppercase;padding:3px 10px;font-size:.74rem;font-weight:800}.id-age-pill{color:#0284c7;border-radius:var(--radius-full);background-color:#e0f2fe;padding:3px 10px;font-size:.78rem;font-weight:700}.id-baby-callname{color:var(--text-main);letter-spacing:-.02em;font-size:2.2rem;font-weight:800;line-height:1.15}.id-baby-fullname{color:var(--text-secondary);font-size:.95rem;font-weight:500}.id-baby-fullname strong{color:var(--text-main);font-weight:700}.id-highlights-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid;position:relative}.id-highlights-grid>.id-highlight-item:only-child{grid-column:1/-1}.id-highlight-item{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:flex-start;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.id-highlight-item:hover{box-shadow:var(--shadow-md);border-color:var(--border-focus);transform:translateY(-2px)}.hl-icon-col{background-color:var(--bg-subtle);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.hl-text-col{flex-direction:column;gap:2px;min-width:0;display:flex}.hl-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.76rem;font-weight:700}.hl-val{color:var(--text-main);word-break:break-word;font-size:.98rem;font-weight:800}.hl-sub{color:var(--text-muted);font-size:.74rem}.edit-baby-modal-backdrop{background-color:var(--bg-backdrop,#0000008c);-webkit-backdrop-filter:blur(8px);z-index:1100;justify-content:center;align-items:center;padding:18px;animation:.2s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;inset:0}.edit-baby-modal-dialog{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:680px;box-shadow:0 20px 48px -12px #00000047, var(--shadow-glow);flex-direction:column;max-height:90dvh;animation:.26s cubic-bezier(.16,1,.3,1) diaryPopIn;display:flex;overflow:hidden}.edit-baby-modal-header{border-bottom:1px solid var(--border-subtle);background-color:var(--bg-surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.edit-baby-avatar-badge{border-radius:var(--radius-full);background:var(--bg-subtle);border:2px solid var(--brand-primary);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex}.edit-baby-modal-body{flex-direction:column;flex:1;gap:18px;padding:20px 24px;display:flex;overflow-y:auto}.edit-baby-modal-body .profile-form-section-card{background-color:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:none;padding:18px 20px}.edit-baby-modal-body .section-card-header{padding-bottom:12px}.edit-baby-modal-footer{border-top:1px solid var(--border-subtle);background-color:var(--bg-surface-elevated);flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:14px 24px;display:flex}@media (width<=599px){.edit-baby-modal-backdrop{align-items:center;padding:12px}.edit-baby-modal-dialog{border-radius:var(--radius-md);max-width:100%;max-height:94dvh}.edit-baby-modal-header{padding:14px 16px}.edit-baby-avatar-badge{width:38px;height:38px;font-size:1.2rem}.edit-baby-modal-body{gap:14px;padding:14px 16px}.edit-baby-modal-body .profile-form-section-card{padding:14px 16px}.edit-baby-modal-footer{gap:8px;padding:12px 16px}}.baby-profile-form-sections{flex-direction:column;gap:20px;display:flex}.profile-form-section-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:18px;padding:24px;display:flex}.section-card-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:14px;padding-bottom:14px;display:flex}.header-icon-box{background-color:var(--bg-subtle);width:44px;height:44px;color:var(--brand-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.section-card-header h3{color:var(--text-main);margin-bottom:3px;font-size:1.15rem;font-weight:800}.section-card-header p{color:var(--text-muted);font-size:.85rem}.header-text-with-btn{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.field-label-bold{color:var(--text-main);align-items:center;gap:6px;margin-bottom:6px;font-size:.9rem;font-weight:700;display:inline-flex}.field-note{color:var(--text-muted);margin-top:4px;font-size:.76rem;display:block}.form-row-three-col{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.add-custom-field-btn{border-radius:var(--radius-full);background-color:var(--brand-primary-light);color:var(--brand-primary);border:1px solid var(--brand-primary);align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.add-custom-field-btn:hover{background-color:var(--brand-primary);color:#fff}.preset-fields-bar{background-color:var(--bg-subtle);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.preset-bar-title{color:var(--text-muted);font-size:.8rem;font-weight:700}.preset-buttons-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.preset-field-chip{border-radius:var(--radius-full);background-color:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;padding:5px 12px;font-size:.78rem;font-weight:600;transition:all .2s}.preset-field-chip:hover:not(:disabled){border-color:var(--brand-primary);color:var(--brand-primary);background-color:var(--brand-primary-light)}.preset-field-chip:disabled{opacity:.5;cursor:default}.new-custom-field-form-box{background-color:var(--bg-subtle);border:1px dashed var(--brand-primary);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:16px;animation:.2s fadeInDown;display:flex}.box-title{color:var(--text-main);font-size:.9rem;font-weight:700}.new-custom-field-form-box input{background-color:var(--bg-surface);border:1.5px solid var(--border-subtle);color:var(--text-main);border-radius:var(--radius-md);box-sizing:border-box;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:.92rem;transition:all .2s}.new-custom-field-form-box input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-light)}.new-field-actions{justify-content:flex-end;gap:8px;display:flex}.custom-fields-list{flex-direction:column;gap:10px;display:flex}.empty-fields-text{text-align:center;color:var(--text-muted);padding:16px;font-size:.88rem}.custom-field-item-row{background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.custom-field-item-row:hover{border-color:var(--brand-primary)}.field-label-badge{color:var(--brand-primary);background-color:var(--brand-primary-light);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.84rem;font-weight:700;display:inline-flex}.custom-field-input{background-color:var(--bg-surface);border:1.5px solid var(--border-subtle);color:var(--text-main);border-radius:8px;flex:1;padding:8px 12px;font-size:.9rem;transition:all .2s}.custom-field-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-light);outline:none}.btn-delete-field{color:#ef4444;cursor:pointer;background-color:#0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-delete-field:hover{color:#dc2626;background-color:#fee2e2}.profile-edit-btn{border-radius:var(--radius-full);cursor:pointer;align-items:center;gap:8px;padding:9px 20px;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #7c3aed40}.profile-edit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #7c3aed59}.profile-cancel-btn{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background-color:var(--bg-surface);color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;padding:8px 16px;font-size:.86rem;font-weight:700;transition:all .2s;display:inline-flex}.profile-cancel-btn:hover:not(:disabled){background-color:var(--bg-subtle);color:var(--text-main);border-color:var(--border-focus)}.profile-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.id-card-top-bar{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex;position:relative}.btn-edit-id-card{border-radius:var(--radius-full);color:var(--brand-primary);background-color:var(--bg-surface);border:1.5px solid var(--border-subtle);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-edit-id-card:hover{background-color:var(--brand-primary-light);border-color:var(--brand-primary);transform:translateY(-1px)}.id-extra-details-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);z-index:1;box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:16px;display:flex;position:relative}.id-extra-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.id-extra-item{flex-direction:column;gap:3px;display:flex}.id-extra-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-size:.74rem;font-weight:700}.id-extra-val{color:var(--text-main);font-size:.92rem;font-weight:700}.id-medical-note-box{background-color:var(--bg-subtle);border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:3px solid #f59e0b;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.id-medical-note-title{color:#d97706;text-transform:uppercase;letter-spacing:.03em;font-size:.76rem;font-weight:700}html.dark .id-medical-note-title{color:#fbbf24}.id-medical-note-content{color:var(--text-main);margin:0;font-size:.86rem;line-height:1.45}.id-custom-tags-wrap{border-top:1px dashed var(--border-subtle);flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px;display:flex}.id-custom-tag-pill{color:var(--brand-primary);background-color:var(--brand-primary-light);border-radius:var(--radius-full);border:1px solid var(--border-subtle);align-items:center;gap:6px;padding:5px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.id-custom-tag-label{opacity:.85}.id-custom-tag-val{font-weight:700}.id-card-actions-row{z-index:1;justify-content:center;margin-top:4px;display:flex;position:relative}.id-card-main-edit-btn{border-radius:var(--radius-full);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px 32px;font-size:.98rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #7c3aed40}.id-card-main-edit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed59}.edit-mode-indicator-bar{border-radius:var(--radius-lg);border:1.5px dashed var(--brand-primary);color:var(--text-main);background:linear-gradient(135deg,#7c3aed1a,#ec489914);justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;padding:14px 20px;animation:.25s fadeInDown;display:flex}.edit-mode-indicator-left{align-items:center;gap:12px;display:flex}.edit-indicator-pulse{background-color:var(--brand-primary);width:10px;height:10px;box-shadow:0 0 0 3px var(--brand-primary-light);border-radius:50%;flex-shrink:0;animation:2s infinite pulseDot}.edit-mode-title{color:var(--brand-primary);font-size:.95rem;font-weight:800}.edit-mode-subtitle{color:var(--text-secondary);font-size:.82rem}.profile-bottom-actions-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:10px;display:flex}.profile-bottom-cancel-btn{padding:13px 28px;font-size:.98rem}.profile-bottom-save-bar{justify-content:center;margin-top:10px;display:flex}.profile-final-save-btn{border-radius:var(--radius-full);box-shadow:var(--shadow-glow);justify-content:center;align-items:center;gap:10px;width:100%;max-width:480px;padding:14px 40px;font-size:1.05rem;font-weight:800;display:inline-flex}.family-sync-hero-box{background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:14px;padding:20px;transition:all .2s;display:flex}.family-sync-hero-box:hover{border-color:var(--border-focus)}.family-sync-status-badge{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);align-items:center;gap:8px;width:fit-content;padding:4px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.status-dot-pulse{background-color:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseDot;display:inline-block;box-shadow:0 0 0 2px #10b98133}.family-code-display-row{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.family-code-meta{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.family-code-label{letter-spacing:.05em;color:var(--text-muted);font-size:.76rem;font-weight:800}.family-code-val{letter-spacing:.08em;color:var(--brand-primary);font-family:monospace;font-size:1.6rem;font-weight:900}.family-sync-hint{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.5}.family-members-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.family-member-card-chip{border-radius:var(--radius-md);background-color:var(--bg-subtle);border:1px solid var(--border-subtle);align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.family-member-card-chip:hover{border-color:var(--border-focus);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.family-member-card-chip.is-me{background-color:var(--brand-primary-light);border-color:var(--brand-primary)}.chip-avatar-circle{background:var(--brand-primary);color:#fff;width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:800;display:flex;overflow:hidden}.chip-avatar-circle img{object-fit:cover;width:100%;height:100%}.chip-info-col{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.chip-name-row{align-items:center;gap:6px;display:flex}.chip-name{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:700;overflow:hidden}.chip-you-badge{border-radius:var(--radius-full);background-color:var(--brand-primary);color:#fff;padding:2px 7px;font-size:.68rem;font-weight:800}.chip-role-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip-role-pill{color:var(--text-muted);font-size:.74rem;font-weight:600}.chip-role-pill.owner{color:#d97706;font-weight:700}html.dark .chip-role-pill.owner{color:#fbbf24}.chip-email-text{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.72rem;overflow:hidden}.join-other-family-form{flex-direction:column;gap:12px;display:flex}.join-family-input-wrap{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.uppercase-code-input{text-transform:uppercase;letter-spacing:.05em;font-family:monospace;font-weight:700}.join-family-submit-btn{border-radius:var(--radius-md);white-space:nowrap;justify-content:center;align-items:center;gap:8px;height:42px;padding:11px 22px;font-size:.9rem;font-weight:700;display:inline-flex}.profile-invite-alert-card{background:linear-gradient(135deg, #f43f5e0d, var(--bg-surface));border-color:#f43f5e66}.incoming-invites-list{flex-direction:column;gap:10px;display:flex}.incoming-invite-item{background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;display:flex}.invite-item-info{flex-direction:column;gap:2px;display:flex}.invite-item-info strong{color:var(--text-main);font-size:.95rem}.invite-item-info span{color:var(--text-muted);font-size:.8rem}@media (width<=768px){.profile-layout-wrapper{padding:12px 12px calc(90px + env(safe-area-inset-bottom,0px)) 12px}.baby-profile-page-container{gap:16px}.family-members-grid{grid-template-columns:1fr}.family-code-display-row{flex-direction:column;align-items:stretch;gap:12px}.family-code-display-row .btn-copy-code{justify-content:center;width:100%}.join-family-input-wrap{flex-direction:column;align-items:stretch;gap:10px}.join-family-submit-btn{width:100%}.profile-header-actions{flex-shrink:0;gap:8px}.profile-save-btn{padding:8px 14px;font-size:.82rem}.profile-header-title-box{align-items:flex-start;gap:12px}.profile-icon-badge{border-radius:12px;width:44px;height:44px}.profile-main-title{font-size:1.28rem;line-height:1.25}.profile-main-subtitle{font-size:.82rem;line-height:1.4}.baby-digital-id-card{border-radius:20px;gap:16px;padding:20px 14px}.id-card-main-row{text-align:center;flex-direction:column;gap:12px}.id-avatar-circle{border-width:2.5px;width:82px;height:82px}.id-avatar-emoji{font-size:2.6rem}.id-badge-row{justify-content:center;gap:6px}.id-card-actions-group{justify-content:center;gap:6px;width:100%}.btn-scroll-to-diary,.btn-edit-id-card,.btn-toggle-id-card{padding:5px 10px;font-size:.74rem}.id-card-collapsed-summary{justify-content:center;gap:8px;padding:7px 10px;font-size:.74rem}.id-cert-pill{padding:2px 8px;font-size:.7rem}.id-age-pill{padding:2px 8px;font-size:.74rem}.id-baby-callname{font-size:1.75rem;line-height:1.15}.id-baby-fullname{font-size:.88rem}.id-highlights-grid{gap:10px;grid-template-columns:repeat(2,1fr)!important}.id-highlights-grid>.id-highlight-item:only-child{grid-column:1/-1!important}.id-highlight-item{border-radius:12px;gap:8px;min-width:0;padding:10px}.hl-icon-col{border-radius:8px;flex-shrink:0;width:30px;height:30px}.hl-text-col{gap:1px;min-width:0}.hl-label{white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.hl-val{word-break:break-word;font-size:.88rem;line-height:1.2}.hl-sub{white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.profile-form-section-card{border-radius:18px;gap:16px;padding:16px 14px}.section-card-header{gap:10px;padding-bottom:12px}.header-icon-box{border-radius:10px;width:38px;height:38px}.section-card-header h3{font-size:1.05rem}.section-card-header p{font-size:.8rem;line-height:1.35}.header-text-with-btn{flex-direction:column;align-items:stretch;gap:10px}.add-custom-field-btn{justify-content:center;width:100%;padding:8px 14px}.form-row-two-col,.form-row-three-col{gap:12px;grid-template-columns:1fr!important}.baby-profile-page-container input[type=text],.baby-profile-page-container input[type=date],.baby-profile-page-container input[type=time],.baby-profile-page-container select,.baby-profile-page-container textarea{border-radius:10px;padding:10px 12px;font-size:16px!important}.avatar-pick-row{gap:6px;grid-template-columns:repeat(6,1fr)!important;display:grid!important}.avatar-choice-btn{border-radius:10px;justify-content:center;align-items:center;padding:8px 4px;font-size:1.35rem;display:flex}.gender-toggle-row{gap:8px;grid-template-columns:1fr 1fr!important;display:grid!important}.gender-chip-btn{text-align:center;justify-content:center;align-items:center;padding:10px 6px;font-size:.82rem;display:flex}.preset-fields-bar{border-radius:12px;gap:6px;padding:10px 12px}.preset-buttons-row{gap:6px}.preset-field-chip{padding:5px 10px;font-size:.76rem}.new-custom-field-form-box{border-radius:12px;gap:10px;padding:12px}.custom-field-item-row{border-radius:12px;align-items:center;gap:8px 10px;padding:10px 12px;grid-template-columns:1fr auto!important;display:grid!important}.field-label-badge{grid-column:1/2;width:fit-content;padding:4px 8px;font-size:.78rem}.btn-delete-field{grid-column:2/3;justify-self:end}.custom-field-input{grid-column:1/3;width:100%}.family-sync-two-col-grid{gap:14px;grid-template-columns:1fr!important}.family-sync-sub-panel{border-radius:14px;padding:14px 12px}.invite-code-row{gap:8px}.invite-code-text{font-size:1.35rem}.btn-copy-code{padding:7px 12px;font-size:.8rem}.input-with-button{gap:8px}.input-with-button input{flex:1;min-width:0}.input-with-button button{white-space:nowrap;flex-shrink:0;padding:9px 14px}.profile-bottom-save-bar{margin-top:10px}.profile-final-save-btn{border-radius:14px;width:100%;padding:13px 18px;font-size:.95rem}}@media (width<=480px){.profile-header-top{flex-wrap:wrap}.manage-back-btn{padding:6px 10px;font-size:.78rem}.profile-save-btn{padding:7px 12px;font-size:.8rem}.profile-main-title{font-size:1.2rem}.id-baby-callname{font-size:1.55rem}.id-avatar-circle{width:76px;height:76px}.id-avatar-emoji{font-size:2.3rem}.profile-invite-alert{text-align:left;flex-direction:column;align-items:stretch}.profile-invite-alert .btn-confirm-accept{text-align:center;justify-content:center;width:100%;margin-top:6px}}@media (width<=360px){.avatar-pick-row{grid-template-columns:repeat(4,1fr)!important}.id-highlights-grid{gap:8px}.id-highlight-item{gap:6px;padding:8px}.hl-icon-col{width:26px;height:26px}.hl-val{font-size:.82rem}}@media (width>=640px){.custom-btn-modal-dialog{max-width:640px!important}}.custom-fields-editor-wrapper{background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-lg,16px);flex-direction:column;gap:14px;margin-top:6px;padding:16px;display:flex}.fields-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.title-with-pill{align-items:center;gap:8px;display:flex}.editor-title{color:var(--text-main);font-size:.96rem;font-weight:700}.fields-count-badge{background-color:var(--primary-light,#ede9fe);color:var(--primary,#7c3aed);border-radius:9999px;padding:2px 8px;font-size:.75rem;font-weight:700}.editor-subtitle{color:var(--text-muted);margin-top:2px;font-size:.8rem;display:block}.btn-add-field-primary{border-radius:var(--radius-md,10px);background:linear-gradient(135deg, var(--primary,#7c3aed), #9333ea);color:#fff;cursor:pointer;border:none;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #7c3aed40}.btn-add-field-primary:hover{transform:translateY(-1px);box-shadow:0 4px 10px #7c3aed59}.preset-fields-bar{background-color:var(--bg-surface);border:1px dashed var(--border-subtle);border-radius:var(--radius-md,12px);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.preset-hint-label{color:var(--text-muted);align-items:center;gap:5px;font-size:.78rem;font-weight:600;display:flex}.sparkle-icon{color:#f59e0b}.preset-fields-scroll{scrollbar-width:thin;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.preset-field-chip{border:1px solid var(--border-subtle);background-color:var(--bg-subtle);color:var(--text-main);white-space:nowrap;cursor:pointer;border-radius:9999px;align-items:center;gap:5px;padding:5px 10px;font-size:.78rem;font-weight:500;transition:all .15s;display:inline-flex}.preset-field-chip:hover{border-color:var(--primary,#7c3aed);background-color:var(--primary-light,#ede9fe);color:var(--primary,#7c3aed)}.chip-plus{color:var(--text-muted)}.empty-fields-box{text-align:center;background-color:var(--bg-surface);border-radius:var(--radius-md,12px);border:1px dashed var(--border-subtle);flex-direction:column;align-items:center;padding:24px 16px;display:flex}.empty-tag-icon{color:var(--text-muted);opacity:.5;margin-bottom:8px}.empty-p1{color:var(--text-main);margin-bottom:4px;font-size:.88rem;font-weight:600}.empty-p2{color:var(--text-muted);max-width:480px;font-size:.78rem;line-height:1.45}.fields-card-list{flex-direction:column;gap:12px;display:flex}.field-config-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-left:4px solid var(--field-accent,var(--primary,#7c3aed));border-radius:var(--radius-md,12px);flex-direction:column;gap:12px;padding:14px;display:flex;box-shadow:0 1px 3px #0000000a}.field-card-top{justify-content:space-between;align-items:center;display:flex}.field-left-tag{align-items:center;gap:8px;display:flex}.field-order-badge{color:var(--text-muted);font-size:.75rem;font-weight:800}.field-type-pill{border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.field-right-actions{align-items:center;gap:4px;display:flex}.arrow-order-btn,.delete-field-btn{border-radius:var(--radius-sm,6px);border:1px solid var(--border-subtle);background-color:var(--bg-subtle);width:28px;height:28px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.arrow-order-btn:hover:not(:disabled){color:var(--text-main);background-color:var(--bg-surface)}.arrow-order-btn:disabled{opacity:.35;cursor:not-allowed}.delete-field-btn:hover{color:#ef4444;background-color:#fee2e2;border-color:#fca5a5}.field-type-selector-row{flex-direction:column;gap:6px;display:flex}.sub-label{color:var(--text-muted);font-size:.78rem;font-weight:600}.type-chips-group{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}@media (width<=480px){.type-chips-group{grid-template-columns:repeat(2,1fr)}}.type-select-btn{border-radius:var(--radius-sm,8px);border:1px solid var(--border-subtle);background-color:var(--bg-subtle);color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;gap:5px;padding:6px 8px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.type-select-btn:hover{color:var(--text-main);background-color:var(--bg-surface)}.type-select-btn.selected{font-weight:700}.field-inputs-row{align-items:flex-start;gap:10px;display:flex}.field-text-input{border-radius:var(--radius-sm,8px);border:1px solid var(--border-subtle);background-color:var(--bg-subtle);width:100%;color:var(--text-main);outline:none;padding:8px 12px;font-size:.88rem;transition:border-color .2s}.field-text-input:focus{border-color:var(--primary,#7c3aed);background-color:var(--bg-surface)}.unit-form-group{flex-shrink:0;width:150px}.quick-units-row{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.mini-unit-btn{border:1px solid var(--border-subtle);background-color:var(--bg-subtle);color:var(--text-muted);cursor:pointer;border-radius:4px;padding:2px 6px;font-size:.7rem}.mini-unit-btn:hover,.mini-unit-btn.active{background-color:var(--primary-light,#ede9fe);color:var(--primary,#7c3aed);border-color:var(--primary,#7c3aed);font-weight:600}.field-options-box{background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm,10px);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.options-box-header{justify-content:space-between;align-items:center;display:flex}.options-count{color:var(--text-muted);font-size:.72rem;font-weight:700}.options-chips-list{flex-wrap:wrap;align-items:center;gap:6px;min-height:28px;display:flex}.no-options-hint{color:var(--text-muted);font-size:.75rem;font-style:italic}.sample-template-chip{background-color:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-main);border-radius:9999px;align-items:center;gap:6px;padding:4px 8px 4px 10px;font-size:.78rem;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #00000008}.remove-opt-btn{background-color:var(--bg-subtle);width:16px;height:16px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.remove-opt-btn:hover{color:#ef4444;background-color:#fee2e2}.add-option-input-row{gap:6px;display:flex}.new-option-input{border-radius:var(--radius-sm,6px);border:1px solid var(--border-subtle);background-color:var(--bg-surface);color:var(--text-main);outline:none;flex:1;padding:6px 10px;font-size:.8rem}.new-option-input:focus{border-color:var(--primary,#7c3aed)}.btn-add-option{border-radius:var(--radius-sm,6px);border:1px solid var(--border-subtle);background-color:var(--bg-surface);color:var(--text-main);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;padding:6px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.btn-add-option:hover{background-color:var(--primary-light,#ede9fe);color:var(--primary,#7c3aed);border-color:var(--primary,#7c3aed)}.suggested-options-row{align-items:center;gap:6px;margin-top:2px;display:flex}.suggested-hint{color:var(--text-muted);white-space:nowrap;font-size:.72rem;font-weight:600}.suggested-scroll{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.suggested-chip{border:1px solid var(--border-subtle);background-color:var(--bg-surface);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:9999px;align-items:center;gap:4px;padding:2px 7px;font-size:.72rem;display:inline-flex}.suggested-chip:hover:not(:disabled){border-color:var(--primary,#7c3aed);color:var(--primary,#7c3aed)}.suggested-chip.added{opacity:.5;cursor:default}.fields-live-preview-box{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md,12px);flex-direction:column;gap:12px;padding:14px;display:flex}.preview-box-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.preview-label{color:var(--text-main);align-items:center;gap:6px;font-size:.82rem;font-weight:700;display:inline-flex}.interactive-badge{color:#059669;background-color:#d1fae5;border-radius:9999px;padding:2px 7px;font-size:.72rem;font-weight:600}.preview-fields-container{flex-direction:column;gap:12px;display:flex}.preview-field-item{background-color:var(--bg-subtle);border-radius:var(--radius-sm,8px);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.preview-field-label-row{justify-content:space-between;align-items:center;display:flex}.preview-field-label{color:var(--text-main);font-size:.8rem;font-weight:700}.selected-val-badge{color:var(--primary,#7c3aed);font-size:.72rem}.input-with-unit-preview{align-items:center;display:flex;position:relative}.preview-input{border-radius:var(--radius-sm,6px);border:1px solid var(--border-subtle);background-color:var(--bg-surface);width:100%;color:var(--text-main);padding:7px 10px;font-size:.82rem}.preview-unit-tag{color:var(--text-muted);font-size:.75rem;font-weight:600;position:absolute;right:10px}.preview-select-display{color:var(--text-muted);padding:2px 0;font-size:.78rem;font-style:italic}.preview-sample-chips-row{align-items:center;gap:6px;margin-top:2px;display:flex}.chips-row-label{color:var(--text-muted);white-space:nowrap;font-size:.72rem;font-weight:600}.preview-chips-scroll{scrollbar-width:none;gap:5px;display:flex;overflow-x:auto}.interactive-sample-chip{border:1px solid var(--border-subtle);background-color:var(--bg-surface);color:var(--text-main);cursor:pointer;white-space:nowrap;border-radius:9999px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.interactive-sample-chip:hover{border-color:var(--primary,#7c3aed);background-color:var(--primary-light,#ede9fe);color:var(--primary,#7c3aed)}.interactive-sample-chip.active{background-color:var(--primary,#7c3aed);color:#fff;border-color:var(--primary,#7c3aed)}.custom-fields-event-card{background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md,12px);flex-direction:column;gap:12px;padding:14px;display:flex}.custom-fields-card-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.82rem;font-weight:700}.custom-field-input-box{margin-bottom:0!important}.field-event-label-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.field-event-label{color:var(--text-main);font-size:.85rem;font-weight:700}.current-picked-tag{color:var(--primary,#7c3aed);font-size:.75rem;font-weight:600}.select-chips-container{flex-wrap:wrap;gap:6px;display:flex}.event-opt-chip{border:1px solid var(--border-subtle);background-color:var(--bg-surface);color:var(--text-main);cursor:pointer;border-radius:9999px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .15s}.event-opt-chip:hover{border-color:var(--primary,#7c3aed);background-color:var(--primary-light,#ede9fe);color:var(--primary,#7c3aed)}.event-opt-chip.active{background-color:var(--primary,#7c3aed);color:#fff;border-color:var(--primary,#7c3aed);box-shadow:0 2px 6px #7c3aed40}.field-sample-chips-row{align-items:center;gap:6px;margin-top:6px;display:flex}.sample-label{color:var(--text-muted);white-space:nowrap;font-size:.72rem;font-weight:600}.sample-chips-wrap{flex-wrap:wrap;gap:5px;display:flex}.event-sample-pill{border:1px solid var(--border-subtle);background-color:var(--bg-surface);color:var(--text-muted);cursor:pointer;border-radius:9999px;padding:3px 8px;font-size:.75rem;font-weight:500;transition:all .15s}.event-sample-pill:hover{border-color:var(--primary,#7c3aed);color:var(--primary,#7c3aed)}.event-sample-pill.active{background-color:var(--primary,#7c3aed);color:#fff;border-color:var(--primary,#7c3aed)}.profile-subtab-bar,.stats-subtab-bar{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full,9999px);scrollbar-width:none;align-items:center;gap:8px;margin-bottom:22px;padding:6px;display:flex;overflow-x:auto;box-shadow:0 2px 10px #00000008}.profile-subtab-bar::-webkit-scrollbar{display:none}.stats-subtab-bar::-webkit-scrollbar{display:none}.profile-subtab-btn,.stats-subtab-btn{border-radius:var(--radius-full,9999px);color:var(--text-muted);cursor:pointer;white-space:nowrap;background-color:#0000;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:.92rem;font-weight:700;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex}.profile-subtab-btn:hover,.stats-subtab-btn:hover{color:var(--text-main);background-color:var(--bg-subtle)}.profile-subtab-btn.active,.stats-subtab-btn.active{background:linear-gradient(135deg, var(--brand-primary,#f43f5e), #fb7185);color:#fff;box-shadow:0 4px 14px #f43f5e4d}.profile-tab-count{background-color:var(--bg-subtle);color:var(--text-muted);border-radius:9999px;justify-content:center;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:800;transition:all .2s;display:inline-flex}.profile-subtab-btn.active .profile-tab-count,.stats-subtab-btn.active .profile-tab-count{color:#fff;background-color:#ffffff40}.profile-tab-badge-alert{color:#fff;background-color:#ef4444;border-radius:9999px;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:700;animation:2s infinite pulse;display:inline-flex}.profile-tab-pane,.stats-milestones-tab-pane,.stats-charts-tab-pane{animation:.25s ease-out fadeInTab}@keyframes fadeInTab{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.profile-subtab-mobile-only{display:none!important}.profile-tab-title-desktop{display:inline}.profile-tab-title-mobile{display:none}@media (width<=1023px){.profile-subtab-mobile-only{display:inline-flex!important}.profile-tab-title-desktop{display:none!important}.profile-tab-title-mobile{display:inline!important}}@media (width<=768px){.profile-subtab-bar{border-radius:var(--radius-lg,16px);grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;padding:5px;display:grid}.stats-subtab-bar{border-radius:var(--radius-lg,16px);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;padding:5px;display:grid}.profile-subtab-btn,.stats-subtab-btn{border-radius:var(--radius-md,12px);justify-content:center;gap:6px;padding:9px 8px;font-size:.84rem}.profile-subtab-btn span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}html.dark .fields-count-badge{color:#c4b5fd;background-color:#8b5cf633}html.dark .interactive-badge{color:#6ee7b7;background-color:#10b98133}html.dark .delete-field-btn:hover,html.dark .remove-opt-btn:hover{color:#fca5a5;background-color:#ef444433;border-color:#ef444466}html.dark .selected-val-badge,html.dark .current-picked-tag{color:#a78bfa}html.dark .preset-field-chip:hover,html.dark .btn-add-option:hover,html.dark .interactive-sample-chip:hover,html.dark .event-opt-chip:hover{color:#c4b5fd;background-color:#8b5cf633;border-color:#8b5cf6}html.dark .mini-unit-btn:hover,html.dark .mini-unit-btn.active{color:#c4b5fd;background-color:#8b5cf640;border-color:#8b5cf6}.navbar-left-container{align-items:center;gap:4px;display:flex;position:relative}.navbar-baby-dropdown-box{position:relative}.navbar-baby-dropdown-btn{border-radius:var(--radius-sm,8px);border:1px solid var(--border-subtle);background-color:var(--bg-surface);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.navbar-baby-dropdown-btn:hover,.navbar-baby-dropdown-btn.active{background-color:var(--bg-subtle);color:var(--brand-primary);border-color:var(--brand-primary)}.dropdown-arrow{transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.navbar-baby-dropdown-menu{background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md,12px);min-width:200px;box-shadow:var(--shadow-lg);z-index:1000;flex-direction:column;gap:4px;padding:8px;animation:.15s ease-out fadeInTab;display:flex;position:absolute;top:calc(100% + 8px);left:0}.dropdown-menu-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;font-size:.72rem;font-weight:700}.dropdown-baby-list{flex-direction:column;gap:2px;display:flex}.dropdown-baby-item{border-radius:var(--radius-sm,8px);width:100%;color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:.84rem;font-weight:600;transition:background-color .15s,color .15s;display:flex}.dropdown-baby-item:hover{background-color:var(--bg-subtle);color:var(--brand-primary)}.dropdown-baby-item.active{background-color:var(--brand-primary-light);color:var(--brand-primary);font-weight:700}.dropdown-baby-item .item-avatar{font-size:1.1rem}.dropdown-baby-item .item-name{flex:1}.dropdown-baby-item .item-check{color:var(--brand-primary)}.baby-selector-bar{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;margin-bottom:8px;padding:14px 18px;display:flex}.baby-selector-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.selector-title-wrap{align-items:center;gap:8px;display:flex}.selector-title{color:var(--text-main);font-size:.92rem;font-weight:700}.btn-add-baby-pill{border:1px solid var(--border-subtle);background-color:var(--bg-subtle);color:var(--brand-primary);cursor:pointer;border-radius:9999px;align-items:center;gap:5px;padding:5px 12px;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-add-baby-pill:hover{background-color:var(--brand-primary-light);border-color:var(--brand-primary)}.baby-chips-scroll{align-items:center;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.baby-switcher-chip{border-radius:var(--radius-full,9999px);border:1.5px solid var(--border-subtle);background-color:var(--bg-subtle);color:var(--text-main);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.baby-switcher-chip:hover:not(:disabled){box-shadow:var(--shadow-sm);border-color:var(--brand-primary);transform:translateY(-1px)}.baby-switcher-chip.active{border-color:var(--brand-primary);background-color:var(--brand-primary-light);color:var(--brand-primary-dark);font-weight:700;box-shadow:0 0 16px #7c3aed33}.baby-chip-avatar{font-size:1.15rem}.baby-chip-name{line-height:1}.baby-chip-active-badge{background-color:var(--brand-primary);color:#fff;border-radius:9999px;margin-left:2px;padding:2px 7px;font-size:.7rem;font-weight:700}.inline-add-baby-form{background-color:var(--bg-subtle);border:1px dashed var(--border-subtle);border-radius:var(--radius-md,12px);padding:12px;animation:.2s fadeInTab}.inline-form-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inline-baby-input{border-radius:var(--radius-sm,8px);border:1px solid var(--border-subtle);background-color:var(--bg-surface);min-width:180px;color:var(--text-main);outline:none;flex:1;padding:7px 12px;font-size:.84rem}.inline-baby-input:focus{border-color:var(--border-focus)}.inline-baby-input.date-input{flex:none;width:150px}.inline-gender-toggle{gap:4px;display:flex}.inline-gender-toggle .gender-btn{border-radius:var(--radius-sm,8px);border:1px solid var(--border-subtle);background-color:var(--bg-surface);color:var(--text-muted);cursor:pointer;padding:6px 10px;font-size:.78rem;font-weight:600;transition:all .15s}.inline-gender-toggle .gender-btn.active.boy{color:#1d4ed8;background-color:#dbeafe;border-color:#3b82f6}.inline-gender-toggle .gender-btn.active.girl{color:#be185d;background-color:#fce7f3;border-color:#ec4899}.inline-btn-group{align-items:center;gap:6px;display:flex}html.dark .baby-switcher-chip.active{color:#c4b5fd;background-color:#8b5cf633;border-color:#8b5cf6}html.dark .inline-gender-toggle .gender-btn.active.boy{color:#93c5fd;background-color:#3b82f633;border-color:#3b82f6}html.dark .inline-gender-toggle .gender-btn.active.girl{color:#f472b6;background-color:#ec489933;border-color:#ec4899}.baby-chip-item-wrap{align-items:center;display:inline-flex;position:relative}.baby-chip-remove-btn{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background-color:var(--bg-surface);width:22px;height:22px;color:var(--text-muted);cursor:pointer;z-index:2;justify-content:center;align-items:center;margin-left:-8px;transition:all .2s;display:inline-flex}.baby-chip-remove-btn:hover{color:#ef4444;background-color:#ef444426;border-color:#ef444466;transform:scale(1.12)}.profile-danger-zone-card{border-radius:var(--radius-xl);background-color:var(--bg-surface)!important;border:1.5px solid #ef444440!important}html.dark .profile-danger-zone-card{background-color:#ef44440a!important;border-color:#ef444459!important}.danger-icon-box{color:#ef4444!important;background-color:#ef44441f!important}.danger-zone-body{flex-direction:column;gap:14px;padding:16px 20px;display:flex}.danger-zone-info p{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.5}.btn-danger-outline{border-radius:var(--radius-md);color:#ef4444;cursor:pointer;background-color:#0000;border:1.5px solid #ef444466;align-self:flex-start;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-danger-outline:hover:not(:disabled){background-color:#ef44441a;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 4px 12px #ef444426}.btn-danger-outline:disabled{opacity:.45;cursor:not-allowed;border-color:var(--border-subtle);color:var(--text-muted)}.btn-delete-baby-action{border-radius:var(--radius-md);color:#ef4444;cursor:pointer;background-color:#0000;border:1px solid #ef44444d;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.btn-delete-baby-action:hover{background-color:#ef44441f;border-color:#ef4444;transform:scale(1.05)}.delete-baby-confirm-dialog{border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background-color:var(--bg-surface);width:90%;max-width:440px;box-shadow:var(--shadow-lg)}.delete-confirm-icon-box{border-radius:var(--radius-full);color:#ef4444;background-color:#ef44441f;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.delete-confirm-body{flex-direction:column;gap:16px;padding:20px;display:flex}.delete-baby-preview-badge{border-radius:var(--radius-lg);background-color:var(--bg-subtle);border:1px solid var(--border-subtle);align-items:center;gap:14px;padding:12px 16px;display:flex}.delete-baby-emoji{font-size:2rem;line-height:1}.delete-baby-text{flex-direction:column;gap:2px;display:flex}.delete-baby-text strong{color:var(--text-main);font-size:1rem}.delete-baby-text span{color:var(--text-muted);font-size:.8rem}.delete-warning-box{border-radius:var(--radius-md);color:var(--text-main);background-color:#f59e0b1a;border:1px solid #f59e0b40;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.86rem;line-height:1.5;display:flex}html.dark .delete-warning-box{color:var(--text-main);background-color:#f59e0b1f;border-color:#f59e0b59}.delete-warning-box .warning-icon{color:#f59e0b;flex-shrink:0;margin-top:2px}.delete-warning-box p{margin:0}.modal-actions-dual{justify-content:flex-end;align-items:center;gap:12px;margin-top:6px;display:flex}.btn-danger-confirm{border-radius:var(--radius-md);color:#fff;cursor:pointer;background-color:#ef4444;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-danger-confirm:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 14px #ef444459}.btn-danger-confirm:disabled{opacity:.6;cursor:not-allowed}.growth-timeline-container{flex-direction:column;gap:20px;animation:.25s fadeInTab;display:flex}.growth-summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.growth-stat-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:16px 18px;transition:all .2s;display:flex}.growth-stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-focus);transform:translateY(-2px)}.stat-card-icon-box{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.stat-card-icon-box.weight{color:#0284c7;background-color:#0ea5e91f}.stat-card-icon-box.height{color:#059669;background-color:#10b9811f}.stat-card-icon-box.upcoming{color:#e11d48;background-color:#f43f5e1f}.stat-card-content{flex-direction:column;gap:2px;min-width:0;display:flex}.stat-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.76rem;font-weight:700}.stat-card-value{color:var(--text-main);font-size:1.35rem;font-weight:800;line-height:1.2}.stat-card-sub{color:var(--text-secondary);font-size:.78rem}.stat-card-sub.positive{color:#059669;align-items:center;gap:4px;font-weight:700;display:inline-flex}html.dark .stat-card-sub.positive{color:#34d399}.growth-chart-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:18px 20px;display:flex}.chart-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.chart-header-title{color:var(--text-main);align-items:center;gap:8px;font-size:.96rem;font-weight:800;display:flex}.chart-header-badge{color:var(--brand-primary);background-color:var(--brand-primary-light);border-radius:var(--radius-full);padding:3px 10px;font-size:.76rem;font-weight:700}.svg-chart-wrapper{width:100%;padding:6px 0;overflow-x:auto}.growth-svg-chart{width:100%;max-width:650px;height:auto;margin:0 auto;display:block}.chart-point-text{fill:var(--brand-primary);font-size:10px;font-weight:800}.chart-point-date{fill:var(--text-muted);font-size:9px;font-weight:600}.growth-section-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:18px;padding:22px;display:flex}.growth-empty-card{text-align:center;background-color:var(--bg-subtle);border-radius:var(--radius-md);border:1.5px dashed var(--border-subtle);flex-direction:column;align-items:center;gap:8px;padding:36px 20px;display:flex}.empty-icon{opacity:.8;margin-bottom:6px}.empty-title{color:var(--text-main);margin:0;font-size:1.05rem;font-weight:800}.empty-sub{color:var(--text-secondary);max-width:440px;margin:0 0 8px;font-size:.86rem;line-height:1.45}.upcoming-milestones-list{flex-direction:column;gap:12px;display:flex}.upcoming-milestone-item{border-radius:var(--radius-md);background-color:var(--bg-subtle);border:1.5px solid var(--border-subtle);align-items:center;gap:14px;padding:14px 18px;transition:all .2s;display:flex;position:relative}.upcoming-milestone-item:hover{border-color:var(--border-focus);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.upcoming-milestone-item.today{background-color:#f59e0b0d;border-color:#f59e0b}.upcoming-milestone-item.overdue{background-color:#ef44440d;border-color:#ef4444}.item-icon-col{flex-shrink:0}.type-icon-box{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.type-icon-box.vaccine{color:#7c3aed;background-color:#7c3aed1f}.type-icon-box.growth{color:#0284c7;background-color:#0284c71f}.type-icon-box.checkup{color:#059669;background-color:#10b9811f}.item-details-col{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.item-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.item-title{color:var(--text-main);font-size:.98rem;font-weight:800;line-height:1.3}.countdown-badge{border-radius:var(--radius-full);background-color:var(--brand-primary-light);color:var(--brand-primary);white-space:nowrap;padding:3px 9px;font-size:.74rem;font-weight:800}.countdown-badge.today{color:#b45309;background-color:#fef3c7}.countdown-badge.overdue{color:#b91c1c;background-color:#fee2e2}html.dark .countdown-badge.today{color:#fde68a;background-color:#f59e0b33}html.dark .countdown-badge.overdue{color:#fca5a5;background-color:#ef444433}.item-meta-row{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:12px;font-size:.8rem;display:flex}.item-meta{align-items:center;gap:5px;display:inline-flex}.age-meta{color:var(--text-muted);font-style:italic}.item-location-row{color:var(--text-secondary);align-items:center;gap:5px;font-size:.8rem;display:flex}.item-notes-text{color:var(--text-muted);margin-top:2px;font-size:.8rem;font-style:italic}.item-actions-col{flex-shrink:0;align-items:center;gap:6px;display:flex}.btn-complete-quick{border-radius:var(--radius-full);color:#fff;cursor:pointer;background-color:#10b981;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #10b9814d}.btn-complete-quick:hover{background-color:#059669;transform:translateY(-1px)}.btn-icon-subtle{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background-color:var(--bg-surface);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.btn-icon-subtle:hover{background-color:var(--bg-subtle);color:var(--text-main);border-color:var(--border-focus)}.btn-icon-subtle.danger:hover{color:#dc2626;background-color:#fee2e2;border-color:#ef4444}html.dark .btn-icon-subtle.danger:hover{color:#fca5a5;background-color:#ef444426}.presets-pill-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.preset-milestone-pill{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background-color:var(--bg-subtle);color:var(--text-main);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;transition:all .2s;display:flex}.preset-milestone-pill:hover:not(:disabled){border-color:var(--brand-primary);background-color:var(--bg-surface);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.preset-milestone-pill:disabled{opacity:.55;cursor:default}.pill-left{align-items:center;gap:8px;min-width:0;display:flex}.pill-label{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:700;overflow:hidden}.pill-action{color:var(--brand-primary);flex-shrink:0;font-size:.76rem;font-weight:800}.growth-timeline-track{flex-direction:column;padding-left:6px;display:flex;position:relative}.timeline-item-row{gap:18px;display:flex;position:relative}.timeline-node-col{flex-direction:column;align-items:center;display:flex;position:relative}.timeline-bullet{background-color:var(--bg-surface);border:2px solid var(--border-subtle);width:32px;height:32px;box-shadow:var(--shadow-sm);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;display:flex}.timeline-bullet.birth-bullet{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.timeline-bullet.vaccine-bullet{color:#7c3aed;background-color:#7c3aed1a;border-color:#7c3aed}.timeline-bullet.growth-bullet{color:#0284c7;background-color:#0284c71a;border-color:#0284c7}.timeline-connecting-line{background-color:var(--border-subtle);flex:1;width:2px;min-height:30px;margin:4px 0}.timeline-card-col{flex:1;padding-bottom:20px}.history-milestone-card{background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:14px 16px;transition:all .2s;display:flex}.history-milestone-card:hover{border-color:var(--border-focus)}.history-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.history-badge-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.history-title{color:var(--text-main);font-size:.96rem;font-weight:800}.history-age-pill{border-radius:var(--radius-full);background-color:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:2px 8px;font-size:.74rem;font-weight:700}.history-date-text{color:var(--text-muted);align-items:center;gap:4px;font-size:.78rem;display:inline-flex}.history-metrics-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.metric-chip{border-radius:var(--radius-sm);background-color:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-main);align-items:center;gap:6px;padding:5px 12px;font-size:.84rem;display:inline-flex}.metric-diff{color:#059669;border-radius:var(--radius-full);background-color:#10b9811f;padding:1px 6px;font-size:.75rem;font-weight:800}html.dark .metric-diff{color:#34d399}.history-vaccine-badge{border-radius:var(--radius-sm);color:var(--text-main);background-color:#7c3aed14;border:1px solid #7c3aed33;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:.82rem;display:inline-flex}.history-location-text{color:var(--text-muted);align-items:center;gap:4px;font-size:.8rem;display:inline-flex}.history-notes-text{color:var(--text-secondary);background-color:var(--bg-surface);border-radius:var(--radius-sm);border:1px dashed var(--border-subtle);margin:0;padding:8px 12px;font-size:.84rem;line-height:1.45}.history-actions-row{justify-content:flex-end;align-items:center;gap:12px;margin-top:2px;display:flex}.btn-text-action{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-size:.78rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-text-action:hover{color:var(--brand-primary);background-color:var(--bg-surface)}.btn-text-action.danger:hover{color:#ef4444;background-color:#ef44441a}.growth-modal-dialog{width:95%;max-width:540px;max-height:90vh;overflow-y:auto}.growth-modal-body{flex-direction:column;padding:20px;display:flex}.growth-type-toggle-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.growth-type-btn{border-radius:var(--radius-md);border:1.5px solid var(--border-subtle);background-color:var(--bg-subtle);color:var(--text-secondary);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 6px;font-size:.78rem;font-weight:700;transition:all .15s;display:flex}.growth-type-btn:hover{border-color:var(--brand-primary);color:var(--text-main)}.growth-type-btn.active{background-color:var(--brand-primary-light);border-color:var(--brand-primary);color:var(--brand-primary-dark)}html.dark .growth-type-btn.active{color:#c4b5fd}.status-toggle-row{gap:8px;display:flex}.status-choice-chip{border-radius:var(--radius-md);border:1.5px solid var(--border-subtle);background-color:var(--bg-subtle);color:var(--text-secondary);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:.84rem;font-weight:700;transition:all .15s;display:inline-flex}.status-choice-chip.active-upcoming{color:#b45309;background-color:#fef3c7;border-color:#f59e0b}.status-choice-chip.active-completed{color:#065f46;background-color:#d1fae5;border-color:#10b981}html.dark .status-choice-chip.active-upcoming{color:#fde68a;background-color:#f59e0b33;border-color:#f59e0b}html.dark .status-choice-chip.active-completed{color:#6ee7b7;background-color:#10b98133;border-color:#10b981}.complete-quick-dialog{width:95%;max-width:480px}.complete-modal-hint{color:var(--text-secondary);margin:0 0 16px;font-size:.88rem;line-height:1.45}.id-upcoming-reminder-card{border-radius:var(--radius-md);border:1.5px dashed var(--brand-primary);cursor:pointer;z-index:1;background:linear-gradient(135deg,#ec489914 0%,#7c3aed14 100%);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex;position:relative}.id-upcoming-reminder-card:hover{box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#ec48991f 0%,#7c3aed1f 100%);transform:translateY(-2px)}.reminder-left{align-items:center;gap:12px;min-width:0;display:flex}.reminder-icon-box{background-color:var(--bg-surface);color:#ef4444;width:36px;height:36px;box-shadow:var(--shadow-sm);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.reminder-text-col{flex-direction:column;gap:2px;min-width:0;display:flex}.reminder-tag{text-transform:uppercase;color:#dc2626;letter-spacing:.03em;font-size:.72rem;font-weight:800}html.dark .reminder-tag{color:#f87171}.reminder-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.94rem;font-weight:800;overflow:hidden}.reminder-date{color:var(--text-secondary);font-size:.78rem}.reminder-action-btn{color:var(--brand-primary);background-color:var(--bg-surface);border-radius:var(--radius-full);border:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.growth-count{color:#fff!important;background-color:#ef4444!important}.growth-updated-sub{margin-top:2px;font-weight:700;display:inline-block;color:#059669!important}html.dark .growth-updated-sub{color:#34d399!important}@media (width<=640px){.growth-type-toggle-grid{grid-template-columns:repeat(2,1fr)}.upcoming-milestone-item{flex-direction:column;align-items:flex-start}.item-actions-col{border-top:1px dashed var(--border-subtle);justify-content:flex-end;width:100%;margin-top:4px;padding-top:8px}}.baby-growth-hero-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:20px;padding:22px;transition:all .25s;display:flex;position:relative;overflow:hidden}.baby-growth-hero-card:before{content:"";background:linear-gradient(90deg, var(--brand-primary), #ec4899, #8b5cf6, var(--brand-primary));height:4px;position:absolute;top:0;left:0;right:0}.hero-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.baby-identity-group{align-items:center;gap:16px;display:flex}.baby-avatar-circle{background:var(--bg-subtle);border:2.5px solid var(--border-focus);width:60px;height:60px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:2rem;display:flex;overflow:hidden}.baby-avatar-img{object-fit:cover;width:100%;height:100%}.baby-meta-text{flex-direction:column;gap:4px;display:flex}.baby-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero-baby-name{color:var(--text-main);letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:800}.gender-tag{border-radius:var(--radius-full);padding:3px 9px;font-size:.76rem;font-weight:700}.gender-tag.girl{color:#e11d48;background:#f43f5e1f;border:1px solid #f43f5e33}.gender-tag.boy{color:#0284c7;background:#0ea5e91f;border:1px solid #0ea5e933}.hero-baby-age{color:var(--text-secondary);margin:0;font-size:.92rem}.hero-baby-age strong{color:var(--brand-primary);font-weight:800}.hero-stage-badge-box{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:4px;max-width:440px;padding:12px 16px;display:flex}.stage-badge-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:.74rem;font-weight:700;display:flex}.stage-age-pill{background:var(--brand-primary-light);color:var(--brand-primary);border-radius:var(--radius-full);margin-left:auto;padding:2px 7px;font-size:.72rem}.stage-title{color:var(--text-main);font-size:.98rem;font-weight:800}.stage-desc{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.4}.hero-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.hero-metric-item{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:14px 16px;transition:all .2s;display:flex}.hero-metric-item:hover{border-color:var(--border-focus);background:var(--bg-surface-elevated)}.metric-item-label{color:var(--text-muted);align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:flex}.metric-item-val-row{align-items:baseline;gap:8px;display:flex}.metric-val{color:var(--text-main);letter-spacing:-.01em;font-size:1.3rem;font-weight:800}.metric-diff-tag{border-radius:var(--radius-full);padding:2px 7px;font-size:.75rem;font-weight:700}.metric-diff-tag.positive{color:#059669;background:#10b98124}.metric-diff-tag.award{color:#d97706;background:#f59e0b24}.metric-item-eval{color:var(--text-secondary);font-size:.78rem;font-weight:600}.stats-roadmap-wrapper{flex-direction:column;gap:20px;width:100%;display:flex}.stats-roadmap-wrapper>.hero-roadmap-section{border-top:none;padding-top:0}.hero-roadmap-section{border-top:1px solid var(--border-subtle);flex-direction:column;gap:14px;padding-top:16px;display:flex}.roadmap-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.roadmap-title-left{align-items:center;gap:6px;display:flex}.roadmap-title{color:var(--text-main);font-size:.88rem;font-weight:800}.roadmap-sub{color:var(--text-muted);font-size:.78rem}.roadmap-stepper-track{scrollbar-width:thin;scroll-behavior:smooth;scroll-snap-type:x proximity;align-items:center;gap:8px;padding:8px 4px 12px;display:flex;overflow-x:auto}.roadmap-stepper-track::-webkit-scrollbar{height:5px}.roadmap-stepper-track::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.roadmap-step-item{flex-shrink:0;align-items:center;gap:8px;display:flex;position:relative}.step-node-bubble{background:var(--bg-subtle);border:2px solid var(--border-subtle);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;transition:all .25s;display:flex;position:relative}.roadmap-step-item.completed .step-node-bubble{background:#10b9811f;border-color:#10b981}.step-check-mark{color:#fff;border:1.5px solid var(--bg-surface);background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:.65rem;display:flex;position:absolute;bottom:-2px;right:-2px}.roadmap-step-item.current .step-node-bubble{border-color:var(--brand-primary);background:var(--brand-primary-light);transform:scale(1.08);box-shadow:0 0 0 3px #8b5cf633}.step-current-ring{border:2px dashed var(--brand-primary);border-radius:50%;animation:8s linear infinite spinSlow;position:absolute;inset:-4px}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.step-info-col{flex-direction:column;gap:1px;display:flex}.step-name{color:var(--text-main);white-space:nowrap;font-size:.8rem;font-weight:700}.step-age-tag{color:var(--text-muted);white-space:nowrap;font-size:.72rem}.roadmap-step-item.current .step-age-tag{color:var(--brand-primary);font-weight:700}.step-connector-line{background:var(--border-subtle);border-radius:2px;flex-shrink:0;width:28px;height:2.5px;margin-left:4px}.step-connector-line.completed{background:#10b981}.roadmap-step-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-md);border:1.5px solid #0000;padding:6px 10px 6px 6px;transition:all .2s cubic-bezier(.4,0,.2,1)}.roadmap-step-item:hover{background:var(--bg-subtle)}.roadmap-step-item.selected,.roadmap-step-item.active{border-color:var(--brand-primary);background:var(--brand-primary-light);box-shadow:var(--shadow-glow)}.roadmap-step-item.selected .step-name{color:var(--brand-primary);font-weight:800}.roadmap-step-item.selected .step-node-bubble{border-color:var(--brand-primary);background:var(--bg-surface);transform:scale(1.08);box-shadow:0 0 0 3px #f43f5e33}.milestone-timeline-container{flex-direction:column;gap:18px;width:100%;margin-top:18px;display:flex}.milestone-banner-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-left:5px solid var(--brand-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:16px 20px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.milestone-banner-card.collapsed{gap:0;padding:12px 18px}.milestone-banner-top{cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.milestone-banner-left{align-items:center;gap:14px;display:flex}.milestone-banner-right{align-items:center;gap:10px;display:flex}.milestone-collapse-btn{border-radius:var(--radius-full);background-color:var(--bg-subtle);width:34px;height:34px;color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.milestone-collapse-btn:hover{background-color:var(--brand-primary-light);color:var(--brand-primary);border-color:var(--brand-primary);transform:translateY(-1px)}.milestone-collapse-btn:active{transform:scale(.94)}.milestone-banner-emoji{background:var(--brand-primary-light);border:1.5px solid var(--brand-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.6rem;display:flex}.milestone-banner-title{color:var(--text-main);align-items:center;gap:8px;margin:0;font-size:1.15rem;font-weight:800;display:flex}.milestone-banner-sub{color:var(--text-muted);margin:2px 0 0;font-size:.84rem}.milestone-banner-pill{border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--brand-primary);border:1px solid var(--border-subtle);padding:4px 12px;font-size:.8rem;font-weight:700}.milestone-skills-unlock-section{background:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-direction:column;gap:12px;padding:14px 16px;display:flex}.skills-unlock-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.skills-header-title{color:var(--text-main);align-items:center;gap:8px;font-size:.88rem;font-weight:800;display:flex}.skills-header-hint{color:var(--text-muted);font-size:.76rem}.skills-chips-list{flex-wrap:wrap;gap:8px;display:flex}.skill-unlock-chip{border-radius:var(--radius-full);cursor:pointer;border:1.5px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-main);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 16px;font-size:.84rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 6px #0000000a}.skill-unlock-chip:hover{background:var(--bg-surface-elevated);border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:0 4px 14px #00000014}.skill-chip-3d-icon{filter:drop-shadow(0 2px 4px #0000001a);font-size:1.25rem;line-height:1}.skill-unlock-chip.unlocked{color:#047857;background:#10b9811a;border:1.5px solid #10b981;font-weight:800;box-shadow:0 2px 8px #10b98129}html.dark .skill-unlock-chip.unlocked{color:#34d399;background:#10b9812e;border:1.5px solid #34d399;font-weight:800;box-shadow:0 2px 10px #34d39933}.skill-unlock-chip.unlocked:hover{background:#10b98138;border-color:#059669;box-shadow:0 4px 16px #10b98147}html.dark .skill-unlock-chip.unlocked:hover{border-color:#6ee7b7;box-shadow:0 4px 18px #34d39952}.skill-chip-badge{color:#fff;border-radius:var(--radius-full);background:#10b981;margin-left:2px;padding:2px 8px;font-size:.68rem;font-weight:800}.milestone-care-tip-row{color:var(--text-muted);border-top:1px dashed var(--border-subtle);align-items:flex-start;gap:8px;padding-top:8px;font-size:.8rem;line-height:1.45;display:flex}.skill-hero-card-3d{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:linear-gradient(135deg,#fb71851a,#8b5cf61a);align-items:center;gap:16px;margin-bottom:14px;padding:16px 18px;display:flex}.skill-hero-3d-avatar{background:var(--bg-surface);border:2px solid var(--brand-primary);width:58px;height:58px;box-shadow:0 6px 16px #0000001a, 0 0 16px var(--brand-primary-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:2rem;display:flex}.skill-hero-info{flex-direction:column;gap:3px;display:flex}.skill-hero-cat{text-transform:uppercase;letter-spacing:.5px;color:var(--brand-primary);font-size:.72rem;font-weight:800}.skill-hero-title{color:var(--text-main);margin:0;font-size:1.1rem;font-weight:800;line-height:1.3}.skill-hero-age{color:var(--text-muted);font-size:.76rem;font-weight:600}.quick-tags-container{flex-direction:column;gap:6px;margin-top:4px;display:flex}.quick-tags-label{color:var(--text-muted);font-size:.74rem;font-weight:700}.quick-tags-row{flex-wrap:wrap;gap:6px;display:flex}.quick-tag-btn{border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;padding:4px 10px;font-size:.74rem;font-weight:600;transition:all .15s}.quick-tag-btn:hover{background:var(--brand-primary-light);color:var(--brand-primary);border-color:var(--brand-primary)}.month-stat-cards-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;display:grid}.month-stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:6px;padding:14px 12px;transition:transform .2s,box-shadow .2s;display:flex}.month-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.month-stat-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.month-stat-card.feed .month-stat-icon-wrapper{background:var(--baby-feed-bg);color:var(--baby-feed)}.month-stat-card.pee .month-stat-icon-wrapper{background:var(--baby-pee-bg);color:var(--baby-pee)}.month-stat-card.poo .month-stat-icon-wrapper{background:var(--baby-poo-bg);color:var(--baby-poo)}.month-stat-card.sleep .month-stat-icon-wrapper{background:var(--baby-sleep-bg);color:var(--baby-sleep)}.month-stat-card.food .month-stat-icon-wrapper{background:var(--baby-food-bg);color:var(--baby-food)}.month-stat-card.med .month-stat-icon-wrapper{background:var(--baby-med-bg);color:var(--baby-med)}.month-stat-quantity{color:var(--text-main);font-size:1.2rem;font-weight:800;line-height:1.2}.month-stat-sub{color:var(--text-muted);font-size:.72rem;font-weight:600}.month-stat-label{color:var(--text-secondary);font-size:.78rem;font-weight:600}.daily-chart-section{flex-direction:column;gap:16px;margin-top:6px;display:flex}.daily-chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.daily-chart-title{color:var(--text-main);align-items:center;gap:8px;font-size:1.02rem;font-weight:800;display:flex}.chart-metric-pills{align-items:center;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.chart-metric-btn{border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .2s;display:flex}.chart-metric-btn:hover{background:var(--bg-surface-elevated);color:var(--text-main)}.chart-metric-btn.active{background:var(--brand-primary-light);color:var(--brand-primary);border-color:var(--brand-primary);box-shadow:0 0 12px #f43f5e33}.daily-chart-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:18px;padding:20px;transition:border-color .2s;display:flex}.chart-info-bar{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:.8rem;display:flex}.chart-canvas-wrap{flex-direction:column;justify-content:flex-end;width:100%;height:230px;display:flex;position:relative}.chart-y-grid-lines{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 32px}.chart-grid-row{border-bottom:1px dashed var(--border-subtle);align-items:center;width:100%;display:flex;position:relative}.chart-y-label{color:var(--text-muted);font-size:.68rem;font-weight:600;position:absolute;top:-12px;left:0}.chart-bars-track{z-index:2;scrollbar-width:thin;align-items:flex-end;gap:10px;height:100%;padding:0 4px 6px;display:flex;position:relative;overflow-x:auto}.chart-bar-item{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:48px;max-width:68px;height:100%;transition:transform .15s;display:flex}.chart-bar-item:hover{transform:translateY(-2px)}.chart-bar-val-badge{color:var(--text-main);white-space:nowrap;font-size:.72rem;font-weight:800}.chart-bar-track-bg{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:8px 8px 4px 4px;align-items:flex-end;width:100%;max-width:32px;height:140px;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.chart-bar-item.active .chart-bar-track-bg{border-color:var(--brand-primary);box-shadow:0 0 10px #f43f5e4d}.chart-bar-fill{border-radius:6px 6px 0 0;width:100%;min-height:4px;transition:height .4s cubic-bezier(.4,0,.2,1)}.chart-bar-fill.fill-all{background:linear-gradient(#ec4899 0%,#f43f5e 100%)}.chart-bar-fill.fill-feed{background:linear-gradient(#fb7185 0%,#e11d48 100%)}.chart-bar-fill.fill-diaper{background:linear-gradient(#38bdf8 0%,#0284c7 100%)}.chart-bar-fill.fill-sleep{background:linear-gradient(#a78bfa 0%,#7c3aed 100%)}.chart-bar-fill.fill-food,.chart-bar-fill.fill-med{background:linear-gradient(#34d399 0%,#059669 100%)}.chart-bar-fill.fill-temp{background:linear-gradient(#fb923c 0%,#ea580c 100%)}.chart-bar-fill.fill-bath{background:linear-gradient(#38bdf8 0%,#0284c7 100%)}.chart-bar-fill.fill-tummy{background:linear-gradient(#a3e635 0%,#65a30d 100%)}.chart-bar-fill.fill-vaccine{background:linear-gradient(#c084fc 0%,#9333ea 100%)}.chart-bar-fill.fill-measure{background:linear-gradient(#2dd4bf 0%,#0d9488 100%)}.growth-line-chart-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:16px;transition:border-color .2s;display:flex;overflow:hidden}.growth-slider-nav-bar{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:8px;padding:2px 2px 8px;display:flex}.slider-arrow-btn{border-radius:var(--radius-full);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;flex-shrink:0;align-items:center;gap:5px;padding:5px 11px;font-size:.74rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.slider-arrow-btn:hover:not(:disabled){background:var(--brand-primary-light);color:var(--brand-primary);border-color:var(--brand-primary);transform:translateY(-1px)}.slider-arrow-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.slider-dots-track{scrollbar-width:none;align-items:center;gap:5px;padding:2px;display:flex;overflow-x:auto}.slider-dots-track::-webkit-scrollbar{display:none}.slider-dot-pill{border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:700;transition:all .18s;display:inline-flex}.slider-dot-pill:hover{color:var(--text-main);border-color:var(--border-focus)}.slider-dot-pill.has-data:not(.active){color:var(--text-main);background:var(--bg-surface-elevated);font-weight:800}.slider-dot-pill.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);font-weight:800;transform:scale(1.05);box-shadow:0 0 10px #ec489959}.data-dot-indicator{background:#10b981;border-radius:50%;width:4px;height:4px}.slider-dot-pill.active .data-dot-indicator{background:#fff}.growth-slider-carousel-container{touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;padding:6px 0 14px;position:relative;overflow:hidden}.growth-slider-carousel-container::-webkit-scrollbar{display:none}.growth-slider-track{will-change:transform;cursor:grab;gap:14px;width:max-content;padding:2px 0;display:flex}.growth-slider-track:active{cursor:grabbing}.growth-slide-card,.growth-timeline-month-div{border-radius:var(--radius-md);box-sizing:border-box;flex-direction:column;flex-shrink:0;gap:12px;width:calc(100vw - 68px);min-width:285px;max-width:600px;padding:14px 16px;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .25s,border-color .25s,box-shadow .25s;display:flex;position:relative}@media (width>=768px){.growth-slide-card,.growth-timeline-month-div{width:540px;max-width:540px}}.growth-slide-card.is-selected-month,.growth-timeline-month-div.is-selected-month{background:var(--bg-surface);border:1.5px solid var(--brand-primary);box-shadow:0 6px 24px -6px #ec489940, var(--shadow-glow);opacity:1;transform:scale(1)}html.dark .growth-slide-card.is-selected-month,html.dark .growth-timeline-month-div.is-selected-month{box-shadow:0 6px 24px -6px #ec489961, var(--shadow-glow)}.growth-slide-card.is-dimmed-month,.growth-timeline-month-div.is-dimmed-month{background:var(--bg-subtle);border:1px dashed var(--border-subtle);opacity:.52;cursor:pointer;-webkit-user-select:none;user-select:none;transform:scale(.97)}.growth-slide-card.is-dimmed-month:hover,.growth-timeline-month-div.is-dimmed-month:hover{opacity:.9;border-color:var(--border-focus);box-shadow:var(--shadow-sm);transform:scale(.985)}@media (width<=520px){.slider-arrow-btn .arrow-text{display:none}.slider-arrow-btn{padding:6px 8px}}.growth-month-group-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:10px;padding-bottom:8px;display:flex}.growth-timeline-month-div.is-selected-month .growth-month-group-header{border-bottom-color:#ec48992e}.month-group-header-left{align-items:center;gap:10px;min-width:0;display:flex}.month-emoji-badge{background:var(--bg-surface);border:1px solid var(--border-subtle);width:32px;height:32px;box-shadow:var(--shadow-sm);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;display:inline-flex}.month-group-title-wrap{flex-direction:column;gap:1px;min-width:0;display:flex}.month-heading-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.month-title-badge{border-radius:var(--radius-full);background:var(--brand-primary-light);color:var(--brand-primary);white-space:nowrap;padding:1px 7px;font-size:.72rem;font-weight:800}.month-milestone-title{color:var(--text-main);letter-spacing:-.01em;font-size:.88rem;font-weight:700}.month-sub-text{color:var(--text-muted);font-size:.72rem}.month-points-count-chip{border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-subtle);white-space:nowrap;flex-shrink:0;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.growth-timeline-month-div.is-selected-month .month-points-count-chip{background:var(--brand-primary-light);color:var(--brand-primary);border-color:#ec489940}.growth-month-empty-notice{background:var(--bg-subtle);border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:8px;padding:8px 12px;font-size:.78rem;display:flex}.growth-month-points-list{flex-direction:column;gap:10px;display:flex}.growth-point-timeline-item{gap:10px;display:flex;position:relative}.point-timeline-node{flex-direction:column;flex-shrink:0;align-items:center;width:20px;padding-top:3px;display:flex}.point-bullet-dot{background:var(--bg-surface);border:1.5px solid var(--border-subtle);width:18px;height:18px;box-shadow:var(--shadow-sm);z-index:2;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.bullet-dot-core{background:var(--text-muted);border-radius:50%;width:6px;height:6px;transition:all .2s}.growth-timeline-month-div.is-selected-month .point-bullet-dot{border-color:var(--brand-primary)}.growth-timeline-month-div.is-selected-month .point-bullet-dot .bullet-dot-core{background:var(--brand-primary);box-shadow:0 0 5px var(--brand-primary)}.point-bullet-dot.birth{border-color:#f59e0b}.point-bullet-dot.birth .bullet-dot-core{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.point-sub-line{background:var(--border-subtle);flex:1;width:1.5px;min-height:18px;margin:3px 0}.point-card-content{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-width:0;box-shadow:var(--shadow-sm);flex-direction:column;flex:1;gap:8px;padding:8px 12px;transition:border-color .2s;display:flex}.growth-timeline-month-div.is-selected-month .point-card-content{background:var(--bg-surface-elevated);border-color:#ec489929}.point-card-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.point-meta-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.point-date-chip{color:var(--text-main);align-items:center;gap:4px;font-size:.78rem;font-weight:700;display:inline-flex}.point-age-chip{border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-subtle);padding:1px 6px;font-size:.7rem;font-weight:700}.point-title-chip{color:var(--text-muted);font-size:.74rem;font-weight:600}.point-edit-btn{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;align-items:center;gap:3px;padding:2px 8px;font-size:.72rem;font-weight:700;transition:all .15s;display:inline-flex}.point-edit-btn:hover{background:var(--bg-subtle);color:var(--brand-primary);border-color:var(--brand-primary)}.point-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.metric-chip-card{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-direction:column;gap:4px;padding:6px 10px;display:flex}.metric-chip-card.weight{border-left:3px solid #ec4899}.metric-chip-card.height{border-left:3px solid #0284c7}.metric-chip-card.head{border-left:3px solid #8b5cf6}.metric-chip-header{justify-content:space-between;align-items:center;gap:4px;display:flex}.metric-chip-label{color:var(--text-secondary);align-items:center;gap:4px;font-size:.7rem;font-weight:700;display:inline-flex}.metric-chip-val-row{flex-wrap:wrap;align-items:baseline;gap:4px;display:flex}.metric-chip-number{color:var(--text-main);letter-spacing:-.01em;font-size:1.05rem;font-weight:800}.metric-chip-unit{color:var(--text-secondary);font-size:.72rem;font-weight:600}.metric-diff-badge.same{background:var(--bg-surface);color:var(--text-muted)}.point-notes-box{color:var(--text-secondary);background:var(--bg-subtle);border-radius:var(--radius-sm);border:1px dashed var(--border-subtle);align-items:flex-start;gap:6px;padding:5px 9px;font-size:.74rem;font-style:italic;display:flex}.growth-timeline-empty-card{background:var(--bg-surface);border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;display:flex}.growth-timeline-empty-card .empty-icon-wrap{color:#0d9488;background:#0d94881a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.growth-timeline-empty-card h5{color:var(--text-main);margin:0;font-size:.95rem;font-weight:800}.growth-timeline-empty-card p{color:var(--text-secondary);max-width:380px;margin:0;font-size:.78rem}.chart-bar-date-label{color:var(--text-muted);white-space:nowrap;font-size:.72rem;font-weight:700;transition:color .2s}.chart-bar-item.active .chart-bar-date-label{color:var(--brand-primary);font-weight:800}.chart-selected-day-card{background:var(--bg-surface-elevated);border:1.5px solid var(--border-subtle);border-left:4px solid var(--brand-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:16px;transition:all .25s;display:flex}.chart-day-header{border-bottom:1px dashed var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;display:flex}.chart-day-title{color:var(--text-main);align-items:center;gap:8px;font-size:.96rem;font-weight:800;display:flex}.chart-day-pill{color:var(--text-muted);font-size:.76rem;font-weight:700}.timeline-day-icons-row{grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:10px;display:grid}.day-stat-icon-column{background:var(--bg-subtle);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;transition:transform .18s cubic-bezier(.4,0,.2,1),background .18s,border-color .18s,box-shadow .18s;display:flex}.day-stat-icon-column:hover{background:var(--bg-surface-elevated);border-color:var(--border-focus);transform:translateY(-2px)}.day-stat-icon-column:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.day-stat-icon-column.active{border-color:var(--brand-primary);background:var(--brand-primary-light);box-shadow:0 0 14px var(--shadow-glow);transform:translateY(-2px)}.day-stat-icon-column.active .day-stat-title{color:var(--brand-primary);font-weight:700}.day-stat-icon-column.feed.active{border-color:var(--baby-feed);background:var(--baby-feed-bg);box-shadow:0 0 14px var(--baby-glow)}.day-stat-icon-column.feed.active .day-stat-title{color:var(--baby-feed);font-weight:700}.day-stat-icon-column.pee.active{border-color:var(--baby-pee);background:var(--baby-pee-bg);box-shadow:0 0 14px #0284c738}.day-stat-icon-column.pee.active .day-stat-title{color:var(--baby-pee);font-weight:700}.day-stat-icon-column.poo.active{border-color:var(--baby-poo);background:var(--baby-poo-bg);box-shadow:0 0 14px #d9770638}.day-stat-icon-column.poo.active .day-stat-title{color:var(--baby-poo);font-weight:700}.day-stat-icon-column.sleep.active{border-color:var(--baby-sleep);background:var(--baby-sleep-bg);box-shadow:0 0 14px #8b5cf638}.day-stat-icon-column.sleep.active .day-stat-title{color:var(--baby-sleep);font-weight:700}.day-stat-icon-column.food.active{border-color:var(--baby-food);background:var(--baby-food-bg);box-shadow:0 0 14px #ea580c38}.day-stat-icon-column.food.active .day-stat-title{color:var(--baby-food);font-weight:700}.day-stat-icon-column.med.active{border-color:var(--baby-med);background:var(--baby-med-bg);box-shadow:0 0 14px #05966938}.day-stat-icon-column.med.active .day-stat-title{color:var(--baby-med);font-weight:700}.day-stat-icon-column.measure.active{border-color:var(--brand-primary);background:var(--brand-primary-light);box-shadow:0 0 14px var(--shadow-glow)}.day-stat-icon-column.measure.active .day-stat-title{color:var(--brand-primary);font-weight:700}.day-stat-icon-column.temp.active{border-color:var(--baby-temp);background:var(--baby-temp-bg);box-shadow:0 0 14px #dc262638}.day-stat-icon-column.temp.active .day-stat-title{color:var(--baby-temp);font-weight:700}.day-stat-icon-column.bath.active{border-color:var(--baby-bath);background:var(--baby-bath-bg);box-shadow:0 0 14px #0891b238}.day-stat-icon-column.bath.active .day-stat-title{color:var(--baby-bath);font-weight:700}.day-stat-icon-bubble{border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;display:flex}.day-stat-icon-column.feed .day-stat-icon-bubble{background:var(--baby-feed-bg);color:var(--baby-feed)}.day-stat-icon-column.pee .day-stat-icon-bubble{background:var(--baby-pee-bg);color:var(--baby-pee)}.day-stat-icon-column.poo .day-stat-icon-bubble{background:var(--baby-poo-bg);color:var(--baby-poo)}.day-stat-icon-column.sleep .day-stat-icon-bubble{background:var(--baby-sleep-bg);color:var(--baby-sleep)}.day-stat-icon-column.food .day-stat-icon-bubble{background:var(--baby-food-bg);color:var(--baby-food)}.day-stat-icon-column.med .day-stat-icon-bubble{background:var(--baby-med-bg);color:var(--baby-med)}.day-stat-icon-column.measure .day-stat-icon-bubble{background:var(--brand-primary-light);color:var(--brand-primary)}.day-stat-icon-column.temp .day-stat-icon-bubble{background:var(--baby-temp-bg);color:var(--baby-temp)}.day-stat-icon-column.bath .day-stat-icon-bubble{background:var(--baby-bath-bg);color:var(--baby-bath)}.day-stat-number{color:var(--text-main);font-size:.96rem;font-weight:800;line-height:1.2}.day-stat-extra{color:var(--text-muted);font-size:.68rem;font-weight:600}.day-stat-title{color:var(--text-secondary);font-size:.72rem;font-weight:600}.day-details-actions-bar{align-items:center;gap:8px;margin-top:6px;display:flex}.day-details-actions-bar .day-details-toggle-btn{flex:1;margin-top:0}.day-filter-clear-btn{color:var(--text-secondary);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;align-items:center;gap:5px;padding:6px 12px;font-size:.76rem;font-weight:700;transition:all .18s;display:inline-flex}.day-filter-clear-btn:hover{color:var(--brand-primary);border-color:var(--brand-primary);background:var(--brand-primary-light)}.day-details-toggle-btn{color:var(--brand-primary);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .2s;display:flex}.day-details-toggle-btn:hover{background:var(--brand-primary-light);border-color:var(--brand-primary)}.day-events-log-list{border-top:1px solid var(--border-subtle);flex-direction:column;gap:6px;padding-top:8px;display:flex}.day-log-item-row{background:var(--bg-subtle);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:6px 10px;font-size:.8rem;display:flex}.day-log-item-left{align-items:center;gap:8px;display:flex}.day-log-icon-wrap{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.day-log-time{color:var(--text-main);font-weight:700}.day-log-name{color:var(--text-secondary)}.day-log-detail{color:var(--brand-primary);font-weight:600}.day-log-empty-filter{text-align:center;color:var(--text-muted);background:var(--bg-subtle);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:10px;padding:16px 12px;font-size:.8rem;display:flex}.day-log-reset-btn{color:var(--brand-primary);border:1px solid var(--brand-primary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:5px 12px;font-size:.78rem;font-weight:700;transition:all .15s}.day-log-reset-btn:hover{background:var(--brand-primary);color:#fff}html.dark .day-log-reset-btn:hover{color:#000}.milestone-empty-state-box{background:var(--bg-surface);border:1.5px dashed var(--border-subtle);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:32px 20px;display:flex}.milestone-empty-icon{background:var(--bg-subtle);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.7rem;display:flex}.milestone-empty-title{color:var(--text-main);margin:0;font-size:1.05rem;font-weight:800}.milestone-empty-sub{color:var(--text-muted);max-width:480px;margin:0;font-size:.84rem}.milestone-guideline-box{background:var(--bg-subtle);border-radius:var(--radius-md);text-align:left;flex-direction:column;gap:8px;width:100%;max-width:520px;margin-top:10px;padding:14px 18px;display:flex}.guideline-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:.82rem;display:flex}.stats-main-mode-switcher{background:var(--bg-subtle);border-radius:var(--radius-full);border:1px solid var(--border-subtle);align-items:center;gap:4px;padding:4px;display:flex}.main-mode-btn{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:.84rem;font-weight:700;transition:all .2s;display:flex}.main-mode-btn:hover{color:var(--text-main)}.main-mode-btn.active{background:var(--bg-surface);color:var(--brand-primary);box-shadow:var(--shadow-sm)}.mode-badge-highlight{color:#fff;border-radius:var(--radius-full);text-transform:uppercase;background:linear-gradient(135deg,#ec4899,#8b5cf6);padding:1px 6px;font-size:.68rem;font-weight:800}.mode-badge-count{background:var(--bg-subtle);color:var(--text-muted);border-radius:var(--radius-full);border:1px solid var(--border-subtle);padding:2px 7px;font-size:.72rem}.baby-growth-dashboard{flex-direction:column;gap:18px;width:100%;display:flex}.growth-subnav-bar{scrollbar-width:none;align-items:center;gap:8px;padding:2px 0 6px;display:flex;overflow-x:auto}.growth-subnav-bar::-webkit-scrollbar{display:none}.growth-nav-pill{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:7px;padding:9px 16px;font-size:.84rem;font-weight:700;transition:all .2s;display:flex}.growth-nav-pill:hover{background:var(--bg-subtle);color:var(--text-main);border-color:var(--border-focus)}.growth-nav-pill.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);box-shadow:0 2px 8px #8b5cf640}.growth-nav-pill.active .pill-dot{background:#fff;border-radius:50%;width:6px;height:6px}.growth-panel-header-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.panel-title-group{align-items:center;gap:14px;max-width:580px;display:flex}.panel-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.panel-icon-box.who-icon{color:var(--brand-primary);background:#8b5cf624}.panel-icon-box.routine-icon{color:#059669;background:#10b98124}.panel-icon-box.skills-icon{color:#d97706;background:#f59e0b24}.panel-icon-box.vaccine-icon{color:#e11d48;background:#f43f5e24}.panel-title{color:var(--text-main);margin:0;font-size:1.12rem;font-weight:800}.panel-subtitle{color:var(--text-muted);margin:3px 0 0;font-size:.82rem;line-height:1.4}.panel-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.metric-switch-pills{background:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border-subtle);align-items:center;gap:2px;padding:3px;display:flex}.metric-pill-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .2s;display:flex}.metric-pill-btn:hover{color:var(--text-main)}.metric-pill-btn.active{background:var(--bg-surface);color:var(--brand-primary);box-shadow:var(--shadow-sm)}.btn-add-measure-quick{border-radius:var(--radius-md);background:var(--brand-primary);color:#fff;cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 6px #8b5cf640}.btn-add-measure-quick:hover{opacity:.92;transform:translateY(-1px)}.who-chart-container-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:18px;padding:20px;display:flex}.who-chart-legend{color:var(--text-secondary);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;font-size:.78rem;display:flex}.legend-chip{align-items:center;gap:6px;display:flex}.legend-color-box.who-band-box{border:1px dashed var(--brand-primary);background:#8b5cf629;border-radius:2px;width:14px;height:10px}.legend-color-line.who-median-line{background:var(--text-muted);border-top:1px dashed var(--text-muted);width:16px;height:2px}.legend-color-line.baby-real-line{background:var(--brand-primary);border-radius:2px;width:16px;height:3px}.who-svg-wrapper{width:100%;height:340px;position:relative}.who-growth-svg{width:100%;height:100%}.who-grid-line{stroke:var(--border-subtle);stroke-dasharray:3 3;stroke-width:1px}.who-grid-line.x-col{stroke-opacity:.4}.who-axis-text{fill:var(--text-muted);font-family:inherit;font-size:11px}.who-axis-text.x-axis{font-weight:700}.baby-point-circle{fill:var(--bg-surface);stroke:var(--brand-primary);stroke-width:3px;cursor:pointer;transition:all .2s}.baby-point-node.hovered .baby-point-circle{stroke-width:4.5px;transform:scale(1.1)}.latest-point-pulse{fill:var(--brand-primary);opacity:.25;animation:2s infinite pulseLatest}@keyframes pulseLatest{0%{opacity:.4;transform:scale(.9)}50%{opacity:.1;transform:scale(1.3)}to{opacity:.4;transform:scale(.9)}}.growth-point-tooltip{background:var(--bg-surface-elevated);border:1px solid var(--border-focus);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);z-index:20;pointer-events:none;flex-direction:column;gap:5px;min-width:210px;padding:10px 14px;display:flex;position:absolute;top:18px;transform:translate(-50%)}.tooltip-header-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.tooltip-header-row strong{color:var(--text-main);font-size:.82rem}.tooltip-age-tag{color:var(--brand-primary);background:var(--brand-primary-light);border-radius:var(--radius-full);padding:1px 6px;font-size:.72rem;font-weight:700}.tooltip-val-row{align-items:baseline;gap:6px;display:flex}.tooltip-metric-label{color:var(--text-secondary);font-size:.78rem}.tooltip-metric-val{color:var(--text-main);font-size:1.05rem;font-weight:800}.tooltip-diff-row{font-size:.74rem;font-weight:700}.diff-tag.up{color:#059669}.diff-tag.down{color:#e11d48}.diff-tag.equal{color:var(--text-muted)}.tooltip-eval-text{font-size:.76rem;font-weight:700}.tooltip-date-row{color:var(--text-muted);border-top:1px dashed var(--border-subtle);padding-top:4px;font-size:.7rem}.growth-evaluation-footer{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;padding-top:16px;display:grid}.eval-item-card{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:3px;padding:12px 14px;display:flex}.eval-label{color:var(--text-muted);text-transform:uppercase;font-size:.74rem;font-weight:700}.eval-val{color:var(--text-main);font-size:1.05rem;font-weight:800}.eval-sub{color:var(--text-secondary);font-size:.76rem}.routine-maturation-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.maturation-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;padding:18px 20px;display:flex}.maturation-card-header{align-items:center;gap:12px;display:flex}.maturation-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.maturation-icon-wrap.milk{color:#e11d48;background:#f43f5e1f}.maturation-icon-wrap.sleep{color:var(--brand-primary);background:#8b5cf61f}.maturation-card-header h4{color:var(--text-main);margin:0;font-size:.98rem;font-weight:800}.maturation-sub{color:var(--text-muted);font-size:.78rem}.maturation-bars-list{flex-direction:column;gap:12px;display:flex}.maturation-bar-row{grid-template-columns:85px 1fr 110px;align-items:center;gap:10px;display:grid}.bar-row-label{flex-direction:column;display:flex}.bar-row-label strong{color:var(--text-main);font-size:.82rem}.bar-age-badge{color:var(--text-muted);font-size:.7rem}.bar-track-container{background:var(--bg-subtle);border-radius:var(--radius-full);height:10px;position:relative;overflow:hidden}.bar-fill-track{border-radius:var(--radius-full);height:100%;transition:width .4s}.bar-fill-track.milk-fill{background:linear-gradient(90deg,#f43f5e,#fb7185)}.bar-fill-track.sleep-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.bar-row-val{text-align:right;flex-direction:column;display:flex}.bar-row-val strong{color:var(--text-main);font-size:.82rem}.bar-row-val small{color:var(--text-muted);font-size:.72rem}.maturation-card-note{color:var(--text-secondary);border-top:1px dashed var(--border-subtle);padding-top:10px;font-size:.78rem;line-height:1.4}.skills-filter-tabs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.skill-cat-btn{border-radius:var(--radius-full);background:var(--bg-subtle);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .2s}.skill-cat-btn:hover{color:var(--text-main)}.skill-cat-btn.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.skills-card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.skill-item-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;gap:12px;padding:16px;transition:all .2s;display:flex}.skill-item-card:hover{border-color:var(--border-focus);box-shadow:var(--shadow-md);transform:translateY(-2px)}.skill-item-card.achieved{background:linear-gradient(180deg, #10b9810a, var(--bg-surface));border-color:#10b98166}.skill-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.skill-cat-tag{color:var(--brand-primary);background:var(--brand-primary-light);border-radius:var(--radius-full);padding:2px 8px;font-size:.72rem;font-weight:700}.skill-target-age{color:var(--text-muted);font-size:.74rem;font-weight:700}.skill-card-body{flex-direction:column;gap:4px;display:flex}.skill-title{color:var(--text-main);font-size:.94rem;font-weight:800;line-height:1.35}.skill-desc{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.4}.skill-card-footer{border-top:1px dashed var(--border-subtle);justify-content:space-between;align-items:center;gap:8px;padding-top:10px;display:flex}.skill-achieved-info{color:#059669;align-items:center;gap:5px;font-size:.76rem;font-weight:700;display:flex}.skill-status-tag{font-size:.72rem;font-weight:700}.skill-status-tag.training{color:#d97706}.skill-status-tag.future{color:var(--text-muted)}.btn-skill-toggle{border-radius:var(--radius-full);background:var(--bg-subtle);border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .2s;display:flex}.btn-skill-toggle:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.btn-skill-toggle.is-achieved{color:#059669;background:#10b9811f;border-color:#10b9814d}.btn-skill-toggle.is-achieved:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.measure-modal{width:92%;max-width:520px}.measure-form{flex-direction:column;gap:14px;padding-top:6px;display:flex}.form-row-two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-row-three{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.btn-delete-confirm{border-radius:var(--radius-md);color:#fff;cursor:pointer;background:#dc2626;border:none;padding:8px 16px;font-weight:700}.btn-delete-confirm:hover{opacity:.9}.growth-empty-notice-card{background:var(--bg-surface);border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:36px 20px;display:flex}.empty-notice-icon{color:var(--brand-primary);opacity:.7}.growth-empty-notice-card h4{color:var(--text-main);margin:0;font-size:1rem}.growth-empty-notice-card p{color:var(--text-secondary);max-width:480px;margin:0;font-size:.84rem;line-height:1.5}@media (width<=768px){.hero-top-row{flex-direction:column;align-items:flex-start}.hero-stage-badge-box{width:100%;max-width:100%}.stats-header-bar{flex-direction:column;align-items:flex-start}.stats-main-mode-switcher{width:100%}.main-mode-btn{flex:1;justify-content:center;padding:8px 10px;font-size:.78rem}.growth-panel-header-card{flex-direction:column;align-items:flex-start}.panel-header-actions{justify-content:space-between;width:100%}.metric-switch-pills{width:100%}.metric-pill-btn{flex:1;justify-content:center}.btn-add-measure-quick{justify-content:center;width:100%}.form-row-two,.form-row-three{grid-template-columns:1fr}.maturation-bar-row{grid-template-columns:75px 1fr 90px}}html.dark .baby-growth-hero-card:before{background:linear-gradient(90deg, var(--brand-primary), #f472b6, #a78bfa, var(--brand-primary))}html.dark .metric-diff-tag.positive{color:#34d399;background:#34d39929}html.dark .metric-diff-tag.award{color:#fbbf24;background:#fbbf2429}html.dark .gender-tag.girl{color:#fb7185;background:#fb718529;border-color:#fb71854d}html.dark .gender-tag.boy{color:#38bdf8;background:#38bdf829;border-color:#38bdf84d}html.dark .roadmap-step-item.completed .step-node-bubble{background:#34d39929;border-color:#34d399}html.dark .step-check-mark,html.dark .step-connector-line.completed{background:#059669}html.dark .skill-item-card.achieved{background:linear-gradient(180deg, #34d39914, var(--bg-surface));border-color:#34d39959}html.dark .skill-achieved-info{color:#34d399}html.dark .btn-skill-toggle.is-achieved{color:#34d399;background:#34d39929}html.dark .diff-tag.up{color:#34d399}html.dark .diff-tag.down{color:#fb7185}.measurement-history-section{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;padding:20px;transition:all .2s;display:flex}.history-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.history-header-left{align-items:center;gap:12px;display:flex}.history-header-right-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.history-view-switcher{background:var(--bg-subtle);border-radius:var(--radius-full);border:1px solid var(--border-subtle);align-items:center;gap:2px;padding:3px;display:inline-flex}.history-view-btn{color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.history-view-btn:hover{color:var(--text-main);background:var(--bg-surface)}.history-view-btn.active{color:var(--brand-primary);background:var(--bg-surface);box-shadow:var(--shadow-sm)}html.dark .history-view-btn.active{color:var(--brand-primary-light);background:var(--bg-surface-elevated)}.measurement-cards-container{flex-direction:column;gap:12px;display:flex}.measurement-history-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.measurement-history-card:hover{border-color:var(--border-focus);box-shadow:var(--shadow-md);transform:translateY(-1px)}.measurement-history-card.is-latest{border-color:var(--brand-primary);background:var(--bg-surface-elevated);box-shadow:0 4px 16px #8b5cf614}.measurement-history-card.is-birth{border-left:4px solid var(--brand-primary)}.measure-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.measure-card-meta-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.measure-card-date-badge{color:var(--text-main);align-items:center;gap:6px;font-size:.92rem;font-weight:800;display:inline-flex}.measure-card-date-badge .date-icon{color:var(--brand-primary)}.measure-card-info-row{border-top:1px dashed var(--border-subtle);flex-direction:column;gap:4px;padding:6px 0 2px;display:flex}.measure-card-title{color:var(--text-main);font-size:.88rem;font-weight:700}.measure-card-notes{color:var(--text-secondary);font-size:.8rem;line-height:1.45}.measure-card-metrics-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.measure-metric-box{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:4px;min-width:0;padding:10px 12px;display:flex}.metric-box-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:5px;font-size:.72rem;font-weight:700;display:flex}.metric-box-value-row{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.metric-val-main{color:var(--text-main);font-size:1.05rem;font-weight:800;line-height:1.2}.metric-val-main small{color:var(--text-muted);margin-left:2px;font-size:.76rem;font-weight:600}.metric-box-eval{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.72rem;font-weight:700;line-height:1.3;overflow:hidden}.history-header-icon{background:var(--brand-primary-light);width:40px;height:40px;color:var(--brand-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.history-header-title{color:var(--text-main);margin:0;font-size:1.05rem;font-weight:800}.history-header-sub{color:var(--text-muted);margin:2px 0 0;font-size:.8rem}.measurement-history-table{width:100%}.measurement-history-table th{white-space:nowrap}.row-latest-measure{background-color:var(--bg-surface-elevated)}.row-latest-measure td{border-bottom-color:var(--border-focus)}.measure-age-pill{background:var(--bg-subtle);color:var(--text-secondary);border-radius:var(--radius-full);padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-block}.birth-chip-indicator{color:var(--brand-primary);border-radius:var(--radius-full);background:#8b5cf61f;align-items:center;gap:3px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.measure-title-col{flex-direction:column;gap:2px;display:flex}.measure-title-text{color:var(--text-main);font-size:.85rem}.measure-notes-text{color:var(--text-secondary);font-size:.76rem;line-height:1.35}.measure-diff-tag{border-radius:var(--radius-full);margin-left:4px;padding:1px 6px;font-size:.72rem;font-weight:700;display:inline-block}.measure-diff-tag.up{color:#059669;background:#10b98124}.measure-diff-tag.down{color:#dc2626;background:#ef444424}.measure-diff-tag.equal{background:var(--bg-subtle);color:var(--text-muted)}.who-eval-badge{font-size:.76rem;font-weight:700;display:inline-block}.measure-actions-group{align-items:center;gap:6px;display:flex}html.dark .row-latest-measure{background-color:#8b5cf614}html.dark .measure-diff-tag.up{color:#34d399;background:#34d39929}html.dark .measure-diff-tag.down{color:#f87171;background:#f8717129}html.dark .birth-chip-indicator{color:#c4b5fd;background:#a78bfa2e}html.dark .measurement-history-card.is-latest{background-color:#8b5cf614;border-color:#a78bfa66}html.dark .measure-metric-box{border-color:var(--border-subtle);background:#ffffff08}@media (width<=640px){.measurement-history-section{gap:14px;padding:14px}.history-section-header{flex-direction:column;align-items:stretch;gap:12px}.history-header-right-actions{justify-content:space-between;align-items:center;width:100%;display:flex}.btn-add-measure-quick{padding:8px 12px;font-size:.82rem}.measurement-history-card{gap:10px;padding:12px}.measure-card-date-badge{font-size:.85rem}.measure-card-metrics-grid{grid-template-columns:repeat(3,1fr);gap:6px}.measure-metric-box{border-radius:var(--radius-sm);padding:8px 6px}.metric-box-label{gap:3px;font-size:.66rem}.metric-val-main{font-size:.92rem}.metric-val-main small{font-size:.7rem}.metric-box-eval{font-size:.66rem}}@media (width<=380px){.history-view-btn .view-btn-text{display:none}.history-view-btn{padding:6px 10px}}.profile-unified-layout{flex-direction:column;gap:28px;width:100%;display:flex}.profile-details-section,.profile-diary-section{flex-direction:column;width:100%;min-width:0;display:flex}@media (width>=1024px){.profile-unified-layout:has(.profile-diary-section){grid-template-columns:minmax(420px,1fr) minmax(480px,1.25fr);align-items:start;gap:32px;display:grid}.profile-unified-layout:has(.profile-diary-section) .profile-details-section{scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent;max-height:calc(100vh - 90px);padding-right:6px;position:sticky;top:76px;overflow-y:auto}.profile-unified-layout:has(.profile-diary-section) .profile-details-section::-webkit-scrollbar{width:6px}.profile-unified-layout:has(.profile-diary-section) .profile-details-section::-webkit-scrollbar-thumb{background-color:var(--border-subtle);border-radius:var(--radius-full)}.profile-unified-layout{flex-direction:column;width:100%;max-width:880px;margin:0 auto;display:flex}.profile-unified-layout .profile-details-section{max-height:none;padding-right:0;position:static;overflow-y:visible}.profile-diary-section{border-top:none;padding-top:0}.btn-scroll-to-diary{display:none!important}}@media (width<=1023px){.profile-unified-layout{flex-direction:column;gap:24px;display:flex}.profile-diary-section{border-top:1px dashed var(--border-subtle);padding-top:18px}}.id-card-actions-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-scroll-to-diary{color:var(--text-main);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-scroll-to-diary:hover{background:var(--bg-subtle);color:var(--brand-primary);border-color:var(--brand-primary);transform:translateY(-1px)}.id-diary-counter{background:var(--brand-primary-light);color:var(--brand-primary);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:1px 7px;font-size:.72rem;font-weight:800;line-height:1.2;display:inline-flex}.btn-toggle-id-card{color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;align-items:center;gap:5px;padding:5px 12px;font-size:.78rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-toggle-id-card:hover{background:var(--bg-subtle);color:var(--brand-primary);border-color:var(--brand-primary);transform:translateY(-1px)}.btn-toggle-id-card:active{transform:translateY(0)}.btn-toggle-id-card.is-collapsed{background:var(--brand-primary-light);color:var(--brand-primary);border-color:var(--brand-primary)}.baby-digital-id-card.is-collapsed{gap:14px;padding-bottom:20px}.id-card-collapsible-body{flex-direction:column;gap:24px;transition:max-height .35s cubic-bezier(.16,1,.3,1),opacity .25s,margin .3s;display:flex;overflow:hidden}.id-card-collapsible-body.collapsed{opacity:0;pointer-events:none;gap:0;max-height:0;margin:0;padding:0}.id-card-collapsible-body.expanded{opacity:1;max-height:3000px}.id-card-collapsed-summary{background:var(--bg-surface);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;z-index:1;flex-wrap:wrap;align-items:center;gap:12px;padding:9px 14px;font-size:.8rem;transition:all .2s;display:flex;position:relative}.id-card-collapsed-summary:hover{border-color:var(--brand-primary);background:var(--brand-primary-light);transform:translateY(-1px)}.id-card-collapsed-item{align-items:center;gap:6px;font-weight:500;display:inline-flex}.id-card-collapsed-item strong{color:var(--text-main);font-weight:700}.profile-split-view-container{flex-direction:column;gap:28px;width:100%;display:flex}.profile-left-col,.profile-right-col{width:100%;display:block!important}.baby-diary-section{flex-direction:column;gap:18px;width:100%;display:flex}.baby-diary-header-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.diary-header-left{align-items:center;gap:12px;display:flex}.diary-header-icon-box{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 8px #ec489933}.diary-title-inline{align-items:center;gap:8px;display:flex}.diary-main-heading{color:var(--text-main);letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:700}.diary-count-pill{color:#ec4899;border-radius:var(--radius-full);background-color:#ec48991f;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 7px;font-size:.78rem;font-weight:700;display:inline-flex}html.dark .diary-count-pill{color:#f472b6;background-color:#f472b633}.diary-open-composer-btn{border-radius:var(--radius-full);white-space:nowrap;cursor:pointer;background-color:var(--brand-primary);color:var(--text-white,#fff);border:none;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-size:.86rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 3px 12px #f43f5e40}.diary-open-composer-btn:hover{background-color:var(--brand-primary-dark);transform:translateY(-1px);box-shadow:0 5px 16px #f43f5e59}.diary-modal-backdrop{background-color:var(--bg-backdrop,#0000008c);-webkit-backdrop-filter:blur(8px);z-index:1100;justify-content:center;align-items:center;padding:18px;animation:.2s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;inset:0}.diary-modal-dialog{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:660px;box-shadow:0 20px 48px -12px #00000047, var(--shadow-glow);flex-direction:column;max-height:90dvh;animation:.26s cubic-bezier(.16,1,.3,1) diaryPopIn;display:flex;overflow:hidden}@keyframes diaryPopIn{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.diary-modal-header{border-bottom:1px solid var(--border-subtle);background-color:var(--bg-surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.diary-modal-title-group{align-items:center;gap:12px;display:flex}.diary-modal-lead-icon{border-radius:var(--radius-full);background:var(--bg-subtle);border:2px solid var(--brand-primary);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.35rem;display:flex}.diary-modal-heading-text{flex-direction:column;gap:2px;display:flex}.diary-modal-heading{color:var(--text-main);margin:0;font-size:1.15rem;font-weight:800;line-height:1.3}.diary-modal-subheading{color:var(--text-muted);margin:0;font-size:.82rem}.diary-modal-body{flex-direction:column;flex:1;gap:16px;padding:20px 22px;display:flex;overflow-y:auto}.diary-modal-footer{border-top:1px solid var(--border-subtle);background-color:var(--bg-surface-elevated);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:14px 22px;display:flex}.diary-modal-footer-right{align-items:center;gap:10px;margin-left:auto;display:flex}@media (width<=599px){.diary-modal-backdrop{align-items:center;padding:12px}.diary-modal-dialog{border-radius:var(--radius-md);max-width:100%;max-height:94dvh}.diary-modal-header{padding:14px 16px}.diary-modal-lead-icon{width:38px;height:38px;font-size:1.15rem}.diary-modal-heading{font-size:1.05rem}.diary-modal-body{gap:14px;padding:15px 16px}.diary-modal-footer{gap:8px;padding:12px 16px}.modal-backdrop.edit-event-backdrop{align-items:center;padding:14px}.edit-event-backdrop .modal-sheet-dialog.edit-event-modal-dialog{border-radius:var(--radius-lg);max-height:90dvh;animation:.25s cubic-bezier(.16,1,.3,1) diaryPopIn}}.composer-form-group{flex-direction:column;gap:6px;display:flex}.composer-label{color:var(--text-secondary);align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.composer-input,.composer-textarea{background:var(--bg-app);width:100%;color:var(--text-main);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-sizing:border-box;padding:9px 12px;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.composer-input:focus,.composer-textarea:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 3px #8b5cf626}.composer-textarea{resize:vertical;min-height:95px;line-height:1.6}.composer-grid-row{grid-template-columns:1.2fr .9fr 1.5fr;gap:12px;display:grid}@media (width<=650px){.composer-grid-row{grid-template-columns:1fr}}.author-input-row{align-items:center;gap:6px;display:flex}.quick-author-pills{gap:4px;display:flex}.quick-author-pills .pill-btn{background:var(--bg-app);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;padding:4px 10px;font-size:.78rem;font-weight:600;transition:all .15s}.quick-author-pills .pill-btn:hover{background:var(--bg-surface);color:var(--text-main)}.quick-author-pills .pill-btn.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.composer-age-hint{color:var(--text-muted);margin-top:2px;font-size:.78rem}.composer-age-hint strong{color:var(--brand-primary)}.diary-mood-picker{flex-wrap:wrap;gap:8px;display:flex}.diary-mood-chip{border-radius:var(--radius-full);background:var(--bg-app);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.diary-mood-chip:hover{background:var(--bg-surface);border-color:var(--border-focus);transform:translateY(-1px)}.diary-mood-chip.active{color:#ec4899;background:#ec48991a;border-color:#ec4899;font-weight:700;box-shadow:0 2px 8px #ec489926}html.dark .diary-mood-chip.active{color:#f472b6;background:#f472b62e;border-color:#f472b6}.mood-chip-emoji{font-size:1.1rem}.diary-tags-manager{flex-direction:column;gap:10px;display:flex}.preset-tags-cloud{flex-wrap:wrap;gap:6px;display:flex}.diary-tag-pill{border-radius:var(--radius-full);background:var(--bg-app);border:1px dashed var(--border-subtle);color:var(--text-secondary);cursor:pointer;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;font-weight:500;transition:all .15s;display:inline-flex}.diary-tag-pill:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.diary-tag-pill.selected{border:1px solid var(--brand-primary);color:var(--brand-primary);background:#8b5cf61f;font-weight:700}html.dark .diary-tag-pill.selected{color:#c4b5fd;background:#a78bfa2e;border-color:#a78bfa}.add-custom-tag-bar{gap:8px;max-width:380px;display:flex}.composer-input.tag-input-sm{padding:6px 10px;font-size:.82rem}.composer-actions-bar{border-top:1px solid var(--border-subtle);justify-content:flex-end;align-items:center;gap:10px;padding-top:10px;display:flex}.diary-submit-btn{border-radius:var(--radius-full);align-items:center;gap:6px;padding:9px 22px;font-size:.88rem;font-weight:600;display:inline-flex}.diary-filters-bar{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.diary-search-box{flex:1;align-items:center;min-width:260px;display:flex;position:relative}.diary-search-box .search-icon{color:var(--text-muted);pointer-events:none;transition:color .2s,transform .2s;position:absolute;left:12px}.diary-search-box:focus-within .search-icon{color:var(--brand-primary);transform:scale(1.08)}.diary-search-input{background:var(--bg-app);width:100%;height:38px;color:var(--text-main);border:1.5px solid var(--border-subtle);border-radius:var(--radius-full);padding:0 95px 0 38px;font-size:.86rem;font-weight:500;transition:all .2s}.diary-search-input:hover{border-color:var(--border-focus)}.diary-search-input:focus{border-color:var(--brand-primary);background:var(--bg-surface);outline:none;box-shadow:0 0 0 3px #8b5cf624}html.dark .diary-search-input:focus{box-shadow:0 0 0 3px #a78bfa33}.diary-search-input::placeholder{color:var(--text-muted);font-size:.83rem}.diary-search-actions-group{align-items:center;gap:6px;display:flex;position:absolute;right:8px}.diary-search-count-badge{border-radius:var(--radius-full);color:var(--brand-primary);white-space:nowrap;-webkit-user-select:none;user-select:none;background:#8b5cf61f;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:700;line-height:1.3;display:inline-flex}html.dark .diary-search-count-badge{color:#c4b5fd;background:#a78bfa33}.diary-search-count-badge.is-empty{color:#ef4444;background:#ef44441f}.clear-search-btn{border-radius:var(--radius-full);background:var(--bg-surface-elevated,#7878781f);border:1px solid var(--border-subtle);width:24px;height:24px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.clear-search-btn:hover{color:var(--text-main);background:var(--bg-subtle,#78787833);transform:scale(1.08)}.diary-quick-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.diary-filter-select-wrap{align-items:center;display:flex;position:relative}.diary-filter-select-wrap .filter-select-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:10px}.diary-filter-select{background:var(--bg-app);height:38px;color:var(--text-main);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;padding:0 12px 0 28px;font-size:.82rem;font-weight:600;transition:all .2s}.diary-filter-select:hover{border-color:var(--brand-primary)}.diary-filter-select:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 3px #8b5cf61f}.diary-reset-filters-btn{background:var(--bg-app);height:38px;color:var(--text-secondary);border:1px dashed var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;padding:0 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.diary-reset-filters-btn:hover{color:#ef4444;background:#ef444414;border-color:#ef4444}.diary-search-highlight{color:inherit;background:#f59e0b47;border-bottom:2px solid #f59e0b;border-radius:4px;padding:1px 3px;font-weight:700}html.dark .diary-search-highlight{color:#fef08a;background:#f59e0b61;border-bottom-color:#fbbf24}.diary-timeline-feed{flex-direction:column;gap:18px;padding:8px 0;display:flex;position:relative}.diary-timeline-feed:before{display:none}.diary-entry-card{z-index:1;align-items:flex-start;gap:14px;display:flex;position:relative}.diary-time-col{-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;align-items:flex-end;width:78px;padding-top:6px;display:flex}.diary-time-primary{color:var(--text-main);font-size:.94rem;font-weight:800;line-height:1.25}.diary-date-sub{color:var(--text-muted);text-align:right;font-size:.72rem;font-weight:600;line-height:1.35}.diary-line-marker{flex-direction:column;flex-shrink:0;align-items:center;width:38px;padding-top:3px;display:flex;position:relative}.diary-card-rail-dot{border-radius:var(--radius-full);background:var(--bg-surface);border:2px solid var(--border-subtle);width:36px;height:36px;box-shadow:var(--shadow-sm);z-index:2;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.diary-rail-emoji{font-size:1.15rem;line-height:1}.diary-marker-connector{background-color:var(--border-subtle);z-index:1;width:2px;position:absolute;top:36px;bottom:-24px}.diary-entry-card:last-child .diary-marker-connector{display:none}.diary-card-inner{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-sm);flex-direction:column;flex:1;gap:12px;margin-left:0;padding:16px 18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.diary-entry-card:hover .diary-card-inner{border-color:var(--border-focus);box-shadow:var(--shadow-md);transform:translateY(-2px)}.diary-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.diary-card-title-group{flex-direction:column;gap:6px;display:flex}.diary-card-meta-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.diary-card-date-badge,.diary-card-age-badge,.diary-card-mood-badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 8px;font-size:.74rem;font-weight:600;display:inline-flex}.diary-card-date-badge{background:var(--bg-app);color:var(--text-secondary);border:1px solid var(--border-subtle)}.diary-card-age-badge{color:var(--brand-primary);background:#8b5cf61a;border:1px solid #8b5cf633}html.dark .diary-card-age-badge{color:#c4b5fd;background:#a78bfa29;border-color:#a78bfa40}.diary-card-mood-badge{color:#ec4899;background:#ec489914}html.dark .diary-card-mood-badge{color:#f472b6;background:#f472b624}.diary-entry-title{color:var(--text-main);margin:0;font-size:1.05rem;font-weight:700;line-height:1.35}.diary-card-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.diary-btn-action{background:var(--bg-app);border:1px solid var(--border-subtle);height:28px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.diary-btn-action:hover{background:var(--brand-primary-light);color:var(--brand-primary-dark);border-color:var(--brand-primary);transform:translateY(-1px)}.diary-card-content{color:var(--text-main);white-space:pre-wrap;word-break:break-word;font-size:.92rem;line-height:1.65}.diary-card-content p{margin:0}.diary-card-footer{border-top:1px dashed var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:8px;font-size:.8rem;display:flex}.diary-author-sign{color:var(--text-muted);align-items:center;gap:5px;display:inline-flex}.diary-card-tags-list{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.diary-card-tag-item{background:var(--bg-app);color:var(--brand-primary);border-radius:var(--radius-full);cursor:pointer;padding:2px 8px;font-size:.74rem;font-weight:600;transition:background-color .15s;display:inline-block}.diary-card-tag-item:hover{background:#8b5cf626}.diary-empty-state-card{background:var(--bg-surface);border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:12px;padding:40px 24px;display:flex}.diary-empty-icon-wrap{border-radius:var(--radius-full);background:#8b5cf61a;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:4px;display:flex}.diary-empty-state-card h4{color:var(--text-main);margin:0;font-size:1.15rem;font-weight:700}.diary-empty-state-card p{max-width:440px;color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.5}.diary-empty-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:10px;display:flex}.diary-empty-filter-state{background:var(--bg-surface);border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);text-align:center;color:var(--text-secondary);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:12px;padding:32px 20px;font-size:.9rem;display:flex}.diary-empty-filter-icon{border-radius:var(--radius-full);background:#f59e0b1f;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:2px;display:flex}.diary-empty-filter-state h4{color:var(--text-main);margin:0;font-size:1.05rem;font-weight:700}.diary-empty-filter-state p{max-width:420px;color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.5}.diary-empty-filter-state p strong{color:var(--text-main)}.delete-diary-preview-box{background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:4px;margin-bottom:16px;padding:12px 14px;display:flex}.delete-diary-preview-box strong{color:var(--text-main);font-size:.92rem}.delete-diary-preview-box p{color:var(--text-secondary);margin:0;font-size:.84rem;line-height:1.4}html.dark .baby-diary-section input[type=date],html.dark .baby-diary-section input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.diary-entry-card.is-skill-entry .diary-card-inner.is-skill-card{background:linear-gradient(135deg,#181b28 0%,#11131e 100%);border:1px solid #fb718540;border-radius:22px;padding:16px 20px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 6px 24px #00000059}html:not(.dark) .diary-entry-card.is-skill-entry .diary-card-inner.is-skill-card{background:linear-gradient(135deg,#fff 0%,#fff1f2 100%);border:1.5px solid #fb718552;box-shadow:0 4px 18px #f43f5e14}.diary-card-rail-dot.skill-rail-dot{background:var(--bg-surface);border:2px solid #fb7185;box-shadow:0 0 10px #fb718573}.diary-skill-card-body{flex-direction:column;gap:8px;width:100%;display:flex}.diary-skill-top-actions{z-index:2;align-items:center;gap:6px;display:flex;position:absolute;top:14px;right:14px}.diary-skill-btn-action{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:5px;height:28px;padding:4px 10px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.diary-skill-btn-action:hover{color:#fff;background:#ffffff29;transform:translateY(-1px)}.diary-skill-btn-action.danger:hover{color:#ef4444;background:#ef444433;border-color:#ef44444d}html:not(.dark) .diary-skill-btn-action{color:#64748b;background:#0000000a;border-color:#00000014}html:not(.dark) .diary-skill-btn-action:hover{color:#0f172a;background:#00000014}.diary-skill-main-row{align-items:center;gap:18px;width:100%;display:flex}.diary-skill-avatar-ring{background:#11131c;border:2.5px solid #fb7185;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 0 18px #fb718573}html:not(.dark) .diary-skill-avatar-ring{background:#fff;border-color:#f43f5e;box-shadow:0 2px 14px #f43f5e33}.diary-skill-emoji{filter:drop-shadow(0 2px 4px #0003);font-size:2rem;line-height:1}.diary-skill-info-col{flex-direction:column;flex:1;gap:3px;min-width:0;padding-right:56px;display:flex}.diary-skill-category{letter-spacing:.8px;text-transform:uppercase;color:#fb7185;font-size:.74rem;font-weight:800}html:not(.dark) .diary-skill-category{color:#e11d48}.diary-skill-title{color:#fff;word-break:break-word;margin:1px 0 2px;font-size:1.22rem;font-weight:800;line-height:1.35}html:not(.dark) .diary-skill-title{color:#0f172a}.diary-skill-age-subtitle{color:#94a3b8;font-size:.84rem;font-weight:500}html:not(.dark) .diary-skill-age-subtitle{color:#64748b}.diary-skill-notes-box{background:#ffffff0d;border-left:3px solid #fb7185;border-radius:10px;margin-top:6px;padding:8px 12px}html:not(.dark) .diary-skill-notes-box{background:#f43f5e0d;border-left-color:#f43f5e}.diary-skill-notes-text{color:#cbd5e1;margin:0;font-size:.86rem;font-style:italic;line-height:1.45}html:not(.dark) .diary-skill-notes-text{color:#475569}@media (width<=640px){.diary-entry-card{grid-template-rows:auto auto!important;grid-template-columns:32px 1fr!important;align-items:start!important;gap:8px 12px!important;display:grid!important}.diary-line-marker{grid-area:1/1/span 2!important;width:32px!important;height:100%!important;padding-top:0!important;position:relative!important}.diary-card-rail-dot{width:30px!important;height:30px!important;margin:0 auto!important}.diary-rail-emoji{font-size:.95rem!important}.diary-marker-connector{top:32px!important;bottom:-18px!important;left:calc(50% - 1px)!important}.diary-time-col{text-align:left!important;flex-direction:row!important;grid-area:1/2!important;align-items:baseline!important;gap:6px!important;width:auto!important;padding:0!important;display:flex!important}.diary-time-primary{font-size:.88rem!important;font-weight:700!important}.diary-date-sub{font-size:.78rem!important;font-weight:500!important}.diary-date-sub:before{content:"• ";opacity:.7}.diary-card-inner{grid-area:2/2!important;width:100%!important;margin:0!important;padding:12px 14px!important}.diary-entry-card.is-skill-entry .diary-card-inner.is-skill-card{border-radius:18px!important;padding:13px 14px!important}.diary-skill-main-row{gap:12px!important}.diary-skill-avatar-ring{width:48px!important;height:48px!important}.diary-skill-emoji{font-size:1.55rem!important}.diary-skill-info-col{padding-right:48px!important}.diary-skill-category{font-size:.68rem!important}.diary-skill-title{font-size:1.05rem!important}.diary-skill-age-subtitle{font-size:.78rem!important}.diary-filters-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:10px 12px!important}.diary-search-box{width:100%!important;min-width:100%!important}.diary-quick-filters{flex-wrap:wrap!important;gap:8px!important;width:100%!important;display:flex!important}.diary-filter-select-wrap{flex:1!important;min-width:130px!important}.diary-filter-select{width:100%!important}.diary-reset-filters-btn{justify-content:center!important;width:100%!important}}.profile-growth-history-section{flex-direction:column;gap:12px;width:100%;margin-top:18px;display:flex}.growth-history-header-compact{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:2px;display:flex}.growth-history-title-wrap{align-items:center;gap:10px;display:flex}.growth-history-icon-badge{border-radius:var(--radius-sm);background:var(--brand-primary-light);width:32px;height:32px;color:var(--brand-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.growth-history-title-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.growth-history-title{color:var(--text-main);letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:800}.growth-history-count-badge{color:var(--text-muted);background:var(--bg-subtle);border-radius:var(--radius-full);padding:2px 8px;font-size:.72rem;font-weight:700}.btn-add-growth-record{border-radius:var(--radius-full);cursor:pointer;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 10px #ec489933}.btn-add-growth-record:hover{transform:translateY(-1px);box-shadow:0 4px 14px #ec48994d}.growth-chart-card{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;width:100%;padding:14px 16px;display:flex}.growth-chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.growth-chart-title-group{align-items:center;gap:10px;display:flex}.growth-chart-icon-box{border-radius:var(--radius-sm);background:var(--brand-primary-light);width:32px;height:32px;color:var(--brand-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}html.dark .growth-chart-icon-box{color:#f472b6;background:#ec489938}.growth-chart-title{color:var(--text-main);letter-spacing:-.01em;margin:0;font-size:.96rem;font-weight:800}.growth-chart-sub{color:var(--text-secondary);margin:2px 0 0;font-size:.74rem}.growth-chart-controls-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-fullscreen-toggle{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--brand-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;padding:4px 10px;font-size:.74rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-fullscreen-toggle:hover{background:var(--brand-primary-light);border-color:var(--brand-primary)}.growth-chart-legend{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chart-legend-btn{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;padding:4px 10px;font-size:.74rem;font-weight:700;transition:all .15s;display:inline-flex}.chart-legend-btn.btn-weight.active{color:#db2777;background:#ec48991a;border-color:#ec4899}html.dark .chart-legend-btn.btn-weight.active{color:#f472b6;background:#ec489938}.chart-legend-btn.btn-height.active{color:#0284c7;background:#0284c71a;border-color:#0284c7}html.dark .chart-legend-btn.btn-height.active{color:#38bdf8;background:#0284c738}.chart-legend-btn.btn-who.active{border-color:var(--brand-primary);background:var(--brand-primary-light);color:var(--brand-primary-dark)}html.dark .chart-legend-btn.btn-who.active{color:#34d399;background:#10b98138}.chart-legend-btn.inactive{opacity:.45;color:var(--text-muted);border-style:dashed}.legend-indicator{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.legend-indicator.dot-weight{background:#ec4899;box-shadow:0 0 5px #ec4899}.legend-indicator.dot-height{background:#0284c7;box-shadow:0 0 5px #0284c7}.legend-indicator.dot-who-dashed{width:12px;height:0;box-shadow:none;border-top:2px dashed;border-radius:0}.growth-chart-hover-banner{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:.8rem;animation:.15s fadeInDown;display:flex}.hover-banner-date{color:var(--text-main);flex-wrap:wrap;align-items:center;gap:5px;display:flex}.hover-age-text{color:var(--text-secondary);font-weight:500}.hover-title-badge{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:1px 6px;font-size:.7rem;font-weight:700}.hover-banner-metrics{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hover-metric-val{align-items:center;gap:4px;display:inline-flex}.hover-metric-val.weight{color:#db2777}html.dark .hover-metric-val.weight{color:#f472b6}.hover-metric-val.height{color:#0284c7}html.dark .hover-metric-val.height{color:#38bdf8}.hover-diff{opacity:.85;font-size:.72rem;font-weight:700}.hover-who-tag{color:var(--text-secondary);background:var(--bg-surface);border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);align-items:center;gap:3px;padding:1px 7px;font-size:.75rem;font-weight:600;display:inline-flex}html.dark .hover-who-tag{background:var(--bg-surface-elevated);border-color:var(--border-subtle);color:var(--text-secondary)}.hud-who-tag{color:var(--text-secondary);background:var(--bg-surface);border:1px dashed var(--border-subtle);border-radius:var(--radius-full);align-items:center;margin-left:4px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}html.dark .hud-who-tag{background:var(--bg-surface-elevated);border-color:var(--border-subtle);color:var(--text-secondary)}.growth-chart-hint-banner{background:var(--bg-subtle);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted);text-align:center;padding:8px 14px;font-size:.78rem}.growth-dual-svg-wrapper{border-radius:var(--radius-sm);background:var(--bg-subtle);border:1px solid var(--border-subtle);width:100%;padding:8px 6px;position:relative;overflow:hidden}.growth-dual-svg-wrapper.clickable-expand{cursor:pointer;transition:border-color .2s,box-shadow .2s}.growth-dual-svg-wrapper.clickable-expand:hover{border-color:var(--brand-primary);box-shadow:0 4px 20px #0000000f}.chart-expand-hint-badge{background:var(--bg-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);opacity:.78;pointer-events:none;z-index:2;align-items:center;gap:4px;padding:3px 9px;font-size:.72rem;font-weight:700;transition:all .2s;display:inline-flex;position:absolute;top:10px;right:10px}.clickable-expand:hover .chart-expand-hint-badge{opacity:1;color:var(--brand-primary);border-color:var(--brand-primary);background:var(--bg-surface-elevated);transform:scale(1.05)}.growth-dual-svg-chart{touch-action:pan-y;width:100%;height:auto;display:block;overflow:visible}.chart-grid-line-group text,.chart-x-axis-group text{font-family:inherit}.growth-chart-fullscreen-overlay{z-index:99999;background:var(--bg-app);box-sizing:border-box;flex-direction:column;padding:16px 20px;animation:.2s cubic-bezier(.16,1,.3,1) modalPopIn;display:flex;position:fixed;inset:0;overflow:hidden}.fullscreen-chart-header{border-bottom:1.5px solid var(--border-subtle);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px;display:flex}.fullscreen-header-left{align-items:center;gap:12px;display:flex}.fullscreen-icon-badge{border-radius:var(--radius-md);background:var(--brand-primary-light);width:38px;height:38px;color:var(--brand-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.fullscreen-title-box{flex-direction:column;display:flex}.fullscreen-chart-title{color:var(--text-main);letter-spacing:-.01em;margin:0;font-size:1.12rem;font-weight:800}.fullscreen-chart-sub{color:var(--text-secondary);margin-top:2px;font-size:.8rem}.fullscreen-header-center,.fullscreen-header-right{align-items:center;gap:8px;display:flex}.btn-close-fullscreen{border-radius:var(--radius-md);background:var(--bg-surface);border:1.5px solid var(--border-subtle);color:var(--text-main);cursor:pointer;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-close-fullscreen:hover{background:var(--bg-subtle);border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-1px)}.mobile-landscape-hint{background:var(--brand-primary-light);color:var(--brand-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:7px 12px;font-size:.8rem;font-weight:600;display:none}@media (width<=768px) and (orientation:portrait){.mobile-landscape-hint{display:flex}}.rotate-icon{animation:2.5s ease-in-out infinite pulseRotate}@keyframes pulseRotate{0%,to{transform:rotate(0)}35%{transform:rotate(-20deg)}65%{transform:rotate(20deg)}}.fullscreen-chart-hud{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-shrink:0;margin-top:10px;padding:10px 16px}.hud-content-active{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.hud-date-block{align-items:center;gap:8px;font-size:.84rem;display:flex}.hud-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em;font-size:.74rem;font-weight:700}.hud-date{color:var(--text-main);font-weight:800}.hud-age{color:var(--text-secondary);font-weight:600}.hud-birth-badge{color:#854d0e;border-radius:var(--radius-full);background:#fef08a;padding:1px 7px;font-size:.7rem;font-weight:800}html.dark .hud-birth-badge{color:#facc15;background:#eab30833}.hud-metrics-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hud-metric-card{border-radius:var(--radius-sm);background:var(--bg-subtle);align-items:center;gap:6px;padding:4px 10px;font-size:.82rem;font-weight:600;display:inline-flex}.hud-metric-card.metric-weight{color:#db2777;border:1px solid #ec489933}html.dark .hud-metric-card.metric-weight{color:#f472b6}.hud-metric-card.metric-height{color:#0284c7;border:1px solid #0284c733}html.dark .hud-metric-card.metric-height{color:#38bdf8}.hud-metric-card.metric-head{color:#8b5cf6;border:1px solid #8b5cf633}html.dark .hud-metric-card.metric-head{color:#c084fc}.hud-metric-label{color:var(--text-secondary);font-size:.76rem}.hud-metric-num{font-weight:800}.hud-metric-diff{opacity:.85;font-size:.74rem;font-weight:700}.hud-content-placeholder{color:var(--text-muted);text-align:center;padding:4px;font-size:.82rem}.fullscreen-svg-canvas-container{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);min-height:0;box-shadow:var(--shadow-sm);flex:1;justify-content:center;align-items:center;margin-top:12px;padding:12px 14px;display:flex;position:relative;overflow:hidden}.growth-fullscreen-svg-chart{touch-action:pan-y;width:100%;height:100%;max-height:100%;display:block;overflow:visible}@media (orientation:landscape) and (height<=560px){.growth-chart-fullscreen-overlay{padding:6px 12px}.fullscreen-chart-header{gap:10px;padding-bottom:6px}.fullscreen-icon-badge{width:28px;height:28px}.fullscreen-chart-title{font-size:.94rem}.fullscreen-chart-sub{display:none}.mobile-landscape-hint{display:none!important}.fullscreen-chart-hud{margin-top:6px;padding:5px 10px}.hud-date-block{gap:4px;font-size:.76rem}.hud-metric-card{padding:2px 8px;font-size:.76rem}.fullscreen-svg-canvas-container{margin-top:6px;padding:6px 10px}.btn-close-fullscreen{padding:4px 10px;font-size:.76rem}}.profile-growth-timeline-wrapper{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);width:100%;padding:16px 18px}.growth-empty-history-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:30px 16px;display:flex}.empty-history-icon-circle{background:var(--bg-subtle);width:48px;height:48px;color:var(--text-muted);border:1px dashed var(--border-subtle);border-radius:50%;justify-content:center;align-items:center;margin-bottom:2px;display:flex}.growth-empty-history-card h4{color:var(--text-main);margin:0;font-size:.98rem;font-weight:800}.growth-empty-history-card p{color:var(--text-secondary);max-width:380px;margin:0 0 6px;font-size:.82rem;line-height:1.45}.profile-growth-timeline-track{flex-direction:column;width:100%;display:flex;position:relative}.profile-timeline-row{gap:12px;width:100%;display:flex;position:relative}.profile-timeline-node-col{flex-direction:column;flex-shrink:0;align-items:center;width:28px;display:flex}.profile-timeline-bullet{background-color:var(--bg-surface);border:1.5px solid var(--border-subtle);width:28px;height:28px;box-shadow:var(--shadow-sm);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:.82rem;transition:all .15s;display:flex}.profile-timeline-bullet.birth-bullet{color:#d97706;background:linear-gradient(135deg,#f59e0b33,#fbbf2459);border-color:#f59e0b;box-shadow:0 0 10px #f59e0b4d}html.dark .profile-timeline-bullet.birth-bullet{color:#fbbf24;background:linear-gradient(135deg,#f59e0b4d,#fbbf2433)}.profile-timeline-bullet.latest-bullet{border-color:var(--brand-primary);background:var(--brand-primary-light);color:var(--brand-primary);box-shadow:var(--shadow-glow)}.profile-timeline-bullet.growth-bullet{color:#0284c7;background:#0284c714;border-color:#0284c7}html.dark .profile-timeline-bullet.growth-bullet{color:#38bdf8;background:#0284c72e;border-color:#38bdf8}.profile-timeline-line{background-color:var(--border-subtle);flex:1;width:2px;min-height:24px;margin:4px 0}.profile-timeline-card-col{flex:1;min-width:0;padding-bottom:12px}.profile-timeline-card{background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-direction:column;gap:8px;padding:10px 14px;transition:all .15s;display:flex}.profile-timeline-card:hover{border-color:var(--border-focus)}.profile-timeline-row.is-latest .profile-timeline-card{background:linear-gradient(180deg, var(--bg-surface) 0%, var(--bg-subtle) 100%);box-shadow:var(--shadow-sm);border-color:#ec489959}.profile-timeline-row.is-birth .profile-timeline-card{border-color:#f59e0b59}.timeline-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.timeline-card-meta-left{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.timeline-date-chip{color:var(--text-main);align-items:center;gap:5px;font-size:.82rem;font-weight:700;display:inline-flex}.timeline-date-chip .date-icon{color:var(--brand-primary)}.timeline-time-text{color:var(--text-muted);font-size:.74rem;font-weight:500}.timeline-age-badge{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:1px 7px;font-size:.7rem;font-weight:700}.timeline-latest-pill{border-radius:var(--radius-full);color:var(--brand-primary);background:#ec48991f;border:1px solid #ec489940;align-items:center;gap:4px;padding:1px 7px;font-size:.68rem;font-weight:800;display:inline-flex}html.dark .timeline-latest-pill{color:#f472b6;background:#ec489938}.timeline-birth-pill{border-radius:var(--radius-full);color:#d97706;background:#f59e0b26;border:1px solid #f59e0b40;align-items:center;gap:4px;padding:1px 7px;font-size:.68rem;font-weight:800;display:inline-flex}html.dark .timeline-birth-pill{color:#fbbf24;background:#f59e0b40}.pulse-dot{background:var(--brand-primary);border-radius:50%;width:5px;height:5px;animation:1.6s ease-in-out infinite pulseDot}.btn-edit-action{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;align-items:center;gap:4px;padding:3px 10px;font-size:.74rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-edit-action:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--brand-primary-light)}.timeline-card-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.timeline-card-title{color:var(--text-main);font-size:.86rem;font-weight:700}.timeline-card-location{color:var(--text-muted);font-size:.74rem}.timeline-metrics-compact-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.timeline-metric-chip{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;transition:border-color .15s;display:inline-flex}.timeline-metric-chip.chip-weight{color:var(--text-main)}.timeline-metric-chip.chip-weight .metric-chip-icon{color:#ec4899}.timeline-metric-chip.chip-height .metric-chip-icon{color:#0284c7}.timeline-metric-chip.chip-head .metric-chip-icon{color:#8b5cf6}.metric-chip-label{color:var(--text-secondary);font-size:.72rem;font-weight:600}.metric-chip-val{color:var(--text-main);font-size:.82rem;font-weight:800}.metric-diff-badge{border-radius:var(--radius-full);padding:1px 5px;font-size:.68rem;font-weight:800}.metric-diff-badge.gain{color:#059669;background:#10b9811f}html.dark .metric-diff-badge.gain{color:#34d399;background:#10b98138}.metric-diff-badge.loss{color:#ea580c;background:#ea580c1f}html.dark .metric-diff-badge.loss{color:#fb923c;background:#ea580c38}.metric-diff-badge.same{color:var(--text-muted);background:var(--bg-subtle)}.timeline-card-notes-box{background:var(--bg-surface);border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:flex-start;gap:6px;padding:5px 10px;font-size:.76rem;line-height:1.4;display:flex}.notes-icon{flex-shrink:0;font-size:.82rem}.notes-text{flex:1}.growth-modal-dialog{background:var(--bg-surface);border-radius:var(--radius-lg);width:95%;max-width:520px;max-height:90vh;box-shadow:0 20px 48px -12px #00000047, var(--shadow-glow);border:1.5px solid var(--border-subtle);overflow-y:auto}.growth-modal-icon-badge{background:var(--brand-primary-light);width:36px;height:36px;color:var(--brand-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.growth-modal-form-body{flex-direction:column;gap:14px;padding:18px;display:flex}.quick-presets-box{background:var(--bg-subtle);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.quick-presets-label{color:var(--text-secondary);font-size:.78rem;font-weight:700}.quick-presets-chips{flex-wrap:wrap;gap:6px;display:flex}.preset-chip{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;padding:4px 10px;font-size:.76rem;font-weight:700;transition:all .15s}.preset-chip:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.preset-chip.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.growth-modal-footer{border-top:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.footer-left-actions{align-items:center;display:flex}.footer-right-actions{align-items:center;gap:10px;display:flex}.btn-delete-modal{color:#ef4444;border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #ef444459;align-items:center;gap:6px;padding:7px 12px;font-size:.8rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-delete-modal:hover{background:#ef44441a;border-color:#ef4444}.delete-confirm-dialog{background:var(--bg-surface);border-radius:var(--radius-lg);border:1.5px solid var(--border-subtle);width:95%;max-width:440px;box-shadow:0 20px 48px -12px #00000052}.delete-icon-badge{color:#ef4444;background:#ef44441f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.delete-confirm-modal-body{flex-direction:column;gap:12px;padding:18px;display:flex}.delete-target-preview{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:10px 12px;display:flex}.delete-target-date{color:var(--text-main);font-size:.85rem;font-weight:700}.delete-target-values{color:var(--text-secondary);font-size:.8rem}.delete-warning-text{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.45}.btn-danger-confirm{border-radius:var(--radius-md);color:#fff;cursor:pointer;background:#ef4444;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-danger-confirm:hover{background:#dc2626}@media (width<=600px){.growth-history-header-compact{padding:0}.growth-history-title{font-size:.98rem}.profile-growth-timeline-wrapper{padding:12px 10px}.profile-timeline-row{gap:8px}.profile-timeline-bullet{width:26px;height:26px;font-size:.78rem}.profile-timeline-node-col{width:26px}.profile-timeline-card{padding:8px 10px}.timeline-metrics-compact-row{gap:6px}.timeline-metric-chip{padding:3px 8px;font-size:.74rem}}