:root{--bg:#f2f4f3;--surface:#fff;--ink:#1d2422;--muted:#5d6966;--rule:#d5dcd9;--accent:#2d5e57;--accent-soft:#e1ece9;--canvas:#fbfcfb;--male:#5b7fa6;--female:#b06a7d;--unknown:#8f9894;--ok:#2f6b3a;--err:#9b2c2c;--display:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121716;--surface:#1a201f;--ink:#e5ece9;--muted:#9aa8a4;--rule:#2c3532;--accent:#7cc0b2;--accent-soft:#1f2e2b;--canvas:#f4f6f5;--ok:#8fd19e;--err:#f2a3a3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#121716;--surface:#1a201f;--ink:#e5ece9;--muted:#9aa8a4;--rule:#2c3532;--accent:#7cc0b2;--accent-soft:#1f2e2b;--canvas:#f4f6f5;--ok:#8fd19e;--err:#f2a3a3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--body);margin:0}button{font:inherit;color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.72rem}.app{flex-direction:column;height:100%;display:flex}.topbar{padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;background:var(--surface);border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.brand{align-items:baseline;gap:10px;display:flex}.brand h1{font:600 1.35rem/1.1 var(--display);letter-spacing:.01em;margin:0}.count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.topbar-right{align-items:center;gap:14px;margin-left:auto;display:flex}.seg{border:1px solid var(--rule);border-radius:6px;display:inline-flex;overflow:hidden}.seg button{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:6px 12px;font-size:.85rem}.seg button+button{border-left:1px solid var(--rule)}.seg button[aria-pressed=true]{background:var(--accent-soft);color:var(--ink);font-weight:600}.search{flex:260px;max-width:420px;position:relative}.search input{border:1px solid var(--rule);background:var(--bg);width:100%;color:var(--ink);font:inherit;border-radius:6px;padding:8px 12px}.search-results{z-index:20;background:var(--surface);border:1px solid var(--rule);border-radius:6px;max-height:60vh;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 8px 24px #0000001f}.search-results button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:space-between;gap:12px;width:100%;padding:7px 8px;display:flex}.search-results li[aria-selected=true] button,.search-results button:hover{background:var(--accent-soft)}.no-results{padding:8px}.workspace{flex:1;grid-template-columns:minmax(0,1fr) 380px;min-height:0;display:grid}.chart-area{min-width:0;min-height:0;display:flex}.panel{background:var(--surface);border-left:1px solid var(--rule);min-width:0;padding:20px 20px 40px;overflow:auto}.chart-shell{flex-direction:column;flex:1;min-width:0;display:flex}.chart-tools{border-bottom:1px solid var(--rule);align-items:center;gap:8px;padding:8px 16px;display:flex}.chart-tools button{border:1px solid var(--rule);background:var(--surface);cursor:pointer;border-radius:6px;width:30px;height:30px;font-size:1.05rem;line-height:1}.chart-tools button:disabled{opacity:.4;cursor:default}.zoom-label{text-align:center;min-width:3.2em;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.chart-hint{color:var(--muted);margin-left:8px;font-size:.8rem}.chart-error{color:var(--err);margin:12px 16px}.chart-scroll{background:var(--canvas);cursor:grab;touch-action:pan-x pan-y;flex:1;min-height:0;overflow:auto}.chart-scroll:active{cursor:grabbing}#tree-svg{display:block}#tree-svg text{font-family:var(--body)}#tree-svg .indi,#tree-svg g[id]{cursor:pointer}.person h2{font:600 1.7rem/1.15 var(--display);text-wrap:balance;margin:4px 0 2px}.nick{margin:0;font-style:italic}.aka{color:var(--muted);margin:2px 0 0;font-size:.88rem}.facts{grid-template-columns:auto 1fr;gap:6px 14px;margin:18px 0;display:grid}.facts dt{color:var(--muted);padding-top:1px;font-size:.85rem}.facts dd{min-width:0;margin:0}.res{display:block}.notes,.rel{border-top:1px solid var(--rule);margin-top:14px;padding-top:12px}.notes h3,.rel h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:.72rem;font-weight:600}.notes p{white-space:pre-line;margin:0 0 6px}.rel ul{margin:0;padding:0;list-style:none}.rel .children{border-left:2px solid var(--accent-soft);margin-top:4px;padding-left:14px}.person-link{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:0;border-radius:4px;align-items:baseline;gap:8px;margin-left:-6px;padding:5px 6px;display:flex}.person-link:hover{background:var(--accent-soft)}.person-link>span:nth-child(2){color:var(--accent);font-weight:600}.link-dates{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto;font-size:.8rem}.sex-dot{border-radius:50%;flex:none;width:8px;height:8px;transform:translateY(-1px)}.sex-M{background:var(--male)}.sex-F{background:var(--female)}.sex-U{background:var(--unknown)}.marr{color:var(--muted);margin:-2px 0 4px;font-size:.82rem;display:block}.fam-note{color:var(--muted);margin:2px 0 6px;font-size:.85rem}.sources{color:var(--muted);margin-top:18px;font-size:.78rem}.suggest-btn{cursor:pointer;border:1px solid var(--accent);width:100%;color:var(--accent);background:0 0;border-radius:6px;margin-top:16px;padding:10px;font-weight:600}.suggest-btn:hover{background:var(--accent-soft)}dialog.suggest{border:1px solid var(--rule);background:var(--surface);width:min(520px,100vw - 32px);color:var(--ink);border-radius:10px;padding:0}dialog.suggest::backdrop{background:#00000059}dialog.suggest form{gap:12px;padding:20px;display:grid}dialog.suggest h2{font:600 1.3rem var(--display);margin:0}dialog.suggest p{margin:0}dialog.suggest textarea{resize:vertical;border:1px solid var(--rule);background:var(--bg);width:100%;color:var(--ink);font:inherit;border-radius:6px;padding:10px}.ok{color:var(--ok)}.err{color:var(--err)}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.dialog-actions button{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:6px;padding:8px 16px;font-weight:600}.dialog-actions button.ghost{color:var(--ink);border-color:var(--rule);background:0 0}.dialog-actions button:disabled{opacity:.5;cursor:default}.auth-page{flex-wrap:wrap;justify-content:center;align-items:center;gap:32px 56px;min-height:100%;padding:40px 16px;display:flex}.auth-intro{max-width:340px}.auth-intro h1{font:600 2.2rem/1.1 var(--display);text-wrap:balance;margin:6px 0 10px}.auth-intro p{color:var(--muted)}@media (max-width:860px){.app{height:auto;min-height:100%}.workspace{grid-template-columns:1fr}.chart-area{height:62vh}.panel{border-left:0;border-top:1px solid var(--rule)}.chart-hint{display:none}.topbar-right{justify-content:space-between;width:100%;margin-left:0}.search{max-width:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}#tree-svg .detailed text{font-family:var(--body);fill:#1d2422}#tree-svg .detailed rect{stroke:#6f7d79}#tree-svg .detailed{stroke-width:1.25px}#tree-svg .detailed rect.bysex{fill:#eef0ef}#tree-svg .detailed rect.bysex.male{fill:#e3ecf5}#tree-svg .detailed rect.bysex.female{fill:#f6e5ea}#tree-svg .link{stroke:#8a9692}#tree-svg .is-selected rect.background{stroke:#2d5e57;stroke-width:3px}.btn{border:1px solid var(--rule);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--accent-soft)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent);filter:brightness(1.08)}.brand-home{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.78rem;text-decoration:none}.brand-home:hover{color:var(--accent)}.home{--bg:#f4eee4;--surface:#fbf8f2;--ink:#2a2d20;--muted:#6b6e5a;--rule:#ddd5c6;--accent:#4d5339;--accent-soft:#e6e3d4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--bg);min-height:100%;color:var(--ink);flex-direction:column;display:flex}.home-bar{justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(16px,4vw,48px);display:flex}.home-brand{font:600 1.2rem var(--display);color:var(--ink);text-decoration:none;display:inline-flex}.home-logo{width:auto;height:46px;display:block}.hero{align-items:center;min-height:clamp(380px,52vw,560px);padding:24px clamp(16px,4vw,48px);display:flex;position:relative;overflow:hidden}.hero-art{object-fit:cover;object-position:right center;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-text{z-index:1;max-width:460px;position:relative}.hero-text h1{font:600 clamp(2rem, 4.5vw, 3.1rem)/1.1 var(--display);text-wrap:balance;margin:6px 0 12px}.lede{max-width:40ch;margin:0 0 20px;font-size:1.05rem;line-height:1.55}.families{padding:36px clamp(16px,4vw,48px) 48px}.families h2{font:600 1.5rem var(--display);margin:0 0 16px}.family-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.family-card{background:var(--surface);border:1px solid var(--rule);border-radius:12px;align-content:start;gap:8px;padding:20px;display:grid}.family-card h3{font:600 1.2rem var(--display);margin:0}.family-card p{margin:0 0 6px}.family-card .btn{justify-self:start}.home-foot{border-top:1px solid var(--rule);padding:18px clamp(16px,4vw,48px)}.small{font-size:.85rem}.auth-intro a{color:var(--accent)}@media (max-width:720px){.hero{flex-direction:column;align-items:stretch;min-height:0;padding:0 0 24px}.hero-art{aspect-ratio:16/9;object-position:60% center;height:auto;position:static}.hero-text{max-width:none;padding:20px 16px 0}}.mini{border:1px solid var(--rule);background:var(--surface);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:.8rem}.mini:hover{background:var(--accent-soft)}.link{color:var(--accent);cursor:pointer;font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.section-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.section-head h3{margin:0}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.thumb{aspect-ratio:1;border:1px solid var(--rule);background:var(--accent-soft);cursor:pointer;border-radius:6px;width:100%;padding:0;display:block;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.field{gap:4px;font-size:.9rem;display:grid}.field>span{color:var(--muted);font-size:.8rem}.field input[type=text],.field input:not([type]),.upload input[type=file]{font:inherit;border:1px solid var(--rule);background:var(--surface);color:var(--ink);border-radius:6px;padding:8px 10px}.chips{flex-wrap:wrap;gap:6px;margin:0 0 6px;padding:0;list-style:none;display:flex}.chip{background:var(--accent-soft);color:var(--ink);cursor:default;border:0;border-radius:999px;align-items:center;gap:6px;padding:3px 8px 3px 10px;font-size:.85rem;display:inline-flex}button.chip{cursor:pointer}button.chip:hover{outline:1px solid var(--accent)}.chip button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:1rem;line-height:1}.upload .search{max-width:none}dialog.lightbox{background:var(--surface);width:min(96vw,1100px);max-height:94vh;color:var(--ink);border:0;border-radius:12px;padding:0;overflow:hidden}dialog.lightbox::backdrop{background:#000000b3}.lightbox-body{grid-template-columns:minmax(0,1fr) 300px;max-height:94vh;display:grid}.lightbox-body img{object-fit:contain;background:#111;width:100%;height:100%;max-height:94vh;display:block}.lightbox-meta{align-content:start;gap:10px;padding:18px;display:grid;overflow:auto}.lightbox-meta .caption{margin:0;font-size:1.05rem}.lightbox-meta p{margin:0}@media (max-width:720px){.lightbox-body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.lightbox-body img{max-height:55vh}}.story-list{gap:10px;margin:0 0 10px;padding:0;list-style:none;display:grid}.story{background:var(--accent-soft);border-radius:8px;padding:10px 12px}.story-body{white-space:pre-line;margin:0 0 4px}.story-by{margin:0}.story textarea,.story-form textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--rule);background:var(--surface);color:var(--ink);resize:vertical;border-radius:6px;padding:8px 10px}.story-form{gap:6px;display:grid}dialog.activity{width:min(94vw,560px)}.activity-body{gap:12px;max-height:85vh;padding:20px;display:grid}.activity-body h2{font:600 1.3rem var(--display);margin:0}.activity-list{gap:4px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.activity-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:flex-start;gap:12px;width:100%;padding:8px;display:flex}.activity-item:hover{background:var(--accent-soft)}.activity-item img,.activity-icon{object-fit:cover;background:var(--accent-soft);border-radius:6px;flex:none;width:56px;height:56px}.activity-icon{color:var(--accent);place-items:center;font-size:1.6rem;display:grid}.activity-text{gap:2px;min-width:0;display:grid}.activity-title{font-weight:600}.activity-excerpt{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.thread{gap:8px;margin-top:8px;display:grid}.thread.compact{margin-top:6px}.thread-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.reactions{flex-wrap:wrap;gap:4px;display:flex}.react{border:1px solid var(--rule);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.95rem;line-height:1.4;display:inline-flex}.react:hover{background:var(--accent-soft)}.react.mine{border-color:var(--accent);background:var(--accent-soft)}.react-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem}.comment-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.comment{border-left:2px solid var(--rule);padding:2px 0 2px 10px}.comment-body{white-space:pre-line;margin:0 0 2px}.comment p{margin:0}.comment-form{gap:4px;display:grid}.comment-form textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--rule);background:var(--surface);color:var(--ink);resize:vertical;border-radius:6px;padding:6px 8px}.welcome{background:var(--accent-soft);border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;padding:12px 20px;display:flex}.welcome p{max-width:70ch;margin:0}.welcome-actions{flex:none;gap:8px;display:flex}.members{flex-direction:column;min-height:100%;display:flex}.members-body{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;padding:20px clamp(16px,3vw,40px) 48px;display:grid}.members-list h2{font:600 1.5rem var(--display);align-items:baseline;gap:10px;margin:0 0 4px;display:flex}.member-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:14px 0 0;padding:0;list-style:none;display:grid}.member-card{background:var(--surface);border:1px solid var(--rule);border-radius:12px;align-content:start;gap:4px;padding:16px;display:grid}.member-card.me{border-color:var(--accent)}.member-card h3{font:600 1.1rem var(--display);margin:0}.member-card p{margin:0}.member-card .bio{white-space:pre-line}.member-card .eyebrow,.person-ref{color:var(--accent)}.member-contact a{color:var(--accent);word-break:break-all}.members-me{position:sticky;top:16px}.profile-form{background:var(--surface);border:1px solid var(--rule);border-radius:12px;gap:12px;padding:18px;display:grid}.profile-form h2{font:600 1.3rem var(--display);margin:0}.profile-form p{margin:0}.profile-form .search{max-width:none}.profile-form textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--rule);background:var(--surface);color:var(--ink);resize:vertical;border-radius:6px;padding:8px 10px}.check{align-items:flex-start;gap:8px;font-size:.92rem;display:flex}.check input{margin-top:3px}@media (max-width:860px){.members-body{grid-template-columns:1fr}.members-me{position:static}}