:root{--green:#529c7d;--pink:#e06080;--navy:#0b1340;--lime:#e1e87b;--line:#d7e3dd;--muted:#68717d;--border:#e1e6e6;font-family:Arial,Helvetica,sans-serif;color:var(--navy);background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--green);outline-offset:4px}button{color:inherit}#viewport{position:fixed;inset:0;overflow:hidden;touch-action:none;cursor:grab;outline:none;background:#fff;background-image:radial-gradient(#dce3e0 .7px,transparent .7px);background-size:28px 28px}#viewport.dragging{cursor:grabbing}#world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}#connections{position:absolute;inset:0;overflow:visible}#people{position:absolute;inset:0}.masthead{position:fixed;inset:26px 32px auto;z-index:10;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.search-panel{width:360px;max-width:100%;pointer-events:auto;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 35px #0b13400a;overflow:hidden}.search-panel:focus-within{border-color:var(--green);box-shadow:0 8px 35px #0b134010,0 0 0 3px #529c7d12}.search-line{display:flex;align-items:center;padding:0 17px;height:56px;gap:12px}.search-line>svg{width:20px;height:20px;flex-shrink:0;stroke:var(--green);stroke-width:1.7}#search{width:100%;min-width:0;font-size:14px;border:0;outline:none;background:none;color:var(--navy);height:100%;padding:0}#search::placeholder{color:#717982}#search::-webkit-search-cancel-button{cursor:pointer}kbd{font-family:inherit;font-size:12px;color:#839088;border:1px solid #e3e8e5;border-radius:4px;padding:2px 6px}#search-results{border-top:1px solid #edf0ee;padding:8px;max-height:min(480px,65dvh);overflow-y:auto}.result-caption{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#778177;padding:8px 10px 9px}#suggestions{list-style:none;padding:0;margin:0}#suggestions li{padding:12px 10px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:12px}#suggestions li[aria-selected=true],#suggestions li:hover{background:#f1f6f2}.suggestion-color{height:8px;width:8px;flex-shrink:0;border-radius:50%;box-shadow:0 0 0 1px #0b134012}.suggestion-name{font-size:14px;line-height:1.4}.suggestion-date{font-size:12px;margin-top:3px;color:var(--muted)}mark{color:inherit;background:#e1e87b70}.identity{text-align:right;padding:3px 0 18px 32px;background:linear-gradient(90deg,#ffffff00,#fff 18%);pointer-events:none}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;display:flex;align-items:center;justify-content:flex-end;gap:9px}.eyebrow>span{width:27px;height:3px;background:var(--lime)}h1{font-family:Georgia,'Times New Roman',serif;font-size:34px;letter-spacing:-1.3px;font-weight:400;margin:7px 0 7px}h1 i{font-weight:400;font-size:32px;color:var(--green);margin:0 4px}.family-count{font-size:12px;letter-spacing:.02em;color:var(--muted)}.family-count>span:first-child{margin:0 6px;color:#a3acaa}/* Quiet silver surfaces, ink typography, and a generation ribbon at the foot. */
.person{
 position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
 text-align:left;gap:7px;padding:11px 17px 17px;overflow:hidden;
 background:linear-gradient(155deg,#eef0f2 0%,#e2e5e9 100%);
 color:var(--navy);border:1px solid #b9c0c9;border-radius:12px;
 box-shadow:inset 0 1px 0 #ffffffd9,0 2px 3px #0b134009,0 6px 14px #0b13400b;
 user-select:none;cursor:pointer;transition:border-color .18s,box-shadow .18s;
}
.person::after{
 content:"";position:absolute;left:0;right:0;bottom:0;height:5px;
 background:var(--generation-color);box-shadow:0 -1px 0 #0b13400a;
}
.person[data-lineage="spouse"],.person[data-lineage="unknown"]{
 background:linear-gradient(155deg,#fff 0%,#f5f6f7 100%);border-color:#d0d5db;
 box-shadow:inset 0 1px 0 #fff,0 2px 3px #0b134006,0 6px 14px #0b134008;
}
.person-name{font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.2;letter-spacing:-.25px;font-weight:400;text-wrap:pretty}
.person-date{font-size:11px;line-height:1.3;letter-spacing:.035em;color:#596270;font-variant-numeric:tabular-nums}
.person:hover{border-color:#8e99aa;box-shadow:inset 0 1px 0 #fff,0 3px 6px #0b13400d,0 9px 20px #0b134016}
.person.selected{border-color:var(--navy);box-shadow:0 0 0 3px #fff,0 0 0 5px var(--navy),0 10px 24px #0b134024}
.person.unplaced{border-style:dashed}
.unplaced-label{position:absolute;font-size:12px;letter-spacing:.04em;color:#7a838c}.connection{fill:none;stroke:#74867c;stroke-width:1.8;stroke-linejoin:round}.connection.partner{stroke:#697c72;stroke-width:1.9}.connection.highlight{stroke:var(--green);stroke-width:2.6}.junction{fill:#fff;stroke:#74867c;stroke-width:1.8}.generation-rule{stroke:#e7eeea;stroke-width:1;stroke-dasharray:4 9}.generation-rail{position:fixed;left:0;top:0;bottom:0;width:85px;pointer-events:none;overflow:hidden;z-index:2}.generation-label{position:absolute;left:22px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;background:#ffffffec;padding:8px 6px;color:#89958e;border-radius:6px;transition:opacity .1s}.generation-label::after{content:"";width:24px;height:3px;margin-top:7px;border-radius:2px;background:var(--generation-color)}.generation-label small{font-size:9px;letter-spacing:.16em}.generation-label strong{font:26px Georgia,serif;color:inherit;font-weight:400;margin-top:3px}.canvas-footer{position:fixed;left:32px;right:32px;bottom:46px;display:flex;align-items:flex-end;justify-content:flex-end;pointer-events:none;z-index:5}.navigation{display:flex;align-items:center;gap:3px;background:#fff;border:1px solid var(--border);box-shadow:0 5px 25px #0b134009;border-radius:11px;padding:6px;pointer-events:auto}.nav-button{border:0;background:none;border-radius:6px;height:38px;width:38px;display:grid;place-items:center}.nav-button:hover,#zoom-value:hover{background:#f2f6f3}.nav-button:active{background:var(--lime)}.nav-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}#zoom-value{border:0;background:none;width:53px;padding:9px 0;font-size:12px;font-variant-numeric:tabular-nums;border-radius:5px}.divider{height:20px;width:1px;background:#e7ebe8;margin:0 3px}.gesture-hint{position:fixed;bottom:17px;left:32px;color:#88908e;font-size:11px;letter-spacing:.015em;pointer-events:none}.gesture-hint b{font-weight:400;margin:0 8px;color:#bac0bd}.mobile-hint{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.person:focus-visible{outline:3px solid var(--navy);outline-offset:5px}@media(max-width:700px){.masthead{inset:18px 18px auto;flex-direction:column-reverse;gap:17px}.identity{padding:0;width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;background:#ffffffed}.eyebrow{display:none}h1{font-size:25px;letter-spacing:-.8px;margin:0}h1 i{font-size:25px;margin:0 1px}.family-count{font-size:10px;text-align:right;line-height:1.5}.family-count>span:first-child{margin:0 2px}.search-panel{width:100%;border-radius:10px}.search-line{height:51px;padding:0 15px}#search{font-size:16px}.search-shortcut{display:none}.canvas-footer{left:18px;right:18px;bottom:max(40px,calc(env(safe-area-inset-bottom) + 25px));align-items:center}.navigation{gap:0;padding:4px}.nav-button{width:35px;height:39px}.divider{margin:0 2px}#zoom-value{width:44px}.gesture-hint{bottom:max(15px,env(safe-area-inset-bottom));left:auto;right:18px;font-size:10px}.desktop-hint{display:none}.mobile-hint{display:inline}.generation-rail{width:55px}.generation-label{left:8px;padding:7px 4px}.generation-label small{font-size:8px}.generation-label strong{font-size:22px}#search-results{max-height:50dvh}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}