.family-card{background:#fff;border:2px solid transparent;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);cursor:pointer;padding:16px;transition:all .2s ease}.family-card:hover{border-color:var(--color-teal-200,#99f6e4);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transform:translateY(-2px)}.family-card:focus-visible{outline:none;ring:2px solid var(--color-teal-500);ring-offset:2px}.family-card-center{background:linear-gradient(135deg,#f0fdfa,#fff);border:2px solid var(--color-teal-300,#5eead4);cursor:default;transform:none}.family-card-center:hover{transform:none}.family-card.memorial{background:linear-gradient(135deg,#faf5f0,#fff);border-color:#e5ddd5}.family-card.memorial:hover{border-color:#d4c8be}.family-card.former-partner{border-style:dashed}img.sepia{filter:sepia(30%) saturate(80%)}.living-indicator{border:3px solid #fff;border-radius:50%;bottom:2px;box-shadow:0 1px 3px rgba(0,0,0,.2);height:14px;right:2px;width:14px}.living-indicator,.living-indicator-sm{background-color:#22c55e;position:absolute}.living-indicator-sm{border:2px solid #fff;border-radius:50%;bottom:0;box-shadow:0 1px 2px rgba(0,0,0,.2);height:10px;right:0;width:10px}.family-section{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.5);border-radius:16px;margin-bottom:2rem;padding:1.5rem}.family-section .section-title{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;padding-bottom:.5rem;text-transform:uppercase}.family-cards-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width:640px){.family-cards-grid{grid-template-columns:1fr}}.family-list-container{background:#fff;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:1.5rem}.family-list-item{border:1px solid transparent;border-radius:8px;cursor:pointer;padding:1rem;transition:all .15s ease}.family-list-item:hover{background-color:#f0fdfa;border-color:#99f6e4}.family-list-item.memorial{background-color:#faf9f7}.family-list-item.memorial:hover{background-color:#f5f3f0;border-color:#e5ddd5}.family-circle-container{margin:0 auto;max-width:900px}.btn-primary{align-items:center;background-color:#0d9488;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.625rem 1.25rem;transition:all .15s ease}.btn-primary:hover:not(:disabled){background-color:#0f766e}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.625rem 1.25rem;transition:all .15s ease}.btn-secondary:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.stats-badge{text-align:center}.stats-badge-value{color:#0d9488;font-size:1.5rem;font-weight:700}.stats-badge-label{color:#6b7280;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.family-tree-header input[type=search],.family-tree-header select{border-color:#d1d5db;border-radius:8px;padding:.5rem 1rem}.family-tree-header input[type=search]:focus,.family-tree-header select:focus{border-color:#0d9488;box-shadow:0 0 0 3px rgba(13,148,136,.1)}[x-cloak]{display:none!important}.modal-backdrop{transition:opacity .2s ease}.import-review-card{border:2px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .15s ease}.import-review-card.approved{background-color:#f0fdf4;border-color:#22c55e}.import-review-card.rejected{background-color:#fef2f2;border-color:#ef4444}.prose h1{color:#111827;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.prose h2{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:.75rem;margin-top:1.5rem}.prose h3{color:#374151;font-size:1rem;font-weight:600;margin-bottom:.5rem;margin-top:1rem}.prose p{color:#4b5563;line-height:1.6;margin-bottom:.75rem}.prose li{color:#4b5563;margin-bottom:.25rem;margin-left:1rem}.prose strong{color:#1f2937;font-weight:600}.prose em{color:#6b7280;font-style:italic}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.family-card{animation:fadeInUp .3s ease forwards}.family-section:first-child{animation-delay:.05s}.family-section:nth-child(2){animation-delay:.1s}.family-section:nth-child(3){animation-delay:.15s}.family-section:nth-child(4){animation-delay:.2s}.family-section:nth-child(5){animation-delay:.25s}.family-section:nth-child(6){animation-delay:.3s}@media (max-width:640px){.family-section{padding:1rem}.family-card{padding:12px}.family-card-center img{height:60px;width:60px}.btn-primary,.btn-secondary{font-size:.8125rem;padding:.5rem 1rem}}@media (prefers-reduced-motion:reduce){.family-card,.family-section{animation:none;transition:none}}@media (prefers-contrast:high){.family-card{border:2px solid #000}.living-indicator,.living-indicator-sm{border-color:#000}}.family-card:focus-visible,.family-list-item:focus-visible,button:focus-visible{outline:2px solid #0d9488;outline-offset:2px}.tree-builder-container{background:#fff;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden}.tree-viewport{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background-image:radial-gradient(circle,#e2e8f0 1px,transparent 0);background-size:24px 24px}.tree-content{min-width:max-content;transition:transform .1s ease-out;will-change:transform}.tree-person-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:.5rem;margin-bottom:.25rem;padding:.5rem .75rem;transition:all .15s ease;white-space:nowrap}.tree-person-card:hover{background:#f0fdfa;border-color:#99f6e4}.tree-person-card.family-deceased{background:#fafaf9;border-color:#e7e5e4}.tree-spouse-connector{color:#9ca3af;font-weight:700;margin:0 .25rem}.tree-partner{color:#0f766e;font-weight:500}.tree-ex-partner{color:#78716c;font-style:italic}.tree-ex-partner:before{color:#a8a29e;content:"(ex) ";font-size:.75em}.family-initials{font-size:.75rem;height:28px;width:28px}.family-initials,.family-initials-lg{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;justify-content:center}.family-initials-lg{font-size:.875rem;height:36px;width:36px}.tree-viewport[data-zooming=true] .tree-content{transition:none}.timeline-container{min-height:400px}.timeline-chart{padding-bottom:1rem}.timeline-chart,.timeline-decades,.timeline-row{position:relative}.timeline-row:hover .timeline-bar{filter:brightness(1.1);transform:scaleY(1.1)}.timeline-bar{min-width:80px;overflow:hidden;transition:all .15s ease}.timeline-bar:hover{z-index:10}.timeline-row:hover .timeline-tooltip{opacity:1}.timeline-tooltip{background:#1f2937;border-radius:4px;color:#fff;font-size:.75rem;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;top:-30px;transform:translateX(-50%);transition:opacity .15s ease;white-space:nowrap;z-index:20}.mobile-swipe-hint{animation:pulse-hint 2s ease-in-out 3;background:linear-gradient(90deg,transparent,rgba(20,184,166,.1),transparent);border-radius:8px}@keyframes pulse-hint{0%,to{opacity:.5}50%{opacity:1}}@media (max-width:640px){.family-card{min-height:64px;padding:16px}.family-card img{height:48px;width:48px}.btn-primary,.btn-secondary{min-height:44px;padding:12px 16px}.family-section{margin-bottom:16px;padding:16px}.family-cards-grid{gap:12px;grid-template-columns:1fr}.fixed.bottom-6.left-6{background:hsla(0,0%,100%,.95);border-radius:999px;bottom:16px!important;box-shadow:0 4px 12px rgba(0,0,0,.15);flex-direction:row!important;gap:8px!important;left:50%!important;padding:8px;transform:translateX(-50%)}.fixed.bottom-6.left-6 button{padding:10px}.fixed.bottom-6.left-6 button svg{height:20px;width:20px}.timeline-container{-webkit-overflow-scrolling:touch}.timeline-chart{min-width:600px}.timeline-bar{min-width:60px;padding:4px 8px}.tree-builder-container .bg-white.border-b{flex-direction:column;gap:12px;padding:12px}.tree-viewport{height:calc(100vh - 320px)!important}.fixed.inset-0.z-50 .relative.bg-white{border-radius:16px;margin:8px;max-height:95vh}.family-tree-header .flex.gap-2{flex-wrap:wrap}.family-tree-header button{flex:1 1 calc(50% - 4px);min-width:120px}}@media (min-width:641px) and (max-width:1024px){.family-cards-grid{grid-template-columns:repeat(2,1fr)}.fixed.bottom-6.left-6 button{padding:10px}}@media (hover:none) and (pointer:coarse){.family-card:active{transform:scale(.98);transition:transform .1s ease}.timeline-row:active .timeline-bar{filter:brightness(.9)}}@media print{#main-footer,#main-navigation,.family-tree-header button,.view-mode-toggle{display:none!important}.family-card{border:1px solid #ccc;box-shadow:none;page-break-inside:avoid}.family-section{backdrop-filter:none;background:#fff}}