.success-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-overlay);z-index:99999;animation:successFade .36s ease-out}.success-inner{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 28px;border-radius:12px;background:var(--color-bg-card);box-shadow:var(--shadow-modal)}.success-check{color:var(--color-primary);transform:scale(.85);animation:checkPop .42s cubic-bezier(.2,.9,.22,1) 1 both}.success-message{font-weight:700;color:var(--color-text)}@keyframes checkPop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.14);opacity:1}to{transform:scale(1)}}@keyframes successFade{0%{opacity:0}to{opacity:1}}.md-block,.md-active-block{margin-bottom:var(--space-2)}.md-block p,.md-active-block p{font-size:.95rem;line-height:1.45;margin:0 0 var(--space-2)}.md-block p:last-child,.md-active-block p:last-child{margin-bottom:0}.md-active-block{opacity:.97}.md-code,.md-raw{position:relative;background:var(--color-surface-muted);color:var(--color-text);border:1px solid var(--color-border-muted);padding:var(--space-3);border-radius:12px;overflow:auto}.md-code pre,.md-raw{margin:0;white-space:pre}.code-meta{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;gap:var(--space-2)}.copy-btn{background:var(--color-bg-card);border:1px solid var(--color-border-muted);color:var(--color-text);padding:6px 10px;border-radius:10px;cursor:pointer;font-weight:700}.copy-btn:hover{background:var(--color-hover)}.collapse-toggle{background:transparent;border:none;color:var(--color-text);cursor:pointer;padding:4px 6px;font-weight:700}.chat-page{min-height:100vh;height:100vh;background:var(--color-bg-subtle);display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:none}.chat-shell{flex:1;display:flex;flex-direction:column;width:100%;gap:var(--space-3);min-height:0;position:relative;padding-top:4px;overflow:hidden;overscroll-behavior:none}.chat-floating-menu{position:absolute;top:8px;left:8px;z-index:80}.chat-menu{position:relative;display:inline-flex;align-items:center}.chat-menu-btn{height:40px;width:40px;border-radius:12px;border:1px solid var(--color-border-muted);background:var(--color-bg-card);color:var(--color-text);cursor:pointer;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.chat-menu-btn:disabled{opacity:.5;cursor:not-allowed}.chat-menu-dropdown{position:absolute;top:46px;left:0;width:220px;background:var(--color-bg-card);border:1px solid var(--color-border-muted);border-radius:12px;box-shadow:var(--shadow-dropdown);padding:6px;z-index:50}.chat-menu-item{width:100%;display:flex;align-items:center;gap:10px;border:none;background:transparent;padding:10px;border-radius:10px;color:var(--color-text);cursor:pointer;font-weight:600}.chat-menu-item:hover{background:var(--color-hover)}.chat-menu-item.danger{color:#b91c1c}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px 24px 40px;border-radius:18px;background:transparent}.chat-empty-logo{width:88px;height:88px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-card);margin-bottom:16px}.chat-empty-logo-img{width:54px;height:54px;display:block}.chat-empty-title{font-size:1.4rem;font-weight:800;color:var(--color-text);margin-bottom:8px}.chat-empty-subtitle{max-width:560px;color:var(--color-text-muted);line-height:1.5;font-size:.8rem;font-weight:400}.chat-modal-overlay{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:100}.chat-modal{width:min(720px,96vw);background:var(--color-bg-card);border-radius:16px;border:1px solid var(--color-border-muted);box-shadow:var(--shadow-modal);overflow:hidden;max-height:calc(100vh - 72px);display:flex;flex-direction:column}.chat-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border-muted)}.chat-modal-title{font-weight:800;color:var(--color-text)}.chat-modal-close{border:none;background:transparent;cursor:pointer;color:var(--color-text-muted);font-weight:700}.chat-modal-body{padding:14px 16px 18px;overflow:auto;overscroll-behavior:contain}.chat-loading-skeleton{flex:1;display:flex;flex-direction:column;gap:12px;padding:18px 16px 24px}.chat-loading-title{height:16px;width:min(220px,70%);border-radius:10px}.chat-loading-subtitle{height:12px;width:min(320px,90%);border-radius:10px;opacity:.85}.chat-loading-thread{margin-top:8px;display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;justify-content:center}.chat-loading-bubble{height:14px;width:min(360px,78%);border-radius:12px}.chat-loading-bubble.wide{width:min(520px,92%)}.chat-loading-composer{height:44px;border-radius:14px;width:100%}.chat-table{width:100%;border-collapse:collapse;font-size:.95rem}.chat-table th{text-align:left;color:var(--color-text-muted);font-weight:700;padding:10px 8px;border-bottom:1px solid var(--color-border-muted)}.chat-table td{padding:12px 8px;border-bottom:1px solid var(--color-border-muted)}.chat-table tr{cursor:pointer}.chat-table tr:hover,.chat-table tr.active{background:var(--color-hover)}.chat-table tr.active td:first-child{border-left:3px solid var(--color-text);padding-left:5px}.chat-table tr.active .chat-row-title{font-weight:800}.chat-row-title{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--color-text)}.chat-row-actions{display:flex;justify-content:flex-end;gap:8px}.chat-row-btn{border:1px solid var(--color-border-muted);background:var(--color-bg-card);border-radius:10px;height:34px;width:34px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text)}.chat-row-btn:hover{background:var(--color-hover)}.chat-dev-details{margin-top:var(--space-2);border:1px solid var(--color-border-muted);background:var(--color-bg-card);border-radius:12px;padding:8px 10px}.chat-dev-details>summary{cursor:pointer;color:var(--color-text-muted);font-weight:700;font-size:.8rem}.chat-dev-details>pre{margin:8px 0 0;padding:10px;border-radius:10px;border:1px solid var(--color-border-muted);background:var(--color-bg-subtle);color:var(--color-text);font-size:.75rem;line-height:1.5;overflow:auto;max-height:260px;white-space:pre;word-break:break-word}.chat-skeleton{flex:1;display:flex;flex-direction:column;gap:var(--space-3);padding:52px 8px 8px}.chat-skeleton-bubble{height:64px;width:min(520px,80%);border-radius:18px}.chat-skeleton-bubble.left{align-self:flex-start}.chat-skeleton-bubble.right{align-self:flex-end;width:min(420px,70%)}.chat-skeleton-input{margin-top:auto;display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-4)}.chat-skeleton-input-field{flex:1;height:54px;border-radius:16px}.chat-skeleton-input-button{width:46px;height:46px;border-radius:14px}.chat-input-field{width:100%;border-radius:12px;border:1px solid var(--color-border-muted);padding:10px 12px;font-size:1rem;background:var(--color-bg-card);color:var(--color-text)}.chat-textarea-field{width:100%;border-radius:12px;border:1px solid var(--color-border-muted);padding:10px 12px;font-size:.98rem;resize:vertical;background:var(--color-bg-card);color:var(--color-text)}.chat-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:var(--color-text);font-weight:700}.chat-label input[type=checkbox]{width:18px;height:18px}.chat-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.chat-primary-btn,.chat-secondary-btn,.chat-danger-btn{height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--color-border);cursor:pointer;font-weight:800}.chat-primary-btn{background:var(--color-primary);color:#fff;border:none}.chat-secondary-btn{background:var(--color-bg-card);color:var(--color-text)}.chat-danger-btn{background:#b91c1c;color:#fff;border:none}.muted{color:#64748b}.chat-loading{padding:8px 12px;border-radius:12px;background:var(--color-hover);color:var(--color-text-muted);font-size:.95rem}.chat-error-banner{margin-bottom:12px;padding:12px 14px;border-radius:12px;background:#f8d7da;border:1px solid rgba(0,0,0,.08);color:#842029;display:flex;justify-content:space-between;align-items:center;gap:12px}.chat-error-retry{border:none;background:transparent;color:#842029;font-weight:700;cursor:pointer}.chat-system-banner{margin:10px auto 12px;max-width:720px;width:calc(100% - 24px);padding:var(--space-4) var(--space-5);border-radius:14px;border:1px solid var(--color-border-muted);background:var(--color-bg-card);color:var(--color-text);display:flex;justify-content:space-between;align-items:center;gap:var(--space-1)}.chat-system-banner-content{min-width:0}.chat-system-banner-title{font-weight:600;font-size:.95rem;margin-bottom:var(--space-1)}.chat-system-banner-body{color:var(--color-text-muted);font-weight:500;font-size:.9rem}.chat-system-banner-meta{color:var(--color-text-muted);font-weight:500;font-size:.825rem}.chat-system-banner-actions{flex-shrink:0}.chat-system-banner-cta{height:40px;padding:0 14px;border-radius:100px;border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-muted);cursor:pointer;font-weight:600}.chat-system-banner-cta:hover{background:var(--color-hover)}.chat-status{margin-bottom:8px}.chat-status-line{padding:8px 12px;border-radius:12px;background:var(--color-hover);color:var(--color-text-muted);font-size:.95rem}.chat-status-details{border-radius:14px;border:1px solid var(--color-border-muted);background:var(--color-bg-card);padding:10px 12px}.chat-status-details[open]{padding:12px 14px}.chat-status-summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:700;color:var(--color-text)}.chat-status-summary::-webkit-details-marker{display:none}.chat-status-current{color:var(--color-text-muted);font-weight:600;font-size:.9rem}.chat-status-body{margin-top:12px;display:flex;flex-direction:column;gap:12px}.chat-status-steps{display:grid;gap:8px}.chat-status-step{display:flex;align-items:center;gap:10px;color:var(--color-text-muted);font-size:.92rem}.chat-status-step.active{color:var(--color-text);font-weight:700}.chat-status-step.done{color:var(--color-text)}.chat-status-dot{width:8px;height:8px;border-radius:999px;background:var(--color-border)}.chat-status-step.active .chat-status-dot{background:var(--color-primary)}.chat-status-step.done .chat-status-dot{background:var(--color-text)}.chat-status-actions{display:flex;justify-content:flex-end}.chat-status-btn{border:1px solid var(--color-border-muted);background:var(--color-bg-card);color:var(--color-text);border-radius:10px;padding:6px 12px;font-weight:700;cursor:pointer}.chat-status-btn.stop{color:#b91c1c;border-color:#b91c1c4d}.chat-thread{padding:var(--space-2) 0 var(--space-1);display:flex;flex-direction:column;gap:var(--space-6);flex:1;overflow-y:auto;overscroll-behavior:contain;border:none;background:transparent;box-shadow:none;padding-bottom:calc(var(--chatFooterHeight, 160px) + 12px);scroll-padding-bottom:calc(var(--chatFooterHeight, 160px) + 12px);padding-left:var(--space-8);padding-right:var(--space-8);padding-top:var(--space-6)}.chat-footer{overscroll-behavior:none}.chat-textarea{overscroll-behavior:contain}.chat-scroll-to-bottom{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--chatFooterHeight, 160px) + 16px);z-index:60;border:1px solid var(--color-border-muted);background:var(--color-bg-card);color:var(--color-text);border-radius:999px;padding:8px 12px;font-weight:700;cursor:pointer}.chat-scroll-to-bottom:disabled{opacity:0;pointer-events:none}.chat-bubble{padding:0;background:transparent;max-width:78%;margin:0;outline:none;font-weight:400;font-size:1rem}.chat-proposed-logs{margin-top:12px;display:flex;flex-direction:column;gap:8px;align-self:flex-start;width:min(420px,82%)}.chat-proposed-log-card{border-radius:14px;border:1px solid var(--color-border-muted);padding:14px 16px;background:var(--color-bg-card);display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 8px #0000000f,0 1px 2px #0000000a;transition:box-shadow .2s ease}.chat-proposed-log-card:hover{box-shadow:0 4px 12px #00000014,0 2px 4px #0000000f}.chat-proposed-log-header{display:flex;align-items:center;gap:10px}.chat-proposed-log-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--log-type-color, var(--color-primary, #6366f1));color:#fff;flex-shrink:0}.chat-proposed-log-title{font-size:1rem;font-weight:700;color:var(--color-text);line-height:1.3}.chat-proposed-log-datetime{font-size:.9rem;font-weight:600;color:var(--color-text-secondary);padding-left:42px}.chat-proposed-log-description{font-size:.92rem;line-height:1.4;color:var(--color-text);padding-left:42px;word-break:break-word;min-height:1.4rem}.chat-proposed-log-actions{display:flex;gap:10px;align-items:center;justify-content:flex-start;padding-top:0}.chat-proposed-log-btn{min-width:40px;height:40px;padding:8px 16px;font-size:.9rem;font-weight:600;border-radius:999px;cursor:pointer;transition:all .15s ease;border:none;outline:none}.chat-proposed-log-btn:disabled{opacity:.5;cursor:not-allowed}.chat-proposed-log-btn-secondary{background:transparent;border:1.5px solid var(--color-border);color:var(--color-text)}.chat-proposed-log-btn-secondary:hover:not(:disabled){background:var(--color-bg-hover, rgba(0, 0, 0, .04));border-color:var(--color-border-hover, var(--color-border))}.chat-proposed-log-btn-primary{background:var(--color-primary, #6366f1);color:#fff;box-shadow:0 1px 2px #0000001a}.chat-proposed-log-btn-primary:hover:not(:disabled){background:var(--color-primary-hover, #5558e3);box-shadow:0 2px 4px #00000026}.chat-proposed-log-btn-primary:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 2px #0000001a}.chat-thread-notices{margin-top:10px;display:flex;flex-direction:column;gap:8px}.chat-thread-notice{border-radius:14px;border:1px solid var(--color-border-muted);background:var(--color-bg-card);padding:10px 12px;color:var(--color-text);display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 1px #0000000a}.chat-thread-notice-text{font-weight:700;font-size:.95rem;color:var(--color-text)}.chat-thread-notice-text a{color:var(--color-text);text-decoration:none}.chat-thread-notice-text a:hover{text-decoration:underline}.chat-thread-notice-actions{flex-shrink:0}.chat-bubble.assistant{align-self:flex-start;color:var(--color-text)}.chat-bubble.assistant.running{padding:0;border-radius:0;background:transparent;border:none}.chat-bubble.assistant.running .chat-typing{margin-bottom:8px}.chat-bubble.assistant.running .dots{display:inline-flex;gap:6px}.chat-bubble.assistant.running .dots span{width:6px;height:6px;border-radius:50%;background:var(--color-text-muted);animation:blink 1.2s infinite ease-in-out}.chat-bubble.assistant.running .dots span:nth-child(2){animation-delay:.2s}.chat-bubble.assistant.running .dots span:nth-child(3){animation-delay:.4s}.chat-bubble.assistant.error{color:#b91c1c}.chat-bubble.user{align-self:flex-end;padding:12px 16px;border-radius:16px;background:var(--color-bg-card);color:var(--color-text);box-shadow:none}.chat-user-retry{margin-top:8px;padding-top:8px}.chat-user-retry-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg-surface);color:var(--color-text);font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .15s ease}.chat-user-retry-btn:hover{background:var(--color-hover)}.chat-user-retry-btn:active{transform:scale(.98)}.chat-bubble p{margin:0;color:var(--color-text);line-height:1.5}.chat-text{margin:0}.chat-markdown{color:var(--color-text);line-height:1.5;display:block;white-space:normal}.chat-markdown p{margin:0;margin-top:.5rem;margin-bottom:.5rem}.chat-markdown p:last-child{margin-bottom:0}.chat-markdown ul,.chat-markdown ol{margin:.5rem 0;padding-left:1.25rem}.chat-markdown ul{list-style:disc}.chat-markdown ul ul{list-style:circle}.chat-markdown ol{list-style:decimal}.chat-markdown ol ol{list-style:lower-alpha}.chat-markdown li{margin:.25rem 0}.chat-markdown li>p{margin:.25rem 0}.chat-markdown pre{margin:.75rem 0;padding:10px 12px;border-radius:12px;border:1px solid var(--color-border-muted);background:var(--color-bg-subtle);overflow:auto;white-space:pre}.chat-markdown code{font-family:monospace}.chat-markdown :not(pre)>code{padding:.1em .35em;border-radius:8px;border:1px solid var(--color-border-muted);background:var(--color-bg-subtle)}.chat-actions{display:inline-flex;gap:10px;margin-top:8px}.chat-sources{margin-top:8px;font-size:.86rem;color:var(--color-text-muted)}.chat-action-btn{border:none;background:none;color:var(--color-text-light);padding:4px;cursor:pointer}.chat-action-btn:hover{color:var(--color-text)}.chat-bubble.typing .dots{display:inline-flex;gap:6px}.chat-bubble.typing .dots span{width:6px;height:6px;border-radius:50%;background:var(--color-text-muted);animation:blink 1.2s infinite ease-in-out}.chat-bubble.typing .dots span:nth-child(2){animation-delay:.2s}.chat-bubble.typing .dots span:nth-child(3){animation-delay:.4s}.chat-footer{display:flex;flex-direction:column;gap:var(--space-3);position:absolute;left:0;right:0;bottom:0;padding-top:var(--space-2);margin:var(--space-5) var(--space-6) var(--space-6)}.chat-footer>*{position:relative;z-index:1}.chat-footer-mask{position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(180deg,transparent 0px,transparent calc(var(--chatInputMid, 88px) - 12px),var(--color-bg-subtle) calc(var(--chatInputMid, 88px) + 12px),var(--color-bg-subtle) 100%)}.chat-input{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-2);align-items:center;padding:var(--space-3);border-radius:18px;background:var(--color-bg-card);box-shadow:var(--shadow-dropdown);border:1px solid var(--color-border-muted)}.chat-input textarea{width:100%;border:none;border-radius:12px;padding:12px 14px;font-size:1rem;line-height:1.5;resize:none;min-height:48px;max-height:180px;background:var(--color-bg-card);color:var(--color-text);overflow-y:hidden}.chat-input textarea:focus{outline:none;box-shadow:none}.input-actions{display:flex;align-items:flex-end;align-self:flex-end;gap:8px}.send-btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:var(--color-primary);color:#fff;font-weight:700;width:44px;height:44px;padding:0;border-radius:50%;cursor:pointer;box-shadow:none}.send-btn:hover{transform:translateY(-1px);background:var(--color-primary-dark)}.send-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.prompt-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:none;background:transparent;color:var(--color-text-light);cursor:pointer}.prompt-toggle-btn:hover{color:var(--color-text-muted)}.prompt-toggle-btn.active,.prompt-toggle-btn.active:hover{background:var(--color-surface-muted);color:var(--color-text)}.prompt-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.prompt-card{display:inline-flex;flex-direction:column;gap:6px;align-items:flex-start;padding:var(--space-4);border-radius:12px;background:var(--color-bg-card);cursor:pointer;text-align:left;border:1px solid var(--color-border);box-shadow:0 16px 40px -24px #0f172a0d,0 10px 24px -18px #0f172a0d}.prompt-card:hover{border-color:var(--color-border-muted)}.prompt-tag{font-size:.7rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.prompt-text{font-size:.95rem;color:var(--color-text);line-height:1.5}.send-btn:focus-visible,.chat-action-btn:focus-visible,.chat-textarea:focus-visible{outline:none;box-shadow:none}.muted{color:var(--color-text-muted)}.report-modal{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--space-4)}.report-dialog{background:var(--color-bg-card);border-radius:16px;padding:var(--space-4) var(--space-6);box-shadow:var(--shadow-modal);max-width:480px;width:100%}.report-form{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.report-options{display:flex;flex-direction:column;gap:10px}.report-option{display:flex;align-items:center;gap:10px;font-size:.95rem}.report-actions{display:flex;justify-content:flex-end;gap:var(--space-3);align-items:center}.report-actions .link-btn,.report-actions .send-btn{border-radius:10px;padding:10px 20px;width:auto;min-width:max-content}@media(max-width:720px){.chat-page{padding:var(--space-4) var(--space-3) var(--space-5)}.chat-bubble{max-width:90%}.prompt-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.chat-bubble.assistant.running .dots span{animation:none}}@keyframes blink{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:.875rem;font-weight:500;color:var(--color-text)}.input{padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;color:var(--color-text);background:var(--color-bg-alt);transition:var(--transition-fast);width:100%}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #c7356429}.input:disabled{background:var(--color-surface-muted);border-color:var(--color-border-muted);cursor:not-allowed;opacity:.6}.input-error{border-color:var(--color-error)}.input-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.input-error-text{font-size:.75rem;color:var(--color-error);margin-top:var(--space-1)}.input-helper-text{font-size:.75rem;color:var(--color-text-muted);margin-top:var(--space-1)}.input-with-suffix{position:relative;display:flex;align-items:center}.input-with-suffix .input{padding-right:42px}.input-suffix{position:absolute;right:12px;font-size:.8125rem;color:var(--color-text-light);pointer-events:none;-webkit-user-select:none;user-select:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:600;font-size:.9375rem;padding:12px 24px;border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;border:1px solid transparent;white-space:nowrap;font-family:inherit}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{transform:none}.btn-sm{padding:8px 16px;font-size:.875rem}.btn-md{padding:12px 24px;font-size:.9375rem}.btn-lg{padding:16px 32px;font-size:1rem}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-brand-hover);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-surface-muted);color:var(--color-text);border:1px solid var(--color-border-muted)}.btn-secondary:hover:not(:disabled){background:var(--color-hover);transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-outline:hover:not(:disabled){background:var(--color-surface-muted);border-color:var(--color-text)}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-muted);color:var(--color-text)}.btn-full{width:100%}.btn-spinner{width:16px;height:16px;border-radius:999px;border:2px solid currentColor;border-right-color:transparent;animation:btn-spin .8s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.demo-provisioning{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.demo-provisioning__container{background:#fff;border-radius:16px;padding:48px 40px;max-width:600px;width:100%;box-shadow:0 20px 60px #0000004d}.demo-provisioning__header{text-align:center;margin-bottom:40px}.demo-provisioning__emoji{font-size:64px;margin-bottom:16px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.demo-provisioning__title{font-size:28px;font-weight:700;color:#1a202c;margin:0 0 12px}.demo-provisioning__subtitle{font-size:16px;color:#718096;margin:0;line-height:1.5}.demo-provisioning__progress-container{margin-bottom:32px;position:relative}.demo-provisioning__progress-bar{height:12px;background:#e2e8f0;border-radius:999px;overflow:hidden;position:relative}.demo-provisioning__progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:999px;transition:width .5s ease;position:relative;overflow:hidden}.demo-provisioning__progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.demo-provisioning__progress-text{text-align:center;margin-top:8px;font-size:14px;font-weight:600;color:#667eea}.demo-provisioning__stage{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px;padding:16px;background:#f7fafc;border-radius:8px}.demo-provisioning__stage-icon{flex-shrink:0}.demo-provisioning__stage-icon--loading{color:#667eea;animation:spin 1s linear infinite}.demo-provisioning__stage-icon--complete{color:#48bb78}.demo-provisioning__stage-icon--error{color:#f56565}.demo-provisioning__stage-text{font-size:16px;font-weight:500;color:#2d3748}.demo-provisioning__stage-text--complete{color:#48bb78}.demo-provisioning__stage-text--error{color:#f56565}.demo-provisioning__timeline{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.demo-provisioning__timeline-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;transition:all .3s ease}.demo-provisioning__timeline-item--current{background:#edf2f7}.demo-provisioning__timeline-marker{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e2e8f0;font-size:16px;flex-shrink:0;transition:all .3s ease}.demo-provisioning__timeline-item--complete .demo-provisioning__timeline-marker{background:#48bb78;color:#fff}.demo-provisioning__timeline-item--current .demo-provisioning__timeline-marker{background:#667eea;color:#fff;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.demo-provisioning__timeline-label{font-size:14px;color:#4a5568;flex:1}.demo-provisioning__timeline-item--complete .demo-provisioning__timeline-label{color:#2d3748;font-weight:500}.demo-provisioning__timeline-item--current .demo-provisioning__timeline-label{color:#667eea;font-weight:600}.demo-provisioning__info{display:flex;justify-content:space-around;margin-bottom:24px;padding:16px;background:#f7fafc;border-radius:8px}.demo-provisioning__info-item{display:flex;flex-direction:column;align-items:center;gap:4px}.demo-provisioning__info-label{font-size:12px;color:#718096;text-transform:uppercase;letter-spacing:.5px}.demo-provisioning__info-value{font-size:18px;font-weight:700;color:#667eea}.demo-provisioning__tips{border-top:1px solid #e2e8f0;padding-top:24px;margin-top:24px}.demo-provisioning__tip{font-size:14px;color:#4a5568;margin:0 0 12px;line-height:1.6}.demo-provisioning__diagnostics{margin-top:24px;padding:16px;border-radius:8px;background:#f7fafc;border:1px solid #e2e8f0}.demo-provisioning__diagnostics-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.demo-provisioning__diagnostics-title{font-size:14px;font-weight:700;color:#2d3748}.demo-provisioning__diagnostics-subtitle{font-size:12px;font-weight:600;color:#667eea}.demo-provisioning__diagnostics-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.demo-provisioning__diagnostics-row{display:flex;justify-content:space-between;gap:12px}.demo-provisioning__diagnostics-label{font-size:12px;color:#718096;text-transform:uppercase;letter-spacing:.5px;flex:0 0 auto}.demo-provisioning__diagnostics-value{font-size:12px;color:#2d3748;text-align:right;word-break:break-word}.demo-provisioning__diagnostics-muted{color:#718096;font-weight:500}.demo-provisioning__diagnostics-list{margin-top:12px}.demo-provisioning__diagnostics-section-title{font-size:12px;font-weight:700;color:#2d3748;margin-bottom:8px}.demo-provisioning__diagnostics-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.demo-provisioning__diagnostics-item{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:baseline;padding:10px;border-radius:8px;background:#fff;border:1px solid #e2e8f0}.demo-provisioning__diagnostics-item-kind{font-size:12px;font-weight:700;color:#667eea;text-transform:uppercase}.demo-provisioning__diagnostics-item-main{font-size:12px;color:#2d3748;min-width:0}.demo-provisioning__diagnostics-item-meta{font-size:12px;color:#718096;white-space:nowrap}.demo-provisioning__diagnostics-footnote{margin-top:8px;font-size:12px;color:#718096;line-height:1.5}.demo-provisioning__tip:last-child{margin-bottom:0}.demo-provisioning__actions{margin-top:24px;text-align:center}.demo-provisioning__retry-button{background:#f56565;color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.demo-provisioning__retry-button:hover{background:#e53e3e;transform:translateY(-2px);box-shadow:0 4px 12px #f565654d}@media(max-width:640px){.demo-provisioning__container{padding:32px 24px}.demo-provisioning__title{font-size:24px}.demo-provisioning__subtitle{font-size:14px}.demo-provisioning__emoji{font-size:48px}.demo-provisioning__timeline{gap:12px}.demo-provisioning__timeline-item{padding:8px}.demo-provisioning__timeline-marker{width:28px;height:28px;font-size:14px}.demo-provisioning__timeline-label{font-size:13px}.demo-provisioning__info{flex-direction:column;gap:12px}.demo-provisioning__tip{font-size:13px}}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-4);padding-top:var(--space-2);padding-bottom:var(--space-8);position:relative;z-index:1;overflow:auto;background:transparent}.auth-page:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,#ffffff1f,#04061729),var(--gradient-brand);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;z-index:0;pointer-events:none}.auth-page:after{content:"";position:fixed;width:720px;height:720px;left:50%;top:6%;transform:translate(-50%);background:radial-gradient(circle at center,rgba(255,255,255,.04),transparent 35%);z-index:0;pointer-events:none}@media(max-width:968px){.auth-page{padding-top:var(--space-4);gap:var(--space-4)}}@media(max-width:640px){.auth-page{padding-top:var(--space-4);gap:var(--space-4)}}.brand-logo{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);z-index:2}.demo-cta{margin-bottom:16px;text-align:center}.demo-button{width:100%;padding:16px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 12px #667eea4d}.demo-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.demo-button:active:not(:disabled){transform:translateY(0)}.demo-button:disabled{opacity:.6;cursor:not-allowed}.demo-button__icon{font-size:20px;line-height:1}.demo-button__text{font-size:16px;letter-spacing:.3px}.demo-cta__subtitle{margin-top:8px;font-size:13px;color:#fffc;font-weight:400}@media(max-width:640px){.demo-button{padding:14px 20px;font-size:15px}.demo-cta__subtitle{font-size:12px}}.provider-buttons{margin-bottom:0;display:flex;flex-direction:column;gap:12px}.provider-button{width:100%;padding:12px;background-color:transparent;border:1px solid #dee2e6;border-radius:8px;color:#495057;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:10px;justify-content:center}.provider-button .provider-label{flex:0 0 auto;text-align:left}.provider-button:hover{background-color:#f8f9fa;border-color:#adb5bd}.provider-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.provider-icon img{width:20px;height:20px;display:block;object-fit:contain;padding-bottom:2px}@media(max-width:640px){.provider-icon img{width:16px;height:16px}}.provider-label{flex:1;text-align:center}@media(max-width:640px){.provider-button{padding:10px}}.provider-area,.email-area{transition:transform .26s cubic-bezier(.2,.9,.2,1),opacity .26s cubic-bezier(.2,.9,.2,1),max-height .26s cubic-bezier(.2,.9,.2,1);will-change:transform,opacity,max-height}.provider-area.visible{opacity:1;transform:translate(0);max-height:1000px;pointer-events:auto}.provider-area.hidden{opacity:0;transform:translate(-16px);max-height:0;overflow:hidden;pointer-events:none}.provider-divider{display:flex;align-items:center;margin:18px 0;color:#6c757d;font-size:14px}.provider-divider .line{flex:1;height:1px;background-color:#e0e0e0}.provider-divider span{padding:0 16px}.email-area .email-cta,.email-area .email-form{transition:transform .26s cubic-bezier(.2,.9,.2,1),opacity .26s cubic-bezier(.2,.9,.2,1),max-height .26s cubic-bezier(.2,.9,.2,1);will-change:transform,opacity,max-height}.email-area .email-cta.visible{opacity:1;transform:translate(0);max-height:120px;pointer-events:auto}.email-area .email-cta.hidden,.email-area .email-form.hidden{opacity:0;transform:translate(12px);max-height:0;overflow:hidden;pointer-events:none}.email-area .email-form.visible{opacity:1;transform:translate(0);max-height:800px;pointer-events:auto}.email-cta-button{width:100%;padding:12px;background-color:transparent;border:1px solid #dee2e6;border-radius:8px;color:#495057;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.email-cta-button:hover{background-color:#f8f9fa;border-color:#adb5bd}.email-back-button{width:100%;padding:8px;margin-top:12px;background-color:transparent;border:none;color:#6c757d;font-size:14px;cursor:pointer;text-decoration:underline}.brand-logo img{height:48px;display:block}@media(max-width:968px){.brand-logo{margin-bottom:0}.brand-logo img{height:40px}}@media(max-width:640px){.brand-logo{margin-bottom:0}.brand-logo img{height:40px}}.auth-container{width:100%;max-width:1200px;display:flex;gap:var(--space-8);align-items:flex-start;justify-content:center;position:relative;z-index:1;margin:0 auto}@media(max-width:968px){.auth-container{flex-direction:column;max-width:480px}}.auth-card{width:100%;max-width:480px;min-height:580px;background:#fff;border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:0 25px 60px #00000059,0 10px 20px #0003;border:1px solid rgba(255,255,255,.2);position:relative;z-index:1;animation:fadeIn .5s ease;display:flex;flex-direction:column;justify-content:center}@media(max-width:968px){.auth-card{min-height:auto}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-mode-toggle{display:flex;gap:8px;padding:var(--space-2);background-color:#f8f9fa;border-radius:var(--space-4);width:fit-content;margin:var(--space-8) auto;margin-top:0}.auth-mode-button{padding:8px 20px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;background-color:transparent;color:#6c757d;box-shadow:none}.auth-header .logo{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:1.25rem;letter-spacing:-.02em;color:var(--color-text);font-family:var(--font-display);margin-top:var(--space-6);margin-bottom:var(--space-6)}.auth-header .logo img{display:block}.auth-titles{position:relative;min-height:80px;margin-bottom:var(--space-2)}.auth-title{font-family:var(--font-display);font-size:1.875rem;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-2);color:var(--color-text);height:2.5rem;display:flex;align-items:center;justify-content:center}.auth-subtitle{font-size:1rem;color:var(--color-text-muted);height:3rem;display:flex;align-items:center;justify-content:center;text-align:center}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.field-error{font-weight:400;font-size:.825rem;color:var(--color-error);margin-top:4px}.auth-options{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.auth-terms{display:flex;flex-direction:column;gap:var(--space-2)}.checkbox-label{display:flex;align-items:flex-start;gap:var(--space-2);font-size:.875rem;color:var(--color-text-muted);cursor:pointer}.checkbox-label input[type=checkbox]{margin-top:2px;cursor:pointer}.text-link{color:var(--color-primary-dark);font-weight:500;transition:var(--transition-fast)}.benefits-section{flex:0 0 auto;width:min(420px,100%);padding:var(--space-10) var(--space-4) var(--space-2) var(--space-8);background:transparent;border:none;box-shadow:none;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:var(--space-5);min-height:580px}.benefits-section--compact{width:100%;max-width:480px;padding:var(--space-6);background:transparent;border:none;box-shadow:none;min-height:auto}.benefits-heading{text-align:left}.benefits-heading h3{font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:var(--space-2);color:#fff;line-height:1.3}.benefits-heading .benefits-tag{display:inline-flex;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:#fffc;margin-bottom:var(--space-3)}.benefits-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);align-items:center}.benefit-card{background:transparent;border:none;border-radius:0;padding:var(--space-2) 0;display:flex;gap:var(--space-4);align-items:flex-start;transition:transform var(--transition-fast);overflow:visible}.benefit-card:hover{transform:translateY(-2px)}.benefit-icon{width:44px;height:44px;flex-shrink:0;border-radius:10px;background:#ffffff0f;color:#ffffffbf;display:inline-flex;align-items:center;justify-content:center}.benefit-copy strong{display:block;font-weight:600;font-size:1rem;color:#ffffffe6;padding-bottom:3px}.benefit-copy p{margin:0;font-size:.9rem;color:#ffffffb8;line-height:1.5}.auth-footer{padding-top:var(--space-6);text-align:center;font-size:.875rem;color:var(--color-text-muted)}@media(max-width:640px){.auth-card{padding:var(--space-6)}.auth-title{font-size:1.5rem}.auth-options{flex-direction:column;align-items:flex-start}}.global-loading-overlay{position:fixed;inset:0;z-index:9999;background:#00000059;display:flex;align-items:center;justify-content:center;padding:24px}.global-loading-card{background:var(--color-bg-card);border:1px solid var(--color-border-muted);border-radius:16px;box-shadow:var(--shadow-modal);padding:18px;min-width:min(360px,92vw);display:flex;align-items:center;gap:12px}.global-loading-spinner{width:18px;height:18px;border-radius:999px;border:2px solid var(--color-text);border-right-color:transparent;animation:global-loading-spin .8s linear infinite}.global-loading-message{color:var(--color-text);font-weight:700;font-size:.95rem}@keyframes global-loading-spin{to{transform:rotate(360deg)}}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--color-border-muted);transition:var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-hoverable:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-clickable{cursor:pointer}.card-header,.card-body{margin-bottom:var(--space-4)}.card-body:last-child{margin-bottom:0}.card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-muted)}@media(max-width:768px){.card{padding:var(--space-4)}}.activity-form-overlay{position:fixed;inset:0;background:var(--color-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-6);animation:fadeIn .2s ease-out;overflow-y:auto}.activity-form-container{max-width:860px;width:100%;max-height:90vh;margin:auto;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}.activity-form{box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:100%;overflow:hidden}.activity-form .card-body{overflow-y:auto;flex:1;min-height:0;position:relative}.log-form-blocker{position:absolute;inset:0;z-index:10;background:#ffffff8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:24px}.log-form-blocker-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid var(--color-border-muted);background:var(--color-bg-card);box-shadow:var(--shadow-dropdown);color:var(--color-text);font-weight:700}.log-form-blocker-spinner{width:18px;height:18px;border-radius:999px;border:2px solid var(--color-text);border-right-color:transparent;animation:log-form-spin .8s linear infinite}@keyframes log-form-spin{to{transform:rotate(360deg)}}.form-header{display:flex;align-items:center;gap:var(--space-4);position:sticky;width:100%;padding-right:56px;top:0;background:var(--color-bg-card);z-index:3}.form-header>div:nth-child(2){flex:1}.form-close-btn{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border-muted);background:transparent;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:absolute;top:12px;right:12px;z-index:2}.form-close-btn:hover{background:var(--color-surface-muted);color:var(--color-text);border-color:var(--color-border)}.note-toggle-btn{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border-muted);background:transparent;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.note-toggle-btn:hover{background:var(--color-surface-muted);color:var(--color-text);border-color:var(--color-border)}.note-toggle-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.note-toggle-btn.active:hover{background:#3b82f6;border-color:#3b82f6}.form-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.form-icon.feeding{background:#f9731626;color:#f97316}.form-icon.pumping{background:#a855f726;color:#a855f7}.form-icon.activity{background:#06b6d426;color:#06b6d4}.form-icon.sleep{background:#6366f126;color:#6366f1}.form-icon.diaper{background:#92400e26;color:#92400e}.form-icon.growth{background:#22c55e26;color:#22c55e}.form-icon.health{background:#ef444426;color:#ef4444}.form-icon.milestone{background:#eab30826;color:#eab308}.form-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-text);margin:0}.form-subtitle{font-size:.875rem;color:var(--color-text-muted);margin:0}.form-section{margin-bottom:var(--space-6)}.form-track-both{gap:var(--space-2)}.form-text-bothside{font-size:.825rem;font-weight:500;padding-left:var(--space-2);margin-bottom:2px}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-3)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.form-label-with-action{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.form-label-with-action .form-label{margin-bottom:0}.link-button{background:none;border:none;padding:0;color:#4f46e5;font-weight:600;cursor:pointer;font-size:.85rem}.link-button:hover{text-decoration:underline}.duration-input-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-2)}.duration-fields-group{display:flex;flex-direction:column}.duration-fields-group .duration-input-row input{font-size:.875rem}.duration-fields-group .duration-input-row input::placeholder{color:var(--color-text-light);font-size:.8125rem}.button-group{display:flex;gap:var(--space-2);flex-wrap:nowrap}.button-group.wrap{flex-wrap:wrap}.button-group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-2)}.option-btn{flex:1;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);font-size:.875rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:all var(--transition-base)}.option-btn:hover{border-color:#c735644d;background:#c735640d;transform:translateY(-1px)}.option-btn.active{border-color:var(--color-primary);background:var(--gradient-soft);box-shadow:0 2px 8px #c7356433;transform:translateY(-1px)}.form-textarea{width:100%;padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;line-height:1.5;color:var(--color-text);background:var(--color-bg-card);resize:vertical;transition:all var(--transition-base)}.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #c735641a}.form-textarea::placeholder{color:var(--color-text-light)}.form-select{padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;font-weight:600;color:var(--color-text);background:var(--color-bg-card);cursor:pointer;transition:all var(--transition-base);min-width:100px}.form-select:hover{border-color:#c735644d}.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #c735641a}.duration-display{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#818cf81a;border-radius:var(--radius-md);color:var(--color-sleep);font-size:.875rem;font-weight:600;margin-bottom:var(--space-6)}.duration-display.timer-duration{background:linear-gradient(135deg,#c7356426,#f5749226);color:var(--color-feeding);border:1px solid rgba(199,53,100,.3)}.duration-display svg{flex-shrink:0}.timer-summary-section{margin-bottom:var(--space-6);padding:var(--space-4);background:linear-gradient(135deg,#818cf81a,#6366f114);border:1px solid rgba(129,140,248,.25);border-radius:var(--radius-lg)}.timer-summary-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.timer-summary-info{display:flex;align-items:center;gap:var(--space-2);color:var(--color-sleep);font-size:.875rem;font-weight:600;flex:1}.timer-summary-info svg{flex-shrink:0}.edit-duration-btn{padding:var(--space-2) var(--space-3);background:#fff9;border:1px solid rgba(129,140,248,.3);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;color:var(--color-sleep);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.edit-duration-btn:hover{background:#ffffffe6;border-color:var(--color-sleep);transform:translateY(-1px)}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;align-items:center;margin-top:var(--space-8)}.form-actions-left{display:flex;gap:var(--space-3);flex:1}.form-hint{font-size:.75rem;color:var(--color-text-muted);margin-top:var(--space-2);font-style:italic}.milestone-detail-box{margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-muted);background:#6366f10d}.milestone-detail-range{font-size:.85rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.milestone-detail-description{margin:0;color:var(--color-text);font-size:.9rem}.milestone-activities{margin:var(--space-3) 0 0;padding-left:var(--space-4);color:var(--color-text);line-height:1.4}.milestone-activities li{margin-bottom:.25rem;font-size:.85rem}.milestone-dropdown{width:100%;margin-top:var(--space-3)}.milestone-dropdown .dropdown{width:100%}.milestone-dropdown .dropdown-trigger{width:100%;line-height:1.4;padding-top:var(--space-3);padding-bottom:var(--space-3)}@keyframes autoUpdatePulse{0%{color:#818cf8;transform:scale(1)}50%{color:#6366f1;transform:scale(1.02)}to{color:inherit;transform:scale(1)}}.input-wrapper input{margin-top:var(--space-2);border-color:var(--color-border-muted)}.input-wrapper.auto-updated input{animation:autoUpdatePulse .6s cubic-bezier(.4,0,.2,1)}@media(max-width:640px){.activity-form-overlay{padding:var(--space-4);align-items:flex-end}.activity-form-container{max-height:90vh;overflow-y:auto}.form-row{grid-template-columns:1fr}.button-group{flex-direction:column}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.dropdown{position:relative;min-width:60px;max-width:100%}.dropdown-trigger{width:100%;padding:var(--space-3) var(--space-3);border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg-card);display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:var(--color-text);font-size:.9rem}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;box-shadow:var(--shadow-dropdown);list-style:none;padding:4px;margin:0;z-index:10;max-height:320px;overflow-y:auto}.dropdown-option{width:100%;text-align:left;padding:8px 10px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:.95rem}.dropdown-option:hover,.dropdown-option.active{background:var(--color-surface-muted)}.dropdown-caret{display:flex;align-items:center;margin-left:8px;color:var(--color-text-light);line-height:0}.timer-button{position:relative;min-width:140px;height:56px;padding:0 var(--space-6);border-radius:var(--radius-full);border:2px solid var(--color-primary);background:var(--color-bg-card);color:var(--color-primary-dark);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-weight:700;font-size:1.0625rem;transition:all var(--transition-base);box-shadow:0 2px 12px #c7356447}.timer-button:hover{background:var(--color-bg-card);border-color:var(--color-primary-dark);color:var(--color-secondary);transform:translateY(-2px);box-shadow:0 4px 16px #c735645c}.timer-button.has-active{background:var(--color-bg-card);border-color:var(--color-primary-dark);box-shadow:0 2px 12px #c735645c;animation:pulse 2s ease-in-out infinite}.timer-badge{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:#ef4444;border:2px solid var(--color-bg);border-radius:var(--radius-full);animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes ping{75%,to{transform:scale(1.5);opacity:0}}.timer-popup-overlay{position:fixed;inset:0;background:var(--color-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-6);animation:fadeIn .2s ease-out}.timer-popup-container{max-width:860px;width:100%;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}.timer-popup{box-shadow:var(--shadow-2xl)}.form-icon.timer{background:#a855f726;color:#a855f7}.timer-log-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}@media(max-width:768px){.timer-log-type-grid{grid-template-columns:repeat(2,1fr)}}.timer-log-type-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-card);border:2px solid var(--color-border-muted);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;--activity-color: var(--color-primary);--activity-bg: var(--color-surface-muted);--activity-bg-strong: var(--color-hover)}.timer-log-type-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.timer-log-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:var(--transition-base);background:var(--activity-bg, rgba(0, 0, 0, .04));color:var(--activity-color, var(--color-primary))}.timer-log-type-card.active .timer-log-icon,.timer-log-type-card:hover .timer-log-icon{background:var(--activity-bg-strong, rgba(0, 0, 0, .08))}.timer-log-type-card.active{border-color:var(--activity-color);box-shadow:var(--shadow-md)}.timer-log-label{font-weight:600;font-size:.875rem;color:var(--color-text)}.timer-float{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:12px}.timer-item{background:var(--color-bg-card);border-radius:16px;padding:16px 20px;box-shadow:0 8px 32px #0000001f;display:flex;align-items:center;gap:16px;min-width:280px;animation:slideInUp .3s ease}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.timer-info{flex:1;display:flex;align-items:center;gap:12px}.timer-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.timer-feeding .timer-icon{background:#f973161a;color:#f97316}.timer-pumping .timer-icon{background:#a855f71a;color:#a855f7}.timer-sleep .timer-icon{background:#6366f11a;color:#6366f1}.timer-activity .timer-icon{background:#06b6d41a;color:#06b6d4}.timer-details{flex:1;min-width:0}.timer-title{font-size:.875rem;font-weight:600;color:var(--color-text);margin-bottom:4px}.timer-time{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.timer-feeding .timer-time{color:#f97316}.timer-pumping .timer-time{color:#a855f7}.timer-sleep .timer-time{color:#6366f1}.timer-activity .timer-time{color:#06b6d4}.timer-actions{display:flex;gap:8px}.timer-btn{width:40px;height:40px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.timer-pause{background:#fbbf24;color:#fff}.timer-pause:hover{background:#f59e0b;transform:scale(1.05)}.timer-resume{background:#10b981;color:#fff}.timer-resume:hover{background:#059669;transform:scale(1.05)}.timer-stop{background:#ef4444;color:#fff}.timer-stop:hover{background:#dc2626;transform:scale(1.05)}.timer-btn:active{transform:scale(.95)}@media(max-width:768px){.timer-float{bottom:16px;right:16px;left:16px}.timer-item{min-width:auto;padding:14px 16px}.timer-title{font-size:.8125rem}.timer-time{font-size:1.25rem}.timer-btn{width:36px;height:36px}}:root{--confirm-overlay-bg: rgba(0, 0, 0, .7);--confirm-dialog-radius: 24px;--confirm-dialog-width: 400px}.confirm-overlay{inset:0;background:var(--confirm-overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:var(--space-4);animation:fadeIn .2s ease;position:fixed}.confirm-overlay-click{position:absolute;inset:0;width:100%;height:100%;border:none;background:transparent;z-index:100;cursor:default}.confirm-dialog{background:var(--color-bg-card);border-radius:var(--confirm-dialog-radius);max-width:var(--confirm-dialog-width);width:100%;padding:var(--space-8);text-align:center;animation:slideUp .3s ease;box-shadow:0 20px 60px #0006;position:relative;z-index:1110}.confirm-icon{width:80px;height:80px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ef444414;color:#ef4444}.confirm-dialog h3{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--color-text);margin:0 0 var(--space-2) 0}.confirm-dialog p{font-size:.9375rem;line-height:1.6;color:var(--color-text-muted);margin:0 0 var(--space-6) 0}.confirm-actions{display:flex;gap:var(--space-3)}.confirm-cancel,.confirm-confirm{flex:1;padding:var(--space-3) var(--space-4);border-radius:12px;border:none;font-family:var(--font-display);font-size:.9375rem;font-weight:700;cursor:pointer;transition:all .2s ease}.confirm-cancel{background:var(--color-surface-muted);color:var(--color-text)}.confirm-cancel:hover{background:var(--color-hover)}.confirm-confirm{background:#3b82f6;color:#fff}.confirm-confirm.danger{background:#ef4444}.confirm-confirm:hover{transform:translateY(-1px)}@media(max-width:768px){.confirm-dialog{border-radius:24px 24px 0 0;max-height:90vh}.confirm-overlay-click{z-index:100}}@keyframes slideUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.activity-detail-overlay{position:fixed;inset:0;background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--space-4);animation:fadeIn .2s ease}.activity-detail-popup{background:var(--color-bg-card);border-radius:24px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.activity-detail-close{position:absolute;top:var(--space-4);right:var(--space-4);width:40px;height:40px;border-radius:50%;border:none;background:var(--color-surface-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1}.activity-detail-close:hover{background:var(--color-hover);transform:rotate(90deg)}.activity-detail-close svg{color:var(--color-text)}.activity-detail-header{padding:var(--space-8);display:flex;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-border-muted)}.activity-detail-icon{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-detail-icon svg{width:32px;height:32px}.activity-detail-icon.feeding{background:#f9731626;color:#f97316}.activity-detail-icon.pumping{background:#a855f726;color:#a855f7}.activity-detail-icon.sleep{background:#6366f126;color:#6366f1}.activity-detail-icon.activity{background:#06b6d426;color:#06b6d4}.activity-detail-icon.diaper{background:#92400e26;color:#92400e}.activity-detail-icon.growth{background:#22c55e26;color:#22c55e}.activity-detail-icon.health{background:#ef444426;color:#ef4444}.activity-detail-icon.milestone{background:#eab30826;color:#eab308}.activity-detail-title-section{flex:1}.activity-detail-title{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--color-text);margin:0 0 var(--space-1) 0}.activity-detail-time{font-size:.875rem;color:var(--color-text-secondary);margin:0}.activity-detail-content{padding:var(--space-6);border-bottom:1px solid var(--color-border-muted)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.detail-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background:var(--color-surface-muted);border-radius:12px}.detail-item.full-width{grid-column:1 / -1}.detail-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.detail-value{font-size:1rem;font-weight:600;color:var(--color-text)}.activity-detail-notes{padding:var(--space-6);border-top:1px solid var(--color-border-muted)}.activity-detail-notes h4{font-family:var(--font-display);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);margin:0 0 var(--space-2) 0}.activity-detail-notes p{font-size:.9375rem;line-height:1.6;color:var(--color-text);margin:0}.activity-detail-footer{padding:var(--space-4) var(--space-6);background:var(--color-surface-muted);border-top:1px solid var(--color-border-muted);border-radius:0 0 24px 24px;text-align:center}.activity-detail-logged-by{font-size:.8125rem;color:var(--color-text-secondary);font-style:italic}.activity-detail-actions{padding:var(--space-4) var(--space-6);display:flex;gap:var(--space-3);border-bottom:1px solid var(--color-border-muted)}.activity-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:12px;border:2px solid;background:transparent;font-family:var(--font-display);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s ease}.activity-action-btn svg{flex-shrink:0}.activity-edit-btn{border-color:#3b82f64d;color:#3b82f6}.activity-edit-btn:hover{border-color:#3b82f6;background:#3b82f61a}.activity-delete-btn{border-color:#ef44444d;color:#ef4444}.activity-delete-btn:hover{border-color:#ef4444;background:#ef44441a}@media(max-width:768px){.detail-grid{grid-template-columns:1fr}.activity-detail-popup{border-radius:24px 24px 0 0;max-height:90vh}.activity-detail-actions{flex-direction:column}}.close-button{position:absolute;top:var(--space-4);right:var(--space-4);width:40px;height:40px;border-radius:50%;border:none;background:var(--color-hover);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1}.close-button:hover{background:var(--color-border-muted);transform:rotate(90deg)}.close-button svg{color:var(--color-text)}.dashboard{min-height:100vh;background:var(--color-bg)}.dashboard-header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-header-border);transition:var(--transition-base)}.dashboard-header .container{padding:var(--space-4) var(--container-padding)}.header-content{display:flex;align-items:center;justify-content:space-between}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.baby-profile-card{background:var(--gradient-soft);border:2px solid rgba(199,53,100,.22)}.baby-profile-card:hover .timer-button{background:var(--color-bg-card);border-color:var(--color-primary-dark);color:var(--color-secondary);transform:translateY(-2px);box-shadow:0 4px 16px #c735645c}.baby-profile{display:flex;align-items:center;gap:var(--space-6);position:relative}.baby-avatar-large{width:80px;height:80px;font-size:3rem;display:flex;align-items:center;justify-content:center;background:var(--color-bg-card);border-radius:var(--radius-xl);border:3px solid rgba(199,53,100,.3);box-shadow:var(--shadow-lg)}.baby-profile-info{flex:1}.baby-profile-actions{display:flex;align-items:center;gap:var(--space-3)}.baby-name-large{font-family:var(--font-display);font-size:2rem;font-weight:800;margin:0 0 var(--space-1) 0;color:var(--color-text)}.baby-age-large{font-size:1.125rem;font-weight:600;color:var(--color-primary-dark);margin:0}.baby-age-large.countdown{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.25rem;font-weight:700}.baby-birthdate{font-size:.875rem;color:var(--color-text-muted);margin:var(--space-1) 0 0 0}.activities-list{display:flex;flex-direction:column;gap:var(--space-3)}.activity-card{transition:all var(--transition-base)}.activity-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.activity-item{display:flex;align-items:flex-start;gap:var(--space-4)}.activity-icon-small{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon-small.feeding{background:#f973161a;color:#f97316}.activity-icon-small.pumping{background:#a855f71a;color:#a855f7}.activity-icon-small.sleep{background:#6366f11a;color:#6366f1}.activity-icon-small.activity{background:#06b6d41a;color:#06b6d4}.activity-icon-small.diaper{background:#92400e1a;color:#92400e}.activity-icon-small.growth{background:#34d39926;color:var(--color-growth)}.activity-icon-small.health{background:#ef444426;color:#ef4444}.activity-icon-small.milestone{background:#fbbf2426;color:#fbbf24}.activity-details{flex:1;min-width:0}.activity-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.activity-type{font-size:1rem;font-weight:600;color:var(--color-text)}.activity-time{font-size:.875rem;font-weight:500;color:var(--color-text-muted)}.activity-logged-by{font-size:.75rem;color:var(--color-text-light);margin:var(--space-1) 0 0 0}.activity-summary{font-size:.875rem;color:var(--color-text-muted);margin:0}.activity-notes{font-size:.8125rem;color:var(--color-text-light);margin:var(--space-2) 0 0 0;font-style:italic}.empty-activities{border:2px dashed var(--color-border)}.empty-state-inline{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6);text-align:left}.empty-state-inline svg{color:var(--color-text-light);flex-shrink:0}.empty-state-inline h4{font-size:1rem;font-weight:600;color:var(--color-text);margin:0 0 var(--space-1) 0}.empty-state-inline p{font-size:.875rem;color:var(--color-text-muted);margin:0}.activity-count{font-size:.875rem;font-weight:600;color:var(--color-text-muted);background:var(--color-surface-muted);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.user-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--gradient-brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.dashboard-main{padding:var(--space-8) 0}.dashboard-main .container{display:flex;flex-direction:column;gap:var(--space-16)}.baby-selector{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border-muted)}.baby-avatar{width:60px;height:60px;border-radius:var(--radius-full);background:var(--gradient-soft);display:flex;align-items:center;justify-content:center;font-size:2rem}.baby-info{flex:1}.baby-name{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-1)}.baby-age{font-size:.875rem;color:var(--color-text-muted)}.section-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.text-link{color:var(--color-primary-dark);font-weight:500;font-size:.875rem;transition:var(--transition-fast)}.text-link:hover{color:var(--color-secondary)}.action-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-4)}@media(max-width:1400px){.action-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.action-grid{grid-template-columns:repeat(2,1fr)}}.action-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-card);border:2px solid var(--color-border-muted);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;--activity-color: var(--color-primary-dark);--activity-bg: var(--color-surface-muted);--activity-bg-strong: var(--color-hover)}.action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.action-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:var(--transition-base);background:var(--activity-bg, rgba(0, 0, 0, .04));color:var(--activity-color, var(--color-primary))}.action-card:hover .action-icon{background:var(--activity-bg-strong, rgba(0, 0, 0, .08))}.action-label{font-weight:600;font-size:.875rem;color:var(--color-text)}.activities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.activity-header{display:flex;align-items:center;gap:var(--space-3)}.activity-icon-badge{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-feeding{background:#c735641a;color:var(--color-feeding)}.activity-sleep{background:#818cf81a;color:var(--color-sleep)}.activity-diaper{background:#fbbf241a;color:var(--color-diaper)}.activity-meta{flex:1;display:flex;flex-direction:column;gap:2px}.activity-meta strong{font-size:.9375rem;font-weight:600;color:var(--color-text)}.activity-time{font-size:.8125rem;color:var(--color-text-muted)}.activity-detail{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--space-2)}.activity-insight{font-size:.875rem;color:var(--color-text);padding:var(--space-3);background:var(--gradient-soft);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4)}.stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-muted)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-feeding{background:#c735641a;color:var(--color-feeding)}.stat-sleep{background:#818cf81a;color:var(--color-sleep)}.stat-diaper{background:#fbbf241a;color:var(--color-diaper)}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-value{font-family:var(--font-display);font-size:1.875rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.stat-label{font-size:1rem;color:var(--color-text-muted)}@media(max-width:768px){.dashboard-main{padding:var(--space-6) 0}.baby-selector{flex-direction:column;text-align:center}.action-grid{grid-template-columns:repeat(2,1fr)}.activities-grid,.stats-grid{grid-template-columns:1fr}}.activity-card{cursor:pointer;transition:all .2s ease}.activity-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dashboard-skeleton-card{border:1px solid var(--color-border-muted)}.dashboard-skeleton-avatar{width:80px;height:80px}.dashboard-skeleton-title{width:180px;height:18px;margin-bottom:10px}.dashboard-skeleton-subtitle{width:140px}.dashboard-skeleton-timer{width:52px;height:52px;border-radius:16px}.dashboard-skeleton-section-title{width:180px;height:14px}.dashboard-skeleton-count{width:48px;height:12px}.dashboard-skeleton-action,.dashboard-skeleton-activity{height:88px;border-radius:var(--radius-lg)}.log-filter{display:flex;gap:var(--space-2);flex-wrap:wrap}.log-filter-select{display:none;position:relative;width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.log-filter-select select{width:100%;padding:var(--space-3);padding-right:calc(var(--space-5) + 10px);border:2px solid var(--color-border-muted);border-radius:var(--radius-lg);background:var(--color-bg-card);color:var(--color-text);font-size:.95rem;font-weight:700;appearance:none;-webkit-appearance:none;box-shadow:0 6px 14px #0000000f;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.log-filter-select:after{content:"▾";position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;font-size:.9rem}.log-filter-select select:focus{outline:none;border-color:var(--color-border);box-shadow:0 10px 20px #00000014;transform:translateY(-1px)}.log-filter-select select:hover{border-color:var(--color-border)}.log-filter-btn{padding:var(--space-2) var(--space-4);border:2px solid var(--color-border-muted);border-radius:var(--radius-lg);background:var(--color-bg-card);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--space-2);color:var(--activity-color, var(--color-text-muted))}.log-filter-btn .label{display:none}.log-filter-btn:hover{border-color:var(--activity-color, var(--color-border));transform:translateY(-1px)}.log-filter-btn.active{border-color:currentColor;background:var(--activity-bg, var(--gradient-soft));color:var(--activity-color, var(--color-primary))}.log-filter-btn.active .label{display:inline}@media(max-width:640px){.log-filter-btn{padding:var(--space-2) var(--space-3)}.log-filter-btn .label{display:none}.log-filter-btn.active .label{display:inline}.log-filter-select{display:block;width:100%;margin-top:var(--space-3)}.log-filter{display:none}}.insights-page{min-height:100vh;background:var(--color-bg)}.insights-header{position:sticky;top:0;z-index:80;background:var(--color-header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-header-border);transition:var(--transition-base)}.insights-header .container{padding:var(--space-4) var(--container-padding)}.header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.header-left h1{font-size:1.6rem;font-weight:700;font-family:var(--font-display);color:var(--color-text);line-height:1.6;margin:0 0 var(--space-1) 0}.age-stage-link{display:inline-flex;align-items:center;gap:4px;font-size:.875rem;color:var(--color-primary-dark);font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.age-stage-link:hover{color:var(--color-secondary);transform:translate(2px)}.time-filters{display:flex;gap:var(--space-1);background:var(--color-surface-muted);padding:4px;border-radius:var(--radius-md)}.time-pill{padding:6px 14px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.time-pill:hover{background:var(--color-hover)}.time-pill.active{background:var(--color-bg-card);color:var(--color-primary-dark);box-shadow:var(--shadow-sm)}@media(max-width:768px){.header-content{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.time-filters{width:100%;justify-content:space-between}.time-pill{flex:1;padding:6px 8px;font-size:.8125rem}}.insights-main{padding:var(--space-8) 0}.stack{display:flex;flex-direction:column;gap:var(--space-6)}.section{display:flex;flex-direction:column;gap:var(--space-4)}.insights-error-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid rgba(239,68,68,.25);background:#ef444414;color:var(--color-text)}.insights-error-text{color:#7f1d1d;font-size:.9375rem;line-height:1.4}.insights-error-dismiss{flex:none;border:1px solid rgba(15,23,42,.12);background:#ffffffbf;color:var(--color-text);padding:8px 12px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.insights-error-dismiss:hover{transform:translateY(-1px)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.insights-loading .header-left{min-width:220px}.insights-skeleton-title{width:180px;height:18px;margin-bottom:10px}.insights-skeleton-subtitle{width:120px;height:12px}.insights-skeleton-filters{gap:var(--space-2);background:transparent;padding:0}.insights-skeleton-pill{width:70px;height:28px;border-radius:var(--radius-sm)}.insights-skeleton-tabs{display:flex;gap:var(--space-2);flex-wrap:wrap}.insights-skeleton-tab{width:90px;height:32px;border-radius:var(--radius-md)}.insights-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.insights-skeleton-card{height:140px;border-radius:var(--radius-lg)}.insights-skeleton-chart{display:flex}.insights-skeleton-chart-block{width:100%;height:220px;border-radius:var(--radius-lg)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--color-text-muted);font-weight:700}.muted{color:var(--color-text-muted);font-size:.875rem}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--color-surface-muted);color:var(--color-text);font-weight:600;font-size:.8125rem}.badge.ok{background:#34d39929;color:#0f9b6c}.badge.high{background:#f59e0b29;color:#b45309}.trends-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-3)}.tabs{display:flex;gap:var(--space-2);flex-wrap:wrap}.tab{padding:10px 14px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-card);font-weight:700;color:var(--color-text);transition:var(--transition-base)}.tab.active{background:var(--gradient-soft);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.guidance-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;padding:10px 12px;background:var(--color-surface-muted);border-radius:var(--radius-sm);align-items:center;font-size:.875rem}.guidance-row.header{background:transparent;color:var(--color-text-muted);font-weight:700}.cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.section h2{margin:4px 0}@media(max-width:900px){.hero-content{flex-direction:column}.hero-actions{width:100%}.range-picker{flex-wrap:wrap;width:100%}.guidance-row{grid-template-columns:1.5fr 1fr 1fr 1fr}.cta{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.insights-main{padding:var(--space-6) 0}.section-head{align-items:flex-start}.guidance-row{grid-template-columns:1fr 1fr;grid-template-areas:"label label" "yours expected" "status status"}.guidance-row span:nth-child(1){grid-area:label}.guidance-row span:nth-child(2){grid-area:yours}.guidance-row span:nth-child(3){grid-area:expected}.guidance-row span:nth-child(4){grid-area:status}}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.overview-tile{border:1px solid var(--color-border-muted)}.tile-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.tile-value{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--color-text)}.badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:700}.kpi-card .badge{max-width:96px;display:inline-flex;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.guidance-row .badge.guidance-status-badge{gap:8px;padding:6px 12px;border-radius:12px;font-size:.8rem;font-weight:700;min-width:120px;justify-self:end}.badge.ok{background:#10b9811f;color:#059669}.badge.low{background:#ef44441f;color:#b91c1c}.badge.high{background:#f59e0b1f;color:#b45309}.badge.attention{background:#3b82f61f;color:#1d4ed8}.badge.tone-success{background:#34d39929;color:#0f9b6c}.badge.tone-warn{background:#f59e0b29;color:#b45309}.badge.tone-info{background:#3b82f61f;color:#1d4ed8}.insight-card{border:1px solid var(--color-border-muted)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.milestone-tab .card-head{flex-direction:column;align-items:flex-start;justify-content:flex-start}.card-title{margin:4px 0;font-size:1.125rem;font-weight:700;color:var(--color-text)}.chart-wrap{width:100%;height:200px}.guidance-table{display:grid;gap:8px}.guidance-table-compact{gap:6px;margin-top:var(--space-3)}.guidance-table-compact .guidance-row.header{padding:12px 16px;border-bottom:0;font-size:.75rem}.guidance-row{display:grid;grid-template-columns:3fr 2fr 3fr 140px;gap:12px;padding:12px 16px;background:var(--color-surface-muted);border-radius:var(--radius-sm);align-items:center;font-size:.875rem;border-bottom:1px solid var(--color-border-muted)}.guidance-row.header{background:transparent;padding:12px 16px;color:var(--color-text-muted);font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;border-bottom:2px solid var(--color-border)}.guidance-row:not(.header):hover{background:var(--color-hover)}.badge svg{stroke:currentColor}.guidance-row .guidance-main{display:flex;align-items:center;gap:8px}.guidance-row .label-cell{font-weight:600}.guidance-row .yours-value{font-weight:700;color:var(--color-text);text-align:left}.guidance-row .expected-value{color:var(--color-text-secondary);text-align:left}.citations{display:flex;align-items:center;gap:var(--space-2)}.citation-link-inline{color:#60a5fa;font-weight:400}.citation-link-inline:hover{text-decoration:underline}.citation-link{color:#60a5fa;font-weight:400;text-decoration:none}.citation-link:hover,.citation-link:focus{text-decoration:underline}.citations-list.inline{display:flex;flex-wrap:wrap;gap:var(--space-3);list-style:none;padding:0;margin:0;align-items:center}.citations-list.inline .citation-item{display:flex;gap:var(--space-2);align-items:center}.citation-title{color:var(--color-text);font-size:.875rem;font-weight:400}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-3)}.section-group{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.recommendation{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-muted);background:var(--color-bg-card);display:flex;flex-direction:column;gap:6px}.recommendation h5{margin:4px 0;font-size:.9375rem;font-weight:700;color:var(--color-text)}.recommendation p{color:var(--color-text-muted);font-size:.8125rem}.recommendation.warn{border-color:#f59e0b4d}.recommendation.success{border-color:#34d3994d}.recommendation.info{border-color:#3b82f64d}.rec-top{display:flex;align-items:center;gap:8px;color:var(--color-text-muted);font-size:.8125rem;text-transform:capitalize}.rec-label{font-weight:700}.citations{margin-top:var(--space-3);font-size:.75rem}@media(max-width:640px){.guidance-row.header{display:none}.guidance-row{grid-template-columns:1fr 1fr;grid-template-areas:"label label" "yours expected" "status status";gap:8px;padding:10px 12px}.guidance-row .label-cell{grid-area:label}.guidance-row .yours-value{grid-area:yours}.guidance-row .expected-value{grid-area:expected}.guidance-row .guidance-status-badge{grid-area:status;justify-self:end;width:auto}.guidance-row .label-cell{display:block}}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4);align-items:stretch;margin-bottom:0}.kpi-card-wrapper{position:relative;border-radius:12px;overflow:hidden;height:100%}.kpi-card{background:var(--color-bg-card);border:1px solid var(--color-border-muted);border-radius:12px;transition:all .2s ease;display:flex;flex-direction:column;height:100%}.kpi-card>*{flex:1 1 auto}.kpi-card-clickable{cursor:pointer}.kpi-card-clickable:hover,.kpi-card-clickable:focus{box-shadow:0 6px 20px #00000014;transform:translateY(-2px);border-radius:12px;outline:none}.kpi-card-clickable:hover .kpi-card,.kpi-card-clickable:focus .kpi-card{border-color:var(--color-border)}.kpi-card-clickable:focus .kpi-card{box-shadow:0 6px 20px #3b82f624;border-color:#3b82f633}.kpi-card-clickable:active{transform:translateY(0)}.kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.kpi-content{display:flex;flex-direction:column;gap:var(--space-3)}.kpi-value{font-size:1.5rem;font-weight:700;font-family:var(--font-display);color:var(--color-text);line-height:1.2}.kpi-chart{width:100%;height:40px;opacity:.8}@media(max-width:768px){.kpi-grid{grid-template-columns:1fr}.kpi-value{font-size:1.25rem}}.section-head h2{font-size:1.5rem;font-weight:700;font-family:var(--font-display);margin:0 0 var(--space-1) 0;color:var(--color-text)}.section-head h3,.section-title{font-size:1.125rem;font-weight:600;margin:0 0 var(--space-1) 0;color:var(--color-text)}.section-title+.section-subtitle{margin-top:0;margin-bottom:0;display:block}.section-subtitle{font-size:.875rem;color:var(--color-text-muted);margin:0}.type-grid-enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.insights-page .section-title,.insights-page .section-head h3{margin-bottom:var(--space-1)}.insights-page .section-title+.section-subtitle{margin-top:0}.type-card{background:var(--color-bg-card);border:1px solid var(--color-border-muted);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;align-items:center;text-align:center;transition:all var(--transition-base)}.type-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.type-icon-large{font-size:3rem;margin-bottom:var(--space-3);line-height:1}.type-title{font-size:1rem;font-weight:600;margin:0 0 var(--space-2) 0;color:var(--color-text)}.type-stat-large{font-size:2.5rem;font-weight:700;font-family:var(--font-display);color:var(--color-primary-dark);margin-bottom:var(--space-3);line-height:1}.type-progress{width:100%;margin-bottom:var(--space-4)}.progress-bar{height:8px;background:var(--color-hover);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-base)}.type-metrics{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:var(--color-surface-muted);border-radius:var(--radius-sm)}.metric-label{font-size:.8125rem;color:var(--color-text-muted)}.metric-value{font-size:.875rem;font-weight:600;color:var(--color-text)}.chart-container{margin:var(--space-4) 0;width:100%;min-width:0}.chart-empty{padding:var(--space-4);text-align:center;color:var(--color-text-muted)}.tooltip-time{font-weight:700;color:var(--color-text);margin-bottom:var(--space-1);font-size:.8125rem}.tooltip-hint{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border-muted);color:var(--color-primary-dark);font-size:.75rem;font-style:italic}.citations-list{list-style:none;padding:0;margin:var(--space-3) 0 0 0;display:flex;flex-direction:column;gap:var(--space-2)}.citations-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface-muted);border:1px solid var(--color-border-muted);border-radius:var(--radius-sm);flex-wrap:wrap}.citations-list .citation-title{flex:1;color:var(--color-text);line-height:1.4}.citations-list li a{display:inline-flex;align-items:center;gap:var(--space-2);color:#60a5fa;text-decoration:none;font-size:.875rem;margin-left:auto}.citations-list li a:hover{text-decoration:underline}.citations-disclaimer{font-size:.75rem;color:var(--color-text-muted);font-style:normal;margin:0;margin-top:1rem;padding:.25rem 0;background:transparent;border-left:none;border-radius:0}.milestone-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-4)}.milestone-domain-grid{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.milestone-domain-card{border:1px solid var(--color-border-muted);border-radius:var(--radius-md);padding:var(--space-3);background:#6366f10d}.domain-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);gap:var(--space-2)}.domain-label{font-weight:600;font-size:.95rem;color:var(--color-text)}.domain-count{font-size:.8125rem;color:var(--color-text-muted)}.domain-progress{width:100%;height:6px;border-radius:8px;background:#6366f133;overflow:hidden;margin-bottom:var(--space-2)}.domain-progress-bar{height:6px;background:linear-gradient(90deg,#a78bfa,#6366f1)}.milestone-attention-list{list-style:none;padding:0;margin:var(--space-3) 0 0;display:flex;flex-direction:column;gap:var(--space-2)}.milestone-attention-list li{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-muted);font-size:.9rem}.milestone-attention-list li.warn{border-color:#f9731640;background:#f9731614}.milestone-attention-list li.success{border-color:#22c55e40;background:#22c55e14}.milestone-attention-list li.info{border-color:#3b82f640;background:#3b82f614}.milestone-focus{display:grid;gap:var(--space-4);margin-top:var(--space-3)}.muted.subhead{text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;margin-bottom:var(--space-2);display:inline-flex}.milestone-focus-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.milestone-focus-list li{border:1px solid var(--color-border-muted);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-surface-muted)}.focus-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.status-pill,.domain-pill{display:inline-flex;align-items:center;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600;border-radius:999px;padding:.15rem .65rem}.status-pill.current{background:#3b82f626;color:#1d4ed8}.status-pill.overdue{background:#f9731626;color:#c2410c}.status-pill.upcoming{background:#10b98126;color:#047857}.domain-pill{background:#4f46e51f;color:#4338ca}.muted.small{font-size:.85rem}.milestone-timeline{list-style:none;margin:var(--space-3) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.milestone-timeline li{display:grid;grid-template-columns:90px 1fr;gap:var(--space-3);align-items:flex-start;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-muted)}.milestone-timeline li:last-child{border-bottom:none;padding-bottom:0}.timeline-date{font-weight:600;color:var(--color-text)}.timeline-body h5{margin:0;font-size:1rem}.timeline-body p{margin:.25rem 0 0}@media(max-width:768px){.type-grid-enhanced{grid-template-columns:1fr}}.overview-tab{display:flex;flex-direction:column;gap:var(--space-6)}.welcome-card{text-align:center;padding:var(--space-8) var(--space-6)}.welcome-card h2{font-size:2rem;margin-bottom:var(--space-4);color:var(--color-text)}.welcome-text{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.welcome-list{list-style:none;padding:0;margin:var(--space-6) auto;max-width:400px;text-align:left}.welcome-list li{padding:var(--space-2) 0;font-size:1.125rem;color:var(--color-text)}.health-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.health-status-card{border:2px solid transparent;transition:all .2s ease}.health-status-card.clickable{cursor:pointer}.health-status-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.health-status-card.ok{border-color:#34d3994d}.health-status-card.attention{border-color:#f59e0b4d}.health-status-card.insufficient{border-color:#3b82f633}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.status-icon{font-size:2rem}.status-badge{font-size:1.25rem}.status-title{font-size:1rem;font-weight:600;margin-bottom:var(--space-2);color:var(--color-text)}.status-value{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-1);color:var(--color-text)}.status-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.status-label.ok{color:#22c55e}.status-label.attention{color:#f59e0b}.status-label.insufficient{color:#3b82f6}.focus-areas-card{border:1px solid var(--color-border-muted)}.focus-list{display:flex;flex-direction:column;gap:var(--space-4)}.focus-item{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:12px;background:var(--color-surface-muted)}.focus-item.warn{background:#f59e0b14;border:1px solid rgba(245,158,11,.2)}.focus-item.success{background:#34d39914;border:1px solid rgba(52,211,153,.2)}.focus-item.info{background:#3b82f614;border:1px solid rgba(59,130,246,.2)}.focus-number{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:.875rem}.focus-content{flex:1}.focus-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.focus-header h5{font-size:1rem;font-weight:700;color:var(--color-text);margin:0}.focus-content p{color:var(--color-text-secondary);margin-bottom:var(--space-2);line-height:1.5}.focus-content p:last-child{margin-bottom:0}.action-step{font-weight:600;color:var(--color-primary)}.quick-links{display:flex;gap:var(--space-3);flex-wrap:wrap}@media(max-width:640px){.health-status-grid{grid-template-columns:1fr}.quick-links{flex-direction:column}.quick-links button{width:100%}}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.badge-sm{padding:2px 8px;font-size:.6875rem}.badge-md{padding:4px 12px;font-size:.75rem}.badge-primary{background:#c735641a;border:1px solid rgba(199,53,100,.3);color:var(--color-primary-dark)}.badge-secondary{background:#d6336c1a;border:1px solid rgba(214,51,108,.3);color:var(--color-secondary)}.badge-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--color-success)}.badge-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:var(--color-warning)}.badge-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-error)}.badge-info{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:var(--color-info)}.badge-ai{background:linear-gradient(135deg,#a78bfa1a,#8b5cf61a);border:1px solid rgba(167,139,250,.3);color:var(--color-text)}.progress-bar{height:12px;background:var(--color-hover);border-radius:6px;overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:6px;transition:width .6s ease;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--color-shimmer),transparent);animation:shimmer 2s infinite}.progress-fill.breast,.feed-type-fill.breast{background:linear-gradient(90deg,var(--feed-breast, #dc2626) 0%,rgba(239,68,68,.9) 100%)}.progress-fill.bottle,.feed-type-fill.bottle{background:linear-gradient(90deg,var(--feed-bottle, #f97316) 0%,rgba(251,146,60,.9) 100%)}.progress-fill.solid,.feed-type-fill.solid{background:linear-gradient(90deg,var(--feed-solid, #92400e) 0%,rgba(180,83,9,.9) 100%)}.progress-fill.wet{background:linear-gradient(90deg,var(--diaper-wet, #60a5fa) 0%,rgba(96,165,250,.9) 100%)}.progress-fill.dirty{background:linear-gradient(90deg,var(--diaper-dirty, #f59e0b) 0%,rgba(245,158,11,.9) 100%)}.progress-fill.both{background:linear-gradient(90deg,var(--diaper-both, #8b5cf6) 0%,rgba(139,92,246,.9) 100%)}.progress-fill.tummy{background:linear-gradient(90deg,var(--activity-tummy, #f472b6) 0%,rgba(244,114,182,.9) 100%)}.progress-fill.screen{background:linear-gradient(90deg,var(--activity-screen, #fb923c) 0%,rgba(251,146,60,.9) 100%)}.progress-bar.small{height:8px;border-radius:4px}.progress-bar.large{height:16px}.insights-tooltip,.custom-tooltip{background:var(--color-bg-card);border:1px solid var(--color-border-muted);border-radius:var(--radius-md);padding:var(--space-2);box-shadow:0 6px 18px #00000014;font-size:.875rem;min-width:160px}.insights-tooltip .insights-tooltip-line{color:var(--color-text-muted);margin-bottom:var(--space-1);font-size:.8rem}.insights-tooltip .tooltip-time{font-weight:600;color:var(--color-text);margin-bottom:var(--space-1)}.insights-tooltip .tooltip-hint{font-style:italic;color:var(--color-text-muted)}.insights-chart,.chart-container,.chart-container .recharts-wrapper{min-width:0;min-height:0}.insights-chart .chart-title{font-family:var(--font-display)}.insights-chart .recharts-tooltip-wrapper{font-size:.9rem}.insights-chart .recharts-legend-wrapper{font-size:12px;display:flex;justify-content:center;align-items:center}.recharts-default-legend.rounded-legend{padding:0;margin:0;display:flex;gap:12px;justify-content:center;align-items:center}.recharts-default-legend.rounded-legend .recharts-legend-item{display:flex;gap:6px;align-items:center}.recharts-default-legend.rounded-legend .legend-swatch{width:14px;height:14px;border-radius:4px;display:inline-block}.recharts-default-legend.rounded-legend .recharts-legend-item-text{font-size:.825rem}.insights-chart .recharts-cartesian-axis-tick tspan{fill:var(--color-text-muted);font-size:12px}.insights-chart .recharts-cartesian-axis-label tspan{fill:var(--color-text-muted);font-size:12px}.insights-chart .recharts-cartesian-grid line{stroke:var(--color-chart-grid);stroke-dasharray:3 3}.insights-chart .recharts-tooltip-wrapper .insights-tooltip{box-shadow:var(--shadow-chart-tooltip)}.insights-chart .recharts-surface{overflow:visible}.top-foods-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-4) 0}.top-food-item{display:flex;gap:var(--space-1);align-items:stretch;flex-direction:column}.top-food-row{display:flex;justify-content:space-between;align-items:center}.food-name{font-weight:500;font-size:.9rem;color:var(--color-text)}.food-pct{font-weight:500;font-size:.825rem;color:var(--color-text-muted)}.top-food-bar{width:100%;overflow:hidden;margin-top:0}.top-food-fill{height:100%;border-radius:8px;transition:width .28s cubic-bezier(.2,.9,.2,1);display:flex;align-items:center;color:#fff;font-weight:700;font-size:11px}.top-foods-title{margin:0 0 var(--space-2, var(--space-1));font-size:.825rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase}.top-foods-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.top-foods-title{margin:0;flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--space-2)}.see-all-button{background:transparent;border:none;color:#60a5fa;font-size:.825rem;font-weight:400;cursor:pointer;padding:4px 6px;margin-left:auto;flex:0 0 auto}.modal-backdrop{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:2000}.modal{background:var(--color-bg-card);border-radius:8px;width:min(720px,95%);max-height:80vh;overflow:auto;box-shadow:0 8px 24px #02061733}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-chart-tooltip-border)}.modal-close{background:transparent;border:none;font-size:20px;line-height:1;cursor:pointer}.modal-body{padding:12px 16px}.top-foods-table{width:100%;border-collapse:collapse}.top-foods-table th{text-align:left;padding:8px 12px;font-weight:600;color:var(--color-text)}.top-foods-table td{padding:8px 12px;border-top:1px solid var(--color-border-muted)}.top-foods-table tr:nth-child(2n) td{background:var(--color-surface-muted)}.top-food-bar{display:block;position:relative}.top-food-bar .progress-bar{border-radius:8px;background:var(--color-hover);overflow:hidden}.top-food-bar .progress-fill{height:100%;border-radius:8px}.feed-type-bar{height:12px;background:var(--color-hover);border-radius:var(--radius-full);overflow:hidden}.feed-type-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-base)}.type-progress .progress-bar{height:12px;background:var(--color-hover);border-radius:var(--radius-full);overflow:hidden;position:relative}.type-progress .progress-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-base);position:relative;overflow:hidden}.type-progress .progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--color-shimmer),transparent);animation:shimmer 2s infinite}.feed-type-fill.breast{background:linear-gradient(90deg,var(--feed-breast, #dc2626) 0%,rgba(239,68,68,.9) 100%)}.feed-type-fill.bottle{background:linear-gradient(90deg,var(--feed-bottle, #f97316) 0%,rgba(251,146,60,.9) 100%)}.feed-type-fill.solid{background:linear-gradient(90deg,var(--feed-solid, #92400e) 0%,rgba(180,83,9,.9) 100%)}@media(max-width:520px){.top-foods-grid{max-width:320px}.top-foods-list{gap:var(--space-2, var(--space-1))}.food-name{font-size:.92rem}}.empty-state-card{text-align:center;padding:var(--space-8) var(--space-4);margin:var(--space-6) 0}.empty-icon{color:var(--color-text-tertiary);margin-bottom:var(--space-4);display:flex;justify-content:center;opacity:.6}.empty-state-card h3{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-2);color:var(--color-text)}.empty-description{color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:400px;margin-left:auto;margin-right:auto;line-height:1.6}.progress-container{margin-bottom:var(--space-6);max-width:300px;margin-left:auto;margin-right:auto}.progress-bar{width:100%;height:8px;background:var(--color-hover);border-radius:999px;overflow:hidden;margin-bottom:var(--space-2)}.progress-fill{height:100%;background:linear-gradient(90deg,#a855f7,#ec4899);border-radius:999px;transition:width .3s ease}.progress-label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.encouragement{font-weight:600;color:var(--color-primary);margin-bottom:var(--space-4);font-size:1.125rem}.empty-tip{margin-top:var(--space-4);font-size:.875rem;color:var(--color-text-muted);font-style:italic;max-width:400px;margin-left:auto;margin-right:auto}.feeding-tab{display:flex;flex-direction:column}.feed-type-card{background:var(--color-bg-card);border:1px solid var(--color-border-muted)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-5)}.card-title{font-size:1.125rem;font-weight:600;margin:0 0 var(--space-1) 0;color:var(--color-text)}.stat-badge{padding:6px 12px;background:#c735641f;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;color:var(--color-primary)}.feed-type-grid{display:flex;flex-direction:column;gap:var(--space-5)}.feed-type-item{display:flex;flex-direction:column;gap:var(--space-3)}.feed-type-header{display:flex;align-items:center;gap:var(--space-3)}.feed-icon{font-size:2rem;line-height:1}.feed-type-header h4{font-size:1rem;font-weight:600;margin:0;color:var(--color-text)}.feed-stat{font-size:.875rem;color:var(--color-text-muted);margin:var(--space-1) 0 0 0}.progress-fill.breast{background:linear-gradient(90deg,var(--feed-breast, #dc2626) 0%,rgba(239,68,68,.9) 100%)}.progress-fill.bottle{background:linear-gradient(90deg,var(--feed-bottle, #f97316) 0%,rgba(251,146,60,.9) 100%)}.progress-fill.solid{background:linear-gradient(90deg,var(--feed-solid, #92400e) 0%,rgba(180,83,9,.9) 100%)}.feed-type-details{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.feed-percentage{font-size:1.25rem;font-weight:700;color:var(--color-text)}.feed-metric{font-size:.875rem;color:var(--color-text-muted);padding:4px 10px;background:var(--color-hover);border-radius:var(--radius-sm)}.intervals-grid{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.interval-pill{padding:8px 14px;background:var(--color-hover);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--color-text);border:1px solid var(--color-border-muted);transition:all var(--transition-fast)}.interval-pill.short{background:#fbbf241a;border-color:#fbbf244d;color:#92400e}.interval-pill.long{background:#818cf81a;border-color:#818cf84d;color:#3730a3}.interval-legend{display:flex;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-muted);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:1rem;color:var(--color-text-muted)}.legend-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border-muted)}.legend-dot.short{background:#fbbf2499}.legend-dot.normal{background:var(--color-border-muted)}.legend-dot.long{background:#818cf899}.card-header-enhanced{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.feed-trend-toggle{display:inline-flex;gap:var(--space-2);align-items:center;margin-left:var(--space-4)}@media(max-width:640px){.card-header-enhanced{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.feed-trend-toggle{margin-left:0}}.interval-timeline-container{margin-bottom:var(--space-6);padding:var(--space-5);background:var(--color-surface-muted);border-radius:var(--radius-lg);border:1px solid var(--color-border-muted)}.timeline-title{font-size:.875rem;font-weight:600;margin:0 0 var(--space-4) 0;color:var(--color-text);text-transform:uppercase;letter-spacing:.05em}.interval-timeline{overflow-x:auto;padding:var(--space-4) 0}.timeline-track{display:flex;align-items:center;min-width:600px;gap:0}.timeline-event{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex-shrink:0}.timeline-marker{width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-bg-card);border:3px solid var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 2px 8px #c7356433}.timeline-time{font-size:.75rem;font-weight:600;color:var(--color-text);white-space:nowrap}.timeline-gap{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:0 var(--space-3);flex-shrink:0;min-width:80px}.gap-line{width:100%;height:3px;background:var(--color-border-muted);border-radius:var(--radius-full);position:relative}.timeline-gap.short .gap-line{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.timeline-gap.long .gap-line{background:linear-gradient(90deg,#818cf8,#a855f7)}.gap-label{font-size:.75rem;font-weight:600;color:var(--color-text-muted);padding:2px 8px;background:var(--color-hover);border-radius:var(--radius-sm)}.timeline-gap.short .gap-label{background:#f59e0b26;color:#92400e}.timeline-gap.long .gap-label{background:#818cf826;color:#3730a3}.timeline-empty{text-align:center;color:var(--color-text-muted);font-size:.875rem;padding:var(--space-4);font-style:italic}.timeline-legend{display:flex;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-muted);flex-wrap:wrap;justify-content:center}.interval-bubble-chart{margin-bottom:var(--space-6);padding:var(--space-5);background:var(--color-surface-muted);border-radius:var(--radius-lg);border:1px solid var(--color-border-muted)}.bubble-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);gap:var(--space-4)}@media(max-width:640px){.bubble-chart-header{flex-wrap:wrap;align-items:flex-start;gap:var(--space-3)}.bubble-legend-inline{width:100%;justify-content:flex-start;gap:var(--space-3)}.bubble-view-toggle{width:100%;display:flex;justify-content:flex-start}.toggle-btn{width:auto}}@media(max-width:420px){.bubble-legend-inline .legend-item-inline{font-size:.75rem}.bubble-chart-container svg text{font-size:11px}}.bubble-legend-inline{display:flex;gap:var(--space-4);align-items:center;height:100%}.interval-bubble-chart circle:focus{outline:none;stroke:var(--color-text);stroke-width:2px;filter:none}.legend-item-inline{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:600;font-size:.875rem}.legend-bubble-inline{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:6px}.legend-dot-inline{font-size:14px;margin-right:4px;color:var(--color-text-muted)}.distribution-title{font-size:.875rem;font-weight:600;margin:0 0 var(--space-1) 0;color:var(--color-text);text-transform:uppercase;letter-spacing:.05em}.bubble-chart-subtitle{font-size:.7rem;color:var(--color-text-muted);margin:0}.bubble-view-toggle{display:flex;gap:var(--space-1);background:var(--color-hover);padding:4px;border-radius:var(--radius-md);align-items:center}.toggle-btn{padding:var(--space-2) var(--space-3);border:none;background:transparent;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center}.toggle-btn:hover{color:var(--color-text);background:var(--color-hover)}:root[data-theme=dark] .timeline-gap.short .gap-label{color:#fbbf24}:root[data-theme=dark] .timeline-gap.long .gap-label{color:#a78bfa}:root[data-theme=dark] .interval-pill.short{color:#fbbf24}:root[data-theme=dark] .interval-pill.long{color:#a78bfa}.toggle-btn.active{background:var(--color-bg-card);color:var(--color-primary-dark);box-shadow:0 1px 3px #0000001a}.bubble-chart-container{margin-top:var(--space-2);padding:0;width:100%;margin-left:0;overflow:visible}.bubble-chart-container{height:360px;min-height:260px;min-width:0}@media(max-width:640px){.bubble-chart-container{height:260px}}.bubble-legend{display:flex;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-2) var(--space-3);background:transparent;border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;justify-content:flex-start;font-size:.85rem;color:var(--color-text-muted)}.legend-bubble{width:12px;height:12px;border-radius:50%;opacity:.95;border:2px solid var(--color-bubble-outline);flex-shrink:0}.legend-size-demo{display:flex;align-items:center;gap:4px}.size-bubble{border-radius:50%;background:var(--color-text-muted);opacity:.4}.size-bubble.small{width:8px;height:8px}.size-bubble.medium{width:12px;height:12px}.size-bubble.large{width:16px;height:16px}.legend-divider{width:1px;height:20px;background:var(--color-card-border)}.bubble-legend .legend-text{font-size:.75rem;color:var(--color-text-muted)}.bubble-overflow-fix{overflow:visible}.interval-insights{margin-top:var(--space-4);padding:var(--space-4);background:#3b82f60d;border-radius:var(--radius-md);border:1px solid rgba(59,130,246,.1);margin-bottom:var(--space-6)}.insight-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4)}.insight-item{display:flex;flex-direction:column;gap:var(--space-1)}.insight-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.insight-value{font-size:1.25rem;font-weight:700;font-family:var(--font-display);color:var(--color-text)}@media(max-width:768px){.feeding-tab{gap:var(--space-4)}.feed-type-grid-enhanced{grid-template-columns:1fr}.feed-type-details{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.card-header{flex-direction:column;gap:var(--space-3)}.interval-legend{flex-direction:column;gap:var(--space-2)}.insight-row{grid-template-columns:1fr 1fr}.insight-value{font-size:1.125rem}.interval-timeline{overflow-x:scroll;-webkit-overflow-scrolling:touch}.timeline-track{min-width:100%}.bubble-chart-header{flex-direction:column}.bubble-view-toggle{width:100%}.toggle-btn{flex:1}.bubble-legend{flex-direction:column;align-items:flex-start}}.citation-card{background:#00000005;border-radius:var(--radius-sm);padding:var(--space-3);font-size:.875rem;color:var(--color-text);line-height:1.25;font-weight:400;border:1px solid rgba(0,0,0,.02)}.citation-card,.citation-card *{font-weight:400}.citation-card--section{padding:var(--space-4);margin-top:var(--space-5)}.citation-card .citation-header{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.citation-card .citation-header .source-name{font-weight:500;color:var(--color-text);font-size:.875rem;padding-bottom:.25rem}.citation-card .citation-header .source-meta{color:var(--color-text);font-size:.8rem}.citation-card .citation-body{color:var(--color-text)}.citation-card--inline{display:flex;align-items:center;gap:var(--space-3)}.citation-card--inline .citation-body{flex:1;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.citation-card--inline .citation-header{margin-bottom:0}.citation-card--inline .citation-body{margin:0;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.citation-card--inline .citation-link{margin-left:auto}.citation-card--inline .citation-header .source-name{margin-right:var(--space-2)}.citation-inline-label{font-weight:600;color:var(--color-text)}.citation-copy{flex:1;min-width:0;color:var(--color-text)}.citation-link-row{margin-top:var(--space-2);display:flex;justify-content:center;width:100%}.citation-card--inline .citation-link-row{margin-top:0;width:auto}@media(max-width:640px){.citation-card--inline{flex-direction:column;align-items:flex-start}.citation-card--inline .citation-body{width:100%}.citation-card--inline .citation-link{margin-left:0;margin-top:var(--space-2)}}.citation-card a:focus{outline:2px dashed rgba(99,102,241,.8);outline-offset:2px}.sleep-type-grid-enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:1.5rem 0}.sleep-type-card{background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-subtle) 100%);border-radius:12px;padding:1.5rem;border:1px solid var(--color-border-muted);transition:transform .2s,box-shadow .2s}.sleep-type-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.sleep-type-card.night{background:linear-gradient(135deg,rgba(79,70,229,.12) 0%,var(--color-bg-card) 100%);border-color:#4f46e538}.sleep-type-card.day{background:linear-gradient(135deg,rgba(167,139,250,.12) 0%,var(--color-bg-card) 100%);border-color:#a78bfa38}.sleep-type-card.total{background:linear-gradient(135deg,rgba(129,140,248,.12) 0%,var(--color-bg-card) 100%);border-color:#818cf838}.sleep-type-icon-large{font-size:3rem;margin-bottom:1rem;text-align:center}.sleep-type-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;text-align:center;color:var(--color-text)}.sleep-type-stat-large{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1rem;color:#4f46e5}.sleep-type-progress{margin-bottom:1.5rem}.sleep-type-progress .progress-bar{height:12px;background:var(--color-hover);border-radius:6px;overflow:hidden;position:relative}.sleep-type-progress .progress-fill{height:100%;border-radius:6px;transition:width .6s ease;position:relative;overflow:hidden}.sleep-type-progress .progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--color-shimmer),transparent);animation:shimmer 2s infinite}.progress-fill.night{background:linear-gradient(90deg,var(--sleep-night, #4f46e5) 0%,rgba(99,102,241,.85) 100%)}.progress-fill.day{background:linear-gradient(90deg,var(--sleep-day, #a78bfa) 0%,rgba(199,210,254,.85) 100%)}.progress-fill.total{background:linear-gradient(90deg,var(--sleep-total, #818cf8) 0%,rgba(165,180,252,.85) 100%)}.sleep-type-metrics{display:grid;gap:var(--space-2);margin-top:var(--space-4)}.sleep-type-metrics .metric-label{text-transform:none;letter-spacing:.05em}.sleep-type-metrics .metric-value{font-size:1.125rem;font-weight:600;color:var(--color-text)}.chart-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;margin-bottom:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border-muted)}.chart-summary .summary-item{display:flex;flex-direction:column;gap:.5rem}.chart-summary .label{font-size:.875rem;color:var(--color-text-muted);font-weight:500}.chart-summary .value{font-size:1.5rem;font-weight:700;color:var(--color-text)}.chart-summary .status{font-size:.8125rem;padding:.25rem .5rem;border-radius:4px;font-weight:500;display:inline-block;max-width:fit-content}.chart-summary .status.success{background:#f0fdf4;color:#15803d}.chart-summary .status.warn{background:#fffbeb;color:#b45309}.chart-summary .status.info{background:#eff6ff;color:#1e40af}.insights-tooltip .sleep-tooltip{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none}.insights-tooltip .sleep-tooltip .label{font-size:.875rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.insights-tooltip .sleep-tooltip .value{font-size:1.125rem;font-weight:700;color:#4f46e5;margin-bottom:.5rem}.insights-tooltip .sleep-tooltip .breakdown{display:flex;flex-direction:column;gap:.25rem}.insights-tooltip .sleep-tooltip .breakdown-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem}.insights-tooltip .sleep-tooltip .breakdown-item .icon{font-size:1rem}.insights-tooltip .sleep-tooltip .breakdown-item .text{color:var(--color-text-muted)}.insights-tooltip .sleep-tooltip .sessions{font-size:.75rem;color:#94a3b8;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border-muted)}.quality-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1.5rem 0}.quality-metric-card{background:var(--color-bg-card);border:1px solid var(--color-border-muted);border-radius:10px;padding:1.25rem}.quality-metric-card .metric-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.quality-metric-card .metric-header .icon{font-size:1.5rem}.quality-metric-card .metric-header h4{font-size:.875rem;font-weight:600;color:var(--color-text-muted);margin:0}.quality-metric-card .metric-value-large{font-size:2rem;font-weight:700;color:#4f46e5;margin:.5rem 0}.quality-metric-card .metric-description{font-size:.875rem;color:var(--color-text-muted);margin-bottom:.75rem}.quality-metric-card .age-guidance{font-size:.8125rem;color:#3b82f6;background:#eff6ff;padding:.5rem;border-radius:6px;margin-top:.5rem}.quality-metric-card .status-badge{font-size:.875rem;font-weight:600;padding:.5rem;border-radius:6px;text-align:center;margin-top:.5rem}.quality-metric-card .status-badge.success{background:#f0fdf4;color:#15803d}.quality-metric-card .status-badge.warn{background:#fffbeb;color:#b45309}.nap-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.nap-summary-card{background:var(--color-bg-card);border:1px solid var(--color-border-muted);border-radius:10px;padding:1.25rem;text-align:center}.nap-summary-card h4{font-size:.875rem;font-weight:600;color:var(--color-text-muted);margin:0 0 .75rem}.nap-summary-card .big-stat{font-size:2.5rem;font-weight:700;color:#a78bfa;margin:.5rem 0}.nap-summary-card .small-text{font-size:.875rem;color:var(--color-text-muted);margin-bottom:.75rem}.nap-summary-card .age-guidance{font-size:.8125rem;color:#3b82f6;background:#eff6ff;padding:.5rem;border-radius:6px}.nap-summary-card .goal-indicator{font-size:.8125rem;color:#15803d;background:#f0fdf4;padding:.5rem;border-radius:6px}.pattern-alert{display:flex;gap:1rem;padding:1rem;border-radius:10px;margin-bottom:1rem;border-left:4px solid}.pattern-alert.success{background:#f0fdf4;border-color:#10b981}.pattern-alert.info{background:#eff6ff;border-color:#3b82f6}.pattern-alert.warn{background:#fffbeb;border-color:#f59e0b}.pattern-alert.danger{background:#fef2f2;border-color:#ef4444}.pattern-alert .alert-icon{font-size:2rem;line-height:1}.pattern-alert .alert-content h4{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:var(--color-text)}.pattern-alert .alert-content p{font-size:.875rem;color:var(--color-text-muted);margin:0;line-height:1.6}@media(max-width:768px){.sleep-type-grid-enhanced,.quality-metrics-grid,.sleep-type-metrics,.chart-summary,.nap-summary-grid,.sleep-tab .kpi-grid{grid-template-columns:1fr}}@media(max-width:480px){.sleep-type-stat-large{font-size:2rem}.quality-metric-card .metric-value-large{font-size:1.5rem}.nap-summary-card .big-stat{font-size:2rem}}.diaper-tab{--diaper-wet: #60a5fa;--diaper-dirty: #f59e0b;--diaper-both: #8b5cf6;--diaper-good: #10b981;--diaper-watch: #f59e0b;--diaper-alert: #ef4444}.diaper-type-grid-enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:1.5rem 0}.diaper-type-card{background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-subtle) 100%);border:1px solid var(--color-border-muted);border-radius:16px;padding:1.75rem;transition:all .3s ease;position:relative;overflow:hidden}.diaper-type-card.wet{background:linear-gradient(135deg,rgba(96,165,250,.12) 0%,var(--color-bg-card) 100%);border-color:#60a5fa38}.diaper-type-card.dirty{background:linear-gradient(135deg,rgba(245,158,11,.12) 0%,var(--color-bg-card) 100%);border-color:#f59e0b38}.diaper-type-card.both{background:linear-gradient(135deg,rgba(139,92,246,.12) 0%,var(--color-bg-card) 100%);border-color:#8b5cf638}.diaper-type-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -10px #0000001a}.diaper-type-icon-large{font-size:3rem;margin-bottom:.75rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.diaper-type-title{font-size:1.125rem;font-weight:600;color:var(--color-text);margin:0 0 .75rem}.diaper-type-stat-large{font-size:2.5rem;font-weight:700;color:var(--color-text);margin-bottom:1rem;line-height:1}.diaper-type-progress{margin-bottom:1.5rem}.diaper-type-progress .progress-bar{height:12px;background:var(--color-hover);border-radius:6px;overflow:hidden;position:relative}.diaper-type-progress .progress-fill{height:100%;border-radius:6px;transition:width .6s ease;position:relative;overflow:hidden}.diaper-type-progress .progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--color-shimmer),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.diaper-type-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.diaper-type-metrics .metric-item{display:flex;flex-direction:column;gap:.25rem}.diaper-type-metrics .metric-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.diaper-type-metrics .metric-value{font-size:1.125rem;font-weight:600;color:var(--color-text)}.diaper-status-messages{margin-top:1.5rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}.status-message{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;border-radius:12px;border:1px solid}.status-message .icon{font-size:1.5rem;flex-shrink:0;margin-top:.125rem}.status-message strong{display:block;font-size:.938rem;margin-bottom:.25rem;color:inherit}.status-message p{font-size:.875rem;line-height:1.5;margin:0;opacity:.9}.status-message.success{background:#10b98114;border-color:#10b98133;color:#065f46}.status-message.warn{background:#f59e0b14;border-color:#f59e0b33;color:#92400e}.status-message.alert{background:#ef444414;border-color:#ef444433;color:#991b1b}.hydration-snapshot{margin:1.5rem 0 2rem;display:grid;gap:var(--space-2)}.hydration-bars{display:flex;flex-direction:column;display:grid;gap:var(--space-2)}.hydration-bar-item{display:grid;grid-template-columns:140px 1fr 180px;align-items:center;gap:1rem}.hydration-bar-item .label{font-size:.875rem;color:var(--color-text-muted)}.hydration-bar-item .bar-container{height:32px;background:var(--color-hover);border-radius:8px;overflow:hidden;position:relative;border:1px solid var(--color-card-border)}.hydration-bar-item .bar-fill{height:100%;transition:width .8s ease;position:relative;overflow:hidden;border-radius:7px}.hydration-bar-item .bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--color-shimmer-strong),transparent);animation:shimmer 2s infinite}.hydration-bar-item .value{font-size:.875rem;color:var(--color-text-muted);text-align:right}.hydration-goal{display:flex;justify-content:space-between;align-items:center;background:#10b9810f;border:1px solid rgba(16,185,129,.15);border-radius:10px;padding:.4rem .7rem;margin-top:var(--space-1)}.hydration-goal .goal-label{font-weight:400;font-size:.875rem;color:#065f46}.hydration-goal .goal-value{font-size:.875rem;font-weight:400;color:#065f46cc}.pattern-insights{display:flex;flex-direction:column;gap:var(--space-4);margin-top:1.5rem}.pattern-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--color-bg-card);border:1px solid var(--color-border-muted);border-radius:12px;transition:all .2s ease}.pattern-card:hover{background:var(--color-surface-muted);border-color:var(--color-border)}.pattern-card .pattern-icon{font-size:1.75rem;flex-shrink:0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.1))}.pattern-card.pattern-card--diaper{border:1px solid var(--color-border-muted)}.pattern-card strong{display:block;font-size:.938rem;font-weight:600;color:var(--color-text);margin-bottom:.375rem}.pattern-card p{font-size:.875rem;line-height:1.6;color:var(--color-text-muted);margin:0}.insights-tooltip .diaper-tooltip{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none}.insights-tooltip .diaper-tooltip .label{font-size:.813rem;font-weight:600;color:var(--color-text-muted);margin:0 0 .5rem}.insights-tooltip .diaper-tooltip .value{font-size:1rem;font-weight:700;color:var(--color-text);margin:0 0 .75rem}:root[data-theme=dark] .diaper-type-card,:root[data-theme=dark] .diaper-type-card.wet,:root[data-theme=dark] .diaper-type-card.dirty,:root[data-theme=dark] .diaper-type-card.both{background:var(--color-bg-card);border-color:var(--color-border-muted)}.insights-tooltip .diaper-tooltip .breakdown{display:flex;flex-direction:column;gap:.375rem}.insights-tooltip .diaper-tooltip .breakdown-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.insights-tooltip .diaper-tooltip .breakdown-item .icon{font-size:1rem}.insights-tooltip .diaper-tooltip .breakdown-item.wet .text{color:var(--diaper-wet);font-weight:600}.insights-tooltip .diaper-tooltip .breakdown-item.dirty .text{color:var(--diaper-dirty);font-weight:600}@media(max-width:768px){.diaper-type-grid-enhanced{grid-template-columns:1fr}.hydration-bar-item{grid-template-columns:1fr;gap:.5rem}.hydration-bar-item .label{font-size:.813rem}.hydration-bar-item .value{text-align:left;font-size:.875rem}.hydration-goal{flex-direction:column;gap:.5rem;align-items:flex-start}.pattern-card{padding:1rem}}.pumping-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.supply-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.summary-label{font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.summary-value{font-size:1.1rem;font-weight:600;color:var(--color-text)}.summary-value.trend{display:inline-flex;align-items:center;gap:6px}.summary-box{background:var(--color-surface-muted);border-radius:12px;padding:var(--space-4);height:100%}.guidance-note-block{background:#f59e0b14;border-left:3px solid var(--color-warning);border-radius:8px;padding:12px 14px;margin-bottom:16px;font-size:.9rem;color:var(--color-text)}.stash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.stash-card{padding:var(--space-4);background:#ec489914;border-radius:12px}.pumping-tooltip .value{font-weight:600;font-size:1rem;color:var(--color-text)}.pumping-tooltip .muted{margin-top:4px;font-size:.85rem;color:var(--color-text-muted)}.chart-wrapper{width:100%;overflow:hidden}.pill-soft{background:#ef44441f;color:#b91c1c;padding:6px 12px;border-radius:999px;font-size:.85rem;font-weight:600}:root[data-theme=dark] .pill-soft{color:#fecaca}.activity-tab .status-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#10b9811f;color:#047857}.activity-tab .status-pill.warn{background:#fb923c26;color:#b45309}.activity-tab .status-pill.info{background:#3b82f626;color:#1d4ed8}.activity-trend-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-top:1rem}.activity-trend-summary .summary-card{background:#94a3b81a;border-radius:.75rem;padding:.85rem 1rem}.activity-trend-summary .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.activity-trend-summary .value{font-size:1.25rem;font-weight:700;color:var(--color-text);margin-top:.25rem}.activity-duo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.activity-progress{margin-top:1rem}.activity-progress .goal-text{font-size:.875rem;color:var(--color-text-muted);margin-top:.5rem}.activity-card-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.5rem}.activity-card-list li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text)}.activity-card-list .icon{font-size:1.1rem}.activity-mix-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.activity-mix-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.activity-mix-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(148,163,184,.2)}.activity-mix-item:last-child{border-bottom:none}.activity-mix-label{display:flex;align-items:center;gap:.65rem;font-weight:600}.activity-mix-value{text-align:right;font-size:.875rem;color:var(--color-text-muted)}.caregiver-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:999px;border:1px solid rgba(148,163,184,.4);font-size:.75rem;color:var(--color-text-muted);background:var(--color-surface-muted)}.activity-caregiver-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.growth-tab{display:flex;flex-direction:column;gap:var(--space-6)}.growth-tab .section-group{margin-bottom:0}.growth-metric-grid-enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem}.growth-metric-card{background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-subtle) 100%);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;border:1px solid var(--color-border-muted);transition:transform .2s,box-shadow .2s}.growth-metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.growth-metric-card.weight{background:linear-gradient(135deg,rgba(16,185,129,.12) 0%,var(--color-bg-card) 100%);border-color:#10b98138}.growth-metric-card.height{background:linear-gradient(135deg,rgba(59,130,246,.12) 0%,var(--color-bg-card) 100%);border-color:#3b82f638}.growth-metric-card.head{background:linear-gradient(135deg,rgba(139,92,246,.12) 0%,var(--color-bg-card) 100%);border-color:#8b5cf638}.growth-metric-icon-large{font-size:2.5rem;text-align:center;margin-bottom:.5rem}.growth-metric-title{font-size:1.125rem;font-weight:600;color:var(--color-text);text-align:center;margin:0}.growth-metric-stat-large{font-size:2rem;font-weight:700;color:var(--color-text);text-align:center;margin:.5rem 0}.growth-metric-percentile{font-size:1rem;color:var(--color-text-muted);text-align:center;margin-bottom:.5rem}.growth-metric-progress{margin:1rem 0}.percentile-bar{position:relative;width:100%;height:8px;background:linear-gradient(to right,#ef4444,#f59e0b,#10b981,#f59e0b,#ef4444);border-radius:4px}.percentile-markers{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:var(--color-text-light)}.percentile-indicator{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:1.5rem;color:var(--color-text);text-shadow:0 0 3px rgba(255,255,255,.9)}.growth-metric-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:.5rem}.growth-metric-metrics .metric-item{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;background:var(--color-bg-card);border-radius:6px}.growth-metric-metrics .metric-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.growth-metric-metrics .metric-value{font-size:1rem;font-weight:600;color:var(--color-text)}.velocity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:1.5rem}.velocity-card{background:var(--color-surface-muted);border-radius:12px;padding:1.5rem;border:2px solid var(--color-border)}.velocity-card h4{font-size:1.125rem;font-weight:600;color:var(--color-text);margin:0 0 1rem}.velocity-stat{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.velocity-stat .value{font-size:1.5rem;font-weight:700;color:var(--color-text)}.velocity-stat .status{padding:.375rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600}.velocity-stat .status.healthy{background:#d1fae5;color:#065f46}.velocity-stat .status.slow{background:#fef3c7;color:#92400e}.velocity-stat .status.rapid{background:#dbeafe;color:#1e40af}.velocity-range{font-size:.875rem;color:var(--color-text-muted);margin-bottom:1rem}.pattern-cards{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.pattern-card{display:flex;gap:1rem;padding:1.5rem;border-radius:12px;border:2px solid;background:var(--color-bg-card)}.pattern-card.success{border-color:#10b981;background:#f0fdf4}.pattern-card.warn{border-color:#f59e0b;background:#fffbeb}.pattern-card.info{border-color:#3b82f6;background:#eff6ff}.pattern-icon{font-size:2rem;flex-shrink:0}.pattern-content{flex:1}.pattern-content h4{font-size:1.125rem;font-weight:600;color:var(--color-text);margin:0 0 .5rem}.pattern-content p{font-size:.9375rem;color:var(--color-text-muted);line-height:1.6;margin:0 0 1rem}.pattern-action{padding:.75rem 1rem;background:var(--color-bg-card);border:1px solid var(--color-border-muted);border-radius:8px;font-size:.875rem;color:var(--color-text);line-height:1.5;margin-top:var(--space-6)}.pattern-action strong{color:var(--color-text);display:block;margin-bottom:.25rem}.pattern-action ul{margin:.5rem 0 0 1.25rem;padding:0}.pattern-action li{margin:.25rem 0}.insights-tooltip .growth-tooltip{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none}.insights-tooltip .growth-tooltip .label{font-size:.875rem;font-weight:600;color:var(--color-text);margin:0 0 .5rem}.insights-tooltip .growth-tooltip .value{font-size:.875rem;color:var(--color-text-muted);margin:.25rem 0}.growth-status-messages{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.status-message{display:flex;gap:1rem;padding:1rem 1.25rem;border-radius:10px;background:var(--color-bg-card);border:2px solid}.status-message.success{border-color:#10b981;background:#f0fdf4}.status-message.warn{border-color:#f59e0b;background:#fffbeb}.status-message.alert{border-color:#ef4444;background:#fef2f2}.status-message .icon{font-size:1.5rem;flex-shrink:0}.status-message strong{display:block;font-size:1rem;color:var(--color-text);margin-bottom:.25rem}.status-message p{font-size:.9375rem;color:var(--color-text-muted);line-height:1.5;margin:0}@media(max-width:768px){.growth-metric-grid-enhanced,.velocity-grid{grid-template-columns:1fr}.growth-metric-stat-large{font-size:1.75rem}.pattern-card{flex-direction:column}.pattern-icon{text-align:center}}@media(max-width:480px){.growth-metric-metrics{grid-template-columns:1fr}.velocity-stat{flex-direction:column;align-items:flex-start;gap:.5rem}}.growth-chart-toggle{display:inline-flex;gap:var(--space-2);align-items:center;margin-left:var(--space-4);flex-wrap:wrap}.growth-tab .toggle-btn{padding:var(--space-2) var(--space-3);border:none;background:transparent;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center}.growth-tab .toggle-btn:hover{color:var(--color-text);background:var(--color-hover)}.growth-tab .toggle-btn.active{background:var(--color-bg-card);color:var(--color-primary-dark);box-shadow:0 1px 3px #0000001a}.who-chart-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap}.today-age-pill{background:var(--color-text);color:var(--color-bg-card);padding:.35rem .85rem;border-radius:999px;font-size:.8125rem;font-weight:600;letter-spacing:.01em}@media(max-width:640px){.growth-tab .card-header-enhanced{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.growth-chart-toggle{margin-left:0}.who-chart-actions{width:100%;justify-content:flex-start}}.insights-tooltip .percentile-tooltip{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none}.insights-tooltip .percentile-tooltip .baby-value{color:var(--color-primary-dark);font-weight:400;margin-top:var(--space-1);padding-top:0;border-top:none}.insights-tooltip .percentile-tooltip .percentile{font-size:.85rem;color:var(--color-text-muted)}.percentile-legend-grid{display:flex;justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.legend-item{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.85rem;color:var(--color-text-muted);font-weight:500}.legend-marker{display:inline-block}.legend-marker.line{width:32px;height:0;border-top:3px solid currentColor;border-radius:999px}.legend-marker.line.dashed{border-top-style:dashed}.legend-marker.line.thick{border-top-width:4px}.legend-marker.area{width:22px;height:12px;border-radius:6px;border:1.5px solid currentColor}.legend-marker.dot{width:10px;height:10px;border-radius:999px;display:inline-block;border:1.5px solid var(--color-border-muted)}:root[data-theme=dark] .percentile-indicator{text-shadow:0 0 3px rgba(0,0,0,.6)}:root[data-theme=dark] .velocity-stat .status.healthy,:root[data-theme=dark] .pattern-card.success,:root[data-theme=dark] .status-message.success{background:#10b98124}:root[data-theme=dark] .velocity-stat .status.healthy{color:#34d399}:root[data-theme=dark] .velocity-stat .status.slow,:root[data-theme=dark] .pattern-card.warn,:root[data-theme=dark] .status-message.warn{background:#f59e0b24}:root[data-theme=dark] .velocity-stat .status.slow{color:#fbbf24}:root[data-theme=dark] .velocity-stat .status.rapid,:root[data-theme=dark] .pattern-card.info{background:#3b82f624}:root[data-theme=dark] .velocity-stat .status.rapid{color:#60a5fa}:root[data-theme=dark] .status-message.alert{background:#ef444424}@media(max-width:640px){.percentile-legend-grid{flex-direction:column}}#percentile-section .chart-container{margin-top:var(--space-4)}#growth-history-section svg .recharts-scatter-dot,#growth-history-section svg .recharts-dot,#percentile-section svg .recharts-scatter-dot,#percentile-section svg .recharts-dot,#zscore-section svg .recharts-dot,#zscore-section svg .recharts-scatter-dot{display:none!important;pointer-events:none!important}.chart-help-panel{margin-bottom:var(--space-4);animation:slideIn .3s ease-out}.chart-help-panel h4{display:flex;align-items:center;gap:var(--space-2)}.chart-help-panel ul{list-style:none;padding-left:0}.chart-help-panel ul li{padding-left:var(--space-3);position:relative}.chart-help-panel ul li:before{content:"•";position:absolute;left:var(--space-1);font-weight:700;color:var(--color-primary)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.insights-tooltip .percentile-tooltip{background:transparent;border:none;border-radius:0;box-shadow:none;max-width:280px}.insights-tooltip .percentile-tooltip .baby-value,.insights-tooltip .percentile-tooltip .label,.insights-tooltip .percentile-tooltip .value,.insights-tooltip .percentile-tooltip .percentile-status,.insights-tooltip .percentile-tooltip .percentile-explanation,.insights-tooltip .percentile-tooltip .percentile{font-size:.875rem;font-weight:400;line-height:1.4;margin:0;padding:.25rem 0}.insights-tooltip .percentile-tooltip p+p{margin-top:.125rem}#weight-for-length-section{background:linear-gradient(135deg,#10b98108,#3b82f608);border-radius:var(--radius-lg);padding:var(--space-2)}#weight-for-length-section .insights-panel{margin-top:var(--space-4);padding:var(--space-3);background:var(--color-glass);border-radius:var(--radius-md)}#weight-for-length-section .insight{padding:var(--space-3);border-radius:var(--radius-sm);font-size:.95rem}#weight-for-length-section .insight.healthy{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}#weight-for-length-section .insight.watch{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}#weight-for-length-section .insight.alert{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.alert-banner{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);display:flex;gap:var(--space-3);align-items:flex-start;animation:slideIn .3s ease-out;margin-bottom:var(--space-4)}.alert-banner.mild{background:#fef3c7;border-color:#f59e0b}.alert-banner.moderate{background:#fed7aa;border-color:#ea580c}.alert-banner.concerning{background:#fee2e2;border-color:#dc2626}.alert-banner .alert-icon{font-size:1.5rem;flex-shrink:0}.alert-banner .alert-content h4{margin:0 0 var(--space-1) 0;font-size:1rem;font-weight:600}.alert-banner .alert-content p{margin:var(--space-1) 0;font-size:.9rem}.alert-banner .alert-content .message{font-weight:500;margin-top:var(--space-2)}.outliers-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.outlier-card{display:flex;gap:var(--space-3);padding:var(--space-3);background:#fef3c7;border:1px solid #fbbf24;border-radius:var(--radius-md);align-items:flex-start;transition:all .2s ease}.outlier-card:hover{background:#fde68a;box-shadow:0 2px 8px #fbbf2433}.outlier-card .outlier-icon{font-size:1.5rem;flex-shrink:0}.outlier-card .outlier-content h4{margin:0 0 var(--space-1) 0;font-size:.95rem;font-weight:600;color:var(--color-text)}.outlier-card .outlier-content .value{margin:var(--space-1) 0;font-size:.9rem;font-weight:500;color:var(--color-primary-dark)}.outlier-card .outlier-content .message{margin:var(--space-1) 0 0 0;font-size:.85rem;color:var(--color-text-muted)}@media(max-width:768px){.alert-banner,.outlier-card{flex-direction:column}.chart-help-panel{padding:var(--space-3)!important}}.health-tab .health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-4);align-items:stretch}.health-duo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.health-full-card{width:100%}@media(max-width:900px){.health-duo-grid{grid-template-columns:1fr}}.health-tooltip{min-width:140px}.health-tooltip .value{font-weight:700;font-size:1rem;margin:0 0 2px}.health-tooltip .warn{color:var(--color-warning);font-size:.85rem;margin:0}.chart-citations{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.selected-citation{margin-bottom:var(--space-2)}.chart-wrap .recharts-cartesian-axis text{font-size:.78rem}.chart-wrap .recharts-cartesian-axis .recharts-cartesian-axis-tick{padding:0 2px}.visit-highlight{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-radius:var(--radius-lg);border:1px dashed var(--color-border-muted);margin-top:var(--space-8);margin-bottom:var(--space-6)}.visit-label{font-size:.95rem;color:var(--color-text-muted);margin:0 0 4px}.visit-date{font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0}.visit-date.warn{color:var(--color-warning)}.visit-link{font-size:.875rem;color:var(--color-info);font-weight:600}.next-visit-card .card-head{margin-bottom:var(--space-4)}.visit-timeline{list-style:none;margin:var(--space-6) 0 var(--space-6);padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.visit-timeline li{display:grid;grid-template-columns:16px 1fr auto;gap:var(--space-3);align-items:center;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-muted)}.visit-timeline li:last-child{border-bottom:none;padding-bottom:0}.timeline-bullet{width:12px;height:12px;border-radius:50%;background:var(--color-health)}.visit-timeline li.done .timeline-bullet{background:var(--color-success)}.visit-timeline li.overdue .timeline-bullet{background:var(--color-warning)}.timeline-copy strong{display:block;font-size:.95rem;margin-bottom:2px}.timeline-copy p{margin:0;font-size:.85rem;color:var(--color-text-muted)}.timeline-status{font-size:.85rem;font-weight:600;color:var(--color-text)}.visit-timeline li.overdue .timeline-status{color:var(--color-warning)}.visit-timeline li.upcoming .timeline-status{color:var(--color-info)}.health-timeline-card .card-head{margin-bottom:var(--space-4)}.health-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.health-timeline li{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:var(--space-3);padding:10px 0;border-bottom:1px solid var(--color-border-muted)}.health-timeline li:last-child{border-bottom:none}.health-timeline li.warn{background:#f9731614;border-radius:12px;padding:12px}.health-timeline .icon{width:40px;height:40px;border-radius:12px;background:#f472b61f;display:flex;align-items:center;justify-content:center;color:var(--color-health);font-size:1rem}.health-timeline li.warn .icon{background:#f9731626;color:#f97316}.health-timeline .details strong{display:block;font-size:.95rem;color:var(--color-text)}.health-timeline .details p{margin:2px 0 0;color:var(--color-text-muted);font-size:.85rem}.health-timeline .time{font-size:.8rem;color:var(--color-text-light)}@media(max-width:768px){.health-timeline li{grid-template-columns:36px 1fr;grid-template-rows:auto auto}.health-timeline .time{grid-column:2 / -1;justify-self:flex-start;margin-top:4px}}.health-resource-card .card-head{margin-bottom:var(--space-3)}.resource-list{list-style:disc;padding-left:1.2rem;margin:0 0 var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);font-size:.9rem;color:var(--color-text)}.resource-list strong{display:block;font-size:.9rem;margin-bottom:2px}.resource-citations{display:flex;flex-direction:column;gap:var(--space-2)}@media(max-width:768px){.resource-list{padding-left:1rem}}.milestone-tab{display:flex;flex-direction:column;gap:var(--space-6)}.milestone-tab .insight-card{background:var(--color-bg-card);border-radius:12px;border:1px solid var(--color-card-border);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.milestone-tab .insight-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -10px #0000001f;border-color:var(--color-border-muted)}.milestone-domain-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.milestone-domain-card{background:var(--color-bg-card);padding:var(--space-3);border-radius:12px;border:1px solid var(--color-card-border);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;display:flex;flex-direction:column}.milestone-domain-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0000000f;border-color:var(--color-border-muted)}.milestone-focus-list li,.milestone-attention-list li,.milestone-timeline li{background:var(--color-bg-card);border-radius:12px;border:1px solid var(--color-border-muted);padding:var(--space-3);transition:transform .16s ease,box-shadow .16s ease}.milestone-focus-list li:hover,.milestone-attention-list li:hover,.milestone-timeline li:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.milestone-layout.card-group{gap:var(--space-4)}.domain-pill{background:#4f46e50f;color:#4338ca;padding:.15rem .5rem;border-radius:999px;font-weight:600;font-size:.75rem}@media(max-width:900px){.milestone-domain-grid{grid-template-columns:1fr}}.paywall-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-6);animation:paywallFadeIn .26s ease-out}.paywall-overlay-click{position:absolute;inset:0;background:#00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:0}.paywall-dialog{position:relative;width:min(820px,calc(100vw - 2 * var(--space-6)));background:linear-gradient(165deg,#fffffffa,#ffffffeb);border-radius:var(--radius-2xl);padding:var(--space-12);box-shadow:var(--shadow-modal);color:var(--color-text);border:1px solid rgba(255,255,255,.6);overflow:hidden;animation:paywallSlideUp .38s cubic-bezier(.34,1.56,.64,1)}.paywall-dialog:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,#c7356414,#a82b540d);z-index:0}.paywall-layout{position:relative;z-index:1;display:grid;grid-template-columns:.95fr 1.05fr;gap:var(--space-10);align-items:start}.paywall-left{display:flex;flex-direction:column;gap:var(--space-6)}.paywall-right{display:flex;flex-direction:column;gap:var(--space-5)}.paywall-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:var(--radius-full);font-weight:700;font-size:12px;letter-spacing:.02em;color:var(--color-primary);background:#c7356414;border:1px solid rgba(199,53,100,.16)}.paywall-close{position:absolute;top:var(--space-4);right:var(--space-4);width:40px;height:40px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.7);background:#ffffffa6;color:var(--color-text);cursor:pointer;line-height:1;display:grid;place-items:center;z-index:2;transition:all var(--transition-base)}.paywall-close:hover{transform:translateY(-1px);background:#ffffffe6}.paywall-close svg{width:18px;height:18px}.paywall-hero{display:grid;justify-items:start;text-align:left;gap:var(--space-4);margin:0}.paywall-icon-burst{width:76px;height:76px;border-radius:24px;background:var(--gradient-brand);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-brand);position:relative;overflow:hidden}.paywall-icon-burst svg{width:38px;height:38px}.paywall-title{font-family:var(--font-display);font-size:2rem;font-weight:800;line-height:1.15;margin:0;margin-top:var(--space-2)}.paywall-subtitle{margin:0;color:var(--color-text-muted);font-size:1rem;line-height:1.6}.paywall-card{padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.7);background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.paywall-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.paywall-card-title{font-weight:900;font-size:1.3rem;margin:0;padding-top:var(--space-1);color:var(--color-primary)}.paywall-pricing{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.paywall-pricing-amount{font-size:1.5rem;font-weight:700;color:var(--color-text);font-family:var(--font-display);white-space:nowrap}.paywall-pricing-interval{font-size:.75rem;font-weight:500;color:var(--color-text-muted);margin-left:4px}.paywall-pricing-loading{min-height:80px;display:flex;align-items:center}.paywall-pricing-skeleton{width:160px;height:36px;background:linear-gradient(90deg,#0000000f 25%,#00000008,#0000000f 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.paywall-interval-toggle{display:inline-flex;gap:6px;padding:4px;border-radius:var(--radius-full);background:var(--color-glass);border:1px solid var(--color-border-muted)}.paywall-interval-btn{position:relative;padding:4px 10px;border:none;background:transparent;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:6px}.paywall-interval-btn:hover:not(:disabled){color:var(--color-text)}.paywall-interval-btn.active{background:#fff;color:var(--color-text);box-shadow:0 1px 3px #00000014}.paywall-interval-btn:disabled{opacity:.5;cursor:not-allowed}.paywall-interval-badge{display:inline-flex;padding:2px 6px;border-radius:var(--radius-sm);background:#ec48991f;color:#ec4899;font-size:.625rem;font-weight:700}.paywall-card-chip{flex:none;align-self:flex-start;padding:6px 10px;border-radius:var(--radius-full);background:#ffffffbf;border:1px solid rgba(15,23,42,.08);color:var(--color-text);font-size:12px;font-weight:600}} .paywall-list{margin:var(--space-5) 0 0;padding:0;list-style:none;color:var(--color-text)}.paywall-list li{display:grid;grid-template-columns:18px 1fr;align-items:start;gap:10px;padding:8px 0}.paywall-list-item-expandable{cursor:pointer}.paywall-list-item-expandable:before{cursor:pointer;transition:transform var(--transition-base)}.paywall-list li:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:#ec48991f;color:#ec4899;font-weight:800;font-size:12px;margin-top:2px}.paywall-feature-main{font-weight:500;line-height:1.4;color:var(--color-text-muted);font-size:.9rem}.paywall-feature-detail{margin-top:var(--space-1);font-size:.8rem;line-height:1.4;color:var(--color-text-light);font-weight:400;max-height:0;overflow:hidden;opacity:0;transition:max-height var(--transition-base),opacity var(--transition-base),margin-top var(--transition-base)}.paywall-feature-detail.expanded{max-height:200px;opacity:1}.paywall-details{margin-top:var(--space-4)}.paywall-details-summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;font-size:.875rem;color:var(--color-primary-dark)}.paywall-details-summary:hover{color:var(--color-secondary)}.paywall-list--extra{margin-top:var(--space-3)}.paywall-message{margin:0;padding:12px 14px;border-radius:var(--radius-md);font-size:14px;line-height:1.5;border:1px solid rgba(15,23,42,.08);background:#ffffffb3}.paywall-message--success{border-color:#10b98159;background:#10b9811a}.paywall-message--error{border-color:#ef444459;background:#ef44441a}.paywall-message--info{border-color:#3b82f659;background:#3b82f61a}.paywall-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:var(--space-2)}.paywall-footnote{margin:0;color:var(--color-text-muted);font-size:.875rem;line-height:1.5;text-align:left}@media(max-width:720px){.paywall-dialog{padding:var(--space-6)}.paywall-layout{grid-template-columns:1fr;gap:var(--space-6)}.paywall-hero{justify-items:center;text-align:center}.paywall-footnote{text-align:center}}@media(max-width:520px){.paywall-overlay{align-items:flex-end;justify-content:center;padding:max(var(--space-4),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-4),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left))}.paywall-dialog{width:100%;max-height:calc(100vh - env(safe-area-inset-top) - var(--space-4));overflow:auto;border-radius:18px;padding:var(--space-6)}.paywall-actions{flex-direction:column-reverse}.paywall-actions .btn{width:100%}}@keyframes paywallFadeIn{0%{opacity:0}to{opacity:1}}@keyframes paywallSlideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}:root[data-theme=dark] .paywall-dialog{background:linear-gradient(165deg,#111c2efa,#111c2eeb);border-color:#ffffff0f;color:var(--color-text, #e5e7eb)}:root[data-theme=dark] .paywall-dialog:before{background:linear-gradient(140deg,#c735640a,#a82b5408)}:root[data-theme=dark] .paywall-close{border-color:#ffffff1f;background:#ffffff05;color:var(--color-text, #e5e7eb)}:root[data-theme=dark] .paywall-card{background:#ffffff05;border-color:#ffffff0f}:root[data-theme=dark] .paywall-card-chip{background:#ffffff08;border-color:#ffffff0f;color:var(--color-text, #e5e7eb)}:root[data-theme=dark] .paywall-list li:before{background:#ec48991f;color:#f7a8c7}:root[data-theme=dark] .paywall-badge{background:#c735640f;border-color:#c735641f}:root[data-theme=dark] .paywall-message{border-color:#ffffff0f;background:#ffffff05}:root[data-theme=dark] .paywall-interval-toggle{background:#ffffff0a;border-color:#ffffff14}:root[data-theme=dark] .paywall-interval-btn.active{background:#ffffff14;box-shadow:0 1px 3px #00000059}.timeline-page{padding:var(--space-6) var(--space-8);max-width:1600px;margin:0 auto;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg)}.timeline-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);gap:var(--space-6);flex-wrap:wrap;flex-shrink:0;padding-bottom:var(--space-4);border-bottom:.5px solid var(--color-border-muted)}.timeline-header-row h1,.timeline-header h1{font-family:var(--font-display);font-size:1.6rem;line-height:1.6;font-weight:700;color:var(--color-text);margin:0}.timeline-controls-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);gap:var(--space-8);flex-wrap:wrap;flex-shrink:0}.week-controls{display:flex;align-items:center;gap:var(--space-3)}.week-range{font-weight:600;font-size:.875rem;color:var(--color-text);min-width:160px;text-align:center}.timeline-filters{display:flex;gap:var(--space-2);flex-wrap:wrap}.filter-btn{padding:var(--space-2) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);color:var(--color-text);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-2);min-width:40px;justify-content:center;--activity-color: var(--color-primary);--activity-bg: var(--gradient-soft);--activity-bg-strong: var(--gradient-soft)}.filter-btn:hover{border-color:var(--color-text-muted);transform:translateY(-1px)}.filter-btn.active{border-color:var(--activity-color);background:var(--activity-bg);color:var(--activity-color)}.filter-btn.active:hover{border-color:var(--activity-color);background:var(--activity-bg-strong)}.filter-count{background:var(--color-surface-muted);padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:700}.filter-btn.active .filter-count{background:currentColor;color:#fff}.weekly-stats-compact{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.stat-compact{display:flex;align-items:center;gap:var(--space-3)}.stat-compact .stat-icon{font-size:1.125rem;line-height:1}.stat-compact .stat-content{display:flex;flex-direction:column;gap:0px}.stat-compact .stat-value{font-size:1rem;font-weight:800;color:var(--color-text);line-height:1;margin-bottom:-2px}.stat-compact .stat-label{font-size:.6875rem;color:var(--color-text-muted);font-weight:500;line-height:1;white-space:nowrap}.weekly-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.stat-card .card-body{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5)}.stat-icon{font-size:2rem;line-height:1}.stat-content{flex:1}.stat-value{font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--color-text);line-height:1}.report-skeleton{gap:var(--space-4)}.report-skeleton-title{width:200px;height:20px}.report-skeleton-controls{gap:var(--space-3)}.report-skeleton-button{width:40px;height:32px;border-radius:10px}.report-skeleton-filters{gap:var(--space-2)}.report-skeleton-pill{width:84px;height:32px;border-radius:var(--radius-lg)}.report-skeleton-stats{gap:var(--space-4)}.report-skeleton-stat{width:110px;height:44px;border-radius:var(--radius-lg)}.report-skeleton-timeline{height:320px;border-radius:var(--radius-lg)}.stat-label{font-size:.75rem;font-weight:400;color:var(--color-text-muted);text-transform:lowercase;letter-spacing:.5px;margin-top:var(--space-2)}.stat-detail{font-size:.8125rem;color:var(--color-text-light);margin-top:var(--space-1)}.insights-section{margin-bottom:var(--space-8)}.section-title{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--color-text);margin-bottom:var(--space-4)}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.insight-card .card-body{display:grid;gap:var(--space-4);padding:var(--space-5)}.insight-icon{font-size:2rem;line-height:1}.insight-content{flex:1}.insight-title{font-size:1rem;font-weight:700;color:var(--color-text);margin:0 0 var(--space-2) 0}.insight-description{font-size:.875rem;color:var(--color-text-muted);margin:0;line-height:1.5}.timeline-section{flex:1;overflow-y:auto;overflow-x:hidden;margin-bottom:0;background:transparent}.weekly-timeline{position:relative;height:100%}.timeline-grid{display:flex;gap:0;min-width:900px}.hour-column{width:60px;flex-shrink:0;border-right:1px solid var(--color-border-muted)}.day-column{flex:1 1 0;min-width:100px;max-width:none;position:relative;border-right:1px solid var(--color-border-muted)}.day-column:last-child{border-right:none}.sticky-header.day-header{border-right:none}.day-header{height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:.5px solid var(--color-border);gap:var(--space-1);background:var(--color-bg)}.sticky-header{position:-webkit-sticky;position:sticky;top:0;z-index:80;background:var(--color-bg);box-shadow:0 1px 0 var(--color-border-muted)}.day-column.is-today .day-header{background:#f9eef1}.day-name{font-size:.75rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.day-date{font-size:1.125rem;font-weight:800;color:var(--color-text)}.hour-label{height:60px;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--space-2);font-size:.6875rem;font-weight:600;color:var(--color-text-light);border-top:1px solid var(--color-border-muted)}.day-hours{position:relative;height:1440px}.hour-slot{height:60px;border-top:1px solid var(--color-border-muted)}.day-column.is-today{background:var(--color-surface-muted)}.activity-block{position:absolute;left:4px;right:4px;border-radius:6px;padding:6px 8px;cursor:pointer;transition:all var(--transition-base);overflow:hidden;box-shadow:0 2px 6px #0000001f}.activity-block:hover{transform:translate(-2px);box-shadow:0 4px 12px #0000002e;z-index:10}.activity-single-line{font-size:.6875rem;font-weight:600;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex}.activity-label{flex-shrink:0}.activity-meta{color:var(--color-text-muted);font-weight:500;flex-shrink:1;overflow:hidden;text-overflow:ellipsis}.activity-feeding{background:#fff7ed;color:#f97316;border:1px solid #fed7aa}.activity-pumping{background:#faf5ff;color:#a855f7;border:1px solid #e9d5ff}.activity-sleep{background:#eef2ff;color:#6366f1;border:1px solid #c7d2fe}.activity-activity{background:#ecfeff;color:#06b6d4;border:1px solid #a5f3fc}.activity-diaper{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.activity-growth{background:#d1fae5;color:#059669;border:1px solid #a7f3d0}.activity-health{background:#fee2e2;color:#ef4444;border:1px solid #fecaca}.activity-milestone{background:#fef3c7;color:#f59e0b;border:1px solid #fde68a}.empty-state{text-align:center;padding:var(--space-12)}.empty-icon{font-size:4rem;margin-bottom:var(--space-4)}.empty-state h2{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--color-text);margin-bottom:var(--space-2)}.empty-state p{color:var(--color-text-muted);font-size:1rem;margin-bottom:var(--space-6)}@media(max-width:768px){.timeline-page{padding:var(--space-4)}.timeline-header{flex-direction:column;align-items:flex-start}.header-content h1{font-size:1.5rem}.week-controls{width:100%;justify-content:space-between}.week-range{min-width:auto;font-size:.8125rem}.weekly-stats,.insights-grid{grid-template-columns:1fr}.timeline-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--space-2)}.filter-btn{flex-shrink:0;font-size:.8125rem;padding:var(--space-2) var(--space-3)}}.day-column.is-today{background:transparent}.today-btn{background:var(--color-surface-muted)!important}.today-btn:hover{background:var(--color-hover)!important}:root[data-theme=dark] .activity-feeding{background:#f973162e;color:#fb923c;border-color:#f9731659}:root[data-theme=dark] .activity-pumping{background:#a855f72e;color:#c084fc;border-color:#a855f759}:root[data-theme=dark] .activity-sleep{background:#6366f12e;color:#818cf8;border-color:#6366f159}:root[data-theme=dark] .activity-activity{background:#06b6d42e;color:#22d3ee;border-color:#06b6d459}:root[data-theme=dark] .activity-diaper{background:#f59e0b2e;color:#fbbf24;border-color:#f59e0b59}:root[data-theme=dark] .activity-growth{background:#22c55e2e;color:#4ade80;border-color:#22c55e59}:root[data-theme=dark] .activity-health{background:#ef44442e;color:#fb7185;border-color:#ef444459}:root[data-theme=dark] .activity-milestone{background:#eab3082e;color:#facc15;border-color:#eab30859}.title-with-toggle{display:flex;align-items:center;gap:var(--space-3)}.view-mode-toggle{transition:all var(--transition-base);background:transparent!important;color:var(--color-text-muted)!important;border:none;padding:var(--space-2)!important;display:flex;align-items:center;justify-content:center;width:auto!important;height:auto!important}.view-mode-toggle:hover{color:var(--color-text)!important;background:var(--color-surface-muted)!important;border-radius:var(--radius-md)}.view-mode-toggle svg{width:18px;height:18px}.timeline-page.view-collapsed{overflow:hidden;height:100vh}.timeline-page.view-collapsed .timeline-section{overflow:hidden;flex:1;display:flex;flex-direction:column}.weekly-timeline.timeline-collapsed{height:100%;display:flex;flex-direction:column}.timeline-collapsed .timeline-grid{flex:1;overflow:hidden;min-height:0;display:flex}.timeline-collapsed .hour-column{display:flex;flex-direction:column}.timeline-collapsed .day-hours{height:100%;min-height:0;position:relative}.timeline-collapsed .hour-slot{height:calc(100% / 24);min-height:0}.timeline-collapsed .hour-label{height:calc(100% / 24);min-height:0;font-size:.625rem;padding-right:var(--space-1)}.timeline-collapsed .day-column{display:flex;flex-direction:column}.timeline-collapsed .day-header{height:48px;gap:var(--space-2);flex-shrink:0;flex-direction:row}.timeline-collapsed .day-name{font-size:.6875rem;letter-spacing:.3px;order:2}.timeline-collapsed .day-date{font-size:1rem;order:1}.timeline-collapsed .activity-block{padding:0;border-radius:3px;min-height:8px;border:none!important}.timeline-collapsed .activity-single-line{display:none}.timeline-collapsed .activity-feeding{background:#f97316!important}.timeline-collapsed .activity-pumping{background:#a855f7!important}.timeline-collapsed .activity-sleep{background:#6366f1!important}.timeline-collapsed .activity-activity{background:#06b6d4!important}.timeline-collapsed .activity-diaper{background:#92400e!important}.timeline-collapsed .activity-growth{background:#059669!important}.timeline-collapsed .activity-health{background:#ef4444!important}.timeline-collapsed .activity-milestone{background:#f59e0b!important}:root[data-theme=dark] .timeline-collapsed .activity-feeding{background:#fb923c!important}:root[data-theme=dark] .timeline-collapsed .activity-pumping{background:#c084fc!important}:root[data-theme=dark] .timeline-collapsed .activity-sleep{background:#818cf8!important}:root[data-theme=dark] .timeline-collapsed .activity-activity{background:#22d3ee!important}:root[data-theme=dark] .timeline-collapsed .activity-diaper{background:#fbbf24!important}:root[data-theme=dark] .timeline-collapsed .activity-growth{background:#4ade80!important}:root[data-theme=dark] .timeline-collapsed .activity-health{background:#fb7185!important}:root[data-theme=dark] .timeline-collapsed .activity-milestone{background:#facc15!important}@media(max-width:768px){.timeline-collapsed .day-header{height:40px}.timeline-collapsed .day-name{font-size:.625rem}.timeline-collapsed .day-date{font-size:.875rem}}.notifications-page{min-height:100vh;background:var(--color-bg)}.notifications-header{padding:24px 0 12px}.notifications-header h1{margin:0;font-size:1.6rem;color:var(--color-text);line-height:1.6;font-weight:700}.notifications-unread-count{font-size:.9rem;color:var(--color-text-light);margin-top:var(--space-2);margin-bottom:var(--space-2)}.notifications-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:var(--space-4);margin-bottom:var(--space-2)}.notifications-tab{border:1px solid var(--color-border);background:var(--color-bg-card);border-radius:999px;padding:8px 12px;cursor:pointer;font-size:.9rem}.notifications-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.notifications-list{display:flex;flex-direction:column;gap:10px}.notification-item{border:1px solid var(--color-border);background:var(--color-bg-card);border-radius:12px;padding:12px 14px;display:flex;justify-content:space-between;gap:12px}.notification-item.unread{border-color:var(--color-border-muted);box-shadow:0 6px 18px var(--color-hover)}.notification-meta{min-width:0}.notification-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.notification-title{font-weight:400;font-size:.85rem;color:var(--color-text-muted);min-width:0;flex:1 1 auto}.notification-message{color:var(--color-text-primary);font-size:.95rem;line-height:1.35;margin-top:var(--space-2)}.notification-time{font-weight:300;color:var(--color-text-light);font-size:.85rem;white-space:nowrap;flex:0 0 auto}.notification-actions{display:flex;gap:10px;flex:0 0 auto;align-items:flex-start}.notification-btn{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:999px;padding:8px 10px;cursor:pointer;font-size:.85rem}.schedule-page{padding:24px;max-width:1200px;margin:0 auto}.schedule-page--empty{min-height:70vh}.schedule-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.schedule-header h1{margin:0;font-size:28px;letter-spacing:-.02em}.schedule-subtitle{margin-top:4px;color:var(--text-secondary, rgba(0,0,0,.65));font-size:14px}.schedule-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end}.time-filters{display:flex;gap:4px;background:var(--color-surface-muted, rgba(0,0,0,.05));padding:4px;border-radius:12px}.time-pill{padding:6px 14px;border-radius:10px;font-size:14px;font-weight:600;color:var(--color-text-muted, var(--text-secondary, rgba(0,0,0,.65)));background:transparent;border:0;cursor:pointer;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease;white-space:nowrap}.time-pill:hover{background:var(--color-hover, rgba(0,0,0,.06))}.time-pill.active{background:var(--color-bg-card, var(--surface, #fff));color:var(--color-primary-dark, var(--text-primary, #111));box-shadow:0 1px 2px #0000001a}.time-pill.locked{opacity:.7}.schedule-loading,.schedule-error,.schedule-insufficient{margin:12px 0;padding:12px 14px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#00000008;font-size:14px}.schedule-error{border-color:#dc262659;background:#dc262614}.schedule-summary-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px;padding:16px;border:1px solid var(--color-border, rgba(0,0,0,.12));background:var(--color-bg-card, var(--color-surface, #fff));border-radius:16px}.schedule-summary-item{text-align:center;padding:8px}.schedule-summary-label{font-size:13px;color:var(--text-secondary, rgba(0,0,0,.65));margin-bottom:6px}.schedule-summary-value{font-weight:700;font-size:18px;color:var(--text-primary, #111)}.schedule-panel--primary{margin-bottom:16px}.schedule-main{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-bottom:14px}.schedule-times-simple{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:16px}.schedule-time-item{padding:12px;border-radius:12px;background:#00000005;border:1px solid rgba(0,0,0,.08)}.schedule-time-label{font-size:12px;color:var(--text-secondary, rgba(0,0,0,.65));margin-bottom:4px}.schedule-time-value{font-weight:700;font-size:16px;color:var(--text-primary, #111)}.schedule-details{margin-top:16px;border:1px solid var(--color-border, rgba(0,0,0,.12));background:var(--color-bg-card, var(--color-surface, #fff));border-radius:16px;overflow:hidden}.schedule-details-toggle{width:100%;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;cursor:pointer;font-size:14px;font-weight:700;color:var(--text-primary, #111);transition:background-color .2s}.schedule-details-toggle:hover{background:#00000005}.schedule-details-content{padding:0 16px 16px;display:flex;flex-direction:column;gap:14px}.schedule-panel{border:1px solid var(--color-border, rgba(0,0,0,.12));background:var(--color-bg-card, var(--color-surface, #fff));border-radius:16px;padding:16px}.schedule-panel-title{font-weight:700;font-size:14px;margin-bottom:6px}.schedule-panel-subtitle{font-size:13px;color:var(--text-secondary, rgba(0,0,0,.65));margin-bottom:12px}.schedule-timeline-wrap{position:relative;margin-bottom:22px}.schedule-timeline-band{position:relative;height:52px;border-radius:12px;overflow:hidden;border:1px solid var(--color-border-muted, rgba(0,0,0,.08));background:linear-gradient(180deg,#00000005,#00000003);display:grid;grid-auto-flow:column;grid-auto-columns:1fr}.schedule-bin{background:var(--color-sleep, #6b6bf6)}.schedule-feed-marker{position:absolute;top:6px;width:2px;height:40px;border-radius:2px;background:var(--color-feeding, #ff8a00);opacity:.9;transform:translate(-1px)}.schedule-feed-marker.night{background:#ff8a00bf}.schedule-timeline-axis{position:absolute;left:0;right:0;top:0;height:52px;pointer-events:none}.schedule-tick{position:absolute;top:0;bottom:0;width:1px;background:#00000014}.schedule-tick span{position:absolute;top:56px;left:50%;transform:translate(-50%);font-size:11px;color:var(--text-secondary, rgba(0,0,0,.6));white-space:nowrap}.schedule-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.schedule-card{text-align:left;border:1px solid rgba(0,0,0,.1);border-radius:14px;padding:12px;background:#00000005;cursor:pointer}.schedule-card[disabled],.schedule-card[aria-disabled=true]{opacity:.55;cursor:default}.schedule-card-title{font-size:12px;color:var(--text-secondary, rgba(0,0,0,.65))}.schedule-card-value{margin-top:6px;font-weight:800;font-size:18px}.schedule-card-sub{margin-top:4px;font-size:12px;color:var(--text-secondary, rgba(0,0,0,.65))}.schedule-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.schedule-metric{border:1px solid rgba(0,0,0,.1);border-radius:14px;padding:12px;background:#00000005}.schedule-metric-value{font-weight:800;font-size:16px}.schedule-metric-label{margin-top:4px;font-size:12px;color:var(--text-secondary, rgba(0,0,0,.65))}.schedule-share{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}.schedule-share-preview textarea{width:100%;min-height:140px;resize:vertical;padding:12px;border-radius:12px;border:1px solid var(--color-border, rgba(0,0,0,.12));background:var(--color-bg-card, var(--color-surface, #fff));font-size:13px;line-height:1.35;color:var(--color-text, var(--text-primary, #111))}.schedule-share-actions{display:flex;flex-direction:column;gap:10px}.schedule-share-actions button{padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#00000005;cursor:pointer}.schedule-modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:18px}.schedule-modal-backdrop{position:absolute;inset:0;background:#00000073;border:0}.schedule-modal{position:relative;width:min(720px,100%);max-height:min(78vh,640px);overflow:hidden;border-radius:18px;border:1px solid var(--color-border, rgba(0,0,0,.14));background:var(--color-bg-card, var(--color-surface, #fff));box-shadow:0 20px 60px #00000040;padding:14px 14px 10px}.schedule-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.schedule-modal-title{font-weight:900;font-size:16px;color:var(--text-primary, #111)}.schedule-modal-close{border:1px solid rgba(0,0,0,.12);background:#00000005;border-radius:12px;width:36px;height:36px;cursor:pointer;font-size:20px;line-height:34px}.schedule-modal-subtitle{margin-top:6px;font-size:12px;color:var(--text-secondary, rgba(0,0,0,.65))}.schedule-modal-body{margin-top:12px;overflow:auto;max-height:calc(78vh - 120px);padding-right:4px}.schedule-modal-empty{padding:18px 6px;color:var(--text-secondary, rgba(0,0,0,.65));font-size:13px}.schedule-modal-section{font-weight:800;font-size:12px;color:var(--text-secondary, rgba(0,0,0,.65));margin-bottom:8px}.schedule-day-list{display:flex;flex-direction:column;gap:8px}.schedule-day-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(0,0,0,.1);background:#00000005}.schedule-day-date{font-weight:800;font-size:13px}.schedule-day-meta{text-align:right}.schedule-day-anchor{font-weight:900;font-size:14px}.schedule-day-stats{margin-top:2px;font-size:12px;color:var(--text-secondary, rgba(0,0,0,.65))}.schedule-empty{padding:0 12px;text-align:center;color:var(--text-secondary, rgba(0,0,0,.65));margin:0 auto;max-width:560px}.schedule-empty-wrap{min-height:60vh;padding:24px 0;display:flex;align-items:center;justify-content:center}.schedule-empty-emoji{font-size:44px;line-height:1;margin-bottom:12px}.schedule-empty-title{font-size:18px;font-weight:800;color:var(--text-primary, #111)}.schedule-empty-subtitle{margin-top:8px;font-size:13px;max-width:520px;margin-left:auto;margin-right:auto}@media(max-width:960px){.schedule-header{flex-direction:column}.schedule-controls{justify-content:flex-start}.time-filters{width:100%;justify-content:space-between}.time-pill{flex:1;padding:6px 8px}.schedule-summary-strip,.schedule-main{grid-template-columns:1fr}.schedule-times-simple{grid-template-columns:repeat(2,1fr)}.schedule-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-share{grid-template-columns:1fr}.schedule-share-actions{flex-direction:row;flex-wrap:wrap}}:root[data-theme=dark] .schedule-subtitle,:root[data-theme=dark] .schedule-card-title,:root[data-theme=dark] .schedule-card-sub,:root[data-theme=dark] .schedule-metric-label,:root[data-theme=dark] .schedule-tick span,:root[data-theme=dark] .schedule-empty,:root[data-theme=dark] .schedule-summary-label,:root[data-theme=dark] .schedule-time-label{color:#ffffffb3}:root[data-theme=dark] .schedule-panel,:root[data-theme=dark] .schedule-modal,:root[data-theme=dark] .schedule-share-preview textarea,:root[data-theme=dark] .schedule-summary-strip,:root[data-theme=dark] .schedule-details{background:#ffffff08;border-color:#ffffff1f;color:#ffffffeb}:root[data-theme=dark] .schedule-empty-title,:root[data-theme=dark] .schedule-summary-value,:root[data-theme=dark] .schedule-time-value{color:#ffffffeb}:root[data-theme=dark] .schedule-modal-title,:root[data-theme=dark] .schedule-details-toggle{color:#ffffffeb}:root[data-theme=dark] .schedule-modal-close{border-color:#ffffff1f;background:#ffffff0a;color:#ffffffeb}:root[data-theme=dark] .schedule-day-row,:root[data-theme=dark] .schedule-time-item{border-color:#ffffff1f;background:#ffffff0a}:root[data-theme=dark] .schedule-card,:root[data-theme=dark] .schedule-metric,:root[data-theme=dark] .schedule-share-actions button{background:#ffffff0a;border-color:#ffffff1f}:root[data-theme=dark] .schedule-timeline-band{border-color:#ffffff1f;background:linear-gradient(180deg,#ffffff0d,#ffffff05)}:root[data-theme=dark] .schedule-details-toggle:hover{background:#ffffff0d}.verify-card{max-width:440px;min-height:auto}.verify-code-input input{font-size:28px;letter-spacing:.25em;text-align:center;font-weight:700}.verify-secondary{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:4px}.verify-link{background:transparent;border:0;padding:0;font:inherit;color:var(--color-text-muted);text-decoration:underline;cursor:pointer}.verify-link:disabled{cursor:not-allowed;opacity:.6;text-decoration:none}.onboarding-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-6);animation:fadeIn .3s ease-out}.onboarding-wizard{background:linear-gradient(165deg,#fffffffa,#ffffffeb);border-radius:var(--radius-2xl);border:1px solid rgba(255,255,255,.6);box-shadow:0 25px 60px #10182840;max-width:560px;width:100%;padding:var(--space-12);position:relative;overflow:hidden;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}.onboarding-wizard:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,#c7356414,#a82b540d);z-index:0}.onboarding-wizard>*{position:relative;z-index:1}.wizard-progress{display:flex;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-8)}.progress-dot{width:10px;height:10px;border-radius:var(--radius-full);background:#00000014;transition:all var(--transition-base)}.progress-dot.active{background:var(--gradient-brand);width:32px;box-shadow:0 10px 30px #c7356440}.wizard-step{animation:fadeInSlide .4s ease-out}.wizard-icon{display:flex;justify-content:center;margin-bottom:var(--space-6)}.wizard-icon-burst{width:100px;height:100px;border-radius:24px;background:linear-gradient(135deg,#c73564,#f875aa);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 25px 50px #c7356459;position:relative;overflow:hidden;animation:floatPulse 6s ease-in-out infinite}.wizard-icon-burst svg{width:52px;height:52px;animation:iconGlow 3s ease-in-out infinite}.wizard-logo{width:100%;height:100%;object-fit:contain;animation:iconGlow 3s ease-in-out infinite}.wizard-title{font-family:var(--font-display);font-size:2rem;font-weight:800;line-height:1.2;text-align:center;margin-bottom:var(--space-4);color:var(--color-text)}.wizard-description{font-size:1rem;line-height:1.6;text-align:center;color:var(--color-text-muted);margin-bottom:var(--space-6);max-width:420px;margin-left:auto;margin-right:auto}.wizard-inline-note{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:#c7356414;color:var(--color-primary-dark);font-size:.875rem;font-weight:600;margin:0 auto var(--space-6)}.wizard-form{margin-bottom:var(--space-8)}.age-preview{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--gradient-soft);border-radius:var(--radius-full);color:var(--color-primary-dark);font-size:.875rem;font-weight:600;text-align:center}.sex-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.sex-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-2xl);border:1px solid rgba(15,23,42,.08);background:#fffc;cursor:pointer;transition:all .24s ease;box-shadow:0 10px 25px #0f172a0d}.sex-option:hover{transform:translateY(-3px) scale(1.01);border-color:#c7356459;box-shadow:0 18px 45px #c7356440}.sex-option.selected{background:var(--gradient-soft);border-color:var(--color-primary);box-shadow:0 20px 50px #c735644d}.sex-icon{width:36px;height:36px;color:var(--color-primary)}.sex-label{font-size:1rem;font-weight:600;color:var(--color-text)}.wizard-actions{display:flex;gap:var(--space-4);justify-content:space-between}.wizard-btn-next,.wizard-btn-complete{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.wizard-btn-next svg,.wizard-btn-complete svg{margin-left:var(--space-2);transition:transform var(--transition-base)}.wizard-btn-next:hover svg{transform:translate(4px)}.wizard-btn-complete:hover svg{transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInSlide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes floatPulse{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(1deg)}to{transform:translateY(0) rotate(0)}}@keyframes iconGlow{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}@media(max-width:640px){.onboarding-overlay{padding:var(--space-4)}.onboarding-wizard{padding:var(--space-8)}.wizard-title{font-size:1.6rem}.wizard-description{font-size:.95rem}.wizard-inline-note{font-size:.75rem;text-align:center}.sex-options{grid-template-columns:1fr}.wizard-actions{flex-direction:column-reverse}.wizard-actions button{width:100%}}.onboarding-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffffffe6,#ffffffd9);z-index:30}.onboarding-loading-inner{display:flex;align-items:center;gap:16px;padding:18px 28px;border-radius:12px;background:#fff;box-shadow:0 20px 40px #0f172a1f}.loading-spinner{width:36px;height:36px;border-radius:50%;border:4px solid rgba(199,53,100,.12);border-top-color:var(--color-primary);animation:spin .9s linear infinite}.loading-text{font-weight:700;color:var(--color-text)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.congratulations-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:max(var(--space-4),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-4),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left));opacity:0;transition:opacity .4s ease-out}.congratulations-overlay.visible{opacity:1}.congratulations-container{background:linear-gradient(165deg,#fffffffa,#ffffffeb);border-radius:var(--radius-2xl);border:1px solid rgba(255,255,255,.6);box-shadow:0 25px 60px #10182840;max-width:640px;width:100%;padding:var(--space-12);padding-bottom:var(--space-8);position:relative;overflow:hidden;display:flex;flex-direction:column;max-height:min(760px,calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - (2 * var(--space-4))));transform:translateY(30px);opacity:0;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.congratulations-overlay.visible .congratulations-container{transform:translateY(0);opacity:1}.congratulations-container:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,#c7356414,#a82b540d);z-index:0}.congratulations-container:after{content:"";position:absolute;inset:-40px;background:radial-gradient(circle at 12% 18%,rgba(246,179,200,.55) 0 6px,transparent 7px),radial-gradient(circle at 28% 32%,rgba(16,185,129,.35) 0 5px,transparent 6px),radial-gradient(circle at 78% 22%,rgba(59,130,246,.35) 0 5px,transparent 6px),radial-gradient(circle at 66% 64%,rgba(245,158,11,.35) 0 5px,transparent 6px),radial-gradient(circle at 18% 72%,rgba(199,53,100,.45) 0 6px,transparent 7px),radial-gradient(circle at 86% 78%,rgba(167,139,250,.35) 0 5px,transparent 6px);opacity:0;transform:translateY(-10px);pointer-events:none;z-index:0}.congratulations-overlay.visible .congratulations-container:after{animation:confettiBurst 1.2s cubic-bezier(.2,.9,.2,1) both}.congratulations-container>*{position:relative;z-index:1}.congratulations-icon{display:flex;justify-content:center;margin-bottom:var(--space-6)}.congratulations-icon-burst{width:100px;height:100px;border-radius:24px;background:linear-gradient(135deg,#c73564,#f875aa);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 25px 50px #c7356459;position:relative;overflow:hidden;animation:floatPulse 6s ease-in-out infinite}.congratulations-icon-burst:before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 180deg,#fff0,#ffffff8c 35deg,#fff0 80deg,#ffffff59 140deg,#fff0 220deg,#ffffff73,#fff0 360deg);opacity:.55;animation:spinShimmer 3.2s linear infinite}.congratulations-icon-burst:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 25%,rgba(255,255,255,.95) 0 2px,transparent 3px),radial-gradient(circle at 72% 22%,rgba(255,255,255,.85) 0 2px,transparent 3px),radial-gradient(circle at 82% 62%,rgba(255,255,255,.85) 0 2px,transparent 3px),radial-gradient(circle at 28% 72%,rgba(255,255,255,.9) 0 2px,transparent 3px);opacity:.7;mix-blend-mode:overlay}.icon-sparkle{width:52px;height:52px;animation:iconGlow 3s ease-in-out infinite}.congratulations-title{font-size:1.7rem;font-weight:700;color:var(--color-text-primary);text-align:center;margin:0 0 var(--space-3) 0;line-height:1.2}.congratulations-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);text-align:center;margin:0 0 var(--space-8) 0;line-height:1.5}.congratulations-features{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-bottom:var(--space-8);flex:1 1 auto;min-height:0;overflow:auto;padding-right:2px}.feature-card{display:flex;gap:var(--space-4);padding:var(--space-4);background:#fff9;border:0px solid rgba(199,53,100,.01);border-radius:var(--radius-lg);transition:all var(--transition-base);opacity:0;transform:translate(-20px);animation:slideInLeft .5s ease-out forwards}.feature-card:hover{background:#fff6;border-color:#c7356405;box-shadow:0 8px 20px #c735641a}.feature-icon{flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-surface-muted);color:#fff;display:flex;align-items:center;justify-content:center}.feature-icon svg{width:24px;height:24px}.feature-content{flex:1;min-width:0}.feature-label{display:flex;align-items:center;gap:var(--space-2);font-size:.9rem;font-weight:var(--font-semibold);color:var(--color-text-muted);margin-bottom:var(--space-1)}.feature-check{width:18px;height:18px;color:#10b981;flex-shrink:0}.feature-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.congratulations-actions{display:flex;flex-direction:column;gap:var(--space-3)}.congratulations-btn-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.congratulations-btn-secondary{width:100%}.btn-icon{width:18px;height:18px}@keyframes floatPulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}@keyframes iconGlow{0%,to{filter:drop-shadow(0 0 0px rgba(255,255,255,0))}50%{filter:drop-shadow(0 0 15px rgba(255,255,255,.8))}}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}@keyframes confettiBurst{0%{opacity:0;transform:translateY(-16px);filter:blur(1px)}30%{opacity:1;filter:blur(0px)}to{opacity:0;transform:translateY(22px)}}@keyframes spinShimmer{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.congratulations-container,.congratulations-icon-burst,.icon-sparkle,.feature-card{animation:none!important;transition:none!important}.congratulations-overlay.visible .congratulations-container:after{animation:none!important;opacity:0}}@media(max-width:640px){.congratulations-container{padding:var(--space-8)}.congratulations-title{font-size:var(--text-2xl)}.congratulations-subtitle{font-size:var(--text-base)}.feature-card{padding:var(--space-3)}.feature-icon{width:40px;height:40px}.feature-icon svg{width:20px;height:20px}.feature-label{font-size:var(--text-sm)}.feature-description{font-size:var(--text-xs)}}@media(min-width:720px){.congratulations-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.feature-card{flex-direction:column;gap:var(--space-3);align-items:flex-start}.feature-icon{width:44px;height:44px}.feature-icon svg{width:22px;height:22px}.feature-label{font-size:.95rem}}:root[data-theme=dark] .congratulations-overlay{background:#0009}:root[data-theme=dark] .congratulations-container{background:linear-gradient(165deg,#111c2efa,#111c2eeb);border-color:#ffffff14;box-shadow:0 25px 60px #0000008c}:root[data-theme=dark] .congratulations-container:before{background:linear-gradient(140deg,#c735640d,#a82b5408)}:root[data-theme=dark] .congratulations-container:after{opacity:0}:root[data-theme=dark] .feature-card{background:#ffffff08;border-color:#ffffff1a}:root[data-theme=dark] .feature-card:hover{background:#ffffff0d;border-color:#ffffff29;box-shadow:0 10px 26px #00000059}:root[data-theme=dark] .congratulations-icon-burst{box-shadow:0 25px 50px #00000073}:root[data-theme=dark] .congratulations-icon-burst:before{opacity:.35}.settings-submodal-card input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text);box-sizing:border-box}.settings-submodal-card input::placeholder{color:var(--color-text-muted)}.settings-submodal-card input:focus{outline:none;border-color:var(--color-border);box-shadow:0 0 0 3px var(--color-hover)}.settings-submodal-card .settings-list-item{list-style:none;margin:0 0 8px;padding:10px 12px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border:1px solid transparent}.settings-submodal-card .settings-list-item:hover{background:var(--color-surface-muted);border-color:var(--color-border)}.settings-submodal-card .settings-list-item.active{background:#6366f11a;border-color:#6366f138}.settings-submodal-card .settings-list-item.browser-tz{position:relative;background:linear-gradient(180deg,var(--color-bg-alt),var(--color-bg-card));border:1px solid rgba(255,183,77,.35);box-shadow:0 2px 8px #ffb74d14;animation:tz-pulse 3s ease-in-out infinite}@keyframes tz-pulse{0%{box-shadow:0 2px 8px #ffb74d0f}50%{box-shadow:0 6px 18px #ffb74d1a}to{box-shadow:0 2px 8px #ffb74d0f}}.settings-submodal-card .settings-list-item.browser-tz:hover{background:linear-gradient(180deg,var(--color-bg-alt),var(--color-bg-card))}.settings-submodal-card .settings-list-main{text-align:left;font-size:.95rem;color:var(--color-text)}.settings-submodal-card .settings-tag{background:#6366f11f;color:#4f46e5;padding:4px 8px;border-radius:8px;font-size:.8rem}:root[data-theme=dark] .settings-submodal-card .settings-list-item.active{background:#6366f129;border-color:#6366f14d}:root[data-theme=dark] .settings-submodal-card .settings-tag{color:#a5b4fc}.textfield-control{width:100%;padding:var(--space-3) var(--space-3);border:1px solid var(--color-border);border-radius:10px;font-size:.9rem;background:var(--color-bg-card);color:var(--color-text);transition:border-color .15s ease;resize:none}.textfield-control:focus{outline:none;border-color:var(--color-border-muted)}.emoji-picker-container{position:relative;display:inline-block}.emoji-current{position:relative;background:transparent;border:none;cursor:pointer;padding:0;transition:transform .2s ease}.emoji-current:hover{transform:scale(1.05)}.emoji-current:hover .emoji-edit-icon{opacity:1}.emoji-display{font-size:2.5rem;line-height:1;display:block}.emoji-edit-icon{position:absolute;bottom:4px;right:4px;opacity:0;transition:opacity .2s ease;background:var(--color-bg-card);border-radius:50%;padding:4px;box-shadow:0 2px 8px #0000001a;color:var(--color-text-muted)}.emoji-overlay{position:fixed;inset:0;z-index:9999;background:var(--color-overlay);pointer-events:auto;touch-action:none}.emoji-picker-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-bg-card);border-radius:12px;box-shadow:0 8px 32px #0000001f;padding:16px;z-index:10000;min-width:280px;max-width:calc(100vw - 48px);max-height:calc(100vh - 48px);overflow-y:auto;animation:emojiPickerFadeIn .2s ease}@keyframes emojiPickerFadeIn{0%{opacity:0;transform:translate(-50%,-45%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.emoji-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.emoji-picker-header span{font-size:.875rem;font-weight:500;color:var(--color-text)}.emoji-picker-close{background:transparent;border:none;cursor:pointer;padding:4px;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.emoji-picker-close:hover{background:var(--color-surface-muted)}.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.emoji-option{background:transparent;border:2px solid transparent;border-radius:8px;cursor:pointer;font-size:1.75rem;padding:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;aspect-ratio:1}.emoji-option:hover{background:#f9f9f9;transform:scale(1.1)}.emoji-option.selected{border-color:var(--color-primary);background:#c7356414}@media(max-width:768px){.emoji-picker-dropdown{left:50%;right:auto;transform:translate(-50%,-50%);max-width:calc(100vw - 32px);min-width:0;top:50%}.emoji-grid{grid-template-columns:repeat(5,1fr)}.emoji-display{font-size:4rem}}.gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #747775;border-radius:999px;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:44px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:240px;display:inline-flex;align-items:center;justify-content:center}.gsi-material-button.dark{background-color:#131314;color:#e3e3e3;border-color:#8e918f}.gsi-material-button .gsi-material-button-icon{height:20px;margin-right:10px;min-width:20px;width:20px;display:inline-flex;align-items:center;justify-content:center}.gsi-material-button svg{width:100%;height:100%;display:block}.gsi-material-button .gsi-material-button-content-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;height:100%;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top;font-size:14px;text-align:center}.gsi-material-button .gsi-material-button-state{transition:opacity .218s;inset:0;opacity:0;position:absolute;border-radius:inherit}.gsi-material-button:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}.gsi-material-button.dark:disabled{background-color:#13131461;border-color:#8e918f1f}.gsi-material-button:disabled .gsi-material-button-contents,.gsi-material-button:disabled .gsi-material-button-icon{opacity:.38}.gsi-material-button.dark:disabled .gsi-material-button-state{background-color:#e3e3e31f}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#303030;opacity:.12}.gsi-material-button.dark:not(:disabled):active .gsi-material-button-state,.gsi-material-button.dark:not(:disabled):focus .gsi-material-button-state{background-color:#fff;opacity:.12}.gsi-material-button:not(:disabled):hover{box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#303030;opacity:.08}.gsi-material-button.dark:not(:disabled):hover .gsi-material-button-state{background-color:#fff;opacity:.08}.apple-signin-button-img{display:inline-flex;padding:0;border:none;background:transparent;cursor:pointer;border-radius:999px;overflow:hidden;width:240px;height:44px}.apple-signin-button-img img{display:block;width:100%;height:100%}.baby-manager-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.baby-manager-title{font-weight:800;font-size:1.05rem}.baby-manager-actions-row{display:flex;gap:8px;flex-wrap:wrap}.baby-manager-list{display:flex;flex-direction:column;gap:8px}.baby-manager-note{color:var(--color-text-muted);font-size:.9rem;line-height:1.35}.baby-manager-footer{display:flex;justify-content:center;margin-top:-4px}.baby-manager-item-wrap{position:relative}.baby-manager-item-wrap .menu-dropdown{right:12px}.demo-reset-section{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:16px;margin-bottom:24px}.demo-reset-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.demo-reset-icon{font-size:20px;line-height:1}.demo-reset-title{margin:0;font-size:16px;font-weight:600;color:#856404}.demo-reset-description{margin:0 0 12px;font-size:14px;color:#856404;line-height:1.5}.demo-reset-btn{background:#dc3545;color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;width:100%;margin-bottom:8px}.demo-reset-btn:hover:not(:disabled){background:#c82333}.demo-reset-btn:disabled{background:#dc3545;opacity:.6;cursor:not-allowed}.demo-reset-helper{margin:8px 0 0;font-size:12px;color:#856404;line-height:1.4;opacity:.9}.demo-reset-error{margin:8px 0 0;font-size:13px;color:#721c24;background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;padding:8px 12px}@media(prefers-color-scheme:dark){.demo-reset-section{background:#332701;border-color:#664d03}.demo-reset-title,.demo-reset-description,.demo-reset-helper{color:#ffcd39}.demo-reset-error{background:#2c0b0e;border-color:#842029;color:#ea868f}}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width, 280px);background:var(--color-sidebar-bg);border-right:1px solid var(--color-sidebar-border);display:flex;flex-direction:column;z-index:100;transition:transform .3s ease;transition-property:transform,width}:root[dir=rtl] .sidebar{left:auto;right:0;border-right:none;border-left:1px solid var(--color-sidebar-border)}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:64px;background:var(--color-bg-card);border-bottom:1px solid var(--color-sidebar-border);z-index:110;padding:0 16px;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000000d}.mobile-menu-btn{position:absolute;left:16px;background:none;border:none;cursor:pointer;padding:8px;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;z-index:111}:root[dir=rtl] .mobile-menu-btn{left:auto;right:16px}.mobile-menu-btn:hover{background:var(--color-surface-muted);color:var(--color-text)}.mobile-logo{height:64px;width:auto;padding-top:var(--space-3);padding-bottom:var(--space-3)}.sidebar-overlay{display:none;position:fixed;inset:0;background:var(--color-overlay);z-index:99}@media(max-width:768px){.mobile-header{display:flex}.sidebar-header{padding:0;min-height:0;border-bottom:none}.sidebar-header .sidebar-logo,.sidebar-header .sidebar-toggle{display:none}.sidebar{transform:translateY(-100%);top:64px;left:0;right:0;width:100vw;height:calc(100vh - 64px);border-right:none;border-top:1px solid var(--color-sidebar-border);transform-origin:top center;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar.open{transform:translateY(0)}.sidebar-overlay{display:block;top:64px}}.sidebar-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-sidebar-border);display:flex;align-items:center;justify-content:space-between;position:relative;min-height:80px}.sidebar-toggle{border:none;background:transparent;border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);transition:all .2s ease}.sidebar-toggle:hover{background:transparent;color:var(--color-text)}.sidebar-logo{height:36px;width:36px}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:4px}@media(max-width:768px){.sidebar-nav{padding-top:24px}}@media(max-width:768px){.sidebar-header{padding:0!important;min-height:0!important;border-bottom:none!important}.sidebar-header .sidebar-logo,.sidebar-header .sidebar-toggle{display:none!important}.sidebar-nav{padding-top:24px!important}.sidebar{transform:translateY(-100%)!important;top:64px!important;left:0!important;right:0!important;width:100vw!important;height:calc(100vh - 64px)!important;border-right:none!important;border-top:1px solid var(--color-sidebar-border)!important;transform-origin:top center!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.sidebar.open{transform:translateY(0)!important}.sidebar-overlay{display:block!important;top:64px!important}}.sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:none;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:start;width:100%;color:var(--color-text-muted);text-decoration:none}.sidebar-item:hover{background:var(--color-surface-muted);color:var(--color-text)}.sidebar-item.active{background:var(--gradient-primary);color:#fff}.sidebar-item.active:hover{background:linear-gradient(135deg,#b02f5b,#8f2348)}.sidebar-item-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.sidebar-item-content{flex:1;min-width:0}.sidebar-item-label{font-family:Cabinet Grotesk,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:8px}.sidebar-badge{background:var(--color-bg-card);color:var(--color-secondary);font-size:.625rem;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.sidebar-count-badge{background:#ef4444;color:#fff;font-size:.75rem;font-weight:800;min-width:18px;height:18px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.sidebar-item.active .sidebar-badge{background:#ffffff4d;color:#fff}.sidebar.collapsed{width:var(--sidebar-collapsed-width, 72px)}.sidebar-logo{height:40px;width:auto;transition:opacity var(--transition-base);flex-shrink:0}.sidebar.collapsed .sidebar-header{justify-content:center;padding:var(--space-4) 12px}.sidebar.collapsed .sidebar-logo{height:40px}.sidebar.collapsed .sidebar-nav{padding:var(--space-4) 8px}.sidebar.collapsed .sidebar-item{justify-content:center;padding:12px}.sidebar.collapsed .sidebar-item-content,.sidebar.collapsed .sidebar-item-label,.sidebar.collapsed .sidebar-badge{display:none}.sidebar.collapsed .sidebar-item-icon{margin:0}.sidebar.collapsed .sidebar-profile{justify-content:center;padding:12px;background:transparent}.sidebar.collapsed .sidebar-baby{justify-content:center;padding:12px;background:transparent;box-shadow:none}.sidebar.collapsed .sidebar-baby-info,.sidebar.collapsed .sidebar-baby svg{display:none}.sidebar.collapsed .sidebar-user,.sidebar.collapsed .sidebar-profile svg{display:none}.sidebar.collapsed .sidebar-profile:hover,.sidebar.collapsed .sidebar-baby:hover{background:transparent}.sidebar.collapsed .sidebar-baby:hover{box-shadow:none;border-color:transparent}.sidebar.collapsed .sidebar-profile:hover .sidebar-avatar,.sidebar.collapsed .sidebar-baby:hover .sidebar-avatar{color:var(--color-secondary, #b02f5b);background:#f4f4f4}.sidebar.collapsed .sidebar-toggle{position:absolute;inset:0;margin:auto;opacity:0;pointer-events:none}.sidebar.collapsed .sidebar-header:hover .sidebar-toggle{opacity:1;pointer-events:auto}.sidebar.collapsed .sidebar-header:hover .sidebar-logo{opacity:0}.sidebar-footer{padding:16px;border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:10px}.sidebar-profile{width:100%;display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease;text-align:start;color:var(--color-text)}.sidebar-profile:hover{background:var(--color-surface-muted)}.sidebar-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-bg-card);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;color:var(--color-text);transition:color .2s ease,background-color .2s ease,box-shadow .2s ease}.sidebar-user{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar-user-name{font-weight:700;font-size:.95rem;color:var(--color-text)}.sidebar-user-plan{font-size:.8rem;color:var(--color-text-muted)}.sidebar-user-skeleton-name,.sidebar-user-skeleton-plan{display:inline-block}.sidebar-user-skeleton-name{width:120px;height:12px}.sidebar-user-skeleton-plan{width:90px;height:10px}.sidebar-baby{width:100%;display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:var(--color-surface-muted);cursor:pointer;transition:all .2s ease;text-align:start;color:var(--color-text)}.sidebar-baby:hover{background:var(--color-hover);border-color:var(--color-border);box-shadow:none}.sidebar-baby-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar-baby-name{font-weight:700;font-size:.95rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-baby-meta{font-size:.8rem;color:var(--color-text-muted)}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--color-border-muted)}.menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:220px;background:var(--color-bg-card);border:1px solid var(--color-border-muted);border-radius:12px;box-shadow:var(--shadow-dropdown);padding:6px;z-index:150}:root[dir=rtl] .menu-dropdown{right:auto;left:0}.menu-item{width:100%;display:flex;align-items:center;gap:10px;border:none;background:transparent;padding:10px;border-radius:10px;color:var(--color-text);cursor:pointer;font-weight:600}.menu-item:hover{background:var(--color-hover)}.menu-item:disabled{opacity:.55;cursor:not-allowed}.menu-item.danger{color:#b91c1c}.settings-overlay{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:120;padding:24px}.settings-overlay-click{position:absolute;inset:0;background:transparent;border:none;padding:0;margin:0;cursor:pointer;z-index:0}.settings-dialog{background:var(--color-bg-card);border-radius:20px;width:1000px;max-width:95vw;height:min(640px,calc(100vh - 64px));max-height:calc(100vh - 64px);display:flex;flex-direction:column;box-shadow:var(--shadow-modal, 0 24px 70px rgba(15, 23, 42, .25));overflow:hidden;position:relative;z-index:1}.settings-layout{display:grid;grid-template-columns:260px 1fr;min-height:420px;height:100%}.settings-nav{border-right:1px solid var(--color-border);padding:16px;display:flex;flex-direction:column;gap:10px}.settings-nav-item{border:none;background:none;text-align:left;padding:var(--space-3) var(--space-3);border-radius:10px;cursor:pointer;color:var(--color-text);min-height:44px}:root[dir=rtl] .settings-layout{grid-template-columns:1fr 260px}:root[dir=rtl] .settings-nav{grid-column:2;border-right:none;border-left:1px solid var(--color-border)}:root[dir=rtl] .settings-content{grid-column:1}:root[dir=rtl] .settings-nav-item{text-align:right}.settings-nav-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:var(--space-3)}.settings-title{font-weight:800;font-size:1rem;color:var(--color-text)}.settings-save-pill{padding:6px 10px;border-radius:999px;font-size:.8rem;font-weight:700;border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text);justify-self:end;white-space:nowrap}.settings-save-pill--saving{background:var(--color-surface-muted);color:var(--color-text)}.settings-save-pill--saved{background:#22c55e1f;border-color:#22c55e59;color:#166534}.settings-save-pill--offline{background:#eab3081f;border-color:#eab30859;color:#a16207}.settings-save-pill--error{background:#ef44441a;border-color:#ef444459;color:#991b1b}.settings-close{border:none;background:var(--color-surface-muted);border-radius:10px;padding:8px;cursor:pointer}.settings-nav-item.active{background:var(--color-surface-muted);font-weight:800}.settings-content{padding:20px 24px;overflow-y:auto}.settings-panel{display:flex;flex-direction:column;gap:var(--space-6);padding:0 24px 20px;padding-bottom:var(--space-12)}@media(max-width:768px){.settings-panel{padding:12px 16px}}.settings-separator{height:1px;width:100%;background:var(--color-card-border);margin-top:var(--space-6);margin-bottom:var(--space-2)}.settings-section-title{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:4px;font-size:1.25rem;font-weight:800;color:var(--color-text);padding:var(--space-3) 0}.settings-section-text{display:flex;flex-direction:column;gap:4px}.settings-section-heading{font-size:1.5rem}p.settings-description,.settings-description{margin:-4px 0 0;color:var(--color-text-muted);font-size:.825rem;font-weight:400}.settings-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:.95rem}.settings-row.pair{justify-content:space-between;align-items:center;gap:16px}.settings-row.pair .settings-label{flex:0 0 200px;min-width:120px;max-width:60%;color:var(--color-text-muted)}@media(max-width:900px){.settings-row.pair .settings-label{flex:0 0 140px;min-width:110px}}.settings-row.pair>*:not(.settings-label){flex:1}.settings-row.pair.compact>*:not(.settings-label){flex:0 0 auto}.settings-row.vertical{flex-direction:column;align-items:stretch;gap:var(--space-2)}.settings-row.space-between{justify-content:space-between}.settings-loading-blank{height:80px;border-radius:8px;background:linear-gradient(90deg,var(--color-skeleton-1),var(--color-skeleton-2));box-shadow:0 8px 18px var(--color-hover)}.settings-label{font-size:.9rem;color:var(--color-text);font-weight:600;margin-top:var(--space-1)}.settings-value{font-size:.95rem;font-weight:600;color:var(--color-text)}.settings-value-desc{font-size:.8rem;color:var(--color-text-muted);margin-top:0}.settings-label-timezone-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-timezone-control{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:8px;row-gap:6px}.settings-timezone-helper{grid-column:1 / -1;margin-top:0}.settings-list{display:flex;flex-direction:column;gap:8px}.settings-list-item{display:flex;align-items:center;gap:10px;justify-content:space-between;border:none;border-radius:12px;padding:12px 14px;background:var(--color-surface-muted);cursor:pointer;min-height:56px;width:100%}.settings-emoji-circle{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;border-radius:999px;background:var(--color-bg-card);font-size:1.1rem;line-height:1}.settings-list-meta{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;flex:1 1 auto}.settings-list-title{display:inline-flex;font-weight:600;align-items:center;gap:8px}.settings-pill{background:none;color:var(--color-text-muted);padding:0;border-radius:0;font-size:.9rem;font-weight:400}.settings-tag{background:#fef3c7;color:#b45309;padding:4px 8px;border-radius:10px;font-size:.8rem}.settings-card{border:1px solid var(--color-border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:var(--space-6)}.settings-card.settings-card-quota{background-color:var(--color-surface-muted);border:none;border-radius:10px;padding:var(--space-4) var(--space-4)}.settings-card-quota-list{display:grid;grid-template-columns:1fr;gap:4px;margin-top:0;font-size:.9rem;color:var(--color-text);font-weight:400}.settings-card-quota-title{font-weight:600}.settings-card-quota-plan{font-weight:700}.settings-card-quota-content{font-weight:400;font-size:.85rem;color:var(--color-text-muted);margin-top:0}.settings-banner{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:12px;padding:12px;color:var(--color-text)}.settings-btn{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:40px;padding:var(--space-3) var(--space-5);cursor:pointer;font-size:.825rem;font-weight:500;white-space:nowrap}.settings-btn:disabled{opacity:.55;cursor:not-allowed}.settings-btn.primary{background:var(--gradient-primary);color:#fff;border:none}.settings-btn.mute,.settings-btn.muted{background:var(--color-surface-muted);color:var(--color-text)}.settings-btn.ghost{background:var(--color-bg-card)}.settings-btn.danger{background:#ef4444;color:#fff;border-color:transparent;box-shadow:0 4px 12px #ef44441f}.settings-btn.danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 18px #dc26262e}.settings-btn-group-billing{margin-top:var(--space-8)}.settings-inline-save{position:relative;width:100%}.settings-inline-save-btn{position:absolute;right:6px;height:32px;min-width:52px;padding:0 12px;border-radius:999px;font-size:.8rem;display:inline-flex;align-items:center;justify-content:center}.settings-inline-save--input .settings-inline-save-btn{top:50%;transform:translateY(-50%)}.settings-inline-save--textarea .settings-inline-save-btn{bottom:12px}.settings-inline-save-control{padding-right:92px}.settings-inline-save-control--textarea{padding-bottom:52px}.settings-toggle label{display:flex;align-items:center;gap:10px;cursor:pointer}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.settings-benefits{list-style:disc;padding-left:20px;margin:-6px 0 0;color:var(--color-text-muted)}.settings-benefits li{margin:6px 0;font-size:.85rem;color:var(--color-text)}.settings-static-field{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-muted);color:var(--color-text);min-height:44px;display:flex;align-items:center;box-sizing:border-box}.settings-field-stack{width:100%;display:flex;flex-direction:column;gap:6px}.settings-hint{font-size:.85rem;color:var(--color-text-muted)}.settings-hint.error{color:#ef4444}.settings-label-content{font-size:.9rem;color:var(--color-text-muted);margin-top:0}.profile-picker{display:flex;align-items:center;gap:10px}.switch{position:relative;width:48px;min-width:48px;height:26px;min-height:26px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface-muted);display:inline-flex;align-items:center;padding:3px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;flex:0 0 auto;box-sizing:border-box;align-self:center;outline:none}.switch:focus{outline:none;box-shadow:0 0 0 3px var(--color-border-muted)}.switch:disabled{opacity:.55;cursor:not-allowed}.switch .switch-thumb{position:absolute;left:3px;width:20px;height:20px;border-radius:50%;background:var(--color-bg-card);box-shadow:0 1px 2px #0000002e;transition:transform .18s ease,box-shadow .18s ease}.switch.on{background:var(--color-primary);border-color:var(--color-primary)}.switch.on .switch-thumb{transform:translate(22px);background:var(--color-bg-card);box-shadow:0 1px 2px #00000040}.settings-submodal{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:130;padding:16px}.settings-submodal-card{background:var(--color-bg-card);border-radius:16px;padding:16px;width:min(520px,90vw);box-shadow:var(--shadow-modal, 0 20px 60px rgba(15, 23, 42, .25));display:flex;flex-direction:column;gap:12px}.settings-submodal-header{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-2)}.settings-submodal-footer{display:flex;justify-content:flex-end;margin-top:var(--space-4);gap:var(--space-6)}.settings-link{border:none;background:none;padding:0;font-size:.9rem;font-weight:400;cursor:pointer}.settings-link.danger{color:#ef4444}.settings-role-info{margin-top:var(--space-4);border-radius:12px;padding:12px;background:var(--color-surface-muted);border:1px solid var(--color-border-muted);color:var(--color-text)}.settings-role-info-title{font-weight:700;font-size:.92rem;margin-bottom:4px}.settings-role-info-body{color:var(--color-text-muted);font-size:.9rem;line-height:1.35}@media(max-width:900px){.settings-overlay{padding:12px}.settings-dialog{width:100%;max-width:100%;height:auto;max-height:calc(100vh - 24px);position:relative}.settings-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.settings-nav{flex-direction:row;flex-wrap:wrap;gap:8px;border-right:none;border-bottom:1px solid var(--color-border);justify-content:center;padding-right:54px}.settings-nav-top{width:100%;grid-template-columns:1fr;justify-items:center}.settings-title,.settings-save-pill{display:none}.settings-dialog>.settings-layout .settings-close,.settings-dialog .settings-close{position:absolute;top:12px;right:12px;z-index:140;background:var(--color-bg-card)}.settings-nav-item{flex:0 1 auto;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap}.settings-content{padding:16px}}.demo-banner{position:sticky;top:0;z-index:1000;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 20px;box-shadow:0 2px 8px #0000001a}.demo-banner__content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.demo-banner__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.demo-banner__text{flex:1;margin:0;font-size:14px;font-weight:500;min-width:200px}.demo-banner__button{background:#fff;color:#667eea;border:none;padding:8px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.demo-banner__button:hover{background:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.demo-banner__button:active{transform:translateY(0)}@media(max-width:640px){.demo-banner{padding:10px 16px}.demo-banner__content{gap:10px}.demo-banner__text{font-size:13px;min-width:unset;width:100%}.demo-banner__button{width:100%;padding:10px 20px}}.app-layout{--sidebar-width: 280px;--sidebar-collapsed-width: 72px;display:flex;min-height:100vh;background:var(--color-bg)}.app-layout.sidebar-collapsed{--sidebar-width: var(--sidebar-collapsed-width)}.layout-content{flex:1;margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));transition:margin-left var(--transition-base),width var(--transition-base)}@media(max-width:768px){.layout-content{margin-left:0;width:100%;padding-top:64px}}.offline-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--container-padding);position:relative;overflow:hidden}.offline-bg-gradient{position:absolute;inset:0;background:var(--offline-bg-gradient);z-index:0}.offline-bg-orbs{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.offline-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.22;animation:offlineFloat 20s ease-in-out infinite}.offline-orb-1{width:520px;height:520px;background:var(--gradient-brand);top:-220px;left:-220px;animation-delay:0s}.offline-orb-2{width:460px;height:460px;background:linear-gradient(135deg,#f6b3c8,#c73564);bottom:-200px;right:-200px;animation-delay:-7s}.offline-orb-3{width:360px;height:360px;background:linear-gradient(135deg,#d6336c,#a82b54);top:45%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s}@keyframes offlineFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.06)}66%{transform:translate(-20px,20px) scale(.94)}}.offline-container{width:100%;max-width:760px;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.offline-brand{display:flex;align-items:center;justify-content:center}.offline-logo{height:44px;width:auto}.offline-card{width:100%;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.7);background:#ffffffeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #0000001a,0 0 1px #0000001a}.offline-card-body{padding:var(--space-10);text-align:center}.offline-icon{width:46px;height:46px;margin:0 auto var(--space-5);border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#c735641f;color:var(--color-primary)}.offline-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.15;letter-spacing:-.03em;margin-bottom:var(--space-3)}.offline-subtitle{color:var(--color-text-muted);font-size:1.05rem;line-height:1.6;max-width:560px;margin:0 auto var(--space-6)}.offline-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-8)}.offline-tips{text-align:left;max-width:560px;margin:0 auto;padding:var(--space-6);border-radius:var(--radius-lg);background:#ffffffbf;border:1px solid rgba(0,0,0,.05)}.offline-tips-title{font-weight:700;margin-bottom:var(--space-3)}.offline-tips-list{display:grid;gap:var(--space-2);color:var(--color-text);padding-left:18px;list-style:disc}.offline-meta{margin-top:var(--space-4);font-size:.9rem;color:var(--color-text-muted)}@media(max-width:640px){.offline-card-body{padding:var(--space-8)}}@media(prefers-reduced-motion:reduce){.offline-orb{animation:none}}:root[data-theme=dark] .offline-card{border:1px solid rgba(226,232,240,.14);background:#111c2ee0;box-shadow:0 24px 70px #0000008c,0 0 1px #ffffff14}:root[data-theme=dark] .offline-tips{background:#111c2e99;border:1px solid rgba(226,232,240,.12)}:root[data-theme=dark] .offline-icon{background:#c735642e}.app{position:relative;z-index:1;min-height:100vh}.app-header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-header-border);transition:var(--transition-base)}.app-header .container{padding:var(--space-4) var(--container-padding)}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.25rem;letter-spacing:-.02em;color:var(--color-text);font-family:var(--font-display)}.logo-icon{width:36px;height:36px}.main-content{padding:var(--space-20) 0}.welcome-card{max-width:800px;margin:0 auto;text-align:center;padding:var(--space-16) var(--space-8);background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-card-border)}.welcome-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:var(--space-6);color:var(--color-text)}.welcome-description{font-size:1.125rem;line-height:1.6;color:var(--color-text-muted);margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.welcome-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}@media(max-width:768px){.main-content{padding:var(--space-12) 0}.welcome-card{padding:var(--space-8) var(--space-6)}.welcome-actions{flex-direction:column;width:100%}}:root{--color-bg: #fdfcfb;--color-bg-alt: #fff;--color-bg-card: #ffffff;--color-surface: var(--color-bg-card);--color-text: #0a0e27;--color-text-primary: var(--color-text);--color-text-muted: #64748b;--color-text-light: #94a3b8;--color-text-secondary: var(--color-text-muted);--color-border: #e2e8f0;--color-border-muted: rgba(15, 23, 42, .08);--color-surface-muted: #f8fafc;--color-overlay: rgba(15, 23, 42, .45);--color-header-bg: rgba(253, 252, 251, .8);--color-header-border: rgba(0, 0, 0, .05);--color-card-border: rgba(0, 0, 0, .06);--color-skeleton-1: rgb(240, 240, 240);--color-skeleton-2: rgb(250, 250, 250);--shadow-dropdown: 0 12px 30px -20px rgba(15, 23, 42, .4), 0 8px 20px -16px rgba(15, 23, 42, .22);--color-sidebar-bg: linear-gradient(180deg, #fff 0%, #fafafa 100%);--color-sidebar-border: #f0f0f0;--color-bg-subtle: #f6f7fb;--color-hover: rgba(15, 23, 42, .04);--offline-bg-gradient: linear-gradient(135deg, #fff5f7 0%, #ffe4ec 25%, #fff 55%, #f0f4ff 85%, #fff 100%);--color-chart-axis: rgba(0, 0, 0, .06);--color-chart-grid: rgba(0, 0, 0, .06);--color-chart-tooltip-bg: var(--color-bg-card);--color-chart-tooltip-border: rgba(0, 0, 0, .06);--shadow-chart-tooltip: 0 2px 8px rgba(0, 0, 0, .08);--color-chart-neutral: var(--color-text-muted);--color-shimmer: rgba(255, 255, 255, .25);--color-shimmer-strong: rgba(255, 255, 255, .4);--color-bubble-outline: rgba(255, 255, 255, .95);--color-glass: rgba(255, 255, 255, .5);--color-primary: #c73564;--color-primary-dark: #a82b54;--color-secondary: #d6336c;--color-accent: #f6b3c8;--color-feeding: var(--color-primary);--color-sleep: #818cf8;--color-diaper: #92400e;--color-growth: #34d399;--color-milestone: #a78bfa;--color-health: #f472b6;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--gradient-primary: linear-gradient(135deg, #d13b6a 0%, #a82b54 100%);--gradient-secondary: linear-gradient(135deg, #d6336c 0%, #b02f5b 100%);--gradient-brand: linear-gradient(135deg, #c73564 0%, #d6336c 100%);--gradient-soft: linear-gradient(135deg, rgba(199, 53, 100, .12) 0%, rgba(214, 51, 108, .12) 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-modal: 0 24px 70px rgba(15, 23, 42, .25);--shadow-brand: 0 20px 40px -10px rgba(199, 53, 100, .28);--shadow-brand-hover: 0 25px 50px -12px rgba(199, 53, 100, .36);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--container-max: 1280px;--container-padding: 24px;--font-sans: "Outfit", ui-sans-serif, system-ui, sans-serif;--font-display: "Outfit", ui-sans-serif, system-ui, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0b1220;--color-bg-alt: #0f172a;--color-bg-card: #111c2e;--color-surface: var(--color-bg-card);--color-text: #e5e7eb;--color-text-primary: var(--color-text);--color-text-muted: #a1a7b3;--color-text-light: #7b8798;--color-text-secondary: var(--color-text-muted);--color-border: rgba(226, 232, 240, .14);--color-border-muted: rgba(226, 232, 240, .1);--color-surface-muted: rgba(226, 232, 240, .06);--color-overlay: rgba(0, 0, 0, .55);--color-header-bg: rgba(11, 18, 32, .85);--color-header-border: rgba(255, 255, 255, .1);--color-card-border: rgba(255, 255, 255, .1);--color-skeleton-1: rgba(255, 255, 255, .06);--color-skeleton-2: rgba(255, 255, 255, .1);--shadow-dropdown: 0 16px 40px -24px rgba(0, 0, 0, .85), 0 10px 24px -18px rgba(0, 0, 0, .5);--shadow-modal: 0 24px 70px rgba(0, 0, 0, .65);--color-sidebar-bg: linear-gradient(180deg, #0f172a 0%, #0b1220 100%);--color-sidebar-border: rgba(226, 232, 240, .12);--color-bg-subtle: #0a1020;--color-hover: rgba(226, 232, 240, .06);--offline-bg-gradient: linear-gradient(135deg, #0b1220 0%, #101a2e 45%, #0b1220 100%);--color-diaper: #f59e0b;--color-chart-axis: rgba(226, 232, 240, .14);--color-chart-grid: rgba(226, 232, 240, .1);--color-chart-tooltip-bg: var(--color-bg-card);--color-chart-tooltip-border: rgba(226, 232, 240, .14);--shadow-chart-tooltip: 0 10px 30px -18px rgba(0, 0, 0, .85);--color-chart-neutral: var(--color-text-muted);--color-shimmer: rgba(255, 255, 255, .14);--color-shimmer-strong: rgba(255, 255, 255, .22);--color-bubble-outline: rgba(11, 18, 32, .85);--color-glass: rgba(15, 23, 42, .55);--gradient-soft: linear-gradient(135deg, rgba(199, 53, 100, .18) 0%, rgba(214, 51, 108, .12) 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden;position:relative;min-height:100vh}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}input,textarea,select{font-family:inherit}.skeleton{background:linear-gradient(90deg,var(--color-skeleton-1),var(--color-skeleton-2),var(--color-skeleton-1));background-size:200% 100%;animation:skeleton-shimmer 1.35s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-line{height:12px;border-radius:999px}.skeleton-circle{border-radius:50%}@keyframes skeleton-shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.bg-gradient{position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(199,53,100,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(214,51,108,.08) 0%,transparent 50%);z-index:-2;pointer-events:none}.bg-orbs{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:float 20s ease-in-out infinite}.orb-1{width:600px;height:600px;background:var(--gradient-primary);top:-200px;left:-200px;animation-delay:0s}.orb-2{width:500px;height:500px;background:var(--gradient-secondary);top:50%;right:-150px;animation-delay:7s}.orb-3{width:400px;height:400px;background:var(--gradient-brand);bottom:-100px;left:30%;animation-delay:14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-50px,50px) scale(.9)}}@media(prefers-reduced-motion:reduce){.orb{animation:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}