:root{--paper:#ece0c8;--surface:#f7f0de;--text:#3a2e20;--text-soft:#7d6a4c;--border:#b9a279;--rule:#a89060;--accent:#8c3a2b;--accent-soft:#8c3a2b21;--connector:#9c855c;--avatar-ink:#f7f0de;--dot-stroke:#6b5637;--shadow:#503e242e 0 6px 18px -8px, #503e241f 0 2px 5px -2px;--frame:0 0 0 1px var(--surface) inset, 0 0 0 2px var(--rule) inset;--radius:0px;--serif:Georgia, "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", serif;--font:var(--serif);--caps:uppercase;--decor-opacity:.5;--canvas-bg:radial-gradient(ellipse at 22% 28%, #96764617, transparent 55%), radial-gradient(ellipse at 78% 72%, #96764614, transparent 52%), radial-gradient(ellipse at 60% 12%, #785c340f, transparent 45%), repeating-linear-gradient(0deg, #7860380e 0 1px, transparent 1px 96px), repeating-linear-gradient(90deg, #7860380e 0 1px, transparent 1px 96px), linear-gradient(#ece0c8, #ece0c8);--vignette:inset 0 0 140px #674e2847, inset 0 0 40px #674e2824;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-style=leather]{--paper:#241a12;--surface:#33251a;--text:#e8d6b4;--text-soft:#b39a72;--border:#6d5233;--rule:#a07f4a;--accent:#d9a441;--accent-soft:#d9a44129;--connector:#9a7c4d;--avatar-ink:#241a12;--dot-stroke:#d9c49a;--shadow:#0000008c 0 8px 22px -8px, #0006 0 2px 6px -2px;--canvas-bg:radial-gradient(ellipse at 25% 30%, #966c3424, transparent 55%), radial-gradient(ellipse at 75% 70%, #7854281f, transparent 52%), repeating-linear-gradient(0deg, #c59e600d 0 1px, transparent 1px 96px), repeating-linear-gradient(90deg, #c59e600d 0 1px, transparent 1px 96px), linear-gradient(#241a12, #241a12);--vignette:inset 0 0 160px #0009, inset 0 0 50px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-style=nautical]{--paper:#dfe7e2;--surface:#f0f5f1;--text:#1f3a44;--text-soft:#5b7c85;--border:#9db6b8;--rule:#7e9da2;--accent:#a8452f;--accent-soft:#a8452f1f;--connector:#6f929a;--avatar-ink:#f0f5f1;--dot-stroke:#3f636d;--shadow:#1f3a4429 0 6px 18px -8px, #1f3a441a 0 2px 5px -2px;--canvas-bg:radial-gradient(ellipse at 30% 25%, #5a828c14, transparent 55%), radial-gradient(ellipse at 72% 74%, #5a828c12, transparent 52%), repeating-linear-gradient(0deg, #466e7a0f 0 1px, transparent 1px 96px), repeating-linear-gradient(90deg, #466e7a0f 0 1px, transparent 1px 96px), linear-gradient(#dfe7e2, #dfe7e2);--vignette:inset 0 0 140px #2e525c33, inset 0 0 40px #2e525c1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-style=midnight]{--paper:#141b26;--surface:#1e2735;--text:#d8e2ee;--text-soft:#90a2b8;--border:#3c4b60;--rule:#5a708c;--accent:#d2a24c;--accent-soft:#d2a24c26;--connector:#6a809b;--avatar-ink:#141b26;--dot-stroke:#c2d2e4;--shadow:#00000080 0 8px 22px -8px, #00000059 0 2px 6px -2px;--canvas-bg:radial-gradient(ellipse at 28% 30%, #6084b21a, transparent 55%), radial-gradient(ellipse at 74% 70%, #6084b214, transparent 52%), repeating-linear-gradient(0deg, #96b4d70d 0 1px, transparent 1px 96px), repeating-linear-gradient(90deg, #96b4d70d 0 1px, transparent 1px 96px), linear-gradient(#141b26, #141b26);--vignette:inset 0 0 160px #0000008c, inset 0 0 50px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-style=modern]{--paper:#1c1e22;--surface:#2a2d33;--text:#e4e2dc;--text-soft:#8d919a;--border:#3a3e46;--rule:#3a3e46;--accent:#5fb89e;--accent-soft:#5fb89e2e;--connector:#4d525c;--avatar-ink:#ffffffeb;--dot-stroke:#2a2d33;--shadow:#00000073 0 6px 24px -6px, #0000004d 0 2px 6px -2px;--frame:none;--radius:12px;--font:system-ui, "Segoe UI", Roboto, sans-serif;--caps:none;--decor-opacity:0;--canvas-bg:radial-gradient(circle at 1px 1px, #23262b 1.5px, transparent 0) 0 0 / 32px 32px, linear-gradient(#1c1e22, #1c1e22);--vignette:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--paper);overflow:hidden}.app{background:var(--canvas-bg);width:100%;height:100%;position:relative}.app-header{z-index:10;background:var(--surface);border:1px solid var(--rule);box-shadow:var(--frame), var(--shadow);text-align:center;pointer-events:none;padding:14px 34px 12px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.app-header h1{letter-spacing:.16em;text-transform:var(--caps);margin:0;font-size:19px;font-weight:400}.app-header .hint{letter-spacing:.03em;color:var(--text-soft);margin-top:4px;font-size:11.5px;font-style:italic;display:block}@media (width<=980px){.app-header{display:none}}.canvas-wrap{z-index:2;position:absolute;inset:0}.tree-canvas{cursor:grab;touch-action:none;background:0 0;width:100%;height:100%;position:absolute;inset:0}.canvas-wrap:after{content:"";pointer-events:none;z-index:2;box-shadow:var(--vignette);position:absolute;inset:0}.tree-canvas:active{cursor:grabbing}.connectors{fill:none;stroke:var(--connector);stroke-width:1.25px;stroke-linecap:square;vector-effect:non-scaling-stroke}.p-dot{vector-effect:non-scaling-stroke}.gap-arrow{cursor:pointer}.gap-arrow rect{fill:var(--surface);stroke:var(--border);stroke-width:1.5px}.gap-arrow-label{fill:var(--text-soft);-webkit-user-select:none;user-select:none;font-size:13px;font-weight:600}.gap-arrow:hover rect{stroke:var(--accent);fill:var(--accent-soft)}.gap-arrow:hover .gap-arrow-label{fill:var(--accent)}.gap-arrow path{fill:none;stroke:var(--text-soft);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.gap-arrow:hover path{stroke:var(--accent)}.marriage-links{fill:none;stroke:var(--connector);stroke-width:1.5px;stroke-dasharray:5 7;opacity:.45;vector-effect:non-scaling-stroke}.gen-divider{stroke:var(--border);stroke-width:1px;stroke-dasharray:6 10;opacity:.7}.gen-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.gen-label{border:1px solid var(--rule);background:var(--surface);box-shadow:var(--frame), var(--shadow);opacity:.96;-webkit-user-select:none;user-select:none;white-space:nowrap;text-align:center;padding:6px 13px;position:absolute;left:12px;transform:translateY(-50%)}.gen-label-name{color:var(--text);letter-spacing:.15em;text-transform:var(--caps);font-size:11px;font-weight:400;display:block}.gen-label-years{color:var(--text-soft);letter-spacing:.02em;margin-top:2px;font-size:10px;font-style:italic;display:block}.p-node{cursor:pointer}.p-dot{cursor:pointer;stroke:var(--dot-stroke);stroke-width:1.25px;fill-opacity:.85}.p-dot.p-selected{stroke:var(--accent);stroke-width:3px}.p-card-bg,.p-compact-bg{fill:var(--surface);stroke:var(--rule);stroke-width:1px}.p-card-rule{fill:none;stroke:var(--rule);stroke-width:.6px;opacity:.55;pointer-events:none}.p-node:hover .p-card-bg,.p-node:hover .p-compact-bg{stroke:var(--accent)}.p-selected .p-card-bg,.p-selected .p-compact-bg{stroke:var(--accent);stroke-width:2px}.p-compact-name{fill:var(--text);letter-spacing:.02em;-webkit-user-select:none;user-select:none;font-size:13.5px;font-weight:400}.p-avatar-initials{fill:var(--avatar-ink);letter-spacing:.04em;-webkit-user-select:none;user-select:none;font-size:15px;font-weight:400}.p-full-name{fill:var(--text);letter-spacing:.035em;-webkit-user-select:none;user-select:none;font-size:15px;font-weight:400}.p-full-years{fill:var(--text-soft);-webkit-user-select:none;user-select:none;font-size:12.5px;font-style:italic}.p-full-location{fill:var(--text-soft);letter-spacing:.02em;-webkit-user-select:none;user-select:none;font-size:11.5px;font-style:italic}.search-box{z-index:10;width:280px;position:absolute;top:16px;left:16px}.search-box input{border:1px solid var(--rule);background:var(--surface);width:100%;color:var(--text);box-shadow:var(--frame), var(--shadow);outline:none;padding:11px 16px;font-family:inherit;font-size:14px;font-style:italic}.search-box input:focus{border-color:var(--accent)}.search-results{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--frame), var(--shadow);margin:8px 0 0;padding:6px;list-style:none}.search-results button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:8px 12px;font-family:inherit;font-size:14px;display:flex}.search-results button:hover{background:var(--accent-soft)}.sr-dot{border:1px solid var(--dot-stroke);border-radius:50%;flex:none;width:9px;height:9px}.sr-years{color:var(--text-soft);margin-left:auto;font-size:12px;font-style:italic}.zoom-controls{z-index:10;border:1px solid var(--rule);box-shadow:var(--frame), var(--shadow);flex-direction:column;display:flex;position:absolute;bottom:24px;right:16px;overflow:hidden}.zoom-controls button{background:var(--surface);width:42px;height:42px;color:var(--text);cursor:pointer;border:none;font-family:inherit;font-size:18px}.zoom-controls button+button{border-top:1px solid var(--rule)}.zoom-controls button:hover{background:var(--accent-soft);color:var(--accent)}.data-source{z-index:10;background:var(--surface);border:1px solid var(--rule);width:260px;box-shadow:var(--frame), var(--shadow);padding:14px 16px;font-size:13px;position:absolute;top:16px;right:16px}.ds-summary{flex-direction:column;gap:2px;margin-bottom:10px;display:flex}.ds-label{letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400;overflow:hidden}.ds-counts{color:var(--text-soft);font-size:12px;font-style:italic}.ds-actions{align-items:center;gap:12px;display:flex}.ds-button{border:1px solid var(--rule);background:var(--accent-soft);color:var(--accent);letter-spacing:.1em;text-transform:var(--caps);cursor:pointer;padding:7px 13px;font-family:inherit;font-size:11.5px;font-weight:400}.ds-button:hover{border-color:var(--accent)}.ds-link{color:var(--text-soft);text-align:left;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;font-style:italic}.ds-link:hover{color:var(--accent);text-decoration:underline}.ds-error{color:#c0553f;margin:10px 0 0;font-size:12px;line-height:1.4}.ds-notice{color:var(--text-soft);margin:10px 0 0;font-size:12px;line-height:1.4}.ds-warnings{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.ds-warnings ul{max-height:180px;color:var(--text-soft);margin:8px 0 0;padding-left:16px;font-size:12px;line-height:1.45;overflow-y:auto}.ds-warnings li+li{margin-top:5px}.focus-banner{z-index:12;background:var(--surface);border:1px solid var(--accent);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:16px;max-width:min(620px,100vw - 620px);padding:10px 14px;font-size:13px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.fb-text{white-space:nowrap;text-overflow:ellipsis;flex-direction:column;line-height:1.35;display:flex;overflow:hidden}.fb-count{color:var(--text-soft);font-size:12px}.fb-modes{border:1px solid var(--border);border-radius:8px;flex:none;display:flex;overflow:hidden}.fb-mode{background:var(--surface);color:var(--text-soft);white-space:nowrap;cursor:pointer;border:none;padding:6px 10px;font-family:inherit;font-size:12px}.fb-mode+.fb-mode{border-left:1px solid var(--border)}.fb-mode:hover{color:var(--accent)}.fb-mode.is-active{background:var(--accent-soft);color:var(--accent);font-weight:600}.fb-clear{border:1px solid var(--border);color:var(--text);white-space:nowrap;cursor:pointer;background:0 0;border-radius:8px;flex:none;padding:6px 10px;font-family:inherit;font-size:12px}.fb-clear:hover{border-color:var(--accent);color:var(--accent)}@media (width<=1180px){.focus-banner{max-width:calc(100vw - 32px);top:72px;left:16px;transform:none}}.dp-focus{border-top:1px solid var(--border);align-items:center;gap:10px;padding:9px 0;display:flex}.dp-focus-buttons{flex-wrap:wrap;gap:6px;display:flex}.dp-focus-button{border:1px solid var(--rule);color:var(--text);letter-spacing:.07em;text-transform:var(--caps);cursor:pointer;background:0 0;padding:5px 11px;font-family:inherit;font-size:11px}.dp-focus-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.dp-focus-button.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.dp-focus-button:disabled{opacity:.4;cursor:default}.style-switcher{z-index:11;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:164px;right:16px}.sw-toggle{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);color:var(--text);letter-spacing:.08em;text-transform:var(--caps);box-shadow:var(--frame), var(--shadow);cursor:pointer;align-items:center;gap:9px;padding:8px 12px;font-family:inherit;font-size:11.5px;display:flex}.sw-toggle:hover{border-color:var(--accent);color:var(--accent)}.sw-swatch{border:1px solid var(--rule);border-radius:calc(var(--radius) / 3);flex:none;display:flex;overflow:hidden}.sw-swatch span{width:11px;height:15px;display:block}.sw-menu{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);width:232px;box-shadow:var(--frame), var(--shadow);max-height:max(150px,100vh - 340px);margin:0;padding:6px;list-style:none;overflow-y:auto}@media (width<=900px),(height<=660px){.sw-toggle-label{display:none}.sw-toggle{padding:7px 9px}.sw-menu{width:210px}}.sw-option{border-radius:calc(var(--radius) / 1.5);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;font-family:inherit;display:flex}.sw-option:hover{background:var(--accent-soft)}.sw-option.is-active{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.sw-text{flex-direction:column;line-height:1.3;display:flex}.sw-text strong{letter-spacing:.04em;font-size:12.5px;font-weight:400}.sw-text em{color:var(--text-soft);font-size:11px}.compass-rose{z-index:1;width:104px;height:104px;opacity:var(--decor-opacity);pointer-events:none;position:absolute;bottom:20px;left:22px}.cr-ring{fill:none;stroke:var(--rule);stroke-width:1.2px}.cr-minor{fill:none;stroke:var(--rule);stroke-width:1px}.cr-major-light{fill:var(--surface);stroke:var(--rule);stroke-width:1.2px}.cr-major-dark{fill:var(--dot-stroke)}.cr-letter{fill:var(--text);font-family:var(--serif);letter-spacing:.08em;text-anchor:middle;font-size:15px}.app:has(.detail-panel) .compass-rose{opacity:0}.drop-overlay{z-index:30;background:var(--accent-soft);border:3px dashed var(--accent);pointer-events:none;border-radius:8px;place-items:center;display:grid;position:absolute;inset:0}.drop-message{background:var(--surface);box-shadow:var(--shadow);border-radius:12px;padding:16px 26px;font-size:15px;font-weight:600}.detail-panel{z-index:10;background:var(--surface);border:1px solid var(--rule);width:320px;max-height:min(60vh,480px);box-shadow:var(--frame), var(--shadow);padding:20px;position:absolute;bottom:24px;left:16px;overflow-y:auto}.dp-close{color:var(--text-soft);cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1;position:absolute;top:10px;right:12px}.dp-close:hover{color:var(--text)}.dp-header{align-items:center;gap:14px;margin-bottom:14px;display:flex}.dp-avatar{border:1px solid var(--dot-stroke);width:50px;height:50px;color:var(--avatar-ink);letter-spacing:.05em;border-radius:50%;flex:none;place-items:center;font-size:17px;font-weight:400;display:grid}.dp-header h2{letter-spacing:.03em;margin:0;font-size:17px;font-weight:400}.dp-years{color:var(--text-soft);margin:3px 0 0;font-size:13px;font-style:italic}.dp-row{border-top:1px solid var(--border);gap:10px;padding:7px 0;font-size:14px;display:flex}.dp-label{width:88px;color:var(--text-soft);letter-spacing:.09em;text-transform:var(--caps);flex:none;padding-top:3px;font-size:10.5px}.dp-links{flex-wrap:wrap;gap:4px 10px;display:flex}.dp-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:14px}.dp-link:hover{text-decoration:underline}.dp-bio span:last-child{white-space:pre-wrap;font-size:13px;line-height:1.45}