:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-node-individual: #22c55e;--color-node-family: #f97316}.graph-tooltip{position:fixed;background:#1f2937;color:#f9fafb;padding:6px 10px;border-radius:6px;font-size:13px;line-height:1.4;pointer-events:none;z-index:9999;display:none;max-width:200px;box-shadow:0 2px 8px #00000080}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--color-node-root: #2563eb;--color-node-ancestor: #7c3aed;--color-node-descendant: #059669;--color-edge-parent: #6b7280;--color-edge-spouse: #9ca3af;--color-bg: #f9fafb;--color-surface: #ffffff;--color-border: #e5e7eb;--color-text: #111827;--color-text-muted: #6b7280;--color-error-bg: #fef2f2;--color-error-border: #fca5a5;--color-error-text: #991b1b;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--radius: .5rem;--radius-sm: .25rem}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);margin:0;padding:0}.app{display:flex;flex-direction:column;width:100%;height:100dvh;overflow:hidden}.app__header{flex-shrink:0;display:flex;align-items:center;height:48px;padding:0 var(--space-6);background:#1d4ed8;box-shadow:0 2px 6px #0000002e}.app__header h1{font-size:1.15rem;font-weight:700;color:#fff;letter-spacing:.04em;margin:0}.app__subtitle{display:none}.app__left-panel{width:25%;min-width:220px;max-width:25%;flex-shrink:0;height:100%;overflow:hidden;padding:var(--space-4);border-right:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3)}.app__impleixes{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.app__impleixes::-webkit-scrollbar{width:6px}.app__impleixes::-webkit-scrollbar-track{background:transparent}.app__impleixes::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px}.app__graph{width:75%;flex:1;min-width:0;height:100%;overflow:hidden}.app__graph--has-highlight g.node[data-highlighted=false] circle{opacity:.3}.app__graph--has-highlight g.node[data-highlighted=true]:not([data-implex-role=start]):not([data-implex-role=end]) circle{stroke:#f59e0b;stroke-width:3.5px;opacity:1}.app__graph--has-highlight path.edge[data-highlighted=false]{opacity:.12}.app__graph--has-highlight path.edge[data-highlighted=true]{opacity:1}.implex-list{padding:var(--space-2) 0}.implex-list__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-2)}.implex-list__count{font-weight:var(--font-weight-normal);color:var(--color-text-muted)}.implex-list__empty{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;padding:var(--space-2) 0}.implex-list__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.implex-list__item{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;font-size:var(--font-size-sm);transition:background .15s,border-color .15s}.implex-list__item:hover,.implex-list__item:focus-visible{background:#eff6ff;border-color:var(--color-primary);outline:none}.implex-list__item--selected{background:#dbeafe;border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb33}.implex-list__item-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.implex-list__item-body{display:flex;align-items:center;gap:var(--space-1)}.implex-list__family{font-weight:var(--font-weight-medium);color:var(--color-text);flex:1;min-width:0}.implex-list__item-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.implex-list__fit-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-muted);font-size:.8rem;line-height:1;width:20px;height:20px;padding:0;cursor:pointer;opacity:.6;transition:opacity .15s,border-color .15s,color .15s}.implex-list__fit-btn:hover{opacity:1;border-color:var(--color-primary);color:var(--color-primary)}.implex-list__check{color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:1rem;flex-shrink:0}.implex-list__arrow{color:var(--color-text-muted);font-size:.75rem;flex-shrink:0}.implex-list__convergent{color:var(--color-primary)}.implex-list__depth{font-size:.75rem;color:var(--color-text-muted);margin-left:auto}.gedcom-import{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.gedcom-import__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.gedcom-import input[type=file]{font-size:0}.gedcom-import input[type=file]::file-selector-button{font-size:var(--font-size-sm)}.gedcom-import__hint{font-size:var(--font-size-sm);color:var(--color-text-muted)}.gedcom-import__filename{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.error-message{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius);color:var(--color-error-text)}.error-message__text{flex:1;margin:0}.error-message__dismiss{background:none;border:none;cursor:pointer;font-size:var(--font-size-lg);color:var(--color-error-text);padding:0 var(--space-1);line-height:1}.person-search{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-shrink:0}.person-search__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.person-search__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.person-search__count{font-weight:var(--font-weight-normal);color:var(--color-text-muted)}.person-search__sort-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 6px;font-size:.85rem;color:var(--color-text-muted);cursor:pointer;line-height:1.4;flex-shrink:0}.person-search__sort-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.person-search input[type=search]{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-sizing:border-box}.person-search__results{list-style:none;margin:0;padding:0;max-height:200px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.person-search__results::-webkit-scrollbar{width:6px}.person-search__results::-webkit-scrollbar-track{background:transparent}.person-search__results::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px}.person-search__result{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--font-size-sm);border-bottom:1px solid var(--color-border)}.person-search__result:last-child{border-bottom:none}.person-search__result:hover,.person-search__result:focus{background:#eff6ff;outline:2px solid var(--color-primary);outline-offset:-2px}.person-search__result-meta{font-size:.75rem;color:var(--color-text-muted);flex-shrink:0;margin-left:var(--space-2)}.empty-search-results{margin-top:var(--space-3);padding:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm)}.depth-control{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.depth-control label{font-weight:var(--font-weight-medium)}.depth-control input[type=number]{width:5rem;padding:var(--space-1) var(--space-2);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.tree-graph{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);position:relative;height:100%;box-sizing:border-box;overflow:hidden}.tree-graph--empty{color:var(--color-text-muted);text-align:center;padding:var(--space-8)}.tree-graph__svg{display:block;width:100%;height:100%;min-height:0}.tree-graph__toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);position:absolute;top:var(--space-3);left:var(--space-3);right:var(--space-3);z-index:2;pointer-events:none}.tree-graph__toolbar>*{pointer-events:auto}.tree-graph__toolbar-main{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);max-width:calc(100% - 12rem)}.tree-graph__control-surface{padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);border-radius:var(--radius);background:color-mix(in srgb,var(--color-surface) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tree-graph__zoom-controls{display:flex;align-items:center;gap:var(--space-2)}.tree-graph__icon-btn{width:2rem;height:2rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:1rem;line-height:1}.tree-graph__icon-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.tree-graph__icon-btn--fit{width:auto;padding:0 .5rem;font-size:.85rem;letter-spacing:.01em;border-color:var(--color-primary);color:var(--color-primary)}.tree-graph__icon-btn--fit:hover{background:var(--color-primary);color:#fff}.year-ring{fill:none;stroke:#2344cb40;stroke-width:10px;stroke-dasharray:100 100;stroke-dasharray:5 5;pointer-events:none}.year-ring-label{fill:#8c8c8c8c;font-size:11px;font-family:var(--font-sans);pointer-events:none;-webkit-user-select:none;user-select:none}.year-rings-selector{display:flex;gap:2px;padding:3px!important;align-items:center}.year-rings-btn{padding:2px 8px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:.72rem;line-height:1.4;white-space:nowrap;transition:background .12s,color .12s,border-color .12s}.year-rings-btn:hover{background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-text)}.year-rings-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.layout-mode-selector{display:flex;gap:var(--space-1)}.layout-mode-btn{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:.8rem;transition:background .15s,color .15s}.layout-mode-btn--active,.layout-mode-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.spacing-slider{display:flex;align-items:center;gap:var(--space-2);font-size:.8rem}.spacing-slider__label{white-space:nowrap;color:var(--color-text-muted)}.spacing-slider__input{width:100px}.tree-graph__reset-btn{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;font-size:.75rem}.tree-graph__reset-btn:hover{background:var(--color-danger, #ef4444);color:#fff;border-color:var(--color-danger, #ef4444)}.individual-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.individual-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c}.individual-modal__panel{position:relative;z-index:1;background:#1f2937;color:#f9fafb;border:1px solid #374151;border-radius:.5rem;width:80vw;height:80vh;min-height:0;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000080;overflow:hidden}.individual-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-shrink:0;padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid #374151}.individual-modal__title{margin:0;font-size:1.25rem;font-weight:600;color:#f9fafb}.individual-modal__close{flex-shrink:0;background:#374151;border:1px solid #4b5563;border-radius:.25rem;color:#d1d5db;cursor:pointer;padding:var(--space-1) var(--space-2);font-size:.8rem}.individual-modal__close:hover{background:#4b5563;color:#f9fafb}.individual-modal__info{flex-shrink:0;padding:var(--space-4) var(--space-6);border-bottom:1px solid #374151}.individual-modal__info dl{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-4);margin:0}.individual-modal__info-row{display:contents}.individual-modal__info dt{color:#9ca3af;font-size:.85rem;white-space:nowrap}.individual-modal__info dd{margin:0;font-size:.9rem}.individual-modal__notes{flex:1;min-height:0;overflow-y:auto;padding:var(--space-4) var(--space-6) var(--space-6)}.individual-modal__notes-title{font-size:1rem;font-weight:600;margin:0 0 var(--space-2);color:#d1d5db}.individual-modal__no-notes{color:#6b7280;font-style:italic;margin:0}.individual-modal__notes-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.individual-modal__note-item{background:#111827;border:1px solid #374151;border-radius:.25rem;padding:var(--space-2) var(--space-3)}.individual-modal__note-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#6ee7b7;margin-bottom:var(--space-1)}.individual-modal__note-content{margin:0;font-size:.875rem;line-height:1.5;white-space:pre-wrap}.individual-modal__note-source{display:block;font-size:.75rem;color:#6b7280;font-style:italic;margin-top:var(--space-1)}#root{width:100%;height:100dvh;padding:0;margin:0}.app{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.app__header{flex-shrink:0;padding:.5rem 1rem;border-bottom:1px solid #374151;container-type:size}.app__header h1{margin:0;font-size:1.25rem}.app__subtitle{margin:0;font-size:.8rem;color:#9ca3af}.app__main{display:flex;flex-direction:row;flex:1;min-height:0;overflow:hidden}.app__left-panel{width:25%;max-width:400px;min-width:220px;flex-shrink:0;overflow-y:auto;padding:1rem;border-right:1px solid #374151;display:flex;flex-direction:column;gap:.75rem;height:100%;box-sizing:border-box}.app__graph{flex:1;min-width:0;height:100%;overflow:hidden}