:root{--color-bg:#f7f2e8;--color-surface:#fffdf8;--color-surface-2:#efe8d8;--color-ink:#1f2a24;--color-ink-muted:#56625a;--color-border:#d9cfba;--color-primary:#1f4d3a;--color-primary-contrast:#fffdf8;--color-accent:#a8782a;--color-danger:#a33a2c;--color-line-parent:#1f4d3a;--color-line-marriage:#a8782a;--color-focus:#2a6fb0;--font-display:"Fraunces","Iowan Old Style",Georgia,serif;--font-ui:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--text-2xl:2.5rem;--text-hero:clamp(2.25rem,6vw,4.5rem);--leading-tight:1.15;--leading-body:1.6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:999px;--shadow-1:0 1px 2px rgb(31 42 36/8%);--shadow-2:0 8px 24px rgb(31 42 36/12%);--motion-fast:120ms;--motion-base:200ms;--motion-slow:320ms;--ease:cubic-bezier(0.2,0,0,1)}:root[data-theme=dark]{--color-bg:#121915;--color-surface:#19231e;--color-surface-2:#223029;--color-ink:#efe9da;--color-ink-muted:#a9b4ab;--color-border:#33443a;--color-primary:#6fbf98;--color-primary-contrast:#0f1612;--color-accent:#d9a84e;--color-danger:#e0715f;--color-line-parent:#6fbf98;--color-line-marriage:#d9a84e;--color-focus:#7db7ee;--shadow-1:0 1px 2px rgb(0 0 0/40%);--shadow-2:0 8px 24px rgb(0 0 0/45%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#121915;--color-surface:#19231e;--color-surface-2:#223029;--color-ink:#efe9da;--color-ink-muted:#a9b4ab;--color-border:#33443a;--color-primary:#6fbf98;--color-primary-contrast:#0f1612;--color-accent:#d9a84e;--color-danger:#e0715f;--color-line-parent:#6fbf98;--color-line-marriage:#d9a84e;--color-focus:#7db7ee}}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}*,:after,:before{box-sizing:border-box}html{color-scheme:light dark}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}body{margin:0;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);line-height:var(--leading-tight);margin:0;font-weight:600}a{color:inherit}.container{width:min(1120px,100% - 2 * var(--space-4));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-4)}.logo{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.12em;font-weight:700;text-decoration:none;color:var(--color-primary)}.nav{display:flex;gap:var(--space-2)}.btn,.nav{align-items:center}.btn{display:inline-flex;justify-content:center;min-height:44px;padding:0 var(--space-6);border-radius:var(--radius-full);border:1px solid transparent;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:transform var(--motion-fast) var(--ease),background var(--motion-base) var(--ease)}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--color-primary);color:var(--color-primary-contrast)}.btn-secondary{background:transparent;color:var(--color-ink);border-color:var(--color-border)}.btn-ghost{background:transparent;color:var(--color-ink-muted);padding:0 var(--space-3)}.hero{display:grid;grid-gap:var(--space-8);gap:var(--space-8);align-items:center;padding-block:var(--space-12) var(--space-16)}@media (min-width:880px){.hero{grid-template-columns:1.1fr .9fr}}.eyebrow{color:var(--color-accent);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:var(--text-sm)}.hero h1{font-size:var(--text-hero);margin-block:var(--space-3) var(--space-4)}.lead{font-size:var(--text-lg);color:var(--color-ink-muted);max-width:52ch}.cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.tree-art{width:100%;max-width:460px;margin-inline:auto}.tree-art .line-parent{stroke:var(--color-line-parent);stroke-width:2.5;fill:none;stroke-linecap:round}.tree-art .line-marriage{stroke:var(--color-line-marriage);stroke-width:2.5;stroke-dasharray:6 6;fill:none}.tree-art .node{fill:var(--color-surface);stroke:var(--color-primary);stroke-width:2.5}.tree-art .node-text{fill:var(--color-ink-muted);font:600 11px var(--font-ui);text-anchor:middle}.tree-art .draw{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.2s var(--ease) forwards}.tree-art .fade{opacity:0;animation:fade .8s var(--ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fade{to{opacity:1}}.features{display:grid;grid-gap:var(--space-4);gap:var(--space-4);padding-bottom:var(--space-16)}@media (min-width:720px){.features{grid-template-columns:repeat(3,1fr)}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-1)}.card h2{font-size:var(--text-lg);margin-bottom:var(--space-2)}.card p{margin:0}.card p,.site-footer{color:var(--color-ink-muted)}.site-footer{border-top:1px solid var(--color-border);padding-block:var(--space-8);text-align:center;font-family:var(--font-display)}.centered{min-height:70vh;display:grid;place-items:center;text-align:center;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-8)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.auth-wrap{min-height:100vh;display:grid;align-content:center;justify-items:center;grid-gap:var(--space-6);gap:var(--space-6);padding:var(--space-6) var(--space-4)}.auth-card{width:min(440px,100%)}.auth-card h1{font-size:var(--text-xl);margin-bottom:var(--space-4)}.form{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.field{display:grid;grid-gap:var(--space-1);gap:var(--space-1)}.field label{font-weight:600;font-size:var(--text-sm)}.field input{min-height:44px;padding:0 var(--space-3);font:inherit;color:var(--color-ink);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.field input[aria-invalid=true]{border-color:var(--color-danger)}.field-error,.form-error{color:var(--color-danger);font-size:var(--text-sm);margin:0}.form-error{padding:var(--space-3);border:1px solid var(--color-danger);border-radius:var(--radius-sm)}.field-hint{color:var(--color-ink-muted);font-size:var(--text-sm);margin:0}.auth-footer a,.auth-link{color:var(--color-primary)}.auth-link{text-align:center;font-size:var(--text-sm)}.auth-footer{color:var(--color-ink-muted);margin:0}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.notice{padding:var(--space-3);border:1px solid var(--color-accent);border-radius:var(--radius-sm)}.page{padding-bottom:var(--space-16)}.page>h1{margin-block:var(--space-4)}.section{margin-block:var(--space-6)}.section h2{font-size:var(--text-lg);margin-bottom:var(--space-4)}.list{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg)}.badge,.muted{color:var(--color-ink-muted)}.badge{display:inline-block;margin-left:var(--space-2);padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs)}.grid2{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}@media (min-width:640px){.grid2{grid-template-columns:1fr 1fr}}.field select{min-height:44px;padding:0 var(--space-3);font:inherit;color:var(--color-ink);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.btn-small{min-height:36px;padding:0 var(--space-3);color:var(--color-danger)}.tree-wrap{position:relative;height:72vh;min-height:420px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);outline-offset:2px}.tree-wrap.is-fullscreen{height:100vh;border-radius:0}.tree-svg{width:100%;height:100%;display:block;touch-action:none;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tree-svg:active{cursor:-webkit-grabbing;cursor:grabbing}.tree-toolbar{position:absolute;z-index:2;top:var(--space-3);left:var(--space-3);right:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.tree-toolbar input{font:inherit;color:var(--color-ink);border:1px solid var(--color-border);border-radius:var(--radius-full);flex:1 1 140px;max-width:260px}.btn-tool,.tree-toolbar input{min-height:36px;padding:0 var(--space-3);background:var(--color-bg)}.tree-hint{position:absolute;z-index:2;left:var(--space-3);top:56px;margin:0;font-size:var(--text-sm);color:var(--color-ink-muted)}.tree-count{top:auto;bottom:var(--space-3)}.tree-link{fill:none;stroke:var(--color-line-parent);stroke-width:2;opacity:.75}.tree-marriage{stroke:var(--color-line-marriage);stroke-width:3;stroke-dasharray:5 4}.tree-card{cursor:pointer}.tree-card-bg{fill:var(--color-bg);stroke:var(--color-border);stroke-width:1.5}.tree-card:hover .tree-card-bg{stroke:var(--color-primary)}.tree-card.is-selected .tree-card-bg{stroke:var(--color-primary);stroke-width:3}.tree-card.is-match .tree-card-bg{stroke:var(--color-accent);stroke-width:3}.tree-card.is-self .tree-card-bg{fill:var(--color-surface-2)}.tree-card.is-deceased .tree-name,.tree-card.is-deceased .tree-years{fill:var(--color-ink-muted)}.tree-card:focus-visible{outline:none}.tree-card:focus-visible .tree-card-bg{stroke:var(--color-focus);stroke-width:3}.tree-avatar{fill:var(--color-primary);opacity:.9}.tree-initials{fill:var(--color-primary-contrast);font:700 15px var(--font-ui)}.tree-name{fill:var(--color-ink);font:600 14px var(--font-ui)}.tree-years{font:500 12px var(--font-ui)}.tree-meta,.tree-years{fill:var(--color-ink-muted)}.tree-meta{font:500 11px var(--font-ui)}.tree-toggle{cursor:pointer}.tree-toggle circle{fill:var(--color-surface);stroke:var(--color-primary);stroke-width:2}.tree-toggle text{fill:var(--color-primary);font:700 15px var(--font-ui)}.detail{display:grid;grid-template-columns:max-content 1fr;grid-gap:var(--space-2) var(--space-4);gap:var(--space-2) var(--space-4);margin:var(--space-4) 0}.detail dt{color:var(--color-ink-muted)}.detail dd{margin:0}.centered-card{display:grid;grid-gap:var(--space-4);gap:var(--space-4);justify-items:center;text-align:center}.row-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.row-actions select{min-height:36px;padding:0 var(--space-2);font:inherit;color:var(--color-ink);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.invite-result{display:grid;grid-gap:var(--space-3);gap:var(--space-3);margin-top:var(--space-4)}.invite-result input{min-height:44px;padding:0 var(--space-3);font:inherit;color:var(--color-ink);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%}.invite-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}