:root{--ink:#253043;--muted:#6d7685;--paper:#fff;--bg:#f5f0e8;--accent:#916b3b;--line:#dfd2c2;--green:#446b57}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}header{background:#2e3a35;color:#fff;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 2px 8px #0002}.brand{font-family:Georgia,serif;font-size:24px;font-weight:700}.nav{display:flex;gap:10px}.nav a{padding:9px 12px;border-radius:8px}.nav a:hover{background:#ffffff1a}main{max-width:1200px;margin:auto;padding:28px 18px 60px}.hero{background:linear-gradient(135deg,#fff,#f4eadc);border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:0 10px 30px #51330f12}.hero h1{font-family:Georgia,serif;font-size:42px;margin:0 0 12px}.hero p{max-width:720px;line-height:1.6;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:18px;gap:18px;margin-top:22px}.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 5px 18px #51330f0d}.card h2,.card h3{font-family:Georgia,serif;margin-top:0}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:11px 16px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}.button.secondary{background:var(--green)}.button.ghost{background:#eee6da;color:var(--ink)}.form{max-width:720px}.field{display:grid;grid-gap:6px;gap:6px;margin:14px 0}.field label{font-weight:700}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid #cfc4b7;border-radius:8px;background:#fff;font:inherit}.row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.notice{padding:12px 14px;border-radius:8px;background:#edf4ef;color:#315443}.muted{color:var(--muted)}.avatar{width:76px;height:76px;border-radius:50%;object-fit:cover;background:#e4ddd2;border:3px solid #fff;box-shadow:0 0 0 1px var(--line)}.people-list{display:grid;grid-gap:12px;gap:12px}.person-row{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);padding:14px;border-radius:12px}.person-row .grow{flex:1 1}.badge{display:inline-block;padding:4px 8px;border-radius:99px;background:#eee6da;font-size:12px}.tree-wrap{height:72vh;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.tree-node{min-width:180px;background:#fff;border:2px solid #b99b74;border-radius:12px;padding:10px;box-shadow:0 5px 15px #0001;text-align:center}.tree-node strong{display:block;margin-top:6px}.tree-node span{font-size:12px;color:var(--muted)}@media(max-width:650px){.hero h1{font-size:32px}.row{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}.nav{flex-wrap:wrap}}.brand small{font-family:Arial,sans-serif;font-size:11px;background:#ffffff24;padding:3px 6px;border-radius:99px;vertical-align:middle}.nav-button{border:0;background:transparent;color:#fff;padding:9px 12px;border-radius:8px;font:inherit;cursor:pointer}.nav-button:hover{background:#ffffff1a}.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.initials{display:grid;place-items:center;font-size:25px}.profile-head{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.profile-head h1{margin-bottom:5px}.profile-avatar{width:110px;height:110px;font-size:38px}.card hr{border:0;border-top:1px solid var(--line);margin:24px 0}.tree-avatar{width:48px;height:48px;border-radius:50%;margin:auto;background:#e4ddd2;display:grid;place-items:center;overflow:hidden}.tree-avatar img{width:100%;height:100%;object-fit:cover}.notice.error{background:#f8e6e3;color:#7c2f28}.setup{max-width:820px}.setup li{margin:14px 0;line-height:1.55}.setup code{background:#f0ebe4;padding:2px 6px;border-radius:5px}.row{grid-template-columns:repeat(3,1fr)}@media(max-width:800px){.row{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}}.save-note{font-size:13px;margin-top:12px}.react-flow__controls{display:none}.react-flow__pane{cursor:default!important}.tree-profile-link{display:block}.tree-add-button{margin-top:8px;border:1px solid var(--line);background:#f3ede4;color:var(--ink);border-radius:7px;padding:5px 11px;font-size:12px;font-weight:700;cursor:pointer}.tree-add-button:hover{background:#e8dccb}.dialog-backdrop{position:fixed;inset:0;background:#1f2925aa;z-index:1000;display:grid;place-items:center;padding:20px}.dialog-card{width:min(520px,100%);background:#fff;border-radius:16px;border:1px solid var(--line);padding:24px;box-shadow:0 22px 70px #0005}.dialog-card h2{font-family:Georgia,serif;margin-top:0}.relation-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;margin:20px 0}.relation-choice{border:1px solid var(--line);border-radius:10px;padding:13px;cursor:pointer;display:flex;align-items:center;gap:9px}.relation-choice.selected{border-color:var(--accent);background:#f7f0e6;box-shadow:0 0 0 1px var(--accent)}.relation-choice input{accent-color:var(--accent)}.dialog-actions,.profile-actions{display:flex;gap:10px;flex-wrap:wrap}.dialog-actions{justify-content:flex-end}.react-flow__edge-text{font-size:11px}.react-flow__edge-textbg{fill:#fff;fill-opacity:.9}.profile-actions{margin-top:20px}@media(max-width:650px){.relation-grid{grid-template-columns:1fr}}.tree-node{padding:0;overflow:hidden}.tree-person-card{display:block;width:100%;min-height:128px;padding:12px;border:0;background:#fff;color:var(--ink);font:inherit;text-align:center;cursor:pointer}.tree-person-card:focus-visible,.tree-person-card:hover{background:#fbf7f1;outline:none;box-shadow:inset 0 0 0 2px #d8c09f}.tree-person-card strong{display:block;margin-top:7px}.tree-person-card>span{display:block;font-size:12px;color:var(--muted)}.person-action-list{display:grid;grid-gap:12px;gap:12px;margin:20px 0}.person-action-button{width:100%;font-size:16px}.tree-person-card.gender-male{border:2px solid #8fc5e8;background:#fafdff}.tree-person-card.gender-female{border:2px solid #efadb9;background:#fffafb}.tree-person-card.gender-other,.tree-person-card.gender-unknown{border:2px solid #c7cbd1;background:#fff}.tree-person-card.gender-male .tree-avatar{background:#dff1fc}.tree-person-card.gender-female .tree-avatar{background:#fbe3e8}.tree-person-card.gender-other .tree-avatar,.tree-person-card.gender-unknown .tree-avatar{background:#eceef1}.manage-section{display:grid;grid-gap:10px;gap:10px;padding:16px 0;border-top:1px solid var(--line)}.manage-section h3{margin:0}.manage-section p{margin:0;line-height:1.45}.manage-section select{width:100%;padding:11px 12px;border:1px solid #cfc4b7;border-radius:8px;background:#fff;font:inherit}.danger-zone{margin-top:6px;border:1px solid #efc8c2;border-radius:10px;padding:14px;background:#fff8f7}.button.danger{background:#a64238}.dialog-backdrop{align-items:center;overflow:hidden}.dialog-card{max-height:calc(100vh - 40px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}@media(max-height:760px){.dialog-backdrop{align-items:start;padding:12px}.dialog-card{max-height:calc(100vh - 24px);padding:20px}}.tree-deceased{font-size:10px!important;color:#7a7f87;margin-top:2px}.checkbox-label{display:flex;align-items:center;gap:10px;font-weight:700;cursor:pointer}.checkbox-label input[type=checkbox]{width:20px;height:20px;margin:0}.deceased-field{justify-content:center}.react-flow__edge-path{stroke-linecap:square;stroke-linejoin:miter;shape-rendering:geometricPrecision}.v4-tree-scroll{height:72vh;min-height:560px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:auto;position:relative}.v4-tree-canvas{position:relative;min-width:100%;background-color:#fff;background-image:radial-gradient(#d8dde2 .75px,transparent 0);background-size:22px 22px}.v4-tree-lines{position:absolute;inset:0;overflow:visible;pointer-events:none;shape-rendering:geometricPrecision}.v4-person-card{position:absolute;z-index:2;border-radius:10px;background:#fff;color:var(--ink);font:inherit;text-align:center;padding:10px 8px;cursor:pointer;box-shadow:0 3px 10px #0000000d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.v4-person-card:focus-visible,.v4-person-card:hover{transform:translateY(-1px);box-shadow:0 7px 18px #00000018;outline:none}.v4-person-card.gender-male{border:2px solid #8fc5e8;background:#fbfdff}.v4-person-card.gender-female{border:2px solid #efadb9;background:#fffafb}.v4-person-card.gender-other,.v4-person-card.gender-unknown{border:2px solid #c7cbd1;background:#fff}.v4-person-card strong{font-size:13px;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v4-person-card>span:not(.v4-avatar){font-size:11px;color:var(--muted)}.v4-person-card small{font-size:9px;color:#737983}.v4-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:11px;overflow:hidden;background:#eceef1;color:#637080}.gender-male .v4-avatar{background:#dff1fc}.gender-female .v4-avatar{background:#fbe3e8}.tree-photo-crop{position:relative;display:block;overflow:hidden;isolation:isolate}.tree-photo-crop>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block;transform-origin:center center}@media(max-width:700px){.v4-tree-scroll{height:68vh}.v4-tree-canvas{transform-origin:top left}}.v4-tree-scroll{touch-action:pan-x pan-y;overscroll-behavior:contain}.v4-tree-stage{position:relative;min-width:100%;min-height:100%}.v4-tree-canvas{transform-origin:top left}.v4-zoom-controls{position:-webkit-sticky;position:sticky;top:14px;left:14px;z-index:20;display:flex;width:max-content;gap:4px;padding:5px;background:#ffffffef;border:1px solid #d8d0c5;border-radius:10px;box-shadow:0 4px 14px #0002;margin:14px 0 -58px 14px}.v4-zoom-controls button{height:36px;min-width:38px;border:0;border-radius:7px;background:#f1ece4;color:var(--ink);font-size:21px;font-weight:700;cursor:pointer}.v4-zoom-controls button:hover{background:#e5d9c9}.v4-zoom-controls .v4-zoom-value{min-width:62px;font-size:12px}.v4-person-card{padding:0;overflow:visible}.v4-person-main{width:100%;height:100%;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;padding:10px 8px}.v4-person-main strong{font-size:13px;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v4-person-main>span:not(.v4-avatar){font-size:11px;color:var(--muted)}.v4-person-main small{font-size:9px;color:#737983}.v4-collapse-button{position:absolute;z-index:5;width:25px;height:22px;border:1px solid #bdc4ca;border-radius:7px;background:#fff;color:#53606d;font-size:12px;font-weight:800;line-height:1;cursor:pointer;box-shadow:0 2px 7px #0002}.v4-collapse-button.active,.v4-collapse-button:hover{background:#eef3f6;border-color:#8ca0af}.v4-collapse-above{right:5px;top:5px}.v4-collapse-below{right:5px;bottom:5px}.v4-line-legend{position:-webkit-sticky;position:sticky;top:18px;left:330px;z-index:12;display:inline-block;margin:18px 0 0 330px;padding:8px 12px;border:1px solid #ded4c5;border-radius:10px;background:hsla(0,0%,100%,.94);box-shadow:0 3px 12px rgba(31,41,55,.08);color:#667085;font-size:13px;font-weight:600;pointer-events:none}@media (max-width:760px){.v4-line-legend{display:none}}.language-select{display:flex;align-items:center;gap:6px;padding:0 6px;font-size:12px}.language-select select{border:1px solid #ffffff44;border-radius:7px;background:#394842;color:#fff;padding:7px;font:inherit}.account-manager{display:grid;grid-gap:18px;gap:18px;margin-bottom:22px}.account-row{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(180px,1fr) minmax(160px,1fr) minmax(210px,auto);align-items:center;grid-gap:10px;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.account-row:first-of-type{border-top:0}.account-row select{width:100%;padding:9px;border:1px solid #cfc4b7;border-radius:8px;background:#fff}.account-row select:disabled{background:#f2eee8;color:#687078}.account-email{overflow-wrap:anywhere}.account-email .badge{display:inline-block;margin-top:7px}.account-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.account-actions .button{white-space:nowrap}.protected-account{background:#faf7f1}.protected-account .account-actions{justify-content:center}.search-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:9px;gap:9px;max-height:360px;overflow:auto}.search-results a{display:flex;flex-direction:column;gap:3px;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fff}.search-results a:hover{background:#faf5ed}.search-results span{font-size:12px;color:var(--muted)}.relationship-card{margin-top:18px}.relationship-result{margin-top:12px;padding:16px;border-radius:10px;background:#edf4ef;color:#315443;display:grid;grid-gap:7px;gap:7px}.relationship-result strong{font-size:20px}@media(max-width:900px){.account-row{grid-template-columns:1fr}.language-select span{display:none}}.relationship-selector-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px;align-items:start}.person-selector input[type=search]{margin-bottom:4px}.person-selector select{min-height:150px;padding:4px}.person-selector select option{padding:8px 10px;border-radius:5px}.relationship-directions>div:not(.relationship-path){display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:center;grid-gap:16px;gap:16px;padding:10px 0;border-bottom:1px solid #cfe0d5}.relationship-directions>div:last-of-type{border-bottom:0}.relationship-directions span{font-weight:600}.relationship-directions strong{font-size:22px}.relationship-path{padding-top:8px;line-height:1.6}@media(max-width:760px){.relationship-directions>div:not(.relationship-path),.relationship-selector-grid{grid-template-columns:1fr}}.tree-page{max-width:none;width:100%;padding-left:12px;padding-right:12px}.tree-page>h1,.tree-page>p{margin-left:18px;margin-right:18px}.tree-page .tree-wrap{height:calc(100vh - 190px);min-height:620px}.tree-page .v4-tree-scroll{height:100%;min-height:100%}.v4-person-main{padding:5px 7px;gap:1px}.v4-avatar{width:48px;height:48px;font-size:12px;flex:0 0 48px}.v4-person-main strong{font-size:12.5px;line-height:1.15}.v4-person-main .v4-secondary-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.1;color:#586474}.v4-person-main .v4-life-meta{font-size:9px;line-height:1.1;color:#737983;white-space:nowrap}@media(max-width:700px){.tree-page{padding-left:6px;padding-right:6px}.tree-page>h1,.tree-page>p{margin-left:8px;margin-right:8px}.tree-page .tree-wrap{height:72vh;min-height:520px}}.photo-position-editor{display:grid;grid-template-columns:150px minmax(240px,1fr);align-items:center;grid-gap:22px;gap:22px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#faf7f2}.photo-position-preview{width:140px;height:140px;border-radius:50%;overflow:hidden;background:#e4ddd2;border:4px solid #fff;box-shadow:0 0 0 1px var(--line)}.photo-position-controls{display:grid;grid-gap:8px;gap:8px}.photo-position-controls label{display:flex;justify-content:space-between;gap:12px}.photo-position-controls input[type=range]{padding:0;border:0;accent-color:var(--accent)}.photo-position-reset{justify-self:start;margin:4px 0}@media(max-width:650px){.photo-position-editor{grid-template-columns:1fr}.photo-position-preview{margin:auto}}.tree-view-actions{position:-webkit-sticky;position:sticky;left:12px;top:80px;z-index:12;display:flex;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 48px);padding:6px;background:#ffffffed;border:1px solid #ddd4c6;border-radius:9px;font-size:12px;color:#39465a;box-shadow:0 2px 8px #0001}.tree-view-actions button{cursor:pointer;background:#496c5a;color:#fff;border:0;border-radius:6px;padding:9px 12px;font-weight:700}@media(max-width:700px){.tree-view-actions{top:72px;font-size:11px}.tree-view-actions button{padding:8px}}