.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:500;border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-full{width:100%}.btn-sm{padding:var(--space-2) var(--space-3);font-size:.875rem;border-radius:var(--radius-md)}.btn-md{padding:var(--space-3) var(--space-5);font-size:.9375rem;border-radius:var(--radius-lg)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:1rem;border-radius:var(--radius-lg)}.btn-primary{background:linear-gradient(135deg,var(--purple) 0%,var(--purple-dark) 100%);color:#fff;box-shadow:var(--shadow-sm),var(--shadow-purple)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md),var(--shadow-purple)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#fff;color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--gray-100);color:var(--text)}.btn-danger{background:var(--error);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-success{background:var(--success);color:#fff;box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){background:#16a34a;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--purple);border:2px solid var(--purple)}.btn-outline:hover:not(:disabled){background:var(--purple-light)}.btn-icon{display:flex;align-items:center;font-size:1.1em}.btn-loading{position:relative;color:transparent!important}.btn-spinner{position:absolute;width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.btn-loading .btn-spinner{color:#fff}.btn-secondary.btn-loading .btn-spinner{color:var(--purple)}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-required{color:var(--error);margin-left:var(--space-1)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--space-3);color:var(--muted);pointer-events:none;font-size:1.1rem}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:.9375rem;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.input::placeholder{color:var(--gray-400)}.input:hover:not(:disabled){border-color:var(--gray-300)}.input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-light)}.input:disabled{background:var(--gray-50);cursor:not-allowed;opacity:.7}.input-with-icon{padding-left:var(--space-10)}.textarea{resize:vertical;min-height:80px}.input-error .input{border-color:var(--error)}.input-error .input:focus{box-shadow:0 0 0 3px var(--error-light)}.input-error-text{font-size:.8125rem;color:var(--error)}.input-hint{font-size:.8125rem;color:var(--muted)}input[type=date],input[type=time],input[type=datetime-local]{cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity var(--transition-fast)}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover,input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1}.card{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--border-light);transition:all var(--transition-fast)}.card-padding-none{padding:0}.card-padding-sm{padding:var(--space-4)}.card-padding-md{padding:var(--space-6)}.card-padding-lg{padding:var(--space-8)}.card-shadow-none{box-shadow:none}.card-shadow-sm{box-shadow:var(--shadow-sm)}.card-shadow-md{box-shadow:var(--shadow-md)}.card-shadow-lg{box-shadow:var(--shadow-lg)}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-clickable{cursor:pointer}.card-header{margin-bottom:var(--space-4)}.card-title{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;color:var(--text);margin:0}.card-description{font-size:.875rem;color:var(--muted);margin:var(--space-1) 0 0 0}.card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-light);display:flex;align-items:center;gap:var(--space-3)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-fast) ease-out}.modal{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-height:calc(100vh - var(--space-8));display:flex;flex-direction:column;animation:scaleIn var(--transition-base) ease-out;z-index:var(--z-modal)}.modal-sm{width:100%;max-width:400px}.modal-md{width:100%;max-width:500px}.modal-lg{width:100%;max-width:640px}.modal-xl{width:100%;max-width:800px}.modal-full{width:100%;max-width:calc(100vw - var(--space-8))}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-6);border-bottom:1px solid var(--border-light)}.modal-header-text{flex:1}.modal-title{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;color:var(--text);margin:0}.modal-description{font-size:.875rem;color:var(--muted);margin:var(--space-1) 0 0 0}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.modal-close:hover{background:var(--gray-100);color:var(--text)}.modal-body{flex:1;overflow-y:auto;padding:var(--space-6)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light);background:var(--gray-50);border-radius:0 0 var(--radius-2xl) var(--radius-2xl)}.select-group{display:flex;flex-direction:column;gap:var(--space-2);position:relative}.select-label{font-size:.875rem;font-weight:500;color:var(--text)}.select-required{color:var(--error);margin-left:var(--space-1)}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:.9375rem;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-xs);text-align:left}.select-trigger:hover:not(:disabled){border-color:var(--gray-300)}.select-trigger:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-light)}.select-trigger:disabled{background:var(--gray-50);cursor:not-allowed;opacity:.7}.select-trigger.open{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-light)}.select-value{display:flex;align-items:center;gap:var(--space-2);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-value.placeholder{color:var(--gray-400)}.select-chevron{flex-shrink:0;color:var(--muted);transition:transform var(--transition-fast)}.select-trigger.open .select-chevron{transform:rotate(180deg)}.select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-1);background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);max-height:240px;overflow-y:auto;animation:slideDown var(--transition-fast) ease-out}.select-option{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:.9375rem;color:var(--text);background:transparent;border:none;cursor:pointer;transition:background var(--transition-fast);text-align:left}.select-option:hover{background:var(--gray-50)}.select-option.selected{background:var(--purple-light);color:var(--purple-dark)}.select-option-icon{font-size:1.1rem}.select-check{margin-left:auto;color:var(--purple)}.select-error .select-trigger{border-color:var(--error)}.select-error .select-trigger:focus{box-shadow:0 0 0 3px var(--error-light)}.select-error-text{font-size:.8125rem;color:var(--error)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tabs{display:flex;flex-direction:column}.tabs-list{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--gray-100);border-radius:var(--radius-lg);width:fit-content}.tabs-trigger{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:.875rem;font-weight:500;color:var(--muted);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.tabs-trigger:hover:not(:disabled){color:var(--text)}.tabs-trigger.active{color:var(--text);background:#fff;box-shadow:var(--shadow-sm)}.tabs-trigger:disabled{opacity:.5;cursor:not-allowed}.tabs-content{margin-top:var(--space-4);animation:fadeIn var(--transition-fast) ease-out}.tabs-list.pills{background:transparent;gap:var(--space-2);padding:0}.tabs-list.pills .tabs-trigger{background:var(--gray-100);border-radius:var(--radius-full)}.tabs-list.pills .tabs-trigger.active{background:var(--purple);color:#fff}.tabs-list.underline{background:transparent;border-bottom:1px solid var(--border);border-radius:0;padding:0;gap:var(--space-6)}.tabs-list.underline .tabs-trigger{padding:var(--space-3) 0;border-radius:0;position:relative}.tabs-list.underline .tabs-trigger.active{background:transparent;box-shadow:none;color:var(--purple)}.tabs-list.underline .tabs-trigger.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--purple);border-radius:2px 2px 0 0}.avatar{position:relative;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--purple-light) 0%,var(--primary-200) 100%);color:var(--purple-dark);font-weight:600;overflow:hidden;flex-shrink:0}.avatar-xs{width:24px;height:24px;font-size:.625rem}.avatar-sm{width:32px;height:32px;font-size:.75rem}.avatar-md{width:40px;height:40px;font-size:.875rem}.avatar-lg{width:48px;height:48px;font-size:1rem}.avatar-xl{width:64px;height:64px;font-size:1.25rem}.avatar-2xl{width:80px;height:80px;font-size:1.5rem}.avatar-3xl{width:120px;height:120px;font-size:2.25rem}.avatar-clickable{cursor:pointer;transition:transform var(--transition-fast)}.avatar-clickable:hover{transform:scale(1.05)}.avatar-image{width:100%;height:100%;object-fit:cover;object-position:center}.avatar-image-contain{object-fit:contain;padding:6%;box-sizing:border-box}.avatar-emoji{line-height:1}.avatar-xs .avatar-emoji{font-size:.875rem}.avatar-sm .avatar-emoji{font-size:1rem}.avatar-md .avatar-emoji{font-size:1.25rem}.avatar-lg .avatar-emoji{font-size:1.5rem}.avatar-xl .avatar-emoji{font-size:2rem}.avatar-2xl .avatar-emoji{font-size:2.5rem}.avatar-3xl .avatar-emoji{font-size:3.5rem}.avatar-initials{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.025em}.avatar-status{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:8px;min-height:8px;border-radius:var(--radius-full);border:2px solid white}.avatar-status-online{background:var(--success)}.avatar-status-offline{background:var(--gray-400)}.avatar-status-busy{background:var(--error)}.avatar-status-away{background:var(--warning)}.avatar-group{display:flex;flex-direction:row-reverse;justify-content:flex-end}.avatar-group .avatar{border:2px solid white;margin-right:-8px}.avatar-group .avatar:last-child{margin-right:0}.avatar-group-sm .avatar{margin-right:-6px}.avatar-group-lg .avatar{margin-right:-10px}.avatar-more{background:var(--gray-200);color:var(--gray-600)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-sans);font-weight:500;border-radius:var(--radius-full);white-space:nowrap}.badge-sm{padding:2px var(--space-2);font-size:.6875rem}.badge-md{padding:var(--space-1) var(--space-3);font-size:.75rem}.badge-lg{padding:var(--space-2) var(--space-4);font-size:.8125rem}.badge-default{background:var(--gray-100);color:var(--gray-700)}.badge-primary{background:var(--purple-light);color:var(--purple-dark)}.badge-success{background:var(--success-light);color:var(--green-dark)}.badge-warning{background:var(--warning-light);color:var(--yellow-dark)}.badge-error{background:var(--error-light);color:#b91c1c}.badge-info{background:var(--info-light);color:var(--blue-dark)}.badge-sleep{background:var(--log-sleep);color:var(--brand-dark)}.badge-mood,.badge-feeling,.badge-feeling-check-in{background:var(--log-feelings);color:var(--brand-dark)}.badge-meal{background:var(--log-meals);color:var(--brand-dark)}.badge-behavior{background:var(--log-behavior);color:var(--brand-dark)}.badge-activity{background:var(--log-activities);color:var(--brand-dark)}.badge-health{background:var(--log-health);color:var(--brand-dark)}.badge-potty{background:var(--log-potty);color:var(--brand-dark)}.badge-medication{background:var(--log-medication);color:var(--brand-dark)}.badge-growth{background:var(--log-growth);color:var(--brand-dark)}.badge-note,.badge-notes{background:var(--log-notes);color:var(--brand-dark)}.badge-dot{padding-left:var(--space-2)}.badge-dot-indicator{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.badge-icon{display:flex;align-items:center;font-size:.9em}.badge-remove{display:flex;align-items:center;justify-content:center;margin-left:var(--space-1);margin-right:calc(-1 * var(--space-1));padding:0;background:transparent;border:none;color:inherit;opacity:.6;cursor:pointer;transition:opacity var(--transition-fast)}.badge-remove:hover{opacity:1}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);z-index:var(--z-toast);pointer-events:none}@media (max-width: 640px){.toast-container{left:var(--space-4);right:var(--space-4);bottom:var(--space-4)}}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border);max-width:400px;pointer-events:auto;animation:toastIn var(--transition-base) ease-out}.toast-exit{animation:toastOut var(--transition-fast) ease-in forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}.toast-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;flex-shrink:0}.toast-success .toast-icon{background:var(--success-light);color:var(--success)}.toast-error .toast-icon{background:var(--error-light);color:var(--error)}.toast-warning .toast-icon{background:var(--warning-light);color:var(--warning)}.toast-info .toast-icon{background:var(--info-light);color:var(--info)}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;font-size:.875rem;color:var(--text);margin-bottom:var(--space-1)}.toast-message{font-size:.875rem;color:var(--text-secondary);line-height:1.4}.toast-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0}.toast-close:hover{background:var(--gray-100);color:var(--text)}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-rectangular{border-radius:var(--radius-md)}.skeleton-circular{border-radius:var(--radius-full)}.skeleton-text{display:flex;flex-direction:column}.skeleton-card{background:#fff;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.skeleton-card-content{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3)}.skeleton-list-item-content{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8)}.empty-state-sm{padding:var(--space-6)}.empty-state-lg{padding:var(--space-12)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.9}.empty-state-sm .empty-state-icon{font-size:2rem;margin-bottom:var(--space-3)}.empty-state-lg .empty-state-icon{font-size:4rem;margin-bottom:var(--space-6)}.empty-state-title{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;color:var(--text);margin:0 0 var(--space-2) 0}.empty-state-sm .empty-state-title{font-size:1rem}.empty-state-lg .empty-state-title{font-size:1.5rem}.empty-state-description{font-size:.9375rem;color:var(--muted);max-width:360px;margin:0 0 var(--space-6) 0;line-height:1.5}.empty-state-sm .empty-state-description{font-size:.875rem;margin-bottom:var(--space-4)}.empty-state-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.image-cropper-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1100;padding:var(--space-4)}.image-cropper-container{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:400px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.cropper-header{padding:var(--space-4);text-align:center;border-bottom:1px solid var(--border-light)}.cropper-header h3{margin:0 0 var(--space-1) 0;font-size:1.125rem;font-weight:600;color:var(--text)}.cropper-header p{margin:0;font-size:.875rem;color:var(--text-muted)}.cropper-area{position:relative;width:100%;height:300px;background:var(--gray-900)}.cropper-controls{padding:var(--space-4);background:var(--gray-50)}.zoom-control{display:flex;align-items:center;gap:var(--space-3)}.zoom-icon{font-size:1rem}.zoom-slider{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--gray-200);border-radius:3px;outline:none}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--purple);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0003;transition:transform var(--transition-fast)}.zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.zoom-slider::-moz-range-thumb{width:20px;height:20px;background:var(--purple);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #0003}.zoom-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);min-width:45px;text-align:right}.cropper-actions{display:flex;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--border-light)}.cropper-btn{flex:1;padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.cropper-btn.cancel{background:var(--gray-100);color:var(--text-secondary)}.cropper-btn.cancel:hover{background:var(--gray-200)}.cropper-btn.save{background:var(--purple);color:#fff}.cropper-btn.save:hover{background:var(--purple-dark)}.brand-logo{display:inline-flex;align-items:center;gap:.55em;text-decoration:none;color:inherit;line-height:1;-webkit-user-select:none;user-select:none}.brand-logo-mark{display:block;flex-shrink:0;width:1.75em;height:1.75em;object-fit:contain}.brand-logo-wordmark{font-family:var(--font-serif, "Fraunces", Georgia, serif);font-weight:600;letter-spacing:-.03em;white-space:nowrap}.brand-logo--sm{font-size:1rem}.brand-logo--md{font-size:1.2rem}.brand-logo--lg{font-size:1.6rem}.brand-logo--xl{font-size:2.5rem}.brand-logo--default{color:var(--text, #1f2937)}.brand-logo--default .brand-logo-wordmark{color:var(--brand-primary, #4f7fc7)}.brand-logo--light,.brand-logo--light .brand-logo-wordmark{color:#fff}.brand-logo--plain .brand-logo-wordmark{color:inherit}.landing-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--cream);color:var(--text);line-height:1.6;overflow-x:hidden}.landing-page nav{position:sticky;top:0;z-index:100;background:#faf8f5eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 24px}.nav-inner{max-width:1100px;margin:0 auto;height:64px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.4rem;font-weight:700;color:var(--purple);letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.logo-dot{color:var(--brand-mid)}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{text-decoration:none;color:var(--muted);font-size:.9rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--purple)}.nav-cta{background:var(--purple);color:var(--white);border:none;padding:10px 22px;border-radius:50px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .2s,transform .15s;text-decoration:none}.nav-cta:hover{background:var(--brand-dark);transform:translateY(-1px)}.hero{max-width:1100px;margin:0 auto;padding:90px 24px 80px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--purple-light);color:var(--purple);font-size:.8rem;font-weight:600;padding:6px 14px;border-radius:50px;margin-bottom:24px;letter-spacing:.01em}.hero-badge span{font-size:1rem}.landing-page h1{font-size:clamp(2.2rem,4vw,3.2rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;color:var(--text);margin-bottom:20px}.landing-page h1 em{font-style:normal;color:var(--purple)}.hero-sub{font-size:1.1rem;color:var(--muted);max-width:460px;margin-bottom:36px;line-height:1.7}.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.btn-primary{background:var(--purple);color:#fff;text-decoration:none;padding:14px 30px;border-radius:50px;font-size:.95rem;font-weight:600;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 14px #4f7fc747;display:inline-block}.btn-primary:hover{background:var(--brand-dark);transform:translateY(-2px);box-shadow:0 8px 24px #4f7fc752}.btn-ghost{color:var(--muted);text-decoration:none;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:6px;transition:color .2s}.btn-ghost:hover{color:var(--purple)}.hero-trust{margin-top:40px;display:flex;align-items:center;gap:12px}.avatars{display:flex}.avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--cream);margin-left:-8px;font-size:1rem;display:flex;align-items:center;justify-content:center;background:var(--purple-light)}.avatar:first-child{margin-left:0}.trust-text{font-size:.82rem;color:var(--muted)}.trust-text strong{color:var(--text);display:block;font-weight:600}.hero-visual{display:flex;flex-direction:column;gap:14px}.mock-card{background:var(--white);border-radius:20px;padding:20px 24px;box-shadow:var(--shadow);border:1px solid var(--border)}.mock-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mock-child{display:flex;align-items:center;gap:10px}.mock-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--brand-light),var(--brand-mid));display:flex;align-items:center;justify-content:center;font-size:1.2rem}.mock-name{font-weight:600;font-size:.95rem}.mock-age{font-size:.75rem;color:var(--muted)}.mock-date{font-size:.75rem;color:var(--muted);background:var(--cream);padding:4px 10px;border-radius:50px}.mock-pills{display:flex;flex-wrap:wrap;gap:8px}.pill{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:50px;font-size:.8rem;font-weight:500}.pill-sleep,.pill-mood,.pill-food,.pill-behav{background:var(--brand-light);color:var(--brand-dark)}.mock-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.mock-bar-label{font-size:.75rem;color:var(--muted);width:52px;flex-shrink:0}.mock-bar-track{flex:1;height:8px;background:var(--cream);border-radius:50px;overflow:hidden}.mock-bar-fill{height:100%;border-radius:50px}.mock-bar-val{font-size:.75rem;font-weight:600;width:30px;text-align:right}.mock-mini{background:var(--white);border-radius:16px;padding:16px 20px;box-shadow:var(--shadow-sm);border:1px solid var(--border);display:flex;align-items:center;gap:14px}.mock-mini-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.mock-mini-text{font-size:.82rem}.mock-mini-title{font-weight:600;margin-bottom:2px}.mock-mini-sub{color:var(--muted)}.mock-streak{margin-left:auto;font-size:.75rem;font-weight:700;color:var(--coral);background:var(--coral-light);padding:4px 10px;border-radius:50px}.proof-strip{background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:20px 24px;text-align:center}.proof-inner{max-width:900px;margin:0 auto}.proof-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:16px}.proof-stats{display:flex;justify-content:center;gap:60px;flex-wrap:wrap}.proof-stat strong{display:block;font-size:1.6rem;font-weight:800;color:var(--purple);letter-spacing:-.02em}.proof-stat span{font-size:.82rem;color:var(--muted)}.landing-page section{padding:90px 24px}.section-inner{max-width:1100px;margin:0 auto}.section-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--purple);font-weight:700;margin-bottom:14px}.landing-page h2{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-bottom:16px}.section-sub{font-size:1.05rem;color:var(--muted);max-width:520px;line-height:1.7;margin-bottom:56px}.track-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.track-card{background:var(--white);border:1px solid var(--border);border-radius:24px;padding:32px 28px;transition:transform .2s,box-shadow .2s}.track-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.track-icon{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:20px}.track-card h3{font-size:1.15rem;font-weight:700;margin-bottom:10px}.track-card p{font-size:.9rem;color:var(--muted);line-height:1.65;margin-bottom:20px}.track-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:.73rem;padding:4px 10px;border-radius:50px;font-weight:500}.how-bg{background:var(--white)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:40px}.step{position:relative}.step-number{width:44px;height:44px;border-radius:50%;background:var(--purple);color:#fff;font-size:1rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.step h3{font-size:1.1rem;font-weight:700;margin-bottom:10px}.step p{font-size:.9rem;color:var(--muted);line-height:1.65}.step-detail{margin-top:18px;display:flex;flex-direction:column;gap:8px}.step-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted)}.step-item:before{content:"✓";width:18px;height:18px;border-radius:50%;background:var(--purple-light);color:var(--purple);font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.testimonial{background:var(--white);border:1px solid var(--border);border-radius:20px;padding:28px}.stars-display{color:#f59e0b;font-size:.9rem;margin-bottom:14px;letter-spacing:2px}.testimonial blockquote{font-size:.95rem;line-height:1.7;color:var(--text);margin-bottom:20px;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:12px}.author-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.author-name{font-weight:600;font-size:.88rem}.author-role{font-size:.78rem;color:var(--muted)}.cta-section{background:linear-gradient(135deg,var(--brand-dark) 0%,var(--primary-600) 100%);padding:90px 24px;text-align:center}.cta-section h2{color:#fff;margin-bottom:16px}.cta-section p{color:#fffc;font-size:1.05rem;max-width:460px;margin:0 auto 36px;line-height:1.7}.cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn-white{background:#fff;color:var(--purple);text-decoration:none;padding:14px 30px;border-radius:50px;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .2s;box-shadow:0 4px 14px #00000026}.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0003}.btn-outline-white{background:transparent;color:#fff;text-decoration:none;padding:14px 30px;border-radius:50px;font-size:.95rem;font-weight:600;border:2px solid rgba(255,255,255,.5);transition:border-color .2s,background .2s}.btn-outline-white:hover{border-color:#fff;background:#ffffff1a}.cta-note{margin-top:20px;font-size:.8rem;color:#fff9}.landing-page footer{background:var(--text);color:#ffffff80;padding:40px 24px;text-align:center;font-size:.85rem}.footer-logo{justify-content:center;margin-bottom:12px}.landing-page footer p{line-height:1.8}.landing-page footer a{color:#fff6;text-decoration:none}@media (max-width: 768px){.hero{grid-template-columns:1fr;padding:60px 20px 50px;gap:40px}.hero-visual,.nav-links{display:none}.proof-stats{gap:30px}.landing-page section{padding:60px 20px}}.auth-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.panel-left{background:linear-gradient(145deg,var(--brand-dark) 0%,var(--primary-600) 100%);display:flex;flex-direction:column;justify-content:center;padding:60px;color:#fff}.panel-logo{margin-bottom:48px}.panel-headline{font-size:2.4rem;font-weight:800;line-height:1.2;letter-spacing:-.03em;margin-bottom:20px}.panel-sub{font-size:1.05rem;color:#ffffffbf;line-height:1.7;max-width:360px;margin-bottom:48px}.panel-features{display:flex;flex-direction:column;gap:14px}.panel-feature{display:flex;align-items:center;gap:12px;font-size:.95rem;color:#ffffffd9}.panel-feature-icon{width:36px;height:36px;border-radius:10px;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.panel-right{background:#fbfaf8;display:flex;align-items:center;justify-content:center;padding:60px 40px}.auth-card{width:100%;max-width:400px}.auth-card h2{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;margin-bottom:8px;color:var(--text)}.auth-card .subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:32px}.tabs{display:flex;background:var(--brand-light);border-radius:12px;padding:4px;margin-bottom:28px}.tab-btn{flex:1;padding:10px;border:none;background:transparent;border-radius:9px;font-size:.9rem;font-weight:600;cursor:pointer;color:var(--brand-dark);transition:background .15s,color .15s}.tab-btn.active{background:#fff;color:var(--text);box-shadow:0 1px 4px #00000014}.form-group{margin-bottom:18px}.auth-page label{display:block;font-size:.83rem;font-weight:600;color:#374151;margin-bottom:6px}.auth-page input[type=text],.auth-page input[type=email],.auth-page input[type=tel],.auth-page input[type=password]{width:100%;padding:12px 14px;border:1.5px solid #e5e7eb;border-radius:12px;font-size:.95rem;font-family:inherit;background:#fff;color:var(--text);transition:border-color .15s,box-shadow .15s;outline:none}.auth-page input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #4f7fc729}.btn-submit{width:100%;padding:13px;background:var(--brand-dark);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;font-family:inherit;margin-top:6px;transition:background .15s,transform .1s}.btn-submit:hover{background:var(--brand-dark)}.btn-submit:active{transform:scale(.99)}.btn-submit:disabled{background:var(--primary-300);cursor:not-allowed}.email-verification-state{text-align:center}.email-verification-icon{font-size:3rem;margin-bottom:18px}.email-verification-state .subtitle{line-height:1.6}.email-app-button{display:block;text-decoration:none}.auth-secondary-button,.auth-link-button{width:100%;padding:12px;border-radius:12px;margin-top:12px;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600}.auth-secondary-button{color:var(--brand-dark);background:#fff;border:1.5px solid #d8dee8}.auth-secondary-button:hover{border-color:var(--brand-primary)}.auth-secondary-button:disabled{color:#9ca3af;cursor:not-allowed}.auth-link-button{color:#6b7280;background:transparent;border:none}.auth-link-button:hover{color:var(--brand-primary)}.resend-login-button{margin-top:0;margin-bottom:18px}.alert{padding:12px 14px;border-radius:10px;font-size:.875rem;margin-bottom:18px}.alert-error{background:#fee2e2;color:#b91c1c}.alert-success{background:#dcfce7;color:#15803d}.back-link{display:block;text-align:center;margin-top:24px;font-size:.85rem;color:#6b7280;text-decoration:none}.back-link:hover{color:var(--brand-primary)}.forgot-link{display:block;text-align:right;margin-top:8px;font-size:.8rem;color:var(--brand-primary);text-decoration:none}.forgot-link:hover{text-decoration:underline}@media (max-width: 700px){.auth-page{grid-template-columns:1fr}.panel-left{display:none}.panel-right{padding:40px 24px}}.forgot-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:linear-gradient(135deg,var(--purple-light) 0%,var(--cream) 50%,white 100%)}.forgot-password-card{width:100%;max-width:420px;background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-xl);text-align:center}.forgot-password-card .logo{justify-content:center;margin-bottom:var(--space-6)}.forgot-password-card h1{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;color:var(--text);margin:0 0 var(--space-2) 0}.forgot-password-card>p{font-size:.9375rem;color:var(--muted);margin:0 0 var(--space-6) 0;line-height:1.5}.forgot-password-card form{display:flex;flex-direction:column;gap:var(--space-4);text-align:left}.error-alert{background:var(--error-light);color:#b91c1c;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:.875rem;margin-bottom:var(--space-4)}.success-icon{font-size:3rem;margin-bottom:var(--space-4)}.hint{font-size:.875rem;color:var(--muted);margin-top:var(--space-4)}.link-btn{background:none;border:none;color:var(--purple);text-decoration:underline;cursor:pointer;font-size:inherit}.link-btn:hover{color:var(--purple-dark)}.back-link{display:inline-block;margin-top:var(--space-6);font-size:.875rem;color:var(--muted);text-decoration:none}.back-link:hover{color:var(--purple)}.splash-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--purple-light) 0%,var(--cream) 50%,white 100%)}.splash-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);animation:fadeIn .5s ease-out}.splash-content .brand-logo-mark{animation:pulse 2s ease-in-out infinite}.splash-loader{display:flex;align-items:center;justify-content:center}.splash-spinner{width:32px;height:32px;border:3px solid var(--purple-light);border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}.splash-status{font-size:.9375rem;color:var(--muted);margin:0}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.onboarding-page{min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:flex-start;padding:clamp(var(--space-4),5vw,var(--space-10));background:radial-gradient(circle at top left,rgba(189,208,232,.46),transparent 38%),linear-gradient(135deg,var(--brand-pale) 0%,var(--cream) 58%,var(--white) 100%)}.onboarding-card{width:min(760px,100%);margin:auto 0;overflow:hidden;border-color:var(--brand-border);border-radius:var(--radius-2xl);background:var(--white)}.onboarding-header{padding:var(--space-6) clamp(var(--space-5),5vw,var(--space-8)) var(--space-5);border-bottom:1px solid var(--border-light);background:var(--brand-pale)}.onboarding-brand{margin-bottom:var(--space-5)}.onboarding-progress-copy{display:flex;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-2);color:var(--brand-dark);font-size:.8125rem;font-weight:700}.onboarding-progress{width:100%;height:8px;overflow:hidden;border-radius:var(--radius-full);background:var(--primary-200)}.onboarding-progress-fill{display:block;height:100%;border-radius:inherit;background:var(--brand-primary)}.onboarding-content{min-width:0;padding:clamp(var(--space-6),5vw,var(--space-8))}.onboarding-step-heading{max-width:620px;margin:0 auto var(--space-6);text-align:center}.onboarding-step-heading h1,.onboarding-completion h1{margin:0;color:var(--text);font-size:clamp(1.55rem,5vw,2rem);line-height:1.2}.onboarding-step-heading p{margin:var(--space-3) auto 0;color:var(--text-secondary);line-height:1.6}.onboarding-optional-badge,.onboarding-selection-count{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--brand-light);color:var(--brand-dark);font-size:.8125rem;font-weight:700}.onboarding-optional-badge{margin-bottom:var(--space-3)}.onboarding-selection-count{margin-top:var(--space-3)}.onboarding-fieldset{min-width:0;margin:0;padding:0;border:0}.onboarding-question-group+.onboarding-question-group,.onboarding-question-group+.onboarding-text-fields{margin-top:var(--space-8)}.onboarding-question-group>legend{width:100%;margin-bottom:var(--space-4);color:var(--text);font-family:var(--font-serif);font-size:1.125rem;font-weight:600;text-align:left}.onboarding-fieldset-help{margin:calc(var(--space-3) * -1) 0 var(--space-4);color:var(--text-secondary);font-size:.875rem}.onboarding-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.onboarding-choice{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 24px;align-items:center;gap:var(--space-3);width:100%;min-height:62px;padding:var(--space-3);border:2px solid var(--brand-border);border-radius:var(--radius-xl);background:var(--white);color:var(--text);font:inherit;cursor:pointer;text-align:left;transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.onboarding-choice:hover:not(:disabled){border-color:var(--primary-400);background:var(--primary-50);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.onboarding-radio-choice{cursor:pointer}.onboarding-choice-radio{position:absolute;width:1px;height:1px;opacity:0}.onboarding-radio-choice:has(.onboarding-choice-radio:focus-visible){outline:2px solid var(--brand-dark);outline-offset:2px}.onboarding-choice--selected{border-color:var(--brand-primary);background:var(--brand-light);box-shadow:0 0 0 1px var(--brand-primary)}.onboarding-choice:disabled,.onboarding-choice--disabled{border-color:var(--gray-200);background:var(--gray-50);color:var(--gray-400);cursor:not-allowed;opacity:.72}.onboarding-choice-icon,.onboarding-choice-check{display:grid;place-items:center;flex-shrink:0}.onboarding-choice-icon{width:38px;height:38px;border-radius:var(--radius-lg);background:var(--primary-50);color:var(--brand-primary)}.onboarding-choice--selected .onboarding-choice-icon{background:var(--white);color:var(--brand-dark)}.onboarding-choice-check{width:22px;height:22px;border:1px solid var(--primary-300);border-radius:var(--radius-full);background:var(--white);color:var(--brand-dark)}.onboarding-choice--selected .onboarding-choice-check{border-color:var(--brand-primary);background:var(--brand-primary);color:var(--white)}.onboarding-choice-label{min-width:0;font-size:.9375rem;font-weight:600;line-height:1.35}.onboarding-other-field{max-width:560px;margin:var(--space-6) auto 0;padding:var(--space-4);border:1px solid var(--brand-border);border-radius:var(--radius-xl);background:var(--brand-pale)}.onboarding-text-fields{display:grid;gap:var(--space-5)}.onboarding-text-fields--compact{gap:var(--space-4)}.onboarding-text-question{padding:var(--space-4);border:1px solid var(--border-light);border-radius:var(--radius-xl);background:var(--gray-50)}.onboarding-text-question--paused{background:var(--brand-pale)}.onboarding-text-question .input-label,.onboarding-text-fields .input-label{font-size:.9375rem;font-weight:600;line-height:1.45}.onboarding-text-question .textarea,.onboarding-text-fields .textarea{min-height:96px}.onboarding-not-sure{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;margin-top:var(--space-2);color:var(--brand-dark);font-size:.875rem;font-weight:600;cursor:pointer}.onboarding-not-sure input{width:18px;height:18px;accent-color:var(--brand-primary)}.onboarding-not-sure:has(input:disabled){cursor:not-allowed;opacity:.65}.onboarding-toggle-list{display:grid;gap:var(--space-3)}.onboarding-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:68px;padding:var(--space-3) var(--space-4);border:1px solid var(--brand-border);border-radius:var(--radius-xl);background:var(--brand-pale);cursor:pointer}.onboarding-toggle-row--disabled{cursor:not-allowed;opacity:.68}.onboarding-toggle-copy{display:grid;gap:2px;min-width:0}.onboarding-toggle-label{color:var(--text);font-size:.9375rem;font-weight:700}.onboarding-toggle-description{color:var(--text-secondary);font-size:.8125rem;line-height:1.4}.onboarding-switch{position:relative;display:block;width:48px;height:28px;flex:0 0 48px}.onboarding-switch input{position:absolute;width:1px;height:1px;opacity:0}.onboarding-switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-full);background:var(--gray-300);transition:background-color var(--transition-fast)}.onboarding-switch-slider:before{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--white);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.onboarding-switch input:checked+.onboarding-switch-slider{background:var(--brand-primary)}.onboarding-switch input:checked+.onboarding-switch-slider:before{transform:translate(20px)}.onboarding-switch input:focus-visible+.onboarding-switch-slider{outline:2px solid var(--brand-dark);outline-offset:3px}.onboarding-saving-status{margin:0 clamp(var(--space-6),5vw,var(--space-8));color:var(--brand-dark);font-size:.875rem;font-weight:700;text-align:center}.onboarding-error{display:flex;align-items:center;gap:var(--space-2);margin:0 clamp(var(--space-6),5vw,var(--space-8));padding:var(--space-3) var(--space-4);border:1px solid #fca5a5;border-radius:var(--radius-lg);background:var(--error-light);color:#991b1b;font-size:.875rem;font-weight:600}.onboarding-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) clamp(var(--space-5),5vw,var(--space-8));border-top:1px solid var(--border-light);background:var(--gray-50)}.onboarding-actions-secondary{display:flex;align-items:center;gap:var(--space-1);min-width:96px}.onboarding-actions>.btn-primary{min-width:132px;margin-left:auto}.onboarding-completion,.onboarding-status-card{padding:clamp(var(--space-6),6vw,var(--space-10));text-align:center}.onboarding-status-card .onboarding-brand{justify-content:center}.onboarding-status-card h1{margin:0;color:var(--text);font-size:clamp(1.55rem,5vw,2rem);line-height:1.2}.onboarding-status-card p{max-width:520px;margin:var(--space-4) auto var(--space-6);color:var(--text-secondary);line-height:1.65}.onboarding-loading-indicator,.onboarding-status-icon{display:grid;width:58px;height:58px;place-items:center;margin:var(--space-2) auto var(--space-5);border-radius:var(--radius-full)}.onboarding-loading-indicator{border:6px solid var(--primary-200);border-top-color:var(--brand-primary)}.onboarding-status-icon--error{background:var(--error-light);color:#991b1b}.onboarding-completion .onboarding-brand{justify-content:center}.onboarding-completion-icon{display:grid;width:72px;height:72px;place-items:center;margin:var(--space-2) auto var(--space-5);border-radius:var(--radius-full);background:var(--brand-light);color:var(--brand-primary)}.onboarding-completion p{max-width:560px;margin:var(--space-4) auto var(--space-6);color:var(--text-secondary);line-height:1.65}.onboarding-completion-error{max-width:560px;margin:0 auto var(--space-5);text-align:left}@media (max-width: 600px){.onboarding-page{padding:0;background:var(--white)}.onboarding-card{min-height:100vh;min-height:100dvh;margin:0;border:0;border-radius:0;box-shadow:none}.onboarding-header,.onboarding-content,.onboarding-actions{padding-right:var(--space-4);padding-left:var(--space-4)}.onboarding-choice-grid,.onboarding-choice-grid--wide,.onboarding-choice-grid--compact{grid-template-columns:1fr}.onboarding-choice{min-height:58px}.onboarding-actions{align-items:stretch;flex-direction:column}.onboarding-actions>.btn-primary{width:100%;margin-left:0}.onboarding-actions-secondary{width:100%;justify-content:space-between}.onboarding-actions-secondary .btn{min-height:44px}.onboarding-toggle-row{align-items:flex-start}}@media (prefers-reduced-motion: reduce){.onboarding-choice,.onboarding-switch-slider,.onboarding-switch-slider:before{transition:none}.onboarding-choice:hover:not(:disabled){transform:none}}.setup-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:linear-gradient(135deg,var(--purple-light) 0%,var(--cream) 50%,white 100%)}.setup-card{width:100%;max-width:480px;background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-xl)}.setup-card-wide{max-width:560px}.setup-progress{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8)}.progress-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.step-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--gray-100);color:var(--muted);font-size:.875rem;font-weight:600}.progress-step.active .step-number{background:var(--purple);color:#fff}.progress-step.completed .step-number{background:var(--success);color:#fff}.progress-step span{font-size:.75rem;color:var(--muted)}.progress-step.active span{color:var(--purple);font-weight:500}.progress-line{flex:1;height:2px;background:var(--gray-200);max-width:60px;margin-bottom:20px}.progress-line.completed{background:var(--success)}.setup-content{text-align:center}.setup-content form{text-align:left}.setup-icon{font-size:3rem;margin-bottom:var(--space-4)}.setup-content h1{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;color:var(--text);margin:0 0 var(--space-2) 0}.setup-content>p{font-size:.9375rem;color:var(--muted);margin:0 0 var(--space-6) 0;line-height:1.5}.setup-error{background:var(--error-light);color:#b91c1c;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:.875rem;margin-bottom:var(--space-4);text-align:left}.setup-success{background:var(--success-light);color:var(--green-dark);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:.875rem;margin-bottom:var(--space-4);text-align:left}.setup-hint{font-size:.8125rem;color:var(--muted);margin-top:var(--space-2);margin-bottom:var(--space-4)}.setup-hint.center{text-align:center;margin-top:var(--space-4)}.setup-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}.form-group{margin-bottom:var(--space-4)}.input-label{display:block;font-size:.875rem;font-weight:500;color:var(--text);margin-bottom:var(--space-2)}.gender-options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.gender-btn{padding:var(--space-2) var(--space-4);background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.gender-btn:hover{background:var(--gray-100)}.gender-btn.active{background:var(--purple-light);border-color:var(--purple);color:var(--purple-dark)}.emoji-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:var(--space-2)}.emoji-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gray-50);border:2px solid transparent;border-radius:var(--radius-lg);font-size:1.25rem;cursor:pointer;transition:all var(--transition-fast)}.emoji-btn.active{background:var(--purple-light);border-color:var(--purple)}.role-options{display:flex;flex-direction:column;gap:var(--space-2)}.role-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--gray-50);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left}.role-btn:hover{background:var(--gray-100)}.role-btn.active{background:var(--purple-light);border-color:var(--purple)}.role-icon{font-size:1.5rem}.role-info{display:flex;flex-direction:column;gap:2px}.role-label{font-size:.9375rem;font-weight:500;color:var(--text)}.role-desc{font-size:.75rem;color:var(--muted)}.invitations-list{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-light);text-align:left}.invitations-list h3{font-size:.875rem;font-weight:600;color:var(--text);margin-bottom:var(--space-3)}.invitation-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0}.invitation-email{font-size:.875rem;color:var(--text)}.invitation-role{font-size:.75rem;font-weight:500;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--gray-100);color:var(--muted)}.invitation-role.role-admin{background:var(--yellow-light);color:var(--yellow-dark)}.invitation-role.role-caregiver{background:var(--blue-light);color:var(--blue-dark)}.setup-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0}.setup-divider:before,.setup-divider:after{content:"";flex:1;height:1px;background:var(--border)}.setup-divider span{font-size:.8125rem;color:var(--muted)}@media (max-width: 560px){.setup-card{padding:var(--space-6)}.form-grid{grid-template-columns:1fr}.emoji-grid{grid-template-columns:repeat(8,1fr)}.emoji-btn{width:36px;height:36px;font-size:1.1rem}}.log-form{display:flex;flex-direction:column;gap:var(--space-4)}.meal-type-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}.meal-type-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);background:var(--gray-50);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.meal-type-btn:hover{background:var(--gray-100)}.meal-type-btn.active{background:var(--brand-light);border-color:var(--brand-primary)}.meal-type-icon{font-size:1.5rem}.meal-type-label{font-size:.6875rem;font-weight:500;color:var(--text-secondary)}.sleep-type-picker{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.sleep-type-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);background:var(--gray-50);border:2px solid transparent;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.sleep-type-btn:hover{background:var(--gray-100)}.sleep-type-btn.active{background:var(--brand-light);border-color:var(--brand-primary)}.sleep-type-btn-wide{grid-column:1 / -1}.duration-display{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:var(--purple-light);border-radius:var(--radius-lg)}.duration-icon{font-size:1.25rem}.duration-text{font-weight:600;color:var(--purple-dark)}.rating-picker{display:flex;gap:var(--space-2)}.rating-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--gray-50);border:2px solid transparent;border-radius:var(--radius-lg);font-size:1.25rem;cursor:pointer;opacity:.4;transition:all var(--transition-fast)}.rating-btn:hover{opacity:.7}.rating-btn.active{opacity:1;background:var(--brand-light);border-color:var(--brand-primary)}.rating-btn.active.orange{background:var(--brand-light);border-color:var(--brand-primary)}.rating-labels{display:flex;justify-content:space-between;font-size:.6875rem;color:var(--muted);margin-top:var(--space-1)}.counter{display:flex;align-items:center;gap:var(--space-3)}.counter-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border:none;border-radius:var(--radius-lg);font-size:1.25rem;cursor:pointer;transition:all var(--transition-fast)}.counter-btn:hover{background:var(--gray-200)}.counter-value{font-size:1.25rem;font-weight:600;min-width:24px;text-align:center}.emoji-picker-row{display:flex;gap:var(--space-2)}.emoji-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--gray-50);border:2px solid transparent;border-radius:var(--radius-lg);font-size:1.5rem;cursor:pointer;transition:all var(--transition-fast)}.emoji-btn:hover{background:var(--gray-100);transform:scale(1.1)}.emoji-btn.active{background:var(--yellow-light);border-color:var(--yellow)}.feeling-picker-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:var(--space-2)}.feeling-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);background:var(--gray-50);border:2px solid transparent;border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.feeling-btn:hover{background:var(--gray-100);transform:translateY(-1px)}.feeling-btn.active{background:var(--yellow-light);border-color:var(--yellow);color:var(--text)}.feeling-img{width:44px;height:44px;border-radius:var(--radius-full);object-fit:cover}.tag-picker{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag-btn{padding:var(--space-2) var(--space-3);background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.8125rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-transform:capitalize}.tag-btn:hover{background:var(--gray-100)}.tag-btn.active{background:var(--brand-light);border-color:var(--brand-primary);color:var(--brand-dark)}.tag-btn.zone-green{background:var(--green-light);border-color:var(--green);color:var(--green-dark)}.tag-btn.zone-yellow{background:var(--yellow-light);border-color:var(--yellow);color:var(--yellow-dark)}.tag-btn.zone-blue{background:var(--blue-light);border-color:var(--blue);color:var(--blue-dark)}.tag-btn.zone-red{background:var(--error-light);border-color:var(--error);color:#b91c1c}.tag-btn.zone-green.active,.tag-btn.zone-yellow.active,.tag-btn.zone-blue.active,.tag-btn.zone-red.active{box-shadow:inset 0 0 0 1px currentColor;font-weight:600}.intensity-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}.intensity-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);min-height:64px;background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.intensity-btn:hover{background:var(--gray-100)}.intensity-btn.active{background:var(--brand-light);border-color:var(--brand-primary);color:var(--brand-dark);font-weight:600}.intensity-number{font-size:1rem;line-height:1}.intensity-label{font-size:.6875rem;text-align:center}.log-section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-2)}.potty-type-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.potty-type-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);background:var(--gray-50);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.potty-type-btn:hover{background:var(--gray-100)}.potty-type-btn.active{background:var(--brand-light);border-color:var(--brand-primary)}.potty-type-icon{font-size:1.25rem}.potty-type-label{font-size:.6875rem;font-weight:500;color:var(--text-secondary)}.activity-type-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.activity-type-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);background:var(--gray-50);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.activity-type-btn:hover{background:var(--gray-100)}.activity-type-btn.active{background:var(--brand-light);border-color:var(--brand-primary)}.activity-type-icon{font-size:1.25rem}.activity-type-label{font-size:.6875rem;font-weight:500;color:var(--text-secondary)}.duration-picker{display:flex;gap:var(--space-2)}.duration-btn{flex:1;padding:var(--space-2);background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.duration-btn:hover{background:var(--gray-100)}.duration-btn.active{background:var(--brand-light);border-color:var(--brand-primary);color:var(--brand-dark)}.administered-picker{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.admin-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:var(--gray-50);border:2px solid transparent;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.admin-btn:hover{background:var(--gray-100)}.admin-btn.active.success{background:var(--green-light);border-color:var(--green);color:var(--green-dark)}.admin-btn.active.error{background:var(--error-light);border-color:var(--error);color:#b91c1c}.behavior-type-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.behavior-type-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4);background:var(--gray-50);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.behavior-type-btn:hover{background:var(--gray-100)}.behavior-type-btn.active.green{background:var(--green-light);border-color:var(--green)}.behavior-type-btn.active.gray{background:var(--gray-200);border-color:var(--gray-400)}.behavior-type-btn.active.orange{background:var(--coral-light);border-color:var(--coral)}.behavior-type-icon{font-size:1.5rem}.behavior-type-label{font-size:.8125rem;font-weight:500}.growth-inputs{display:flex;flex-direction:column;gap:var(--space-4)}.growth-input{display:flex;align-items:flex-end;gap:var(--space-2)}.growth-input .input-group{flex:1}.growth-unit{padding:var(--space-3) 0;font-size:.875rem;color:var(--muted)}.pin-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:.875rem}.pin-checkbox input{width:18px;height:18px;cursor:pointer}.side-picker{display:flex;gap:var(--space-2)}.side-btn{flex:1;padding:var(--space-3);background:var(--gray-50);border:2px solid transparent;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.side-btn:hover{background:var(--gray-100)}.side-btn.active{background:var(--brand-light);border-color:var(--brand-primary);color:var(--brand-dark)}.infant-feed-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.grounding-content{display:flex;flex-direction:column;gap:var(--space-4)}.grounding-intro{margin:0;color:var(--text-secondary);font-size:.9375rem;line-height:1.5}.grounding-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.grounding-category-card{padding:var(--space-4);background:var(--gray-50);border:1px solid var(--border-light);border-radius:var(--radius-xl)}.grounding-category-card h3{margin:0 0 var(--space-2) 0;color:var(--text);font-size:.9375rem;font-weight:600}.grounding-technique-list{display:flex;flex-direction:column;gap:var(--space-2)}.grounding-technique-btn{width:100%;padding:var(--space-2) var(--space-3);background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.8125rem;line-height:1.4;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.grounding-technique-btn:hover{background:var(--gray-100);color:var(--text)}.grounding-technique-btn.active{background:var(--brand-light);border-color:var(--brand-primary);color:var(--brand-dark);font-weight:600}.log-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border-light)}@media (max-width: 480px){.form-row{grid-template-columns:1fr}.meal-type-picker{grid-template-columns:repeat(3,1fr)}.activity-type-picker{grid-template-columns:repeat(4,1fr)}.emoji-picker-row{flex-wrap:wrap}.emoji-btn{width:40px;height:40px;font-size:1.25rem}.feeling-picker-row{grid-template-columns:repeat(3,1fr)}.grounding-category-grid{grid-template-columns:1fr}}.app-layout{display:flex;min-height:100vh;background-color:var(--daybyday-cream);background-image:radial-gradient(circle,rgba(79,127,199,.045) 0 1.2px,transparent 1.4px),radial-gradient(circle,rgba(232,151,106,.04) 0 1px,transparent 1.2px);background-position:0 0,22px 19px;background-size:44px 44px,44px 44px}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--daybyday-cream)}.app-loading-spinner{width:40px;height:40px;border:3px solid var(--purple-light);border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}.app-loading-error{display:grid;justify-items:center;gap:var(--space-4);padding:var(--space-6);color:var(--text);text-align:center}.sidebar{width:260px;height:100vh;height:100dvh;background:#fff;border-right:1px solid var(--border-light);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:var(--z-fixed);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-5);background:#fff;border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:1;flex-shrink:0}.sidebar-close{display:none;width:32px;height:32px;align-items:center;justify-content:center;background:transparent;border:none;font-size:1.5rem;color:var(--muted);cursor:pointer}.child-selector{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--border-light)}.child-selector-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:var(--space-2)}.child-list{display:flex;flex-direction:column;gap:var(--space-1)}.child-item-wrapper{display:flex;align-items:center;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.child-item-wrapper:hover{background:var(--gray-50)}.child-item-wrapper.active{background:var(--purple-light)}.child-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;flex:1}.child-profile-btn{padding:var(--space-2);background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:.875rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.child-profile-btn:hover{background:var(--purple);color:#fff}.child-name{font-size:.9375rem;font-weight:500;color:var(--text)}.add-child-btn{display:block;width:100%;padding:var(--space-3);background:var(--gray-50);border:2px dashed var(--border);border-radius:var(--radius-lg);font-size:.875rem;color:var(--muted);cursor:pointer;transition:all var(--transition-fast);text-align:center}.add-child-btn:hover{background:var(--gray-100);border-color:var(--gray-300);color:var(--text)}.sidebar-quick-log{padding:var(--space-4) var(--space-4) 0}.sidebar-quick-log-btn{display:flex;width:100%;min-height:46px;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--purple) 0%,var(--purple-dark) 100%);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font:inherit;font-weight:700;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.sidebar-quick-log-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.sidebar-quick-log-btn>span{font-size:1.25rem;line-height:1}.sidebar-nav{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);text-decoration:none;color:var(--text-secondary);font-size:.9375rem;font-weight:500;transition:all var(--transition-fast)}.nav-item:hover{background:var(--gray-50);color:var(--text)}.nav-item.active{background:var(--purple-light);color:var(--daybyday-purple);font-weight:700}.nav-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;background:var(--daybyday-lavender);color:var(--daybyday-purple);transition:background var(--transition-fast),color var(--transition-fast)}.nav-item.active .nav-icon{background:var(--daybyday-purple);color:#fff}.sidebar-spacer{flex:1}.sidebar-nav-bottom{border-top:1px solid var(--border-light);padding-top:var(--space-4)}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-light)}.user-info{flex:1;min-width:0}.user-name{font-size:.875rem;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{background:none;border:none;padding:0;font-size:.75rem;color:var(--muted);cursor:pointer}.logout-btn:hover{color:var(--error)}.main-content{flex:1;margin-left:260px;padding:var(--space-6);padding-bottom:var(--space-8)}.mobile-header,.mobile-nav{display:none}.child-dropdown{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:var(--z-modal);display:none}.child-dropdown-content{position:absolute;top:60px;right:var(--space-4);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);min-width:200px;padding:var(--space-2)}.child-dropdown-header{padding:var(--space-2) var(--space-3);font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--muted)}.child-dropdown-item-wrapper{display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden}.child-dropdown-item-wrapper.active{background:var(--purple-light)}.child-dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;text-align:left;font-size:.9375rem;color:var(--text)}.child-dropdown-item:hover{background:var(--gray-50)}.child-dropdown-profile-btn{padding:var(--space-2) var(--space-3);background:transparent;border:none;border-top:1px solid var(--border-light);color:var(--purple);font-size:.8125rem;cursor:pointer;text-align:center;transition:all var(--transition-fast)}.child-dropdown-profile-btn:hover{background:var(--purple);color:#fff}.quick-log-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.quick-log-menu-item{display:flex;min-height:76px;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--category-border);border-radius:var(--radius-xl);background:var(--category-background);color:var(--text);cursor:pointer;font:inherit;font-weight:600;text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.quick-log-menu-item:hover:not(:disabled){border-color:var(--category-accent);background:color-mix(in srgb,var(--category-background) 76%,white);transform:translateY(-1px);box-shadow:0 6px 14px #315d9b12}.quick-log-menu-item:active:not(:disabled){transform:scale(.985)}.quick-log-menu-item:disabled{cursor:not-allowed;opacity:.45}.quick-log-menu-icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--category-border);border-radius:14px;background:var(--category-icon-background);color:var(--category-accent);font-size:1.75rem;line-height:1}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform var(--transition-base)}.sidebar.open{transform:translate(0)}.sidebar-close{display:flex}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:calc(var(--z-fixed) - 1)}.main-content{margin-left:0;padding:var(--space-4);padding-top:72px;padding-bottom:100px}.mobile-header{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;height:56px;padding:0 var(--space-4);background:#fff;border-bottom:1px solid var(--border-light);z-index:var(--z-sticky)}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:transparent;border:none;cursor:pointer}.menu-toggle span{display:block;width:20px;height:2px;background:var(--text);border-radius:1px}.child-selector-btn{background:transparent;border:none;cursor:pointer;padding:0}.mobile-nav{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid var(--border-light);z-index:var(--z-sticky);padding-bottom:env(safe-area-inset-bottom)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-1) var(--space-1);text-decoration:none;color:var(--muted);font-size:.625rem;font-weight:500;min-width:0;flex:1}.mobile-nav-item.active{color:var(--daybyday-purple);font-weight:700}.mobile-nav-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--daybyday-lavender);color:var(--daybyday-purple);transition:background var(--transition-fast),color var(--transition-fast)}.mobile-nav-item.active .mobile-nav-icon{background:var(--daybyday-purple);color:#fff}.mobile-nav-fab{display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;background:linear-gradient(135deg,var(--purple) 0%,var(--purple-dark) 100%);border:none;border-radius:var(--radius-full);color:#fff;font-size:1.5rem;font-weight:300;cursor:pointer;margin-top:-24px;box-shadow:var(--shadow-lg),var(--shadow-purple)}.child-dropdown{display:block}.quick-log-menu{grid-template-columns:1fr}}.upgrade-prompt{text-align:center}.upgrade-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.upgrade-icon-large{font-size:3rem}.upgrade-content h3{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;margin:0}.upgrade-content p{font-size:.9375rem;color:var(--text-secondary);margin:0;max-width:300px}.upgrade-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.upgrade-prompt-inline{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--purple-light) 0%,var(--blue-light) 100%);border-radius:var(--radius-lg)}.upgrade-icon{font-size:1.25rem}.upgrade-text{flex:1;font-size:.875rem;font-weight:500;color:var(--text)}.limit-warning{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--warning-light);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.limit-icon{font-size:1.25rem}.limit-text{flex:1;font-size:.875rem;color:var(--text)}.premium-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:linear-gradient(135deg,var(--purple) 0%,var(--blue) 100%);color:#fff;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-sm)}.premium-badge:before{content:"⭐";font-size:.75rem}.feature-locked{position:relative}.feature-locked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:inherit}.feature-locked-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;gap:var(--space-2)}.feature-locked-overlay span{font-size:2rem}.feature-locked-overlay p{font-size:.875rem;font-weight:500;color:var(--text);margin:0}.child-limit-reached{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-4) 0}.child-limit-reached .limit-icon{font-size:3rem}.child-limit-reached p{font-size:.9375rem;color:var(--text);margin:0}.child-limit-reached .limit-hint{font-size:.875rem;color:var(--muted)}.child-limit-reached .limit-actions{display:flex;gap:var(--space-3);margin-top:var(--space-3)}@media (max-width: 480px){.upgrade-prompt-inline{flex-wrap:wrap}.upgrade-text{flex:none;width:100%}.limit-warning{flex-wrap:wrap}.limit-text{flex:none;width:100%;margin-bottom:var(--space-2)}}.dashboard{max-width:800px;margin:0 auto;color:var(--text)}.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-6)}.dashboard-header h1{font-family:var(--font-serif);font-size:1.75rem;font-weight:600;color:var(--text);margin:0;letter-spacing:-.025em}.dashboard-subtitle{font-size:.9375rem;color:var(--muted);margin:var(--space-1) 0 0 0}.subscription-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--daybyday-lavender) 0%,var(--daybyday-blue) 100%);border:2px solid color-mix(in srgb,var(--brand-primary) 10%,transparent);border-radius:22px;margin-bottom:var(--space-5);box-shadow:0 8px 24px #315d9b0d}.banner-content{display:flex;align-items:center;gap:var(--space-3)}.banner-icon{font-size:1.25rem}.banner-text{display:flex;flex-direction:column;gap:2px}.banner-text strong{font-size:.875rem;font-weight:600;color:var(--text)}.banner-text span{font-size:.75rem;color:var(--text-secondary)}.banner-actions{display:flex;align-items:center;gap:var(--space-2)}.banner-dismiss{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--muted);font-size:1.25rem;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.banner-dismiss:hover{background:#0000001a;color:var(--text)}.empty-card{text-align:center}.today-card{margin-bottom:var(--space-6)}.dashboard>.card,.dashboard .logs-list>.card{border:2px solid color-mix(in srgb,var(--brand-primary) 10%,transparent);border-radius:var(--radius-card);box-shadow:var(--shadow-playful-card)}.dashboard .card-hover:hover{box-shadow:0 18px 40px #315d9b1c,0 4px 12px #315d9b0d}.today-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.child-info{display:flex;align-items:center;gap:var(--space-4)}.child-info h2{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;margin:0}.child-age{font-size:.875rem;color:var(--muted)}.view-profile-link{font-size:.875rem;color:var(--daybyday-purple);text-decoration:none;font-weight:600}.view-profile-link:hover{text-decoration:underline}.today-detailed-stats{display:flex;flex-direction:column;gap:var(--space-4)}.tracking-category{background:var(--category-background);border:1px solid var(--category-border);border-radius:20px;padding:var(--space-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.tracking-category:hover,.tracking-category:focus-within{border-color:color-mix(in srgb,var(--category-border) 75%,var(--text) 25%);box-shadow:0 7px 18px #315d9b0e}.tracking-category:active{transform:translateY(1px)}.detailed-stat-header{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);transition:background var(--transition-fast);min-height:44px}.detailed-stat-header:hover{background:#ffffff94}.detailed-stat-header:active{background:#ffffffc7}.stat-emoji{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--category-border);border-radius:12px;background:var(--category-icon-background);color:var(--category-accent);font-size:1.125rem}.stat-title{font-weight:600;font-size:.9375rem;color:var(--text);flex:1}.stat-value-inline{font-weight:600;color:var(--daybyday-purple);font-size:.9375rem}.add-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--daybyday-purple);color:#fff;border-radius:var(--radius-full);font-weight:600;flex:0 0 40px;font-size:1.125rem;box-shadow:0 3px 8px #4f7fc738;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.detailed-stat-header:hover .add-btn{box-shadow:0 5px 12px #4f7fc742;transform:translateY(-1px)}.detailed-stat-header:active .add-btn{box-shadow:0 2px 5px #4f7fc733;transform:scale(.96)}.meals-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);margin-top:var(--space-3)}.meals-grid.infant-grid{grid-template-columns:repeat(2,1fr)}.meals-grid.infant-grid .meal-item{flex-direction:column;text-align:center;padding:var(--space-3)}.meals-grid.infant-grid .meal-icon{font-size:1.5rem;margin-bottom:var(--space-1)}.meals-grid.infant-grid .meal-check{position:absolute;top:var(--space-2);right:var(--space-2)}.meals-grid.infant-grid .meal-item{position:relative}.meal-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#fff;border-radius:var(--radius-md);border:1px solid var(--border-light);font-size:.875rem}.meal-item.logged{border-color:var(--success);background:var(--green-light)}.meal-check{color:var(--muted);font-size:.875rem}.meal-item.logged .meal-check{color:var(--success);font-weight:600}.meal-icon{font-size:1rem}.meal-label{font-weight:500;color:var(--text)}.meals-quick-add{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.meals-quick-add.infant-grid{display:grid;grid-template-columns:repeat(2,1fr)}.quick-add-meal-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#ffffffb8;border:1px solid rgba(79,127,199,.16);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);min-height:40px}.quick-add-meal-btn .storybook-icon,.quick-add-health-btn .storybook-icon,.meal-entry-icon,.sleep-type-icon,.behavior-type-icon,.potty-type-icon,.activity-type-icon,.health-type-icon,.growth-type-icon{color:var(--category-accent)}.quick-add-meal-btn:hover{background:#fff;border-color:#4f7fc757}.quick-add-meal-btn:active{background:#ffffffdb;transform:scale(.98)}.meals-timeline{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-3)}.meals-timeline,.sleep-timeline,.behavior-incidents,.activity-timeline,.potty-timeline,.health-timeline,.growth-timeline{max-height:180px;overflow-y:auto;padding-right:var(--space-1)}.meal-entry{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--log-meals);border-radius:var(--radius-md);cursor:pointer}.meal-entry:hover{background:color-mix(in srgb,var(--log-meals) 86%,var(--brand-primary))}.meal-time{font-size:.6875rem;color:var(--muted);min-width:55px}.meal-entry-icon{font-size:1rem}.meal-entry-info{flex:1;font-size:.8125rem;font-weight:500;color:var(--text);text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sleep-timeline{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-3)}.sleep-entry{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--log-sleep);border-radius:var(--radius-md);cursor:pointer}.sleep-entry:hover{background:color-mix(in srgb,var(--log-sleep) 86%,var(--brand-primary))}.sleep-time{font-size:.6875rem;color:var(--muted);min-width:55px}.sleep-type-icon{font-size:1rem}.sleep-info{flex:1;font-size:.8125rem;font-weight:500;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-timeline{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-3)}.activity-entry{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--log-activities);border-radius:var(--radius-md);cursor:pointer}.activity-entry:hover{background:color-mix(in srgb,var(--log-activities) 86%,var(--brand-primary))}.activity-time{font-size:.6875rem;color:var(--muted);min-width:55px}.activity-type-icon{font-size:1rem}.activity-info{flex:1;min-width:0;font-size:.8125rem;font-weight:500;color:var(--text);text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-duration{flex-shrink:0;font-size:.75rem;font-weight:600;color:var(--brand-dark)}.potty-timeline,.health-timeline,.growth-timeline{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-3)}.potty-entry,.health-entry,.growth-entry{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer}.potty-entry{background:var(--log-potty)}.potty-entry:hover{background:color-mix(in srgb,var(--log-potty) 86%,var(--brand-primary))}.health-entry{background:var(--log-health)}.health-entry.category-theme{border:1px solid var(--category-border);background:var(--category-background)}.health-entry.category-theme:hover{border-color:var(--category-accent);background:color-mix(in srgb,var(--category-background) 86%,var(--category-accent))}.growth-entry{background:var(--log-growth)}.growth-entry:hover{background:color-mix(in srgb,var(--log-growth) 86%,var(--brand-primary))}.potty-time,.health-time,.growth-time{font-size:.6875rem;color:var(--muted);min-width:55px}.potty-type-icon,.health-type-icon,.growth-type-icon{font-size:1rem}.potty-info,.health-info,.growth-info{flex:1;min-width:0;font-size:.8125rem;font-weight:500;color:var(--text);text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.health-quick-add{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.quick-add-health-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--category-background);border:1px solid var(--category-border);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);min-height:40px}.quick-add-health-btn:hover{background:color-mix(in srgb,var(--category-background) 86%,white);border-color:var(--category-accent)}.quick-add-health-btn:active{background:var(--category-background);transform:scale(.98)}.meal-desc{font-size:.75rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80px}.mood-timeline{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.mood-entry{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#fff;border-radius:var(--radius-md);border:1px solid var(--border-light);font-size:.875rem}.mood-time{font-weight:600;color:var(--purple);min-width:60px;font-size:.8125rem}.mood-emoji-display{font-size:1.25rem}.mood-emotions{color:var(--muted);font-size:.8125rem;flex:1}.mood-note{font-size:.75rem;color:var(--muted);font-style:italic;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.edit-icon{font-size:.75rem;color:var(--muted);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0}.entry-delete-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-full);color:var(--muted);cursor:pointer;opacity:0;transition:all var(--transition-fast)}.clickable:hover .edit-icon,.clickable:hover .entry-delete-btn{opacity:1}.entry-delete-btn:hover{background:var(--error-light);color:var(--error)}.behavior-incidents{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.behavior-entry{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--log-behavior);border-radius:var(--radius-md);border:1px solid var(--border-light);font-size:.875rem}.behavior-entry.positive{border-left:3px solid var(--success)}.behavior-entry.challenging{border-left:3px solid var(--warning)}.behavior-entry.neutral{border-left:3px solid var(--gray-300)}.behavior-entry.feeling{border-left:3px solid var(--brand-primary);background:var(--log-feelings);border-color:var(--brand-border);border-left-color:var(--brand-primary)}.behavior-time{font-weight:600;color:var(--purple);min-width:60px;font-size:.8125rem}.behavior-type-icon{font-size:1rem}.behavior-feeling-img{width:28px;height:28px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.behavior-desc{color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-card{position:relative}.log-card-delete-btn{position:absolute;top:var(--space-2);right:var(--space-2);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--muted);cursor:pointer;opacity:0;transition:all var(--transition-fast)}.log-card:hover .log-card-delete-btn{opacity:1}.log-card-delete-btn:hover{background:var(--error-light);border-color:var(--error);color:var(--error)}.delete-icon{font-size:1.5rem}.delete-summary{font-size:.9375rem;font-weight:500;color:var(--text)}.stats-mini-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.mini-stat{display:flex;align-items:center;gap:var(--space-2);background:var(--gray-50);padding:var(--space-3);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast)}.mini-stat:hover{background:var(--gray-100)}.empty-stat-text{font-size:.8125rem;color:var(--muted);padding:var(--space-2) var(--space-3);font-style:italic}.today-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.stat-item{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-lg);transition:background var(--transition-fast)}.stat-item:hover{background:var(--gray-50);padding:var(--space-4);border-radius:var(--radius-lg)}.stat-sleep,.stat-mood,.stat-meals,.stat-behavior{background:var(--brand-light)}.stat-icon{font-size:1.5rem}.stat-label{font-size:.75rem;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.025em}.stat-value{font-size:1.125rem;font-weight:600;color:var(--text)}.no-log-banner{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg);border:2px dashed var(--border)}.no-log-icon{font-size:2rem}.no-log-text strong{display:block;font-weight:600;color:var(--text);margin-bottom:var(--space-1)}.no-log-text p{margin:0;font-size:.875rem;color:var(--muted)}.quick-actions{margin-bottom:var(--space-6)}.quick-actions h3{font-family:var(--font-serif);font-size:1rem;font-weight:600;margin-bottom:var(--space-3)}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.quick-action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.quick-action-icon{font-size:1.5rem}.quick-action-label{font-size:.75rem;font-weight:500;color:var(--text)}.quick-action-green:hover{border-color:var(--green)}.quick-action-blue:hover{border-color:var(--blue)}.quick-action-yellow:hover{border-color:var(--yellow)}.quick-action-teal:hover{border-color:var(--teal)}.quick-action-coral:hover{border-color:var(--coral)}.quick-action-pink:hover{border-color:var(--pink)}.quick-action-purple:hover{border-color:var(--purple)}.quick-action-red:hover{border-color:var(--error)}.quick-action-indigo:hover{border-color:var(--brand-primary)}.week-card{margin-bottom:var(--space-6);overflow:hidden}.week-card-header{margin-bottom:var(--space-4)}.week-card-header h3{font-family:var(--font-serif);font-size:1rem;font-weight:600;margin:0}.week-hint{margin:2px 0 0;color:var(--muted);font-family:var(--font-sans);font-size:.6875rem;font-weight:400}.week-grid{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-2);align-items:center;isolation:isolate}.week-grid:before{content:"";position:absolute;z-index:-1;top:50%;right:3%;left:3%;border-top:2px dashed rgba(79,127,199,.16)}.week-day{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:78px;padding:var(--space-2) var(--space-1);border:1px solid var(--brand-border);border-radius:24px;background:var(--daybyday-cream);color:var(--text);cursor:pointer;font:inherit;box-shadow:0 4px 10px #315d9b0d;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);-webkit-tap-highlight-color:transparent}.week-day:nth-child(2n){translate:0 4px}.week-day:hover{background:color-mix(in srgb,var(--daybyday-lavender) 55%,var(--daybyday-cream));border-color:#4f7fc761;box-shadow:0 6px 14px #315d9b14}.week-day.today{border-color:#4f7fc761}.week-day.selected{background:var(--daybyday-lavender);border-color:var(--daybyday-purple);box-shadow:0 0 0 2px #4f7fc71f,0 6px 14px #4f7fc724}.week-day.selected .week-day-name,.week-day.selected .week-day-num{color:var(--purple-dark)}.week-day:focus-visible{outline:3px solid rgba(79,127,199,.3);outline-offset:3px}.week-day:active{background:color-mix(in srgb,var(--daybyday-lavender) 72%,white);box-shadow:inset 0 1px 3px #315d9b1a}.week-day-name{font-size:.6875rem;font-weight:500;color:var(--muted);text-transform:uppercase}.week-day-num{font-size:1.125rem;font-weight:600;color:var(--text);margin:var(--space-1) 0}.week-status{display:grid;width:18px;height:18px;place-items:center;margin-top:2px;border-radius:var(--radius-full);border:1px solid var(--gray-300);background:var(--gray-100);color:var(--gray-500)}.week-day.status-complete .week-status{border-color:var(--success);background:var(--success-light);color:var(--green-dark)}.week-day.status-selected-today .week-status{border-color:#4f7fc761;background:#fff;color:var(--daybyday-purple);box-shadow:0 0 0 2px #4f7fc724}.recent-logs{margin-bottom:var(--space-6)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-header h3{font-family:var(--font-serif);font-size:1rem;font-weight:600;margin:0}.view-all-link{font-size:.875rem;color:var(--daybyday-purple);text-decoration:none}.view-all-link:hover{text-decoration:underline}.logs-list{display:flex;flex-direction:column;gap:var(--space-3)}.log-card{display:flex;align-items:center;gap:var(--space-4)}.log-date-badge{text-align:center;padding:var(--space-2) var(--space-3);background:var(--daybyday-lavender);border-radius:14px;min-width:48px}.log-date-badge .month{font-size:.625rem;font-weight:600;text-transform:uppercase;color:var(--daybyday-purple)}.log-date-badge .day{font-size:1.125rem;font-weight:700;color:var(--purple-dark)}.log-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.end-day-section{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border-light)}.back-to-today-btn{margin-top:var(--space-2);padding:0;border:0;background:transparent;color:var(--daybyday-purple);cursor:pointer;font:inherit;font-size:.875rem;font-weight:600}.back-to-today-btn:hover{text-decoration:underline}.end-day-btn{width:100%}.end-day-modal{display:flex;flex-direction:column;gap:var(--space-5)}.end-day-summary h4{font-family:var(--font-serif);font-size:1rem;font-weight:600;margin:0 0 var(--space-3) 0}.summary-stats{display:flex;flex-wrap:wrap;gap:var(--space-3)}.summary-stat{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--gray-50);border-radius:var(--radius-md);font-size:.875rem}.summary-icon{font-size:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2)}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:var(--space-4)}.dashboard-header .btn{width:100%}.today-stats{grid-template-columns:repeat(2,1fr)}.quick-actions-grid{grid-template-columns:repeat(3,1fr)}.week-grid{gap:3px}.week-day{min-height:72px;padding:6px 2px;border-radius:20px}.week-day-name{font-size:.625rem}.week-day-num{font-size:1rem}.week-status{width:16px;height:16px}.subscription-banner{flex-direction:column;text-align:center;gap:var(--space-3)}.banner-content{flex-direction:column;gap:var(--space-2)}.banner-actions{width:100%;justify-content:center}.entry-delete-btn,.log-card-delete-btn{opacity:1}.dashboard>.card{border-radius:24px}.today-card.card-padding-lg{padding:var(--space-5)}.detailed-stat-section{padding:var(--space-3);border-radius:18px}.add-btn{width:44px;height:44px;flex-basis:44px}.quick-add-meal-btn,.quick-add-health-btn{min-height:44px}}.timeline-page{max-width:700px;margin:0 auto}.page-header{margin-bottom:var(--space-6)}.page-header h1{font-family:var(--font-serif);font-size:1.75rem;font-weight:600;margin:0}.page-subtitle{font-size:.9375rem;color:var(--muted);margin:var(--space-1) 0 0 0}.timeline-controls{display:flex;align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light)}.timeline-date-control{flex:1;min-width:180px}.timeline-select-group{display:flex;flex:1;min-width:180px;flex-direction:column;gap:var(--space-2)}.timeline-select-label{font-size:.875rem;font-weight:500;color:var(--text)}.timeline-select{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:.9375rem;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);cursor:pointer;transition:all var(--transition-fast)}.timeline-select:hover{border-color:var(--gray-300)}.timeline-select:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-light)}.timeline-loading{text-align:center;padding:var(--space-8);color:var(--muted)}.timeline-list{display:flex;flex-direction:column;gap:var(--space-5)}.timeline-section{display:flex;flex-direction:column;gap:var(--space-3)}.timeline-section-title{font-size:.8125rem;font-weight:700;color:var(--muted);letter-spacing:.06em;margin:0;padding-left:34px;text-transform:uppercase}.timeline-section-list{position:relative;display:flex;flex-direction:column;gap:var(--space-2)}.timeline-section-list:before{content:"";position:absolute;top:10px;bottom:10px;left:8px;width:2px;background:var(--gray-200);border-radius:var(--radius-full)}.timeline-entry{position:relative;display:flex;align-items:center;padding-left:34px}.timeline-marker{position:absolute;left:3px;width:12px;height:12px;border:2px solid white;border-radius:var(--radius-full);background:var(--category-accent);box-shadow:0 0 0 2px var(--category-background);z-index:1}.timeline-item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:64px;padding:var(--space-2) var(--space-3)}.timeline-entry.category-theme .timeline-item{border:1px solid var(--category-border);background:var(--category-background)}.timeline-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0;border:1px solid var(--category-border);background:var(--category-icon-background);color:var(--category-accent)}.timeline-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:2px}.timeline-time{font-size:.75rem;color:var(--muted)}.timeline-summary{font-size:.875rem;font-weight:500;color:var(--text);text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-notes{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-check-in-details{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2);color:var(--text-secondary);font-size:.85rem;line-height:1.45}.timeline-actions{display:flex;flex-direction:row;gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0}.timeline-item:hover .timeline-actions{opacity:1}.timeline-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--gray-50);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.75rem;transition:all var(--transition-fast)}.timeline-action-btn.edit:hover{background:var(--blue-light)}.timeline-action-btn.delete:hover{background:var(--error-light)}.delete-confirm-content{display:flex;flex-direction:column;gap:var(--space-4)}.delete-preview{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius-lg)}.delete-icon{font-size:1.25rem}.delete-summary{font-size:.9375rem;color:var(--text);text-transform:capitalize}.delete-warning{font-size:.875rem;color:var(--error);margin:0;text-align:center}.delete-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}@media (max-width: 640px){.timeline-controls{align-items:stretch;flex-direction:column;gap:var(--space-3)}.timeline-date-control,.timeline-select-group{min-width:0}.timeline-section-title,.timeline-entry{padding-left:28px}.timeline-item{gap:var(--space-2)}.timeline-actions{opacity:1}}.calendar-page{max-width:700px;margin:0 auto;padding-bottom:6rem}.category-filters{margin-bottom:var(--space-4)}.filters-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.custom-filters{padding-top:var(--space-2);border-top:1px dashed var(--border-light)}.filter-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--gray-50);border:2px solid transparent;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{background:var(--gray-100)}.filter-btn.active{background:color-mix(in srgb,var(--filter-color) 15%,white);border-color:var(--filter-color);color:var(--filter-color)}.filter-btn.category-theme{background:color-mix(in srgb,var(--category-background) 58%,white);border-color:transparent;color:var(--text-secondary)}.filter-btn.category-theme:hover{background:var(--category-background);border-color:var(--category-border)}.filter-btn.category-theme.active{background:var(--category-background);border-color:var(--category-accent);color:var(--category-accent)}.filter-icon{font-size:.875rem}.filter-label{white-space:nowrap}.create-category-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:transparent;border:2px dashed var(--border);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;color:var(--muted);cursor:pointer;transition:all var(--transition-fast)}.create-category-btn:hover{border-color:var(--purple);color:var(--purple)}.calendar-card{margin-bottom:var(--space-4)}.calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.nav-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:1rem;cursor:pointer;transition:all var(--transition-fast)}.nav-btn:hover{background:var(--gray-100)}.calendar-month{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;margin:0}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-1);margin-bottom:var(--space-2)}.calendar-header-day{text-align:center;font-size:.6875rem;font-weight:600;text-transform:uppercase;color:var(--muted);padding:var(--space-2)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-1)}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);background:var(--gray-50);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);position:relative}.calendar-day.empty{background:transparent;cursor:default}.calendar-day:not(.empty):hover{background:var(--gray-100)}.calendar-day.today{background:var(--purple-light)}.calendar-day.today .day-number{color:var(--purple-dark);font-weight:700}.calendar-day.selected{background:var(--purple)}.calendar-day.selected .day-number{color:#fff}.day-number{font-size:.875rem;font-weight:500;color:var(--text)}.day-dots{display:flex;gap:2px;justify-content:center;flex-wrap:wrap;max-width:100%}.dot{width:6px;height:6px;border-radius:var(--radius-full)}.calendar-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-light)}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:.75rem;color:var(--muted)}.day-summary{animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.day-summary-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.day-summary-header h3{font-family:var(--font-serif);font-size:1.125rem;font-weight:600;margin:0;flex:1}.day-summary-actions{display:flex;align-items:center;gap:var(--space-2)}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--gray-50);border:none;border-radius:var(--radius-full);font-size:1.25rem;color:var(--muted);cursor:pointer;transition:all var(--transition-fast)}.close-btn:hover{background:var(--gray-100);color:var(--text)}.daily-summary{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light)}.summary-stats{display:flex;flex-wrap:wrap;gap:var(--space-2)}.day-timeline{display:flex;flex-direction:column;gap:var(--space-1)}.timeline-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-2) 0}.timeline-item.category-theme{margin:2px 0;padding:var(--space-2) var(--space-3);border:1px solid var(--category-border);border-radius:var(--radius-lg);background:var(--category-background);transition:border-color var(--transition-fast),transform var(--transition-fast)}.timeline-item.category-theme:hover{border-color:var(--category-accent);transform:translateY(-1px)}.timeline-time{width:60px;font-size:.75rem;color:var(--muted);text-align:right;flex-shrink:0;padding-top:2px}.timeline-dot{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--gray-50);border-radius:var(--radius-full);flex-shrink:0}.timeline-item.category-theme .timeline-dot{border:1px solid var(--category-border);background:var(--category-icon-background)}.timeline-icon{font-size:.875rem}.timeline-content{flex:1;min-width:0}.timeline-label{display:block;font-size:.875rem;font-weight:500;color:var(--text);text-transform:capitalize}.timeline-desc{display:block;font-size:.75rem;color:var(--muted);margin-top:2px}.empty-day{text-align:center;padding:var(--space-6);color:var(--muted);font-size:.875rem}.empty-day p{margin:0 0 var(--space-3) 0}.timeline-item{position:relative}.custom-log-item{background:var(--gray-50);margin:0 calc(-1 * var(--space-2));padding-left:var(--space-2);padding-right:var(--space-2);border-radius:var(--radius-md)}.delete-log-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-full);color:var(--muted);cursor:pointer;opacity:0;transition:all var(--transition-fast);flex-shrink:0}.timeline-item:hover .delete-log-btn{opacity:1}.delete-log-btn:hover{background:var(--error-light);color:var(--error)}.add-log-form{display:flex;flex-direction:column;gap:var(--space-4)}.category-select{display:flex;flex-wrap:wrap;gap:var(--space-2)}.category-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--gray-50);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.category-option:hover{background:var(--gray-100)}.category-option.active{background:color-mix(in srgb,var(--cat-color) 15%,white);border-color:var(--cat-color)}.cat-opt-icon{font-size:1rem}.cat-opt-label{font-size:.875rem;font-weight:500}.create-category-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:.875rem;font-weight:500;color:var(--text)}.icon-picker{display:flex;flex-wrap:wrap;gap:var(--space-2)}.icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gray-50);border:2px solid transparent;border-radius:var(--radius-lg);font-size:1.25rem;cursor:pointer;transition:all var(--transition-fast)}.icon-btn:hover{background:var(--gray-100)}.icon-btn.active{background:var(--purple-light);border-color:var(--purple)}.color-picker{display:flex;flex-wrap:wrap;gap:var(--space-2)}.color-btn{width:32px;height:32px;border:2px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.color-btn:hover{transform:scale(1.1)}.color-btn.active{border-color:var(--text);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--text)}.category-preview{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius-lg)}.preview-label{font-size:.75rem;color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border-light)}.custom-categories-card{margin-top:var(--space-4)}.custom-categories-card h4{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin:0 0 var(--space-3) 0}.custom-categories-list{display:flex;flex-direction:column;gap:var(--space-2)}.custom-category-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--gray-50);border-radius:var(--radius-md)}.cat-icon{font-size:1rem}.cat-label{flex:1;font-size:.875rem;font-weight:500}.delete-cat-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-full);font-size:1rem;color:var(--muted);cursor:pointer;transition:all var(--transition-fast)}.delete-cat-btn:hover{background:var(--error-light);color:var(--error)}@media (max-width: 480px){.calendar-day{padding:var(--space-1)}.day-number{font-size:.75rem}.dot{width:4px;height:4px}.filter-btn{padding:var(--space-1) var(--space-2);font-size:.6875rem}.filter-icon{font-size:.75rem}.timeline-time{width:50px;font-size:.6875rem}}.reports-page{max-width:900px;margin:0 auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4)}.page-header .select-group{min-width:160px}.report-day-overview{margin-bottom:var(--space-6);overflow:hidden;border:1px solid color-mix(in srgb,var(--purple) 24%,var(--border));background:radial-gradient(circle at top right,color-mix(in srgb,var(--purple-light) 65%,transparent),transparent 42%),var(--bg)}.report-day-overview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-5)}.report-day-eyebrow{display:block;margin-bottom:var(--space-1);color:var(--purple);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.report-day-overview h2{margin:0;color:var(--text);font-family:var(--font-serif);font-size:1.35rem}.report-day-score{min-width:138px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--green-light, #dcfce7);color:var(--green, #15803d)}.report-day-score.good{background:var(--blue-light, #dbeafe);color:var(--blue, #1d4ed8)}.report-day-score.fair{background:var(--yellow-light, #fef3c7);color:#92400e}.report-day-score.difficult{background:var(--red-50, #fef2f2);color:var(--error)}.report-day-score.empty{background:var(--gray-100);color:var(--muted)}.report-day-score-icon{grid-row:1 / 3;font-size:1.35rem}.report-day-score-value{font-size:1.1rem;font-weight:800;line-height:1.15}.report-day-score-label{font-size:.72rem;font-weight:600}.report-day-summary-copy{display:flex;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--purple-light) 50%,var(--bg))}.report-day-summary-icon{font-size:1.25rem}.report-day-summary-copy h3{margin:0 0 var(--space-1);font-size:.82rem;color:var(--purple)}.report-day-summary-copy p{margin:0;color:var(--text-secondary);font-size:.92rem;line-height:1.55}.report-day-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.report-day-metric{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg)}.report-day-metric>span{grid-row:1 / 3;font-size:1.2rem}.report-day-metric strong{color:var(--text);font-size:1.1rem;line-height:1}.report-day-metric small{color:var(--muted);font-size:.7rem}.report-day-alerts{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.report-day-alerts.clear{background:var(--green-light, #dcfce7);color:var(--green, #15803d)}.report-day-alerts.has-alerts{border:1px solid var(--yellow, #f59e0b);background:var(--yellow-light, #fffbeb);color:#7c2d12}.report-day-alerts-title{display:flex;align-items:center;gap:var(--space-2);font-size:.85rem}.report-day-alerts ul{margin:var(--space-2) 0 0;padding-left:var(--space-5)}.report-day-alerts li{padding:2px 0;font-size:.82rem}.report-day-alerts li.alert-high{font-weight:700}.report-day-loading,.report-day-unavailable{min-height:150px;display:flex;align-items:center;justify-content:center;gap:var(--space-3);color:var(--muted)}.report-day-unavailable{flex-direction:column}.reports-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);border-bottom:1px solid var(--border);padding-bottom:var(--space-2)}.report-tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:none;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;color:var(--muted);cursor:pointer;transition:all .2s ease}.report-tab:hover{background:var(--surface);color:var(--text)}.feeling-check-in-report{margin-bottom:var(--space-6);border:1px solid var(--primary-200);background:color-mix(in srgb,var(--purple-light) 32%,var(--white))}.feeling-check-in-report-header,.feeling-check-in-report-header>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.feeling-check-in-report-header h2{margin:0;font-size:1.25rem}.feeling-check-in-report-header>strong{color:var(--purple-dark)}.feeling-check-in-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}.feeling-check-in-summary-grid>div{padding:var(--space-4);border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--white)}.feeling-check-in-summary-grid h3{margin-bottom:var(--space-2);font-size:1rem}.feeling-check-in-summary-grid ul{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.feeling-check-in-summary-grid li{display:flex;justify-content:space-between;gap:var(--space-3);color:var(--text-secondary)}.feeling-check-in-summary-grid li strong{color:var(--text)}.feeling-check-in-loading,.feeling-check-in-empty,.summary-none{color:var(--muted)}.feeling-check-in-loading,.feeling-check-in-empty{margin:var(--space-4) 0 0}@media (max-width: 600px){.feeling-check-in-summary-grid{grid-template-columns:1fr}}.report-tab.active{background:var(--purple);color:#fff}.report-tab.premium{position:relative}.premium-tag{display:inline-block;margin-left:var(--space-1);padding:1px 4px;background:linear-gradient(135deg,var(--purple) 0%,var(--blue) 100%);color:#fff;font-size:.5625rem;font-weight:700;border-radius:var(--radius-sm);vertical-align:middle}.premium-upgrade-card{max-width:500px;margin:0 auto}.premium-upgrade-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4)}.premium-icon{font-size:3rem}.premium-upgrade-content h3{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;margin:0}.premium-upgrade-content>p{font-size:.9375rem;color:var(--text-secondary);margin:0}.premium-features-list{list-style:none;padding:0;margin:0;text-align:left}.premium-features-list li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:.875rem;color:var(--text)}.premium-features-list li:before{content:"✓";color:var(--success);font-weight:600}.premium-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.date-navigation{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4);background:var(--surface);border-radius:var(--radius-lg)}.date-nav-btn{padding:var(--space-2) var(--space-3);background:none;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.85rem;color:var(--text);cursor:pointer;transition:all .2s ease}.date-nav-btn:hover:not(:disabled){background:var(--purple);color:#fff;border-color:var(--purple)}.date-nav-btn:disabled{opacity:.4;cursor:not-allowed}.date-display{text-align:center;display:flex;flex-direction:column;gap:var(--space-1)}.date-label{font-family:var(--font-serif);font-size:1.1rem;font-weight:600}.today-btn{font-size:.75rem;color:var(--purple);background:none;border:none;cursor:pointer;text-decoration:underline}.daily-section{margin-bottom:var(--space-4)}.daily-section.category-theme,.weekly-section.category-theme,.monthly-section.category-theme,.summary-card.category-theme,.stat-card.category-theme,.chart-card.category-theme{border:1px solid var(--category-border);background:var(--category-background)}.daily-section.category-theme,.weekly-section.category-theme,.monthly-section.category-theme{box-shadow:0 8px 22px #315d9b0b}.daily-section.category-theme:hover,.weekly-section.category-theme:hover,.monthly-section.category-theme:hover,.summary-card.category-theme:hover,.stat-card.category-theme:hover,.chart-card.category-theme:hover{border-color:var(--category-accent)}.daily-section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.daily-section-header .section-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--category-border);border-radius:13px;background:var(--category-icon-background);font-size:1.25rem}.weekly-section.category-theme .section-icon,.monthly-section.category-theme .section-icon,.summary-card.category-theme .summary-icon{border:1px solid var(--category-border);background:var(--category-icon-background)}.daily-section-header h3{font-family:var(--font-serif);font-size:1rem;font-weight:600;margin:0;flex:1}.section-summary{font-size:.85rem;color:var(--muted);background:var(--surface);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.section-summary.success{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--green-light, #dcfce7);color:var(--green, #16a34a)}.section-summary.emoji{font-size:1.5rem;background:none}.daily-section-content{display:flex;flex-direction:column;gap:var(--space-3)}.potty-timeline{display:flex;flex-direction:column;gap:var(--space-2)}.potty-entry{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface);border-radius:var(--radius-md)}.potty-entry-label{display:inline-flex;align-items:center;gap:var(--space-1);min-width:110px;color:var(--text);font-size:.875rem;font-weight:500}.no-data-text{color:var(--muted);font-size:.9rem;font-style:italic}.sleep-entry{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface);border-radius:var(--radius-md)}.entry-icon{font-size:1.2rem}.entry-label{font-weight:500;min-width:80px}.entry-detail{color:var(--muted);font-size:.9rem;flex:1}.entry-badge{font-size:.75rem;background:var(--yellow-light, #fef3c7);color:var(--yellow-dark, #92400e);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.entry-time{font-size:.8rem;color:var(--muted);min-width:70px}.quality-indicator{font-size:.9rem;padding-top:var(--space-2);color:var(--muted)}.meal-row{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface);border-radius:var(--radius-md);border-left:3px solid var(--border)}.meal-row.logged{border-left-color:var(--green)}.not-logged{color:var(--muted);font-size:.85rem;font-style:italic}.meal-details{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.meal-item-detail{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.meal-time{font-size:.8rem;color:var(--muted)}.meal-desc{font-size:.9rem}.appetite{font-size:.8rem;color:var(--muted)}.drink-entry{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface);border-radius:var(--radius-md)}.drink-desc{color:var(--text)}.diaper-summary{display:flex;gap:var(--space-4);padding:var(--space-2) 0}.diaper-stat,.potty-stat{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.9rem;padding:var(--space-1) var(--space-3);background:var(--surface);border-radius:var(--radius-md)}.potty-stat.success{background:var(--green-light, #dcfce7);color:var(--green, #16a34a)}.diaper-timeline,.mood-timeline{display:flex;flex-direction:column;gap:var(--space-2)}.diaper-entry,.mood-entry{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface);border-radius:var(--radius-md)}.diaper-type{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.9rem}.mood-avg{font-size:.95rem;padding:var(--space-2) 0}.mood-emotions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) 0}.emotion-tag{font-size:.8rem;padding:var(--space-1) var(--space-2);background:var(--brand-light);color:var(--purple);border-radius:var(--radius-sm);text-transform:capitalize}.mood-emoji{font-size:1.2rem}.mood-emotions-inline{font-size:.85rem;color:var(--muted)}.mood-grounding-inline{font-size:.8rem;color:var(--green);background:var(--green-light, #dcfce7);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.activity-breakdown{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--border);margin-bottom:var(--space-3)}.activity-type-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--surface);border-radius:var(--radius-md)}.activity-type{text-transform:capitalize;font-size:.9rem}.activity-duration{font-size:.85rem;color:var(--purple);font-weight:500}.activity-list{display:flex;flex-direction:column;gap:var(--space-2)}.activity-entry{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface);border-radius:var(--radius-md)}.activity-desc{flex:1;font-size:.9rem;color:var(--muted)}.behavior-entry{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.behavior-entry.positive{background:var(--green-light, #dcfce7);border-left:3px solid var(--green)}.behavior-entry.challenging{background:var(--orange-light, #ffedd5);border-left:3px solid var(--orange, #f97316)}.behavior-icon{font-size:1rem}.behavior-desc{flex:1;font-size:.9rem}.behavior-resolution{font-size:.8rem;color:var(--muted);width:100%;margin-left:calc(70px + var(--space-3) + 1rem + var(--space-2));font-style:italic}.notes-section{background:var(--surface)}.notes-section.category-theme{background:var(--category-background)}.note-entry{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3);background:color-mix(in srgb,var(--log-notes) 68%,white);border-radius:var(--radius-md);border-left:3px solid var(--brand-primary)}.note-time{font-size:.8rem;color:var(--muted)}.note-type{font-size:.75rem;text-transform:uppercase;color:var(--brand-dark);background:var(--log-notes);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.note-content{width:100%;margin:var(--space-2) 0 0;font-size:.9rem;line-height:1.5}.trends-view .trends-header{margin-bottom:var(--space-6)}.loading-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:200px}.loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--purple);border-radius:50%;animation:spin 1s linear infinite}.potty-summary{display:flex;gap:var(--space-3)}.weekly-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.summary-card{display:flex;align-items:center;gap:var(--space-3);border-left:4px solid var(--border)}.summary-card.warning{border-left-color:var(--orange, #f97316)}.summary-card.success{border-left-color:var(--green)}.summary-icon{font-size:2rem}.summary-content{flex:1}.summary-value{font-family:var(--font-serif);font-size:1.5rem;font-weight:600}.summary-label{font-size:.75rem;color:var(--muted);text-transform:uppercase}.weekly-section{margin-bottom:var(--space-4)}.weekly-section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.weekly-section-header h3{font-family:var(--font-serif);font-size:1rem;font-weight:600;margin:0;flex:1}.section-badge{font-size:.8rem;padding:var(--space-1) var(--space-3);background:var(--surface);border-radius:var(--radius-md)}.section-badge.success{background:var(--green-light, #dcfce7);color:var(--green)}.emotions-chart{display:flex;flex-direction:column;gap:var(--space-3)}.emotion-bar-row{display:flex;align-items:center;gap:var(--space-3)}.emotion-name{min-width:80px;font-size:.9rem;text-transform:capitalize}.emotion-bar-container{flex:1;height:24px;background:var(--surface);border-radius:var(--radius-md);overflow:hidden}.emotion-bar{height:100%;background:linear-gradient(90deg,var(--brand-light),var(--brand-primary));border-radius:var(--radius-md);transition:width .3s ease}.emotion-bar.grounding-bar{background:linear-gradient(90deg,var(--green-light, #dcfce7),var(--green))}.emotion-count{min-width:40px;text-align:right;font-size:.85rem;color:var(--muted)}.potty-progress-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.progress-stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-3);background:var(--surface);border-radius:var(--radius-md)}.progress-stat.success{background:var(--green-light, #dcfce7)}.progress-stat.warning{background:var(--orange-light, #ffedd5)}.progress-icon{font-size:1.5rem;margin-bottom:var(--space-1)}.progress-value{font-size:1.5rem;font-weight:600}.progress-label{font-size:.75rem;color:var(--muted)}.favorite-meal{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background:var(--surface);border-radius:var(--radius-md);text-align:center}.favorite-meal-name{font-size:1.2rem;font-weight:600;text-transform:capitalize}.favorite-meal-count{font-size:.85rem;color:var(--muted)}.meal-summary{margin-top:var(--space-3);font-size:.9rem;color:var(--muted)}.incidents-list{display:flex;flex-direction:column;gap:var(--space-2)}.incident-entry{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3);background:var(--orange-light, #ffedd5);border-radius:var(--radius-md);border-left:3px solid var(--orange, #f97316)}.incident-date{font-size:.8rem;color:var(--muted);min-width:100px}.incident-desc{flex:1;font-size:.9rem}.incident-triggers{width:100%;font-size:.8rem;color:var(--muted);font-style:italic}.activity-summary{display:flex;gap:var(--space-4)}.activity-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-4);background:var(--surface);border-radius:var(--radius-md)}.activity-stat-value{font-size:2rem;font-weight:600;color:var(--purple)}.activity-stat-label{font-size:.85rem;color:var(--muted)}.monthly-section{margin-bottom:var(--space-4)}.monthly-section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.monthly-section-header h3{font-family:var(--font-serif);font-size:1rem;font-weight:600;margin:0;flex:1}.chart-section .chart-container{margin-top:var(--space-2)}.growth-measurements{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.growth-stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-4);background:var(--surface);border-radius:var(--radius-md);min-width:100px}.growth-icon{font-size:1.5rem;margin-bottom:var(--space-1)}.growth-value{font-size:1.5rem;font-weight:600}.growth-label{font-size:.75rem;color:var(--muted)}.growth-date{font-size:.85rem;color:var(--muted);margin-left:auto}.milestones-content{display:flex;flex-direction:column;gap:var(--space-4)}.milestones-group h4{display:flex;align-items:center;gap:var(--space-2);font-size:.9rem;font-weight:500;margin:0 0 var(--space-2) 0;color:var(--muted)}.milestone-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.milestone-item.achieved{background:var(--green-light, #dcfce7)}.milestone-item.in-progress{background:var(--surface)}.milestone-icon{font-size:1rem;color:var(--green)}.milestone-item.in-progress .milestone-icon{color:var(--muted)}.milestone-title{flex:1;font-size:.9rem}.milestone-date{font-size:.8rem;color:var(--muted)}.change-indicator{margin-left:var(--space-2);font-size:.75rem}.change-indicator.positive{color:var(--green)}.change-indicator.negative{color:var(--red, #ef4444)}.behavior-comparison{display:flex;flex-direction:column;gap:var(--space-3)}.comparison-row{display:flex;gap:var(--space-4)}.comparison-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-4);border-radius:var(--radius-md)}.comparison-item.positive{background:var(--green-light, #dcfce7)}.comparison-item.negative{background:var(--orange-light, #ffedd5)}.comparison-icon{font-size:1.5rem;margin-bottom:var(--space-1)}.comparison-label{font-size:.85rem;color:var(--muted)}.comparison-value{font-size:2rem;font-weight:600}.comparison-change{font-size:.8rem;margin-top:var(--space-1)}.comparison-change.up{color:var(--green)}.comparison-change.down,.comparison-item.negative .comparison-change.up{color:var(--red, #ef4444)}.comparison-item.negative .comparison-change.down{color:var(--green)}.highlights-list{display:flex;flex-direction:column;gap:var(--space-2)}.highlight-day{display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface);border-radius:var(--radius-md)}.highlight-date{min-width:120px;font-size:.85rem;color:var(--muted)}.highlight-events{display:flex;flex-wrap:wrap;gap:var(--space-2)}.highlight-event{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.85rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--bg)}.highlight-event.milestone{background:var(--brand-light)}.highlight-event.positive{background:var(--green-light, #dcfce7)}.photos-section .photos-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);background:var(--surface);border-radius:var(--radius-md);border:2px dashed var(--border)}.placeholder-icon{font-size:3rem;margin-bottom:var(--space-2);opacity:.5}.photos-placeholder p{font-size:1rem;color:var(--muted);margin:0}.placeholder-hint{font-size:.85rem;color:var(--muted);opacity:.7}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{display:flex;align-items:center;gap:var(--space-4)}.stat-card .stat-icon{font-size:2rem}.stat-value{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;color:var(--text)}.stat-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.025em}.stat-sleep,.stat-mood,.stat-meals,.stat-logs{border-left:4px solid var(--brand-primary)}.chart-card{margin-bottom:var(--space-6)}.chart-card h3{font-family:var(--font-serif);font-size:1rem;font-weight:600;margin:0 0 var(--space-4) 0}.chart-container{width:100%}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}@media (max-width: 768px){.page-header{flex-direction:column;gap:var(--space-4)}.page-header .select-group{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-row{grid-template-columns:1fr}.reports-tabs{overflow-x:auto}.report-day-overview-header{flex-direction:column}.report-day-score{width:100%}.report-day-metrics{grid-template-columns:1fr}.date-navigation{flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.date-nav-btn{font-size:.8rem;padding:var(--space-2)}.sleep-entry,.meal-row,.activity-entry,.behavior-entry,.diaper-entry,.mood-entry{flex-wrap:wrap}.entry-detail{width:100%;margin-top:var(--space-1)}.behavior-resolution{margin-left:0}.diaper-summary,.potty-summary{flex-wrap:wrap}.activity-breakdown{gap:var(--space-2)}.weekly-summary-grid,.potty-progress-grid{grid-template-columns:repeat(2,1fr)}.activity-summary{flex-direction:column}.growth-measurements{flex-direction:column;align-items:stretch}.growth-stat{flex-direction:row;justify-content:space-between;min-width:auto}.comparison-row{flex-direction:column}.highlight-day{flex-direction:column;gap:var(--space-1)}.highlight-date{min-width:auto}}.milestones-page{max-width:900px;margin:0 auto}.category-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light)}.filter-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#fff;border:1px solid var(--border);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{background:var(--gray-50)}.filter-btn.active{background:var(--purple);border-color:var(--purple);color:#fff}.milestones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.milestone-card{position:relative}.milestone-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.milestone-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:1.25rem}.cat-blue,.cat-green,.cat-yellow,.cat-purple,.cat-coral,.cat-pink{background:var(--brand-light);color:var(--brand-dark)}.favorite-btn{background:transparent;border:none;font-size:1.25rem;cursor:pointer;opacity:.4;transition:all var(--transition-fast)}.favorite-btn:hover,.favorite-btn.active{opacity:1}.milestone-title{font-family:var(--font-serif);font-size:1rem;font-weight:600;margin:0 0 var(--space-2) 0}.milestone-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.milestone-date{font-size:.75rem;color:var(--muted)}.milestone-desc{font-size:.8125rem;color:var(--text-secondary);margin:var(--space-3) 0 0 0;line-height:1.5}.milestone-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 640px){.category-filters{overflow-x:auto;flex-wrap:nowrap;margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));padding-left:var(--space-4);padding-right:var(--space-4);-webkit-overflow-scrolling:touch}.filter-btn{flex-shrink:0}.form-row{grid-template-columns:1fr}}.child-profile-page{max-width:700px;margin:0 auto}.profile-loading,.profile-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--space-4);text-align:center}.profile-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--purple);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.profile-header{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-6)}.profile-info{flex:1}.profile-info h1{font-family:var(--font-serif);font-size:1.75rem;font-weight:600;margin:0}.profile-age{font-size:.9375rem;color:var(--muted);margin:var(--space-1) 0 0 0}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.stat-box{text-align:center}.stat-box .stat-value{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;color:var(--text)}.stat-box .stat-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;margin-top:var(--space-1)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.info-item{display:flex;flex-direction:column;gap:var(--space-1)}.info-item.full{grid-column:span 2;margin-top:var(--space-2)}.info-item label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--muted)}.info-item span,.info-item p{font-size:.9375rem;color:var(--text);margin:0}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.contacts-list{display:flex;flex-direction:column;gap:var(--space-3)}.contact-item{padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius-lg)}.contact-name{font-weight:500;color:var(--text)}.contact-meta{font-size:.8125rem;color:var(--muted);margin-top:var(--space-1)}.danger-zone{border:1px solid var(--error-light);background:#fef2f2}.danger-zone h2{color:var(--error)}.danger-zone p{font-size:.875rem;color:var(--text-secondary);margin:0 0 var(--space-4) 0}.edit-form{display:flex;flex-direction:column;gap:var(--space-4)}.edit-form .form-group{display:flex;flex-direction:column;gap:var(--space-2)}.edit-form .input-label{font-size:.875rem;font-weight:500;color:var(--text)}.edit-form .gender-options{display:flex;gap:var(--space-2)}.edit-form .gender-btn{flex:1;padding:var(--space-2) var(--space-4);background:var(--gray-50);border:2px solid transparent;border-radius:var(--radius-lg);font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.edit-form .gender-btn:hover{background:var(--gray-100)}.edit-form .gender-btn.active{background:var(--purple-light);border-color:var(--purple);color:var(--purple-dark)}.edit-form .diaper-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.edit-form .diaper-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);background:var(--gray-50);border:2px solid transparent;border-radius:var(--radius-lg);font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.edit-form .diaper-btn:hover{background:var(--gray-100)}.edit-form .diaper-btn.active{background:var(--purple-light);border-color:var(--purple);color:var(--purple-dark)}.edit-form .diaper-btn span:first-child{display:inline-flex;align-items:center;justify-content:center}.edit-actions,.delete-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4)}.edit-form .avatar-type-toggle{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.edit-form .toggle-btn{flex:1;padding:var(--space-2) var(--space-4);background:var(--gray-50);border:2px solid transparent;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.edit-form .toggle-btn:hover{background:var(--gray-100)}.edit-form .toggle-btn.active{background:var(--purple-light);border-color:var(--purple);color:var(--purple-dark)}.edit-form .emoji-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-2)}.edit-form .emoji-opt{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--gray-50);border:2px solid transparent;border-radius:var(--radius-lg);font-size:1.125rem;cursor:pointer;transition:all var(--transition-fast)}.edit-form .emoji-opt:hover{background:var(--gray-100);transform:scale(1.1)}.edit-form .emoji-opt.selected{background:var(--purple-light);border-color:var(--purple)}.edit-form .photo-upload-area{display:flex;justify-content:center}.edit-form .photo-placeholder{width:100px;height:100px;border:2px dashed var(--border);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);cursor:pointer;transition:all var(--transition-fast)}.edit-form .photo-placeholder:hover{border-color:var(--purple);background:var(--purple-light)}.edit-form .photo-placeholder-icon{font-size:1.5rem}.edit-form .photo-placeholder-text{font-size:.625rem;color:var(--text-muted);text-align:center}.edit-form .photo-preview-container{position:relative;width:100px;height:100px}.edit-form .photo-preview{width:100px;height:100px;border-radius:50%;object-fit:cover;background:var(--gray-50, #f9fafb);border:3px solid var(--purple)}.edit-form .remove-photo-btn{position:absolute;top:0;right:0;width:24px;height:24px;border-radius:50%;background:var(--error);color:#fff;border:2px solid white;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.edit-form .remove-photo-btn:hover{background:var(--error-dark)}@media (max-width: 640px){.profile-header{flex-direction:column;text-align:center}.profile-stats,.info-grid{grid-template-columns:1fr}.info-item.full{grid-column:span 1}}.family-page{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6)}.family-page-header{align-items:flex-start;gap:var(--space-4)}.family-page-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-2)}.family-empty-card{max-width:640px;width:100%;margin:var(--space-8) auto 0;text-align:center}.family-empty-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.family-empty-help{max-width:460px;margin:var(--space-4) auto 0;color:var(--text-secondary);font-size:.875rem}.family-summary-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--space-6);align-items:center;background:linear-gradient(135deg,white 0%,var(--purple-light) 100%);border:1px solid var(--border-light)}.family-summary-copy h2{margin:var(--space-1) 0 var(--space-2);font-size:clamp(1.5rem,3vw,2.25rem)}.family-summary-copy p,.family-section-header p,.family-settings-card p{margin:0;color:var(--text-secondary)}.family-eyebrow{font-size:.75rem;font-weight:700;color:var(--purple-dark);letter-spacing:.08em;text-transform:uppercase}.family-summary-stats{display:flex;gap:var(--space-3)}.family-stat{min-width:120px;padding:var(--space-4);background:#ffffffbf;border:1px solid var(--border-light);border-radius:var(--radius-xl)}.family-stat strong{display:block;font-family:var(--font-serif);font-size:1.75rem;line-height:1;color:var(--purple-dark)}.family-stat span{display:block;margin-top:var(--space-1);font-size:.8125rem;color:var(--muted)}.family-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.family-section{display:flex;flex-direction:column;gap:var(--space-4)}.family-section-header h2,.family-settings-card h3{font-family:var(--font-serif);font-size:1.125rem;font-weight:600;margin:0}.children-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.child-card{display:flex;flex-direction:column;gap:var(--space-5)}.child-card-actions{display:flex;justify-content:flex-start}.child-card-header,.recent-log-preview,.invitation-main{display:flex;align-items:center;gap:var(--space-3)}.child-card-header h3{margin:0;font-size:1.125rem}.child-card-header p{margin:var(--space-1) 0 0;color:var(--muted);font-size:.875rem}.recent-log-preview{padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius-lg)}.recent-log-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-xs)}.recent-log-label,.recent-log-time,.invitation-name{display:block}.recent-log-label{color:var(--text);font-size:.875rem;font-weight:600}.recent-log-time,.invitation-meta{color:var(--muted);font-size:.75rem}.members-list{display:flex;flex-direction:column;gap:var(--space-3)}.member-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius-lg)}.member-info{flex:1;min-width:0}.member-name{font-weight:500;color:var(--text);display:flex;align-items:center;gap:var(--space-2)}.member-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1);font-size:.8125rem;color:var(--muted)}.member-meta span+span:before{content:"•";margin-right:var(--space-2);color:var(--gray-300)}.you-badge{font-size:.6875rem;font-weight:600;padding:2px 6px;background:var(--purple-light);color:var(--purple);border-radius:var(--radius-full)}.member-actions{display:flex;align-items:center;gap:var(--space-2)}.member-actions .select-group{width:170px}.invitations-list{display:flex;flex-direction:column;gap:var(--space-3)}.invitation-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius-lg)}.invitation-name{font-weight:600;color:var(--text)}.invitation-response-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.received-invitations .card{border-color:var(--purple)}.received-invitations .invite-error,.received-invitations .create-family-success{margin-bottom:var(--space-3)}.quiet-empty{padding:var(--space-5);color:var(--muted);text-align:center;background:var(--gray-50);border-radius:var(--radius-lg)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.family-settings-card{display:flex;flex-direction:column;gap:var(--space-4)}.family-name-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-3)}.settings-note,.settings-message{font-size:.8125rem}.settings-message{color:var(--purple-dark);font-weight:600}.subscription-summary{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius-lg)}.role-guide{display:flex;flex-direction:column;gap:var(--space-3)}.role-guide-item{padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius-lg)}.role-guide-item strong{display:block;color:var(--text);margin-bottom:var(--space-1)}.leave-card{border:1px solid var(--error-light)}.create-family-form,.invite-form{display:flex;flex-direction:column;gap:var(--space-4)}.create-family-success{background:var(--success-light);color:var(--green-dark);padding:var(--space-3);border-radius:var(--radius-lg);font-size:.875rem}.invite-error{background:var(--error-light);color:#b91c1c;padding:var(--space-3);border-radius:var(--radius-lg);font-size:.875rem}.invite-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2)}@media (max-width: 860px){.family-summary-card{grid-template-columns:1fr}.family-summary-stats{flex-wrap:wrap}.children-grid,.settings-grid{grid-template-columns:1fr}}@media (max-width: 640px){.family-page{gap:var(--space-5)}.family-page-header,.family-page-actions,.family-empty-actions,.family-summary-stats,.family-section-header,.family-name-form{flex-direction:column;align-items:stretch}.family-page-actions,.family-empty-actions,.family-summary-stats,.family-name-form{display:flex}.family-stat{min-width:0}.member-item,.invitation-item{grid-template-columns:1fr;flex-wrap:wrap;align-items:flex-start}.member-actions{width:100%;justify-content:flex-end}.member-actions .select-group{flex:1;width:auto}.invitation-main{width:100%}.invite-actions{flex-direction:column-reverse}}.search-page{max-width:700px;margin:0 auto}.search-form{display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}.search-form .input-group{flex:1}.search-loading{text-align:center;padding:var(--space-8);color:var(--muted)}.results-count{font-size:.875rem;color:var(--muted);margin-bottom:var(--space-4)}.search-results{display:flex;flex-direction:column;gap:var(--space-3)}.result-card{cursor:pointer;transition:all var(--transition-fast)}.result-card:hover{box-shadow:var(--shadow-md)}.result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.result-date{font-size:.75rem;color:var(--muted)}.result-title{font-family:var(--font-serif);font-size:1rem;font-weight:600;margin:0 0 var(--space-2) 0}.result-content{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.result-content mark{background:var(--yellow-light);color:var(--text);padding:0 2px;border-radius:2px}@media (max-width: 640px){.search-form{flex-direction:column}.search-form .btn{width:100%}}.settings-page{--muted: var(--gray-600);--text-secondary: var(--gray-600);--error: #b91c1c;--success: var(--green-dark);max-width:700px;min-width:0;margin:0 auto}.settings-page .settings-nav{position:sticky;top:var(--space-3);z-index:calc(var(--z-dropdown) + 1);padding:var(--space-1);margin-bottom:18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm)}.settings-page .settings-nav-links{display:flex;gap:var(--space-1);overflow-x:auto;padding:var(--space-1);scrollbar-width:thin}.settings-page .settings-nav-links a{display:inline-flex;align-items:center;justify-content:center;flex:1 0 auto;min-height:44px;padding:var(--space-2);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8125rem;font-weight:600;text-decoration:none;white-space:nowrap}.settings-page .settings-nav-links a:hover,.settings-page .settings-nav-links a[aria-current=location]{background:var(--brand-light);color:var(--brand-dark)}.settings-page .settings-nav-mobile{display:none}.settings-page .settings-section{margin-bottom:18px;scroll-margin-top:96px}.settings-page .settings-section h2{margin:0 0 var(--space-3);font-family:var(--font-serif);font-size:1.125rem;font-weight:600;line-height:1.4}.settings-page .settings-section h3{margin:0;font-family:var(--font-sans);font-size:.9375rem;font-weight:600;line-height:1.5}.settings-page .settings-heading-row,.settings-page .section-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.settings-page .settings-heading-row{margin-bottom:var(--space-2)}.settings-page .settings-heading-row h2{margin-bottom:0}.settings-page .section-header-row{align-items:flex-start;margin-bottom:var(--space-3)}.settings-page .section-header-row h2{margin-bottom:var(--space-1)}.settings-page .section-header-row .section-description{margin:0}.settings-page .section-description{margin:0 0 var(--space-3);color:var(--muted);font-size:.875rem;line-height:1.5}.settings-page .settings-save-status{flex-shrink:0;min-height:20px;color:var(--brand-dark);font-size:.8125rem;font-weight:500}.settings-page .profile-form{display:flex;flex-direction:column;gap:var(--space-3)}.settings-page .settings-input-hint,.settings-page .settings-field-error{margin:var(--space-1) 0 0;color:var(--muted);font-size:.8125rem;line-height:1.5}.settings-page .settings-field-error{color:var(--error)}.settings-page .settings-session{margin-top:18px;padding-top:var(--space-3);border-top:1px solid var(--border)}.settings-page .children-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0 0 var(--space-3);padding:0;list-style:none}.settings-page .child-list-item{display:flex;align-items:center;gap:var(--space-1);padding-right:var(--space-1);border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--gray-50)}.settings-page .child-list-item.is-selected{border-color:var(--brand-mid);background:var(--brand-light)}.settings-page .child-select-button{display:flex;align-items:center;flex:1;gap:var(--space-3);min-width:0;min-height:64px;padding:var(--space-3);border:none;border-radius:var(--radius-lg);background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.settings-page .child-select-button:hover{background:#315d9b0d}.settings-page .child-select-button .avatar{flex-shrink:0}.settings-page .child-list-info{flex:1;min-width:0;overflow-wrap:anywhere}.settings-page .child-list-name,.settings-page .child-list-age{display:block}.settings-page .child-list-name{font-weight:600}.settings-page .child-list-age{margin-top:2px;color:var(--muted);font-size:.75rem}.settings-page .child-selected-label{color:var(--brand-dark);font-size:.75rem;font-weight:600}.settings-page .no-children{padding:var(--space-4) 0;color:var(--muted);font-size:.875rem;text-align:center}.settings-page .children-limit-info{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);color:var(--muted);font-size:.8125rem}.settings-page .child-alert-panel{margin-top:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border)}.settings-page .setting-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border-light)}.settings-page .setting-item:last-child{padding-bottom:0;border-bottom:none}.settings-page .setting-info{flex:1;min-width:0}.settings-page .setting-info label{display:block;color:var(--text);font-size:.9375rem;font-weight:500}.settings-page .setting-info p{margin:var(--space-1) 0 0;color:var(--muted);font-size:.8125rem;line-height:1.5}.settings-page .settings-select{flex:0 1 240px;width:240px;min-width:0}.settings-page .reminder-time-row .input-group{flex:0 0 168px;width:168px}.settings-page input[type=time]{min-width:0;min-height:46px;padding-inline:var(--space-3)}.settings-page input[type=time]::-webkit-date-and-time-value{min-height:1.5em;text-align:left}.settings-page input[type=time]::-webkit-calendar-picker-indicator{flex-shrink:0}.settings-page .reminder-time-row.is-disabled{color:var(--muted);opacity:.65}.settings-page .toggle{position:relative;display:inline-flex;flex:0 0 48px;width:48px;height:44px;align-items:center;border-radius:var(--radius-full);cursor:pointer}.settings-page .toggle input{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.settings-page .toggle-slider{position:absolute;top:8px;right:0;bottom:8px;left:0;border-radius:var(--radius-full);background:var(--gray-500);transition:background var(--transition-fast)}.settings-page .toggle-slider:before{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.settings-page .toggle input:checked+.toggle-slider{background:var(--brand-dark)}.settings-page .toggle input:checked+.toggle-slider:before{transform:translate(20px)}.settings-page .toggle input:disabled,.settings-page label:has(input:disabled){cursor:not-allowed}.settings-page .alert-threshold-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);padding:var(--space-3) 0}.settings-page .alert-threshold-item,.settings-page .alert-threshold-checks{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--gray-50)}.settings-page .alert-check-label,.settings-page .alert-threshold-checks label{display:flex;align-items:center;gap:var(--space-2);min-height:44px;color:var(--text);font-size:.8125rem;font-weight:500;line-height:1.5;cursor:pointer}.settings-page .alert-check-label input,.settings-page .alert-threshold-checks input,.settings-page .export-option-row input{flex-shrink:0;width:18px;height:18px;accent-color:var(--brand-dark)}.settings-page .alert-value-unit{display:flex;align-items:stretch;margin-top:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff}.settings-page .alert-value-unit .input-group{flex:1;min-width:0}.settings-page .alert-value-unit .input{min-width:0;border:none;border-radius:var(--radius-lg) 0 0 var(--radius-lg);box-shadow:none}.settings-page .alert-value-unit>span{display:flex;align-items:center;flex-shrink:0;padding:0 var(--space-3);border-left:1px solid var(--border-light);color:var(--text-secondary);font-size:.8125rem}.settings-page .alert-threshold-item.is-disabled .alert-value-unit,.settings-page .alert-threshold-checks.is-disabled{opacity:.6}.settings-page .alert-threshold-item:has(input[type=checkbox]:disabled) .alert-check-label{opacity:.6}.settings-page .alert-settings-actions{display:flex;justify-content:flex-end;padding-top:var(--space-2)}.settings-page .subscription-section{background:linear-gradient(135deg,var(--brand-pale),white)}.settings-page .settings-subscription-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin:var(--space-4) 0}.settings-page .settings-subscription-details dt{margin-bottom:var(--space-1);color:var(--muted);font-size:.8125rem}.settings-page .settings-subscription-details dd{margin:0;color:var(--text);font-size:.9375rem;font-weight:500;overflow-wrap:anywhere}.settings-page .settings-subscription-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border)}.settings-page .settings-destructive-link{margin-top:var(--space-2);padding-inline:var(--space-2);color:var(--error);font-size:.8125rem;text-decoration:underline;text-underline-offset:3px}.settings-page .settings-destructive-link:hover:not(:disabled){background:var(--error-light);color:var(--error)}.settings-page .settings-danger-zone{margin-top:var(--space-7);border-color:#fecaca}.settings-page .settings-danger-zone h2{color:var(--error)}.settings-page .settings-save-bar{position:sticky;bottom:var(--space-3);z-index:var(--z-dropdown);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--brand-mid);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-lg);color:var(--text);font-size:.875rem}.settings-page .settings-save-bar>div{display:flex;flex-shrink:0;gap:var(--space-2)}.settings-page .settings-error,.settings-page .settings-success,.settings-page .delete-error{margin:var(--space-3) 0;padding:var(--space-3);border:1px solid #fecaca;border-radius:var(--radius-md);background:#fef2f2;color:var(--error);font-size:.875rem;line-height:1.5}.settings-page .settings-error .btn{margin-left:var(--space-2)}.settings-page .settings-success{border-color:#bbf7d0;background:var(--success-light);color:var(--success)}.settings-page .export-options{display:flex;flex-direction:column;gap:var(--space-4)}.settings-page .export-option-group{position:relative;min-width:0;margin:0;padding:0;border:0}.settings-page .export-option-group legend{width:100%;min-height:44px;padding:var(--space-2) 100px var(--space-3) 0;color:var(--text);font-family:var(--font-serif);font-size:1rem;font-weight:600}.settings-page .export-select-link{position:absolute;top:0;right:0;min-width:80px;min-height:44px;padding:var(--space-2);border:0;border-radius:var(--radius-md);background:transparent;color:var(--brand-dark);font:inherit;font-size:.8125rem;font-weight:600;cursor:pointer}.settings-page .export-select-link:hover{text-decoration:underline}.settings-page .export-child-options,.settings-page .export-content-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.settings-page .export-option-row{display:flex;align-items:flex-start;gap:var(--space-3);min-height:44px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--gray-50);cursor:pointer}.settings-page .export-option-row:has(input:checked){border-color:var(--brand-mid);background:var(--brand-light)}.settings-page .export-option-row input{margin-top:2px}.settings-page .export-option-row span{display:flex;min-width:0;flex-direction:column;gap:2px;overflow-wrap:anywhere}.settings-page .export-option-row strong{color:var(--text);font-size:.875rem}.settings-page .export-option-row small{color:var(--muted);font-size:.75rem;line-height:1.5}.settings-page .export-options-warning{margin:0;padding:var(--space-3);border-radius:var(--radius-md);background:#fef2f2;color:var(--error);font-size:.8125rem}.settings-page .delete-warning{margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid #fecaca;border-radius:var(--radius-lg);background:#fef2f2;color:var(--error);font-size:.875rem;line-height:1.5}.settings-page .delete-warning .warning-icon{display:block;margin-bottom:var(--space-2)}.settings-page .delete-warning p{margin:0 0 var(--space-3)}.settings-page .delete-warning ul{margin:0;padding-left:var(--space-5);font-size:.8125rem}.settings-page .delete-warning li{margin-bottom:var(--space-1)}.settings-page .delete-confirm-input label{display:block;margin-bottom:var(--space-2);color:var(--text);font-size:.875rem}.settings-page .cancel-subscription-content{display:flex;flex-direction:column;gap:var(--space-3);font-size:.9375rem;line-height:1.5}.settings-page .cancel-subscription-content>p{margin:0}.settings-page .modal-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.settings-page .btn,.settings-page .input,.settings-page .select-trigger,.settings-page .select-option,.settings-page .modal-close{min-height:44px}.settings-page .btn{min-width:44px;border-radius:var(--radius-lg)}.settings-page .modal-close{width:44px}.settings-page .input::placeholder{color:var(--muted)}.settings-page :is(button,a,input,select,[tabindex]):focus-visible{outline:2px solid var(--brand-dark);outline-offset:3px}.settings-page .toggle input:focus-visible+.toggle-slider,.settings-page .alert-value-unit:has(input:focus-visible),.settings-page .export-option-row:has(input:focus-visible){outline:2px solid var(--brand-dark);outline-offset:3px}.settings-page .alert-value-unit .input:focus-visible{outline:none}.settings-page .settings-section:focus-within{scroll-margin-bottom:100px}@media (max-width: 768px){.settings-page .settings-nav{top:64px}.settings-page .settings-nav-links{display:none}.settings-page .settings-nav-mobile{display:block}.settings-page .settings-nav-mobile .input{box-shadow:none}.settings-page .settings-section{scroll-margin-top:132px}.settings-page .settings-save-bar{bottom:calc(72px + env(safe-area-inset-bottom))}.settings-page .settings-section:focus-within{scroll-margin-bottom:180px}.settings-page .input{font-size:1rem}.settings-page .alert-threshold-grid,.settings-page .settings-subscription-details{grid-template-columns:1fr}}@media (max-width: 639px){.settings-page .settings-section{padding:var(--space-5)}.settings-page .section-header-row{flex-wrap:wrap}.settings-page .setting-item:not(.setting-toggle-row){flex-direction:column;align-items:stretch;gap:var(--space-3)}.settings-page .setting-item .settings-select,.settings-page .reminder-time-row .input-group{flex:initial;width:100%}.settings-page .alert-threshold-grid,.settings-page .settings-subscription-details,.settings-page .export-child-options,.settings-page .export-content-options{grid-template-columns:1fr}.settings-page .settings-subscription-details{gap:var(--space-3)}.settings-page .settings-subscription-actions{flex-direction:column}.settings-page .settings-save-bar{flex-direction:column;align-items:stretch;gap:var(--space-2)}.settings-page .settings-save-bar>div{justify-content:flex-end}.settings-page .modal-header,.settings-page .modal-body{padding:var(--space-4)}.settings-page .modal-footer{flex-wrap:wrap;padding:var(--space-3) var(--space-4)}.settings-page .modal-footer .btn{flex:1 1 auto;white-space:normal}}@media (max-width: 400px){.settings-page .child-select-button{flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2)}.settings-page .child-selected-label{flex-basis:100%}}@media (prefers-reduced-motion: reduce){.settings-page .toggle-slider,.settings-page .toggle-slider:before{transition:none}}.profile-page{max-width:600px;margin:0 auto}.profile-message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-size:.875rem}.profile-message.success{background:var(--success-light);color:var(--green-dark)}.profile-message.error{background:var(--error-light);color:#b91c1c}.profile-section{margin-bottom:var(--space-6)}.profile-header{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-light)}.profile-details h2{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;margin:0}.profile-details p{font-size:.875rem;color:var(--muted);margin:var(--space-1) 0 0 0}.profile-section h2{font-family:var(--font-serif);font-size:1.125rem;font-weight:600;margin:0 0 var(--space-4) 0}.profile-section form{display:flex;flex-direction:column;gap:var(--space-4)}.form-actions{display:flex;justify-content:flex-end;margin-top:var(--space-2)}.info-list{display:flex;flex-direction:column;gap:var(--space-3)}.info-item{display:flex;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--border-light)}.info-item:last-child{border-bottom:none}.info-item label{font-size:.875rem;color:var(--muted)}.info-item span{font-size:.875rem;color:var(--text)}.info-item .mono{font-family:monospace;font-size:.75rem;color:var(--muted)}.subscription-plan-card{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid #d9e7f5;background:#fff}.subscription-plan-card.popular{border-color:#79aee2;box-shadow:0 14px 34px #34699d1f}.subscription-plan-card.advanced{background:linear-gradient(180deg,#f8fbff,#fff 45%)}.plan-card-topline{min-height:30px}.plan-badge{white-space:nowrap}.subscription-plan-card h2{margin:14px 0 4px;color:#183b5b}.plan-card-price{margin:0;color:#245f96;font-size:1.35rem;font-weight:750}.plan-card-subtitle{margin:8px 0 20px;color:#577086}.subscription-feature-list{display:grid;gap:10px;padding:0;margin:0 0 24px;list-style:none;flex:1}.subscription-feature-list.compact{gap:8px}.subscription-feature-list li{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:start;color:#29475f}.feature-check,.comparison-included{color:#267a62;font-weight:800}.coming-soon,.comparison-coming-soon{padding:2px 7px;border-radius:999px;background:#edf3f8;color:#60788d;font-size:.72rem;font-weight:700}.comparison-groups{display:grid;gap:22px}.comparison-group{border:1px solid #dbe8f4;border-radius:16px;overflow:hidden;background:#fff}.comparison-group h3{margin:0;padding:16px 18px;background:#f3f8fc;color:#244e70}.comparison-scroll{overflow-x:auto}.comparison-scroll:focus-visible{outline:3px solid #77aee0;outline-offset:-3px}.comparison-group table{width:100%;min-width:620px;border-collapse:collapse}.comparison-group th,.comparison-group td{padding:13px 18px;border-bottom:1px solid #e9f0f6;text-align:center}.comparison-group th:first-child{width:58%;text-align:left}.comparison-example{display:block;max-width:540px;margin-top:5px;color:#657c90;font-size:.82rem;font-weight:400}.comparison-unavailable{color:#8799a8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.subscription-status-card{display:grid;gap:20px}.subscription-status-heading,.subscription-status-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.subscription-status-heading h3{margin:4px 0 0;color:#183b5b}.subscription-status-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0}.subscription-status-details div{padding:12px;border-radius:12px;background:#f5f9fc}.subscription-status-details dt{color:#647b8e;font-size:.8rem}.subscription-status-details dd{margin:4px 0 0;color:#23445f;font-weight:700}.trial-status-panel,.billing-notice{padding:14px 16px;border-radius:12px;background:#eef7ff;color:#244d6f}.trial-countdown,.billing-notice{margin:6px 0 0}.subscription-confirmation{display:grid;gap:16px}.resource-selection{display:grid;gap:8px;padding:14px;border:1px solid #d8e6f2;border-radius:12px}.resource-selection label{display:flex;gap:9px;align-items:center}@media (max-width: 640px){.subscription-status-actions{align-items:stretch}.subscription-status-actions .btn{width:100%}}.plans-overview{width:min(1120px,100%);margin:0 auto;padding:12px 0 48px}.plans-hero{max-width:720px;margin:0 auto 34px;text-align:center}.plans-kicker{margin-bottom:8px;color:#3975a8;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.plans-hero h1{margin:0;color:#173c5d;font-size:clamp(2rem,5vw,3rem);line-height:1.12}.plans-hero>p:last-child,.section-heading p{color:#5c7488}.plans-pricing-grid,.best-for-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.compare-plans-section,.best-for-section,.billing-trust-section{margin-top:52px}.section-heading{margin-bottom:20px}.section-heading h2,.billing-trust-section h2{margin-bottom:6px;color:#183f61}.best-for-grid h3{color:#24577f}.best-for-grid li,.billing-trust-section li{margin:8px 0;color:#38566d}.billing-trust-section{padding:26px;border:1px solid #d6e6f3;border-radius:18px;background:#f5faff}.billing-trust-section ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px;padding-left:20px}.plans-legal-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:20px}.plans-legal-links a,.plans-legal-links .btn{color:#286b9f;font-weight:700}@media (max-width: 760px){.plans-pricing-grid,.best-for-grid,.billing-trust-section ul{grid-template-columns:1fr}.plans-overview{padding-top:0}}.subscription-page{display:grid;gap:24px}.subscription-message{color:#285b80;background:#eef7ff}.subscription-limit-resolution{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#31546f;background:#fff8e5}.subscription-limit-resolution p{margin:5px 0 0}.subscription-confirm-copy{display:grid;gap:16px;color:#3e5c72;line-height:1.55}#plan-comparison{scroll-margin-top:24px}.help-page{max-width:800px;margin:0 auto}.help-page h2{font-family:var(--font-serif);font-size:1.125rem;font-weight:600;margin:0 0 var(--space-5) 0}.help-hero{margin-bottom:var(--space-6);padding:clamp(var(--space-6),5vw,var(--space-10));background:linear-gradient(145deg,var(--brand-pale),var(--brand-light));border:1px solid var(--brand-border);border-radius:var(--radius-2xl);box-shadow:0 4px 16px #315d9b0f}.help-hero-copy{margin-bottom:var(--space-5)}.help-hero h1{margin:0 0 var(--space-2);color:var(--brand-dark);font-size:clamp(2rem,5vw,2.5rem);letter-spacing:-.02em}.help-hero-subtitle{margin:0;max-width:34rem;color:var(--text-secondary);font-size:1rem;line-height:1.6}.faq-search{width:min(100%,560px)}.faq-search .search-input{width:100%}.faq-search .input-icon{left:var(--space-4);color:var(--brand-primary)}.faq-search .input{min-height:52px;padding-right:var(--space-5);padding-left:var(--space-12);background:#fffffff5;border-color:var(--brand-border);border-radius:var(--radius-xl);box-shadow:0 2px 8px #315d9b0f}.faq-search .input:hover:not(:disabled){border-color:var(--primary-300)}.faq-search .input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #4f7fc724,0 2px 8px #315d9b0f}.quick-help-section{margin-bottom:var(--space-6)}.quick-help-section h2{margin-bottom:var(--space-4)}.quick-help-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.quick-help-card{--quick-help-accent: var(--primary-600);--quick-help-background: var(--primary-50);--quick-help-border: var(--primary-200);display:flex;min-width:0;min-height:154px;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:#fff;border:1px solid var(--quick-help-border);border-radius:var(--radius-xl);box-shadow:0 2px 8px #315d9b0a;color:var(--text);cursor:pointer;font:inherit;text-align:left;text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.quick-help-card:hover{background:var(--quick-help-background);border-color:color-mix(in srgb,var(--quick-help-accent) 35%,white);box-shadow:0 6px 16px #315d9b14;color:var(--text);transform:translateY(-2px)}.quick-help-card:active{box-shadow:var(--shadow-xs);transform:scale(.985)}.quick-help-card-bug{--quick-help-accent: #416eaf;--quick-help-background: #f2f7fc;--quick-help-border: #dce8f5}.quick-help-card-feature{--quick-help-accent: #5f82b3;--quick-help-background: #f5f8fc;--quick-help-border: #dfe8f2}.quick-help-card-contact{--quick-help-accent: #315d9b;--quick-help-background: #f0f5fb;--quick-help-border: #d6e3f2}.quick-help-card-started{--quick-help-accent: #7192ba;--quick-help-background: #f7f9fc;--quick-help-border: #e2e9f2}.quick-help-icon{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;flex-shrink:0;background:var(--quick-help-background);border:1px solid var(--quick-help-border);border-radius:var(--radius-lg);color:var(--quick-help-accent)}.quick-help-copy{display:flex;min-width:0;flex-direction:column;gap:var(--space-1)}.quick-help-card-title{color:var(--text);font-size:.9375rem;font-weight:700;line-height:1.3}.quick-help-card-subtitle{color:var(--text-secondary);font-size:.75rem;line-height:1.45}.faq-section,.contact-section,.links-section{margin-bottom:var(--space-6);scroll-margin-top:var(--space-6)}.faq-category-tabs{display:flex;flex-wrap:nowrap;gap:var(--space-3);max-width:100%;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.faq-category-tabs::-webkit-scrollbar{display:none}.category-tab{display:inline-flex;min-height:44px;align-items:center;justify-content:center;flex:0 0 auto;padding:var(--space-2) var(--space-5);background:var(--brand-pale);border:1px solid var(--brand-border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font:inherit;font-size:.875rem;font-weight:600;line-height:1.2;scroll-snap-align:start;white-space:nowrap;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.category-tab:hover{background:var(--brand-light);border-color:var(--primary-300);color:var(--brand-dark)}.category-tab:active{transform:scale(.98)}.category-tab.active{background:var(--brand-primary);border-color:var(--brand-primary);box-shadow:0 3px 9px #315d9b29;color:#fff}.category-tab.active:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}.category-title{font-family:var(--font-serif);font-size:1rem;font-weight:600;color:var(--purple);margin:var(--space-4) 0 var(--space-2) 0}.faq-list{display:flex;flex-direction:column}.faq-category{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-2)}.subscription-help-center{display:flex;flex-direction:column;gap:var(--space-7)}.subscription-help-header{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:linear-gradient(145deg,var(--brand-pale),#f8fbff);border:1px solid var(--brand-border);border-radius:var(--radius-xl)}.subscription-help-header-icon,.subscription-help-section-title>span,.subscription-help-contact-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--brand-primary);background:#fff;border:1px solid var(--brand-border);box-shadow:0 2px 7px #315d9b0f}.subscription-help-header-icon{width:48px;height:48px;border-radius:var(--radius-lg)}.subscription-help-header h3{margin:0 0 var(--space-2);color:var(--brand-dark);font-family:var(--font-serif);font-size:1.4rem}.subscription-help-header p,.subscription-help-section-title p,.subscription-help-contact p{margin:0;color:var(--text-secondary);line-height:1.6}.subscription-help-plans,.subscription-help-group{display:flex;flex-direction:column;gap:var(--space-4)}.subscription-help-section-title{display:flex;align-items:center;gap:var(--space-3)}.subscription-help-section-title>span{width:36px;height:36px;border-radius:var(--radius-md)}.subscription-help-section-title h3{margin:0;color:var(--text);font-size:1.05rem}.subscription-help-section-title p{margin-top:2px;font-size:.8rem}.help-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.help-plan-card{overflow:hidden;background:#fff;border:1px solid var(--brand-border);border-radius:var(--radius-xl);box-shadow:0 3px 12px #315d9b0d}.help-plan-family_pro{border-color:var(--primary-300)}.help-plan-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-5);background:var(--brand-pale);border-bottom:1px solid var(--brand-border)}.help-plan-family_pro .help-plan-heading{background:var(--brand-light)}.help-plan-heading h4{margin:0 0 var(--space-1);color:var(--brand-dark);font-family:var(--font-serif);font-size:1.2rem}.help-plan-heading p{margin:0;color:var(--brand-primary);font-size:.95rem;font-weight:700}.help-plan-heading>span{padding:5px 9px;color:var(--text-secondary);background:#fffc;border:1px solid var(--brand-border);border-radius:var(--radius-full);font-size:.68rem;font-weight:700;line-height:1.2;text-align:center}.help-plan-card ul{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:var(--space-5);list-style:none}.help-plan-card li{display:flex;align-items:flex-start;gap:var(--space-2);color:var(--text-secondary);font-size:.82rem;line-height:1.45}.help-plan-card li .storybook-icon{flex:0 0 auto;margin-top:2px;color:var(--brand-primary)}.help-coming-soon{flex:0 0 auto;margin-left:auto;padding:2px 7px;color:var(--brand-dark);background:var(--brand-pale);border-radius:var(--radius-full);font-size:.65rem;font-weight:700}.subscription-help-faqs{display:flex;flex-direction:column;gap:var(--space-2)}.subscription-help-contact{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:var(--brand-pale);border:1px solid var(--brand-border);border-radius:var(--radius-xl)}.subscription-help-contact-icon{width:44px;height:44px;border-radius:var(--radius-lg)}.subscription-help-contact h3{margin:0 0 var(--space-2);color:var(--brand-dark);font-family:var(--font-serif);font-size:1.15rem}.subscription-help-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.subscription-help-actions a.btn{text-decoration:none}.subscription-restore-message{margin-top:var(--space-3)!important;color:var(--brand-dark)!important;font-size:.82rem;font-weight:600}.faq-item{overflow:hidden;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.faq-item.open{background:var(--brand-pale);border-color:var(--brand-border);box-shadow:0 3px 10px #315d9b0d}.faq-question{display:flex;min-height:56px;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:none;color:var(--text);cursor:pointer;font:inherit;font-size:.9375rem;font-weight:600;gap:var(--space-3);text-align:left;transition:background-color var(--transition-fast),color var(--transition-fast)}.faq-question:hover{background:var(--brand-pale);color:var(--brand-dark)}.faq-item.open .faq-question{color:var(--brand-dark)}.faq-toggle{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;flex-shrink:0;background:var(--brand-pale);border:1px solid var(--brand-border);border-radius:var(--radius-full);color:var(--brand-primary);transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.faq-item.open .faq-toggle{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.faq-chevron{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform var(--transition-base)}.faq-item.open .faq-chevron{transform:translateY(2px) rotate(225deg)}.faq-answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--transition-base),opacity var(--transition-base)}.faq-item.open .faq-answer{grid-template-rows:1fr;opacity:1}.faq-answer-inner{min-height:0;overflow:hidden}.faq-answer p{margin:0;padding:0 var(--space-4) var(--space-4);color:var(--text-secondary);font-size:.875rem;line-height:1.65}.faq-item.open .faq-answer p{padding-top:var(--space-1)}@media (prefers-reduced-motion: reduce){.faq-answer,.faq-chevron{transition:none}}.no-results{text-align:center;padding:var(--space-6);color:var(--text-secondary)}.support-email-info{text-align:center;padding:var(--space-4);background:var(--purple-light);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.support-email-info p{font-size:.875rem;color:var(--text-secondary);margin:0 0 var(--space-2) 0}.support-email-link{font-size:1.125rem;font-weight:600;color:var(--purple);text-decoration:none}.support-email-link:hover{text-decoration:underline}.contact-section form{display:flex;flex-direction:column;gap:var(--space-4)}.form-actions{display:flex;justify-content:flex-end}.form-note{font-size:.75rem;color:var(--muted);text-align:center;margin-top:var(--space-2)}.success-message{text-align:center;padding:var(--space-6)}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--success-light);color:var(--success);border-radius:var(--radius-full);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-4)}.success-message h3{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;margin:0 0 var(--space-2) 0}.success-message p{color:var(--muted);margin:0 0 var(--space-4) 0}.links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.link-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast)}.link-card:hover{background:var(--gray-100);transform:translateY(-2px)}.link-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--purple);background:var(--purple-light);border-radius:var(--radius-lg);flex-shrink:0}.link-info h3{font-size:.9375rem;font-weight:500;color:var(--text);margin:0}.link-info p{font-size:.75rem;color:var(--muted);margin:var(--space-1) 0 0 0}.support-notice{text-align:center;padding:var(--space-4);color:var(--muted);font-size:.8125rem}@media (max-width: 640px){.help-hero{padding:var(--space-6) var(--space-5);border-radius:var(--radius-xl)}.help-hero-copy{margin-bottom:var(--space-4)}.faq-search{width:100%}.quick-help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-help-card{min-height:164px}.faq-section,.contact-section{scroll-margin-top:72px}.help-plan-grid{grid-template-columns:1fr}.subscription-help-header,.subscription-help-contact{padding:var(--space-4)}}@media (max-width: 480px){.links-grid{grid-template-columns:1fr}.faq-category-tabs{padding-bottom:var(--space-3);margin-bottom:var(--space-4)}.subscription-help-header-icon,.subscription-help-contact-icon{display:none}.subscription-help-actions{align-items:stretch;flex-direction:column}.subscription-help-actions .btn{width:100%;justify-content:center}.help-plan-heading{flex-direction:column}}.notifications-page{max-width:700px;margin:0 auto}.loading-state{text-align:center;padding:var(--space-8);color:var(--muted)}.reminders-list{display:flex;flex-direction:column;gap:var(--space-3)}.reminder-card{display:flex;align-items:center;gap:var(--space-4)}.reminder-card.inactive{opacity:.5}.reminder-icon{font-size:1.5rem}.reminder-info{flex:1}.reminder-info h3{font-size:.9375rem;font-weight:500;margin:0}.reminder-meta{display:flex;align-items:center;gap:var(--space-2);font-size:.8125rem;color:var(--muted);margin-top:var(--space-1)}.reminder-actions{display:flex;align-items:center;gap:var(--space-2)}.toggle{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gray-300);border-radius:var(--radius-full);transition:all var(--transition-fast)}.toggle-slider:before{content:"";position:absolute;left:2px;top:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.toggle input:checked+.toggle-slider{background:var(--purple)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.reminder-form{display:flex;flex-direction:column;gap:var(--space-4)}.days-picker{display:flex;gap:var(--space-2)}.day-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:.75rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.day-btn:hover{background:var(--gray-100)}.day-btn.active{background:var(--purple);border-color:var(--purple);color:#fff}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2)}@media (max-width: 480px){.days-picker{flex-wrap:wrap}.day-btn{flex:1;min-width:40px}}.ai-insights-page{max-width:800px;margin:0 auto}.loading-state{text-align:center;padding:var(--space-12);color:var(--muted);font-size:1.125rem}.upgrade-card{text-align:center;background:linear-gradient(135deg,var(--purple-light) 0%,white 100%)}.upgrade-content{max-width:400px;margin:0 auto}.upgrade-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:var(--space-4);color:var(--purple);background:var(--purple-light);border-radius:var(--radius-xl)}.upgrade-content h2{font-family:var(--font-serif);font-size:1.5rem;margin:0 0 var(--space-3) 0}.upgrade-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-5)}.upgrade-features{list-style:none;padding:0;margin:0 0 var(--space-6) 0;text-align:left}.upgrade-features li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;color:var(--text);font-size:.9375rem}.summary-card{margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--purple-light) 0%,white 50%)}.summary-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.summary-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--purple);background:var(--purple-light);border-radius:var(--radius-lg);flex-shrink:0}.summary-header h2{font-family:var(--font-serif);font-size:1.25rem;margin:0 0 var(--space-1) 0}.summary-text{font-size:1rem;color:var(--text);line-height:1.6;margin:0}.patterns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.pattern-card{position:relative;overflow:hidden}.pattern-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%}.pattern-positive:before{background:var(--success)}.pattern-neutral:before{background:var(--warning)}.pattern-negative:before{background:var(--error)}.pattern-info:before{background:var(--info)}.pattern-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:var(--space-2);color:var(--purple);background:var(--purple-light);border-radius:var(--radius-lg)}.pattern-card h3{font-family:var(--font-serif);font-size:1rem;font-weight:600;margin:0 0 var(--space-2) 0}.pattern-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0}.recommendations-card{margin-bottom:var(--space-6)}.recommendations-card h2{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-serif);font-size:1.125rem;margin:0 0 var(--space-4) 0}.recommendations-list{display:flex;flex-direction:column;gap:var(--space-3)}.recommendation-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius-lg)}.rec-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--purple);flex-shrink:0}.rec-text{font-size:.9375rem;color:var(--text);line-height:1.5}.ai-disclaimer{text-align:center;padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg)}.ai-disclaimer p{font-size:.75rem;color:var(--muted);margin:0;line-height:1.5}@media (max-width: 640px){.patterns-grid{grid-template-columns:1fr}.summary-header{flex-direction:column;text-align:center}}.information-page{padding:1rem;max-width:800px;margin:0 auto}.information-header{text-align:center;margin-bottom:1.5rem}.information-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary, #1a1a1a);margin-bottom:.75rem}.information-intro{font-size:1rem;color:var(--text-secondary, #666);line-height:1.6;margin-bottom:.5rem}.information-subtitle{font-size:.9rem;color:var(--brand-primary);font-weight:500}.information-tabs{margin-bottom:1.5rem;overflow:hidden}.tabs-scroll{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-scroll::-webkit-scrollbar{display:none}.info-tab{flex-shrink:0;padding:.625rem 1rem;border-radius:2rem;border:1px solid var(--border, #e5e5e5);background:var(--surface, #fff);color:var(--text-secondary, #666);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.info-tab:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.info-tab.active{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}.information-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.info-section h2{font-size:1.5rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin-bottom:.5rem}.section-intro{color:var(--text-secondary, #666);margin-bottom:1.25rem;line-height:1.6}.info-card{margin-bottom:1rem;padding:1rem}.info-card h3{font-size:1.1rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin-bottom:.75rem}.info-card p{color:var(--text-secondary, #666);line-height:1.6;margin-bottom:.5rem}.info-card p:last-child{margin-bottom:0}.info-card ul{list-style:none;padding:0;margin:0}.info-card ul li{padding:.375rem 0 .375rem 1.5rem;position:relative;color:var(--text-secondary, #666);line-height:1.5}.info-card ul li:before{content:"•";position:absolute;left:.5rem;color:var(--brand-primary)}.info-card ul li strong{color:var(--text-primary, #1a1a1a)}.info-note{margin-top:1rem;padding:1rem;background:var(--surface-secondary, #f5f5f5);border-radius:.5rem;color:var(--text-secondary, #666);font-size:.9rem;line-height:1.6}.info-note strong{color:var(--text-primary, #1a1a1a)}@media (max-width: 768px){.information-page{padding:1rem 1rem 6rem}.information-header h1{font-size:1.5rem}.information-intro{font-size:.9rem}.info-section h2{font-size:1.25rem}}.feelings-check-in-page{max-width:1040px;margin:0 auto;padding-bottom:var(--space-10)}.check-in-header{padding:var(--space-6) 0 var(--space-8);border:1px solid var(--brand-border);border-radius:var(--radius-2xl);background:var(--log-feelings);text-align:center}.check-in-child-name{display:block;margin-bottom:var(--space-2);color:var(--purple);font-weight:700}.check-in-header h1{margin-bottom:var(--space-2);font-size:clamp(2rem,5vw,3rem)}.check-in-header p,.check-in-help{margin:0;color:var(--text-secondary);font-size:1.05rem}.check-in-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:var(--space-4)}.check-in-choice,.intensity-choice{position:relative;min-height:156px;padding:var(--space-4);border:2px solid var(--border);border-radius:var(--radius-2xl);background:var(--white);box-shadow:var(--shadow-md);color:var(--text);cursor:pointer;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.check-in-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3)}.check-in-choice:hover,.intensity-choice:hover{border-color:var(--primary-300);transform:translateY(-2px)}.check-in-choice.selected,.intensity-choice.selected{border-color:var(--brand-primary);background:var(--log-feelings);box-shadow:0 0 0 3px #ffd9f2a6,var(--shadow-md)}.check-in-choice-check{position:absolute;top:var(--space-2);right:var(--space-2);display:grid;width:28px;height:28px;place-items:center;border:2px solid var(--gray-300);border-radius:var(--radius-full);background:var(--white);color:var(--purple-dark);font-size:1rem;font-weight:800}.selected .check-in-choice-check{border-color:var(--brand-primary);background:var(--log-feelings)}.check-in-picture-icon{font-size:3.5rem;line-height:1}.check-in-picture-image{width:88px;height:88px;object-fit:contain}.emotion-choice{min-height:220px;aspect-ratio:2 / 3;padding:0;overflow:hidden}.emotion-choice .check-in-picture-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:var(--white)}.emotion-choice .check-in-picture-icon{font-size:5rem}.emotion-choice .check-in-choice-check{z-index:1;box-shadow:var(--shadow-sm)}.check-in-choice-label,.intensity-choice>span:last-child{font-size:1rem;font-weight:700;line-height:1.25;text-align:center}.check-in-section{margin-top:var(--space-10);padding-top:var(--space-3);scroll-margin-top:90px}.check-in-section h2{margin-bottom:var(--space-2);text-align:center}.check-in-section .check-in-help{margin-bottom:var(--space-5);text-align:center}.intensity-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,220px));justify-content:center;gap:var(--space-5);margin-top:var(--space-5)}.intensity-choice{display:flex;min-height:170px;flex-direction:column;align-items:center;justify-content:flex-end;gap:var(--space-3)}.intensity-choice.picture-intensity{align-self:start;min-height:0;aspect-ratio:auto;padding:0;overflow:hidden}.picture-intensity .check-in-picture-image{position:static;width:100%;height:auto;object-fit:contain;background:var(--white)}.picture-intensity .check-in-picture-icon{margin:auto;font-size:5rem}.picture-intensity .check-in-choice-check{z-index:1;box-shadow:var(--shadow-sm)}.detail-grid{grid-template-columns:repeat(5,minmax(125px,1fr))}.detail-choice{min-height:0;aspect-ratio:4 / 5;padding:0;overflow:hidden}.check-in-choice.positive-trigger-choice,.check-in-choice.difficult-trigger-choice,.check-in-choice.positive-coping-choice,.check-in-choice.difficult-coping-choice{align-self:start;min-height:0;aspect-ratio:auto;padding:0}.detail-choice .check-in-picture-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:var(--white)}.positive-trigger-choice .check-in-picture-image,.difficult-trigger-choice .check-in-picture-image,.positive-coping-choice .check-in-picture-image,.difficult-coping-choice .check-in-picture-image{position:static;width:100%;height:auto}.detail-choice .check-in-picture-icon{font-size:4rem}.detail-choice .check-in-choice-check{z-index:1;box-shadow:var(--shadow-sm)}.other-detail-field{max-width:620px;margin:var(--space-5) auto 0}.other-detail-field label{display:block;margin-bottom:var(--space-2);font-weight:600}.other-detail-field textarea{width:100%;padding:var(--space-3);border:2px solid var(--border);border-radius:var(--radius-lg);font:inherit;resize:vertical}.other-detail-field>span{display:block;color:var(--muted);font-size:.8rem;text-align:right}.check-in-error{max-width:680px;margin:var(--space-6) auto 0;padding:var(--space-4);border:1px solid var(--error);border-radius:var(--radius-lg);background:var(--error-light);color:var(--gray-900);text-align:center}.check-in-save{max-width:680px;margin:var(--space-10) auto 0}.check-in-save .btn{min-height:60px;font-size:1.15rem}.check-in-success{max-width:680px;margin:10vh auto 0;text-align:center}.check-in-success-icon{display:block;margin-bottom:var(--space-5);font-size:5rem}.check-in-success h1{margin-bottom:var(--space-3)}.check-in-success p{color:var(--text-secondary)}.check-in-success-actions{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-6)}@media (max-width: 900px){.check-in-grid,.detail-grid{grid-template-columns:repeat(3,minmax(125px,1fr))}}@media (max-width: 600px){.check-in-header{padding:var(--space-5) 0}.check-in-grid,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.check-in-choice{min-height:140px;padding:var(--space-3)}.emotion-choice{min-height:200px;padding:0}.check-in-picture-icon{font-size:3rem}.intensity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.intensity-choice{min-height:150px;padding:var(--space-2)}.picture-intensity{min-height:220px;padding:0}.check-in-success-actions{flex-direction:column}}@media (prefers-reduced-motion: reduce){.check-in-choice,.intensity-choice{transition:none}.check-in-choice:hover,.intensity-choice:hover{transform:none}}.legal-page{min-height:100vh;padding:clamp(28px,6vw,72px) 20px;background:#f5f9fc}.legal-document{width:min(760px,100%);margin:0 auto;padding:clamp(24px,5vw,48px);border:1px solid #d8e6f1;border-radius:18px;background:#fff;box-shadow:0 14px 38px #2f597c14}.legal-document h1,.legal-document h2{color:#193f60}.legal-document section{margin-top:28px}.legal-document p{color:#49667d;line-height:1.7}.legal-updated{font-size:.88rem}.legal-review-notice{padding:12px 14px;border-radius:10px;background:#fff6db;color:#765b10}.legal-back-link{color:#286b9f;font-weight:700}.setup-plan-page{min-height:100vh;padding:clamp(24px,5vw,60px) 20px;background:radial-gradient(circle at top left,rgba(176,217,246,.4),transparent 38%),#f5f9fc}.setup-plan-shell{width:min(1040px,100%);margin:0 auto}.setup-plan-gate{display:grid;place-items:center}.setup-plan-gate-card{display:grid;justify-items:center;gap:16px;width:min(440px,100%);padding:32px;border:1px solid #d3e5f3;border-radius:18px;background:#fff;color:#345a75;text-align:center;box-shadow:0 16px 40px #183f6114}.setup-plan-spinner{width:40px;height:40px;border:3px solid #d3e5f3;border-top-color:#3978aa;border-radius:50%;animation:spin .8s linear infinite}.setup-plan-header{max-width:760px;margin:0 auto 30px;text-align:center}.setup-plan-step{color:#3978aa;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.setup-plan-header h1{margin:8px 0;color:#183f61;font-size:clamp(2rem,6vw,3rem)}.setup-plan-header>p:last-child{color:#536f84;line-height:1.65}.setup-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.compare-features-link{margin:24px 0;text-align:center}.compare-features-link a{color:#286da3;font-weight:750}.trial-reassurance{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px;border:1px solid #d3e5f3;border-radius:16px;background:#fff;color:#345a75;text-align:center}.setup-plan-status{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;padding:14px;border-radius:12px;background:#eaf5ff;color:#265b82}.trial-confirmation{display:grid;gap:18px;line-height:1.55}.trial-confirmation-points{display:grid;gap:8px;padding:14px;border-radius:12px;background:#f1f8fd;color:#315b79}.comparison-setup-page .plans-overview{padding:0}@media (max-width: 760px){.setup-plan-grid,.trial-reassurance{grid-template-columns:1fr}.trial-reassurance{text-align:left}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--font-serif: "Fraunces", Georgia, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--primary-50: #f4f8fd;--primary-100: #eaf2fc;--primary-200: #dce6f2;--primary-300: #bdd0e8;--primary-400: #83a7d5;--primary-500: #4f7fc7;--primary-600: #416eaf;--primary-700: #315d9b;--primary-800: #284e83;--primary-900: #203f6b;--brand-primary: #4f7fc7;--brand-dark: #315d9b;--brand-light: #eaf2fc;--brand-pale: #f4f8fd;--brand-border: #dce6f2;--brand-mid: #83a7d5;--purple: var(--brand-dark);--purple-mid: var(--brand-mid);--purple-light: var(--brand-light);--purple-dark: var(--brand-dark);--daybyday-purple: var(--brand-primary);--daybyday-lavender: var(--brand-light);--daybyday-cream: #fbfaf8;--daybyday-peach: #fff0e5;--daybyday-yellow: #fff7d6;--daybyday-mint: #eaf8ef;--daybyday-blue: var(--brand-light);--daybyday-pink: #fcecf3;--log-feelings: var(--brand-light);--log-sleep: var(--brand-light);--log-potty: var(--brand-light);--log-health: var(--brand-light);--log-growth: var(--brand-light);--log-meals: var(--brand-light);--log-behavior: var(--brand-light);--log-activities: var(--brand-light);--log-medication: var(--brand-light);--log-notes: var(--brand-light);--blue: var(--brand-primary);--blue-light: var(--brand-light);--blue-dark: var(--brand-dark);--yellow: #d97706;--yellow-light: #fef3c7;--yellow-dark: #b45309;--green: #65b978;--green-light: #e7f5eb;--green-dark: #397848;--coral: #f97316;--coral-light: #fff3eb;--coral-dark: #ea580c;--pink: #ec4899;--pink-light: #fce7f3;--pink-dark: #db2777;--teal: #14b8a6;--teal-light: #ccfbf1;--teal-dark: #0d9488;--success: #65b978;--success-light: #e7f5eb;--warning: #f59e0b;--warning-light: #fef3c7;--error: #ef4444;--error-light: #fee2e2;--info: var(--brand-primary);--info-light: var(--brand-light);--cream: #fbfaf8;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--text: #242936;--text-secondary: #707786;--muted: #707786;--border: #dce6f2;--border-light: #edf2f7;--space-0: 0;--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-9: 36px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-card: 26px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .02);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .15);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .04);--shadow-purple: 0 4px 14px rgba(79, 127, 199, .22);--shadow-blue: 0 4px 14px rgba(37, 99, 235, .25);--shadow-green: 0 4px 14px rgba(22, 163, 74, .25);--shadow-playful-card: 0 16px 36px rgba(49, 93, 155, .07), 0 3px 10px rgba(49, 93, 155, .04);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800}.category-theme{--category-background: var(--brand-light);--category-border: var(--brand-border);--category-icon-background: var(--brand-pale);--category-accent: var(--brand-primary)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:1rem;line-height:1.5;color:var(--text);background-color:#fbfaf8}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:600;line-height:1.25;color:var(--text)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:var(--space-4)}a{color:var(--purple);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--purple-dark)}.storybook-icon{display:block;flex-shrink:0}:focus-visible{outline:2px solid var(--purple);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.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}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn var(--transition-base) ease-out}.animate-slideUp{animation:slideUp var(--transition-base) ease-out}.animate-slideDown{animation:slideDown var(--transition-base) ease-out}.animate-scaleIn{animation:scaleIn var(--transition-base) ease-out}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}