:root{--ink:#263a32;--muted:#788077;--paper:#f8f9f3;--line:#dfe5d8;--green:#405e49;--sans:Segoe UI,Arial,sans-serif;--serif:Georgia,Times New Roman,serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px var(--sans);background:var(--paper);overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:3px solid #b9945b;outline-offset:3px}button:disabled{opacity:.35;cursor:default}button:hover{background-color:#eaf0e5}svg{vertical-align:middle}[hidden]{display:none!important}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button svg{width:18px;height:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.app,.canvas-area{position:relative;width:100%;height:100dvh;overflow:hidden}.canvas-area{background-color:var(--paper);background-image:radial-gradient(#dce3d5 .8px,transparent .8px);background-size:20px 20px}.canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab;user-select:none}.canvas.dragging{cursor:grabbing}.canvas text{font-family:var(--sans)}.canvas .person{cursor:pointer;outline:none}.node-card{fill:#fffffd;stroke:#dee4d8;stroke-width:1.1;filter:url(#shadow)}.person:hover .node-card{stroke:#84977e;stroke-width:2}.node-name{fill:#334436;font-size:12.2px;font-weight:600}.node-date{fill:#8a9483;font-size:10px}.node-symbol{fill:#f0f3e9;stroke:#c1ccba;stroke-width:1}.node-letter{fill:#6f8368;font-size:12px;font-weight:500}.link{fill:none;stroke:#a7b69d;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}.link.partner{stroke:#93a087}.link.dashed{stroke-dasharray:5 5}.family-connection.muted{opacity:.25}.family-connection.related .link{stroke:#638057;stroke-width:2.2}.family-junction{fill:#f8f9f3;stroke:#a7b59d;stroke-width:1.3}.gen-label{font-size:11px;letter-spacing:2px;fill:#a9b49e}.floating{background:#fffff9ed;border:1px solid #dce3d5;box-shadow:0 3px 18px #34452b0c;backdrop-filter:blur(12px);border-radius:12px}.icon-button{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;flex:none}.search-dock{position:absolute;left:max(20px,env(safe-area-inset-left));top:max(20px,env(safe-area-inset-top));z-index:5;display:flex;align-items:center;padding:2px}.search-wrap{display:flex;align-items:center;position:relative;width:min(330px,calc(100vw - 134px))}.search{width:100%;min-width:0;border:0;background:transparent;padding:12px 4px;font-size:12px;outline-offset:-2px}.search::placeholder{color:#858e7e}.search-wrap .icon-button{width:32px;height:36px}.search-results{position:absolute;top:calc(100% + 12px);left:-46px;width:calc(100% + 48px);max-height:min(440px,calc(100dvh - 110px));overflow:auto;background:#fffffc;border:1px solid var(--line);box-shadow:0 12px 30px #2b3e3020;border-radius:12px;padding:6px;display:none}.search-results.open{display:block}.result{width:100%;display:flex;text-align:left;padding:12px;gap:10px;align-items:center;border-radius:6px}.result b{font-size:13px;font-weight:500}.result small{display:block;color:#7d8975;font-size:11px;margin-top:4px}.branch-dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--branch)}.empty-search{padding:20px;color:var(--muted);font-size:12px}.tools-dock{position:absolute;right:max(20px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top));z-index:6}.tools-dock>.icon-button{width:46px;height:46px}.tools-popover{position:absolute;right:0;top:56px;width:270px;padding:12px;max-height:calc(100dvh - 100px);overflow:auto}.tools-heading{font:21px var(--serif);margin:6px 8px}.tools-summary{font-size:11px;line-height:1.6;color:var(--muted);margin:0 8px 18px}.tools-label{display:block;font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#7d8874;margin:10px 8px}.branch-select{width:100%;padding:10px 9px;border:1px solid var(--line);border-radius:7px;background:#f7f9f1;font-size:12px;margin-bottom:10px}.tool-action{display:flex;align-items:center;gap:12px;width:100%;padding:11px 9px;border-radius:7px;font-size:12px;text-align:left}.tool-action svg{color:#77876b}.tool-action[aria-pressed=true]{background:#e7efdf}.tool-rule{height:1px;background:var(--line);margin:8px 0}.canvas-bottom{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left));z-index:2}.zoom-controls{display:flex;align-items:center;padding:2px}.zoom-controls button{width:40px;height:38px;display:grid;place-items:center;border-radius:9px}.zoom-controls output{font-size:11px;color:#738067;min-width:42px;text-align:center}.zoom-controls button svg{width:17px;height:17px}.control-separator{width:1px;height:18px;background:var(--line);margin:0 3px}.minimap{position:absolute;bottom:20px;right:20px;width:200px;height:92px;padding:10px;cursor:crosshair;z-index:2}.minimap svg{width:100%;height:100%;overflow:visible}.minimap-label{position:absolute;top:-23px;right:0;font-size:9px;letter-spacing:1.2px;color:#7d8b72;background:var(--paper);padding:3px 5px;border-radius:4px}.minimap rect.viewport{fill:#c5d5b640;stroke:#799369;stroke-width:12}.panel{position:absolute;width:330px;right:20px;top:82px;max-height:calc(100dvh - 212px);overflow:auto;padding:26px 24px;z-index:4;background:#fffffdf5;border-radius:16px;overscroll-behavior:contain}.close{position:absolute;right:12px;top:12px;width:32px;height:32px;border-radius:50%;color:#6d7b62;display:grid;place-items:center}.close svg{width:16px;height:16px}.person-avatar{width:49px;height:49px;border:1px solid #c6d3b9;background:#edf2e5;display:grid;place-items:center;color:#729067;font:22px var(--serif);margin:9px 0 18px;border-radius:7px}.person-avatar.f{border-radius:50%}.eyebrow{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#879278;margin-bottom:9px}.panel h2{font:26px/1.2 var(--serif);margin:8px 0;color:#344b38}.person-years{color:#77866b;font-size:12px;margin:0 0 24px}.panel-label{font-size:9px;color:#819070;letter-spacing:1.5px;text-transform:uppercase;margin:23px 0 10px}.relation{padding:10px 0;display:flex;gap:10px;align-items:center;width:100%;text-align:left;border-bottom:1px solid #edf0e7;font-size:12px;justify-content:space-between}.relation span{font-size:10px;color:#869479;text-align:right}.person-note{font-size:11px;line-height:1.7;color:#7f8873;padding:12px;background:#f5f5ed;border-radius:5px;margin-top:16px}.person-note.review{border-left:2px solid #c4a269;background:#fbf6eb;color:#967d51}.dialog{border:1px solid #ccd5c2;border-radius:16px;padding:0;color:var(--ink);box-shadow:0 20px 80px #15251433;width:calc(100vw - 48px);max-width:1200px;height:calc(100dvh - 64px);max-height:100dvh;background:#fafbf6;overflow:hidden}.dialog::backdrop{background:#253b263b;backdrop-filter:blur(4px)}.dialog-header{min-height:64px;padding:12px 20px;border-bottom:1px solid #dce3d4;display:flex;align-items:center;gap:18px}.dialog-header strong{font:20px var(--serif)}.dialog-header .modal-actions{margin-left:auto;display:flex;gap:6px;align-items:center}.dialog-header button{height:34px;min-width:34px;border-radius:6px;background:#edf1e6}.dialog-header button svg{width:17px;height:17px}.dialog-header output{font-size:11px;min-width:38px;text-align:center}.library-dialog[open]{display:flex;flex-direction:column}.library-search{display:flex;align-items:center;gap:10px;padding:12px 24px;border-bottom:1px solid var(--line)}.library-search svg{width:17px;height:17px;color:#839076}.library-search input{background:transparent;border:0;width:100%;padding:7px;font-size:12px}.view-page{flex:1;min-height:0;overflow:auto;padding:26px 28px;overscroll-behavior:contain}.view-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.view-heading h2{font:26px var(--serif);margin:0}.view-heading p{font-size:11px;color:#7b8872}.filter-reset{font-size:11px;border:1px solid #d9e1ce;padding:8px 12px;border-radius:5px}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:13px}.index-card{text-align:left;background:#fffffc;border:1px solid #e1e6d8;border-radius:7px;padding:19px;min-height:105px;position:relative}.index-card:hover{border-color:#9eb08e}.index-card strong{display:block;font:18px var(--serif);margin:9px 0 7px}.index-card small{color:#7e8b74;font-size:11px}.index-card .branch-tag{font-size:9px;letter-spacing:1px;color:#768a65;text-transform:uppercase}.review-dot{position:absolute;right:15px;top:16px;width:5px;height:5px;background:#c19a5a;border-radius:50%}.archive-note{font-size:12px;line-height:1.8;color:#7b8870;max-width:700px;margin-bottom:25px}.help-dialog{height:auto;max-width:490px;max-height:calc(100dvh - 40px);overflow:auto;padding:32px}.help-dialog h2{font:29px var(--serif);margin-top:0}.help-dialog p{font-size:12px;line-height:1.9;color:#6f7f63}.help-dialog table{border-collapse:collapse;width:100%;font-size:12px}.help-dialog td{padding:11px 0;border-bottom:1px solid #e5e9de}.help-dialog td:last-child{text-align:right;color:#7d8871}kbd{font:11px var(--sans);background:#edf1e6;padding:4px 7px;border-radius:4px}.toast{position:fixed;left:50%;bottom:80px;transform:translate(-50%);max-width:calc(100vw - 32px);background:#3e5941;color:#fff;padding:12px 20px;font-size:12px;border-radius:9px;z-index:99;box-shadow:0 3px 12px #10231022}@media(max-width:650px){.search-dock{left:12px;top:max(12px,env(safe-area-inset-top))}.tools-dock{right:12px;top:max(12px,env(safe-area-inset-top))}.search-wrap{width:calc(100vw - 130px)}.search{font-size:16px}.canvas-bottom{left:12px;bottom:max(12px,env(safe-area-inset-bottom))}.zoom-controls button{height:40px;width:40px}.panel{inset:auto 12px 72px;width:auto;max-height:48dvh;padding:22px;border-radius:16px}.minimap{right:12px;bottom:72px;width:155px;height:76px}.canvas-area:has(.panel:not([hidden])) .minimap{display:none}.dialog{width:calc(100vw - 20px);height:calc(100dvh - 24px);border-radius:12px}.dialog-header{padding:10px 12px;gap:8px;min-height:64px}.dialog-header strong{font-size:15px}.dialog-header .modal-actions{gap:3px}.dialog-header button{min-width:32px}.dialog-header output{min-width:32px}.view-page{padding:20px 18px}.view-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}.view-heading h2{font-size:23px}.help-dialog{height:auto;padding:28px 22px}.library-search{padding:10px 16px}.library-search input{font-size:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.person.sex-m .node-card{fill:#edf5fc;stroke:#80a7c5;stroke-width:1.6}.person.sex-f .node-card{fill:#fff0f4;stroke:#cb93ab;stroke-width:1.6}.person.sex-u .node-card{fill:#f2f1ed;stroke:#b7b0a1;stroke-dasharray:4 3}.person.sex-m .node-symbol{fill:#d0e5f5;stroke:#628eaf;stroke-width:1.5}.person.sex-f .node-symbol{fill:#f7d5e2;stroke:#af708b;stroke-width:1.5}.person.sex-m .node-letter{fill:#305e81}.person.sex-f .node-letter{fill:#914564}.node-letter{font-size:21px;font-weight:600}.node-date{fill:#727b78}.node-occupation{font-size:9.8px;fill:#485d5b}.node-cause{font-size:9.5px;fill:#8b6352}.node-no-notes{font-size:9px;fill:#969d96}.node-rule{stroke:#bec9c0;stroke-opacity:.45}.person.selected .node-card,.person:focus-visible .node-card{stroke:#3d5836;stroke-width:3}.legend{background:#f8f9f3ed;padding:6px 9px;border-radius:5px;gap:13px;flex-wrap:wrap}.legend i{height:12px;width:12px;border:2px solid #628eaf;background:#d0e5f5}.legend .female{border-color:#af708b;background:#f7d5e2}.legend .unknown{border-color:#a79c85;background:#eeeae1;transform:rotate(45deg);width:9px;height:9px}.sex-label{display:inline-flex;align-items:center;gap:5px;font:10px var(--sans);padding:5px 9px;border:1px solid;border-radius:4px}.sex-label.m{background:#dcecf8;color:#305e81;border-color:#99b9d0}.sex-label.f{background:#fae0e9;color:#914564;border-color:#d2a2b5;border-radius:20px}.sex-label.u{background:#eeeae1;color:#82765f;border-color:#bcb09a}.person-avatar.m{background:#d0e5f5;color:#305e81;border-color:#628eaf;font-family:var(--sans);font-size:27px}.person-avatar.f{background:#f7d5e2;color:#914564;border-color:#af708b;font-family:var(--sans);font-size:27px}.person-avatar.u{background:#eeeae1;color:#82765f;font-family:var(--sans)}.person-years{margin-bottom:12px}.record-summary{margin:21px 0;padding-top:2px;border-top:1px solid #e2e6dc}.record-summary .panel-label{margin-top:17px}.record-value{font-size:13px;line-height:1.55;color:#3d5140;margin:0}.record-translation{font-size:11px;color:#7b8872;line-height:1.6;margin:3px 0 0}.record-cause{padding:8px 10px;margin:6px 0;background:#f9f2e8;border-radius:5px;border-left:2px solid #c2a484}.record-cause .record-value{color:#775846;font-size:12px}.record-code{font-weight:700;margin-right:5px}.record-uncertain{font-size:10px;line-height:1.6;color:#9a7849;padding:7px 9px;margin:7px 0;background:#fcf6e9;border-radius:4px}.record-context{font-size:10px;line-height:1.65;color:#8a9480;margin:8px 0}.appearance-tags{display:flex;gap:6px;flex-wrap:wrap;font-size:10px;color:#697760}.appearance-tags span{padding:5px 8px;border-radius:4px;background:#eff2e8}.sex-filter{border:1px solid #d3ddc8;border-radius:5px;padding:8px 10px;background:#fffefa;color:#4b5f45;font-size:11px;max-width:165px}.directory-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.index-card.sex-m{background:#f1f7fc;border-color:#a4bfd3;border-radius:6px}.index-card.sex-f{background:#fff3f6;border-color:#d4a9b9;border-radius:18px}.index-card.sex-u{background:#f3f1eb;border-style:dashed}.index-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-right:8px}.index-card .sex-label{padding:3px 6px;font-size:9px}.index-records{border-top:1px solid #65756022;margin-top:12px;padding-top:9px;font-size:11px;line-height:1.7;color:#66755e}.index-records .index-cause{color:#8b6352}.record-key{border:1px solid #d9e1d0;background:#fffffc;border-radius:8px;padding:15px 18px;margin:0 0 25px}.record-key summary{cursor:pointer;font:17px var(--serif)}.death-key-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:9px;margin-top:16px}.death-key-entry{padding:8px;background:#f7f5ed;border-radius:4px;font-size:12px;color:#76624b}.death-key-entry small{display:block;margin:4px 0 0 22px;font-size:10px;color:#98927f}@media(max-width:1000px){.directory-actions{justify-content:flex-end}.view-heading{align-items:flex-start}}