@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Lora:wght@400;500;600&display=swap";
:root{--ink:#263f36;--green:#335747;--muted:#818780;--line:#e7e9e2;--paper:#fafaf6}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.5;cursor:wait}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Lora,Georgia,serif;font-weight:500}small{font-size:11px}.shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:#f0f2eb;flex-direction:column;flex-shrink:0;width:235px;padding:33px 20px 16px;display:flex}.brand{letter-spacing:2px;align-items:center;gap:10px;font-size:25px;font-weight:600;text-decoration:none;display:flex}.brand span{font-size:15px}.brand small{letter-spacing:2px;color:var(--muted);margin-top:5px;font-size:8px;display:block}.family-mark{border-block:1px solid #dfe4d9;align-items:center;gap:12px;margin:45px 0 32px;padding:15px 6px;display:flex}.family-mark>span{border:1px solid #cbd5c7;border-radius:50%;padding:10px 15px;font-family:Lora;font-size:22px}.family-mark small,.account small{color:var(--muted);margin-top:4px;display:block}.nav-label{letter-spacing:2px;color:var(--muted);margin-left:12px;font-size:9px}nav{gap:5px;display:grid}nav button{text-align:left;border-radius:7px;align-items:center;gap:12px;padding:13px;font-size:12px;display:flex}nav button.active{background:#dfe7db;font-weight:600}nav button>span{background:#f1f5ed;border-radius:5px;margin-left:auto;padding:2px 6px;font-size:10px}.sidebar-story{color:#71826f;margin-top:auto;padding:80px 10px 45px}.sidebar-story h3{margin:15px 0 10px;font-size:17px;line-height:1.7}.sidebar-story p{font-size:11px;line-height:1.8}.account{border-top:1px solid #dfe4d9;align-items:center;gap:10px;padding-top:20px;font-size:11px;display:flex}.account button{margin-left:auto}.main{flex:1;min-width:0;padding:0 36px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:75px;font-size:11px;display:flex}.topbar>span{color:#8a9088;align-items:center;gap:12px;display:flex}.topbar b{color:var(--ink);font-weight:500}.private{font-size:10px}.private>span{background:#6c8b65;border-radius:50%;width:6px;height:6px}.pagehead{justify-content:space-between;align-items:center;gap:15px;padding:37px 0 27px;display:flex}.eyebrow{letter-spacing:2px;color:#8b977d;margin-bottom:12px;font-size:9px;font-weight:700}h1{letter-spacing:-1px;margin-bottom:10px;font-size:32px}.pagehead p:last-child{color:var(--muted);margin:0;font-size:12px}.primary{background:var(--green);color:#fff;white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:12px 17px;font-size:11px;text-decoration:none;display:inline-flex}.stats{align-items:center;gap:30px;padding:17px 0 25px;display:flex}.stats>div{align-items:center;gap:10px;display:flex}.stats svg{color:#8b9a80;width:17px}.stats strong{font-size:18px;font-weight:500}.stats span{color:var(--muted);font-size:10px}.stats>button{align-items:center;gap:7px;margin-left:auto;font-size:10px;display:flex}.workspace{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:635px;display:flex;overflow:hidden}.tree-area{flex:1;min-width:0}.toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;height:66px;padding:0 20px;display:flex}.tabs{gap:5px;display:flex}.tabs button{white-space:nowrap;color:#7f887f;border-radius:4px;align-items:center;gap:7px;padding:9px;font-size:10px;display:flex}.tabs .chosen{color:var(--green);background:#edf2e9}.search{align-items:center;gap:6px;display:flex;color:#9ba295!important;margin:0!important}.search input{background:0 0;width:170px;font-size:10px;border:0!important;padding:8px 0!important}.canvas{background-color:#fafbf7;background-image:radial-gradient(#dce3d4 .7px,#0000 .7px);background-size:18px 18px;height:520px;overflow:auto}.connections{fill:none;stroke:#becbb7;stroke-width:1.5px;position:absolute;inset:0}.person-node{background:#fff;border:1px solid #e2e7dd;border-radius:7px;flex-direction:column;align-items:center;width:190px;height:108px;padding:12px;display:flex;position:absolute;box-shadow:0 3px 7px #23382805}.person-node b{margin:8px 0 4px;font-size:11px;font-weight:500}.person-node small{color:#94998f;font-size:9px}.person-node.selected{border:1.5px solid #4c7158;box-shadow:0 4px 14px #33574713}.avatar{color:#718366;background:#e6ebde;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;display:flex;overflow:hidden}.avatar.male{color:#285780;background:#e4effa}.avatar.female{color:#8b4261;background:#f6e4ec}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.small{width:30px;height:30px;font-size:10px}.avatar.large{width:77px;height:77px;margin:20px auto 15px;font-size:25px}.focus-label{color:#fff;letter-spacing:1px;background:#45654e;border-radius:4px;padding:3px 9px;font-size:7px;position:absolute;bottom:-9px}.canvas-footer{border-top:1px solid var(--line);color:#9ba191;justify-content:space-between;align-items:center;height:48px;padding:0 18px;font-size:9px;display:flex}.canvas-footer>span{align-items:center;gap:7px;display:flex}.canvas-footer i{border-top:1px solid #9aad8c;width:15px}.canvas-footer i.dash{border-top-style:dashed;margin-left:10px}.canvas-footer>div{align-items:center;gap:8px;display:flex}.canvas-footer button{padding:5px;display:flex}.profile{border-left:1px solid var(--line);flex-shrink:0;width:270px;padding:18px 20px}.profile-top{letter-spacing:1.5px;color:#919a87;justify-content:space-between;align-items:center;font-size:8px;display:flex}.profile h2{text-align:center;margin-bottom:8px;font-size:23px}.profile>p{text-align:center;font-size:11px}.dates{color:#8d9387}.location{color:#8d9387;justify-content:center;align-items:center;gap:5px;display:flex;font-size:10px!important}.profile-actions{justify-content:center;gap:7px;margin:19px 0;display:flex}.profile-actions button,.upload{border:1px solid var(--line);border-radius:4px;padding:8px 10px;font-size:10px}.upload{cursor:pointer;gap:5px;margin:0;display:flex}.upload input{display:none}.profile-section{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.profile-section h3{justify-content:space-between;align-items:center;font-family:inherit;font-size:11px;display:flex}.profile-section p{color:#8b9386;white-space:pre-wrap;font-size:11px;line-height:1.9}.relation-group>span{text-transform:uppercase;letter-spacing:1.3px;color:#97a08d;margin:17px 0 10px;font-size:8px;display:block}.relative{align-items:center;display:flex}.relative>button:first-child{text-align:left;flex:1;align-items:center;gap:9px;padding:5px 0;display:flex}.relative b{flex:1;font-size:10px;font-weight:500}.relative small{font-size:8px;display:block}.pagefooter{color:#a1a995;align-items:center;gap:7px;padding:20px 0;font-size:10px;display:flex}.pagefooter span{letter-spacing:1px;margin-left:auto;font-size:8px}.directory{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-content:start;gap:12px;min-height:568px;padding:20px;display:grid}.directory-card{border:1px solid var(--line);text-align:left;border-radius:7px;align-items:center;gap:11px;padding:15px;display:flex}.directory-card b{font-size:12px}.directory-card small{color:var(--muted);margin-top:5px;display:block}.directory-card>svg{flex-shrink:0;margin-left:auto}.muted{color:var(--muted);font-size:10px}.empty{text-align:center;grid-column:1/-1;padding:70px 30px}.empty>svg{color:#93a18a}.empty h2{margin:20px 0 10px;font-size:25px}.empty p{color:var(--muted)}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#17382c66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--paper);border-radius:12px;width:600px;max-height:92vh;padding:27px;overflow:auto;box-shadow:0 20px 80px #1235}.modal-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.modal-head h2{margin:0;font-size:24px}.formgrid{grid-template-columns:1fr 1fr;gap:0 15px;display:grid}label{color:#74806c;margin-bottom:17px;font-size:11px;display:block}input,textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #d9dfd1;border-radius:4px;margin-top:6px;padding:10px;display:block}.check{align-items:center;gap:7px;display:flex}.check input{width:auto;margin:0}.error{color:#a44a37;padding:0 15px;font-size:12px}.demo-banner{color:#7d8a6d;background:#eef1e7;border-radius:4px;margin-top:12px;padding:8px 12px;font-size:10px}.demo-banner a{float:right}.welcome{max-width:800px;margin:12vh auto;padding:30px}.welcome .brand{margin-bottom:70px}.welcome h1{font-size:48px;line-height:1.3}.welcome>p:not(.eyebrow){max-width:530px;color:var(--muted);line-height:1.9}.welcome .primary{margin:10px 0 18px}.login form{max-width:360px}.login h1{font-size:40px}@media (min-width:1600px){.main{padding:0 55px}.canvas{height:600px}.workspace{min-height:715px}}@media (max-width:1150px){.sidebar{width:190px;padding:28px 13px}.main{padding:0 22px}.profile{width:240px;padding:17px}.toolbar{flex-wrap:wrap;height:auto;min-height:66px;padding:10px}.stats{gap:17px}.stats span{max-width:70px}.pagehead h1{font-size:28px}.primary{padding:11px}}@media (max-width:850px){.sidebar{width:70px;padding:25px 9px}.brand span,.family-mark,.nav-label,.sidebar-story,.account>div,.account>button,nav button>span{display:none}.brand{justify-content:center}.sidebar nav{margin-top:40px}nav button{gap:0;padding:15px;font-size:0}nav button svg{flex-shrink:0}.account{justify-content:center;margin-top:auto}.pagehead{align-items:flex-start}.stats>button{font-size:0}.profile{width:230px}.pagehead h1{font-size:25px}.toolbar .search input{width:140px}}@media (max-width:650px){.shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:65px;padding:10px 18px}.sidebar .brand span{display:block}.sidebar .brand small{display:none}.sidebar nav{margin:0;display:flex}.sidebar nav button{padding:11px}.account{display:none}.main{padding:0 15px}.topbar{height:48px;font-size:10px}.topbar .private{gap:5px;font-size:8px}.pagehead{flex-wrap:wrap;padding:25px 0 20px}.pagehead h1{font-size:27px}.pagehead .primary{font-size:10px}.stats{gap:15px;padding:10px 0 20px}.stats>div{gap:5px}.stats strong{font-size:16px}.stats span{max-width:50px;font-size:8px}.stats svg{width:14px}.workspace{display:block}.profile{border-left:0;border-top:1px solid var(--line);width:100%;padding:22px}.canvas{height:430px}.directory{min-height:430px}.pagefooter{font-size:8px}.pagefooter span{display:none}.toolbar{padding:10px}.search input{width:130px!important}.tabs button{padding:7px;font-size:9px}.canvas-footer{padding:0 10px;font-size:8px}.formgrid{grid-template-columns:1fr}.modal{padding:20px}.modal-head h2{font-size:21px}.welcome{margin:5vh auto;padding:25px}.welcome h1{font-size:34px}.demo-banner{font-size:9px;line-height:1.7}.demo-banner a{float:none;display:block}.profile-section{max-width:450px;margin-inline:auto}}.add-relative-actions{flex-wrap:wrap;justify-content:center;gap:6px;margin:15px 0;display:flex}.add-relative-actions button{background:#f2f5ed;border:1px solid #d9e2d2;border-radius:5px;align-items:center;gap:4px;min-height:36px;padding:9px 7px;font-size:10px;display:flex}.relative-hint{color:#75816d;background:#edf2e7;border-radius:5px;padding:12px;font-size:12px;line-height:1.7}.admin-menu-link{border-radius:7px;align-items:center;gap:12px;padding:13px;font-size:12px;text-decoration:none;display:flex}.admin-menu-link:hover{background:#dfe7db}.admin-page{max-width:1100px;margin:auto;padding:35px 25px}.back-link{align-items:center;gap:8px;margin-bottom:35px;font-size:12px;text-decoration:none;display:flex}.admin-page>.muted{font-size:13px}.admin-nav{margin:30px 0 20px}.admin-nav>span{background:#e5ecdf;border-radius:7px;align-items:center;gap:9px;padding:14px;display:flex}.admin-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.admin-card{border:1px solid var(--line);background:#fff;border-radius:10px;min-width:0;padding:25px}.admin-card h2{font-size:24px}.admin-card>p,.invite-result p{color:var(--muted);font-size:12px;line-height:1.8}.invite-note{color:var(--muted);align-items:flex-start;gap:8px;margin:20px 0;font-size:11px;line-height:1.7;display:flex}.invite-note svg{flex-shrink:0}.invite-result{background:#f0f5eb;border-radius:7px;margin-top:23px;padding:18px}.invite-result h3{align-items:center;gap:7px;font-size:17px;display:flex}.invite-result input{margin-bottom:12px;font-size:11px}.invitation-list article{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:15px 0;display:flex}.invitation-list b{overflow-wrap:anywhere;font-size:12px}.invitation-list small{color:var(--muted);margin-top:6px;display:block}.revoke{border:1px solid #dedbd1;border-radius:4px;padding:8px;font-size:11px}.setup-note{color:var(--muted);margin-top:30px;font-size:11px;line-height:1.8}.text-link{padding:10px 0;font-size:12px;text-decoration:underline}@media (max-width:850px) and (min-width:651px){.admin-menu-link{justify-content:center}.admin-menu-link span{display:none}}@media (max-width:650px){.admin-grid{grid-template-columns:1fr}.admin-page{padding:25px 17px}.admin-menu-link{padding:11px}.admin-menu-link span{display:none}}.photo-open{cursor:zoom-in;padding:0}.photo-open:focus-visible{outline:3px solid #749063}.avatar-button{width:100%;height:100%;display:block}.person-select{text-align:inherit;padding:0}.person-node .person-select{margin:8px 0 4px}.person-node .person-select b{margin:0}.person-select:hover{text-decoration:underline}.profile-actions{flex-wrap:wrap}.avatar.large{width:100px;height:100px}.person-node .avatar{width:42px;height:42px}.directory-card .avatar{width:48px;height:48px}.person-node{height:119px}.photo-dialog{background:var(--paper);color:var(--ink);border:0;border-radius:12px;width:min(560px,100vw - 30px);max-height:92dvh;padding:0;overflow:auto;box-shadow:0 20px 100px #152a3040}.photo-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10271ed9}.photo-dialog-content{padding:25px}.photo-dialog-wide{width:min(1000px,100vw - 30px)}.photo-dialog .modal-head h2{font-size:22px}.enlarged-photo{object-fit:contain;border-radius:5px;width:auto;max-width:100%;height:auto;max-height:70dvh;margin:15px auto;display:block}.photo-view-switch{gap:8px;margin:12px 0;display:flex}.photo-view-switch button{background:#e8eee2;border-radius:5px;padding:9px 14px;font-size:12px}.photo-view-switch button.active{background:var(--green);color:#fff}.crop-intro{color:var(--muted);font-size:12px;line-height:1.8}.crop-stage{background:#e5eade;border-radius:8px;justify-content:center;margin:18px 0;padding:20px;display:flex}.photo-crop-area{aspect-ratio:1;touch-action:none;cursor:grab;border-radius:50%;outline:2px solid #fff;width:min(280px,65vw);position:relative;overflow:hidden;box-shadow:0 0 0 1px #becbb7}.photo-crop-area:active{cursor:grabbing}.photo-crop-area img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;height:auto;position:absolute}.crop-position-controls{grid-template-columns:1fr 1fr;gap:15px;display:grid}.crop-buttons{justify-content:flex-end;align-items:center;gap:10px;font-size:12px;display:flex}.photo-dialog input[type=range]{accent-color:var(--green);padding:0}@media (max-width:650px){.photo-dialog-content{padding:18px}.photo-dialog .modal-head h2{font-size:18px}.crop-stage{padding:12px}.crop-buttons{flex-wrap:wrap}.enlarged-photo{max-height:65dvh}}.branch-admin{margin-top:40px}.branch-admin>p{color:var(--muted);font-size:12px;line-height:1.8}.branch-admin>.admin-card{margin-top:22px}.member-list form{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:flex-end;gap:12px;padding:18px 0;display:flex}.member-list form>div{flex:1;min-width:150px}.member-list small{color:var(--muted);margin-top:5px;display:block}.member-list label{min-width:140px;margin:0}.member-list b{font-size:12px}.branch-review{border-top:1px solid var(--line);padding:17px 0;font-size:12px}.branch-review p{white-space:pre-wrap;line-height:1.8}.branch-review>div{gap:10px;display:flex}.branch-readonly{background:#f0f3e9;border-radius:5px;padding:12px;font-size:10px;line-height:1.7}.branch-readonly button{text-decoration:underline}.branch-admin .admin-card>form .muted{line-height:1.8}.mobile-stats,.reopen-profile,.profile-backdrop{display:none}.fit-tree{white-space:nowrap;border:1px solid var(--line);border-radius:4px;font-size:10px;padding:6px!important}.canvas-footer>div{gap:3px}@media (max-width:650px){.pagehead{gap:12px;padding:18px 0 14px}.pagehead h1{margin-bottom:7px;font-size:25px}.pagehead .eyebrow{margin-bottom:8px;font-size:8px}.pagehead p:last-child{font-size:11px}.pagehead .primary{min-height:42px;padding:10px 12px}.stats{display:none}.mobile-stats{color:#7b8874;margin:0 0 15px;font-size:11px;display:block}.mobile-stats summary{cursor:pointer;min-height:36px;line-height:36px;list-style-position:inside;display:list-item}.mobile-stats>button{align-items:center;gap:7px;padding:10px 0;font-size:11px;display:flex}.workspace{border-radius:9px;min-height:0}.toolbar{border-bottom:1px solid var(--line);grid-template-columns:1fr;gap:9px;padding:12px;display:grid}.tabs{gap:8px;width:100%}.tabs button{flex:1;justify-content:center;min-height:42px;padding:10px;font-size:12px}.toolbar .search{background:#fafbf7;border:1px solid #e1e6db;border-radius:6px;width:100%;min-height:42px;padding:0 11px;display:flex}.toolbar .search input{min-width:0;min-height:40px;margin:0;font-size:13px;width:100%!important;padding:10px 0!important}.canvas{touch-action:none;overscroll-behavior:contain;scrollbar-width:thin;height:clamp(360px,57dvh,620px)}.person-node{border-radius:7px;padding:10px 7px}.person-node .avatar{width:34px;height:34px;font-size:11px}.person-node .person-select{justify-content:center;align-items:center;width:100%;min-height:27px;margin:5px 0 2px;display:flex}.person-node .person-select b{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.2;display:-webkit-box;overflow:hidden}.person-node small{font-size:9px;line-height:1.3}.focus-label{padding:3px 8px;font-size:7px}.canvas-footer{justify-content:center;gap:5px;height:auto;min-height:58px;padding:7px 8px}.canvas-footer>span{display:none}.canvas-footer>div{justify-content:space-around;width:100%}.canvas-footer button{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px}.canvas-footer .fit-tree{min-width:62px;font-size:11px}.canvas-footer>div>span{text-align:center;min-width:36px;font-size:11px}.reopen-profile{border-bottom:1px solid var(--line);text-align:left;background:#eef3e8;justify-content:space-between;align-items:center;width:100%;min-height:42px;padding:10px 13px;font-size:11px;display:flex}.profile-backdrop{z-index:35;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#15332765;display:block;position:fixed;inset:0}.profile{z-index:40;overscroll-behavior:contain;width:100%;max-height:78dvh;padding:0 22px calc(25px + env(safe-area-inset-bottom));background:var(--paper);border:0;border-radius:20px 20px 0 0;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -10px 45px #10291f22}.profile:before{content:"";background:#ccd6c5;border-radius:4px;width:42px;height:4px;margin:10px auto 0;display:block}.profile-top{z-index:1;background:var(--paper);letter-spacing:1px;padding:12px 0;font-size:9px;position:sticky;top:0}.profile-top button{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.profile .avatar.large{width:88px;height:88px;margin-top:5px}.profile h2{font-size:25px}.profile-actions button,.profile .upload,.add-relative-actions button{min-height:44px;padding:10px 13px;font-size:12px}.profile-actions{margin:17px 0}.profile .relative>button:first-child{min-height:48px}.profile .relative b{font-size:12px}.profile .relative>button:last-child{min-width:40px;min-height:44px}.profile-section h3{font-size:13px}.profile-section p{font-size:12px}.profile-section h3>button{min-width:44px;min-height:44px}.overlay{z-index:60}.directory{grid-template-columns:1fr;min-height:360px;padding:12px}.directory-card{min-height:76px;padding:12px}.directory-card .person-select{min-height:38px}.directory-card b{font-size:13px}.directory-card>button:last-child{min-width:44px;min-height:44px}.pagefooter{padding:12px 0}.branch-readonly{font-size:11px}.branch-readonly button{min-height:40px}}@media (prefers-reduced-motion:no-preference){@media (max-width:650px){.profile{animation:.18s ease-out profile-rise}@keyframes profile-rise{0%{opacity:.5;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}}}.relative-mode-tabs{gap:8px;margin-bottom:18px;display:flex}.relative-mode-tabs button{border:1px solid #d8e0d1;border-radius:6px;flex:1;min-height:44px;padding:12px;font-size:12px}.relative-mode-tabs button.active{background:var(--green);color:#fff;border-color:var(--green)}.existing-search{background:#fff;border:1px solid #d8e0d1;border-radius:6px;align-items:center;gap:8px;padding:0 10px;display:flex}.existing-search input{border:0;min-height:44px;margin:0;padding:10px 0;font-size:12px}.existing-results{overscroll-behavior:contain;border-block:1px solid var(--line);max-height:330px;margin-bottom:15px;overflow:auto}.existing-result{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:10px;min-height:68px;margin:0;padding:12px 8px;display:flex}.existing-result.selected{background:#e8efdf}.existing-result.unavailable{opacity:.6;cursor:default}.existing-result input{width:auto;accent-color:var(--green);flex-shrink:0;margin:0}.existing-result>span:last-child{min-width:0}.existing-result b{color:var(--ink);font-size:12px}.existing-result small{overflow-wrap:anywhere;margin-top:4px;font-size:10px;line-height:1.5;display:block}.connection-unavailable{color:#925c47}.connection-summary{background:#edf3e6;border-radius:5px;padding:12px;font-size:12px;line-height:1.8}@media (max-width:650px){.relative-mode-tabs button{padding:10px 7px;font-size:11px}.existing-results{max-height:38dvh}.existing-result{padding:13px 7px}.existing-search input{font-size:12px}}.branch-bulk{margin-block:24px}.branch-bulk label{gap:8px;margin-block:14px;display:grid}.descendant-controls{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.descendant-controls label{flex:1;min-width:200px;margin-bottom:0}.bulk-actions{flex-wrap:wrap;gap:10px;margin-block:16px;display:flex}.branch-checklist{border:1px solid #dce3d9;border-radius:12px;max-height:380px;padding:12px;overflow-y:auto}.branch-bulk .branch-check-row{border-bottom:1px solid #edf0e9;align-items:center;gap:12px;min-height:48px;margin:0;padding:8px;display:flex}.branch-check-row input{flex-shrink:0;width:20px;height:20px}.branch-check-row small{color:#6e786e;margin-top:4px;display:block}.branch-preview li{overflow-wrap:anywhere;margin-block:12px}.assignment-warning{color:#85510d;font-size:13px;display:block}.profile-branch{background:#edf2e7;border-radius:8px;padding:6px 10px;font-size:13px;display:inline-block}@media (max-width:650px){.branch-bulk select,.branch-bulk input[type=search]{width:100%;min-width:0}.branch-bulk{min-width:0}.branch-bulk button{min-height:44px}}.relationship-finder{background:#fff;border:1px solid #dce3d9;border-radius:12px;margin:0 0 24px;padding:18px}.relationship-finder summary{cursor:pointer;min-height:30px;font-weight:600}.kinship-selectors{flex-wrap:wrap;gap:16px;margin-block:18px;display:flex}.kinship-selectors label{flex:1;gap:8px;min-width:180px;display:grid}.kinship-selectors select{width:100%;min-height:44px}.kinship-path{padding-left:24px}.kinship-path li{margin-block:12px}.kinship-path small{color:#6e786e}.change-history{margin-block:24px}.history-entry{border-bottom:1px solid #dce3d9;padding-block:18px}.history-entry h3{margin-bottom:6px}.history-entry dl{font-size:13px}.history-entry dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 12px}.history-entry dt{font-weight:600}.history-entry button{margin-top:12px}.undo-confirm{overflow-wrap:anywhere;background:#fffaf0;border:1px solid #b98432;border-radius:10px;margin-block:16px;padding:18px}@media (max-width:650px){.kinship-selectors{display:grid}.change-history button{min-height:44px}}.gedcom-import{margin-block:24px}.gedcom-import label{gap:8px;margin-block:12px;display:grid}.import-person{border-bottom:1px solid #dce3d9;padding:14px 0}.import-person h4{margin:0}.import-person p{margin-block:6px}.import-people{max-height:600px;padding-inline:4px;overflow-y:auto}.gedcom-import .inline-check{align-items:center;gap:10px;display:flex}.inline-check input{flex-shrink:0;width:20px;height:20px}.import-confirm{border:1px solid #dce3d9;border-radius:12px;margin-block:16px;padding:18px}.gedcom-import select{width:100%;min-width:0;min-height:44px}.gedcom-import li{margin-block:8px}@media (max-width:650px){.gedcom-import{overflow-wrap:anywhere;min-width:0}.gedcom-import input{max-width:100%}.gedcom-import button{min-height:44px}}.import-feedback{white-space:pre-wrap;background:#f1f6ec;border:1px solid #b4c5ad;border-radius:10px;padding:14px}.import-feedback:focus,.import-confirm:focus,.import-people:focus{outline-offset:4px;outline:2px solid #345b49}.profile-merge{margin-block:24px}.profile-merge label{gap:8px;margin-block:12px;display:grid}.merge-pickers,.merge-values{grid-template-columns:1fr 1fr;gap:16px;display:grid}.merge-comparison fieldset{border:1px solid #dce3d9;border-radius:10px;min-width:0;margin-block:14px;padding:14px}.merge-values>div{min-width:0}.merge-values p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow-y:auto}.merge-values img,.merge-final-photo{object-fit:cover;border-radius:12px;width:96px;height:96px}.profile-merge .inline-check{align-items:center;gap:10px;display:flex}.profile-merge select,.profile-merge input[type=search]{width:100%;min-width:0;min-height:44px}.profile-merge dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 12px}@media (max-width:650px){.merge-pickers{grid-template-columns:1fr}.profile-merge button{min-height:44px}.profile-merge{overflow-wrap:anywhere;min-width:0}}.merge-final-connections ul{max-height:320px;overflow-y:auto}.merge-final-connections li{margin-block:8px}.profile-delete{margin-block:24px}.profile-delete label{gap:8px;margin-block:14px;display:grid}.profile-delete input,.profile-delete select{width:100%;min-width:0;min-height:44px}.delete-action{color:#fff;background:#8c3030;border:1px solid #8c3030;border-radius:8px;padding:12px 18px}.delete-action:disabled{opacity:.5;cursor:not-allowed}.delete-portrait{object-fit:cover;border-radius:12px;width:96px;height:96px}.delete-connections{max-height:300px;overflow-y:auto}.profile-delete li{margin-block:8px}@media (max-width:650px){.profile-delete{overflow-wrap:anywhere;min-width:0}.profile-delete button{min-height:44px}}.fullscreen-toggle{border:1px solid var(--line);min-height:44px;color:var(--green);white-space:nowrap;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:12px;display:inline-flex}.shell.tree-fullscreen{z-index:100;background:var(--paper);width:100%;height:100dvh;display:block;position:fixed;inset:0;overflow:hidden}.tree-fullscreen>.sidebar{display:none}.tree-fullscreen>.main{width:100%;max-width:none;height:100%;margin:0;padding:0}.tree-fullscreen>.main>:not(.workspace){display:none}.tree-fullscreen .workspace{border:0;border-radius:0;width:100%;height:100%;min-height:0}.tree-fullscreen .tree-area{flex-direction:column;height:100%;min-height:0;display:flex}.tree-fullscreen .toolbar{flex-shrink:0;height:auto;min-height:66px}.tree-fullscreen .canvas{flex:1;height:auto;min-height:0}.tree-fullscreen .canvas-footer,.tree-fullscreen .reopen-profile{flex-shrink:0}.tree-fullscreen .directory{flex:1;min-height:0;overflow-y:auto}@media (min-width:651px){.tree-fullscreen .profile{height:100%;overflow-y:auto}}@media (max-width:650px){.toolbar{grid-template-columns:minmax(0,1fr) auto}.toolbar .tabs{grid-area:1/1;min-width:0}.toolbar .search{grid-area:2/1/auto/-1}.fullscreen-toggle{grid-area:1/2;min-width:44px}.fullscreen-toggle span{display:none}.tree-fullscreen .canvas-footer{padding-bottom:max(8px, env(safe-area-inset-bottom))}.tree-fullscreen .toolbar{padding-top:max(12px, env(safe-area-inset-top))}}.toolbar .search{flex:1;min-width:0}.toolbar .search input{width:100%;min-width:0}.shell.tree-fullscreen{min-height:0}.canvas{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.canvas.panning,.canvas.panning *{cursor:grabbing!important}.canvas img{-webkit-user-drag:none}.tree-navigation{border-bottom:1px solid var(--line);background:#fbfcf8;flex-shrink:0;padding:12px 18px}.tree-view-controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.tree-view-controls label{color:#5b6d60;gap:4px;font-size:11px;display:grid}.tree-view-controls select{min-width:110px;min-height:38px;margin:0;padding:7px 10px;font-size:12px}.tree-view-controls .tree-partner-option{align-items:center;gap:7px;display:flex}.tree-partner-option input{width:18px;height:18px;margin:0}.tree-navigation p{color:#5b6d60;margin:10px 0 0;font-size:11px}.tree-navigation small{color:#758271;margin-top:6px;font-size:10px;display:block}@media (max-width:650px){.tree-navigation{padding:10px 12px}.tree-view-controls{gap:10px}.tree-view-controls label:not(.tree-partner-option){flex:1}.tree-view-controls select{width:100%;min-height:44px}.tree-view-controls .tree-partner-option{width:100%;min-height:28px}}.go-to-me{border:1px solid var(--line);min-height:44px;color:var(--green);white-space:nowrap;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:12px;display:inline-flex}.me-picker{border-bottom:1px solid var(--line);background:#f3f7ed;flex-shrink:0;max-height:60dvh;padding:14px 18px;overflow-y:auto}.me-picker h3{margin:0 0 8px;font-size:16px}.me-picker p{font-size:12px}.me-picker label{gap:5px;margin-block:10px;font-size:12px;display:grid}.me-picker select,.me-picker input{width:100%;min-height:44px;margin:0}.me-picker-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.me-picker-actions button{min-height:44px}.me-profile-choice{justify-content:center;margin-block:10px;display:flex}.me-profile-choice button{border:1px solid var(--line);border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-size:12px;display:inline-flex}.me-profile-choice button[aria-pressed=true]{color:var(--green);background:#edf2e7}@media (max-width:1049px){.go-to-me span{display:none}}@media (max-width:650px){.toolbar{grid-template-columns:minmax(0,1fr) auto auto}.go-to-me{grid-area:1/2;min-width:44px}.fullscreen-toggle{grid-column:3}.me-picker{padding:12px}}.tree-orientation{border:0;min-width:0;margin:0;padding:0}.tree-orientation legend{color:#5b6d60;margin-bottom:4px;font-size:11px}.tree-orientation>div{border:1px solid var(--line);border-radius:7px;display:inline-flex;overflow:hidden}.tree-orientation button{min-height:38px;color:var(--green);background:#fff;padding:9px 12px;font-size:12px}.tree-orientation button[aria-pressed=true]{background:var(--green);color:#fff}.tree-generation-label{text-align:center;color:#5b7463;pointer-events:none;font-family:Georgia,serif;font-size:14px;font-weight:600;position:absolute}.person-node.horizontal-node{grid-template-rows:1fr auto 18px;grid-template-columns:48px minmax(0,1fr);place-items:center start;column-gap:12px;padding:12px;display:grid}.person-node.horizontal-node .avatar{grid-area:1/1/4;width:48px;height:48px}.person-node.horizontal-node .person-select{text-align:left;grid-area:1/2;justify-content:flex-start;align-self:end;width:100%;min-height:0;margin:0}.person-node.horizontal-node .person-select b{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;display:block;overflow:hidden}.person-node.horizontal-node>small{text-overflow:ellipsis;white-space:nowrap;grid-area:2/2;width:100%;font-size:11px;overflow:hidden}.person-node.horizontal-node .focus-label{letter-spacing:.5px;grid-area:3/2;padding:2px 6px;font-size:7px;position:static}@media (max-width:650px){.tree-orientation button{min-height:44px}.person-node.horizontal-node{grid-template-columns:38px minmax(0,1fr);gap:0 9px;padding:10px}.person-node.horizontal-node .avatar{width:38px;height:38px}.person-node.horizontal-node .person-select b{font-size:12px}}.tree-history{flex-wrap:wrap;align-items:center;gap:6px;width:100%;display:flex}.tree-history button{background:#fff;border:1px solid #dce3d9;border-radius:7px;align-items:center;gap:5px;min-height:36px;padding:5px 10px;display:inline-flex}.tree-history button:disabled{opacity:.4;cursor:default}.person-node .branch-controls{justify-content:center;gap:4px;display:flex;position:absolute;bottom:6px;left:4px;right:4px}.person-node .branch-toggle{color:#335747;background:#f6f8f3;border:1px solid #dce3d9;border-radius:6px;min-height:28px;padding:3px 6px;font-size:10px}.person-node .branch-toggle:focus-visible,.tree-history button:focus-visible{outline-offset:2px;outline:2px solid #335747}@media (max-width:650px){.tree-history button{min-height:44px}.person-node .branch-toggle{min-height:32px}}.canvas{scroll-behavior:auto;overflow-anchor:none;-webkit-touch-callout:none}@media (max-width:650px){.canvas{height:clamp(420px,65dvh,760px)}}.topbar-account{align-items:center;gap:14px;display:flex}.logout-button{border:1px solid var(--line);min-height:44px;color:var(--ink);white-space:nowrap;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:inline-flex}.logout-button:disabled{opacity:.6;cursor:wait}.logout-button:focus-visible{outline-offset:2px;outline:2px solid #335747}.logout-error{color:#973b36;margin:8px 0;font-size:13px}@media (max-width:650px){.topbar-account{gap:6px}.topbar-account .private{display:none}.topbar{gap:8px;height:auto;min-height:54px}}.shell.menu-hidden>.sidebar{display:none}.topbar-navigation{align-items:center;gap:14px;min-width:0;display:flex}.topbar-breadcrumb{color:#8a9088;align-items:center;gap:10px;display:flex}.menu-toggle{border:1px solid var(--line);min-height:44px;color:var(--ink);white-space:nowrap;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:inline-flex}.menu-toggle:focus-visible{outline-offset:2px;outline:2px solid #335747}@media (max-width:850px){.topbar-breadcrumb{display:none}}.me-results{overscroll-behavior:contain;max-height:min(38dvh,360px);margin:10px 0;padding:0;list-style:none;overflow-y:auto}.me-results li{margin:0 0 6px}.me-results button{text-align:left;border:1px solid var(--line);width:100%;min-height:64px;color:var(--ink);background:#fff;border-radius:9px;align-items:center;gap:12px;padding:10px 12px;display:flex}.me-results button[aria-pressed=true]{background:#eef3e9;border:2px solid #335747;padding:9px 11px}.me-results button:focus-visible{outline-offset:2px;outline:2px solid #335747}.me-result-text{overflow-wrap:anywhere;gap:3px;min-width:0;display:grid}.me-result-text b{font-size:14px}.me-result-text>span,.me-result-text small{color:#607065;font-size:12px}.me-selected-mark{margin-left:auto;font-size:20px;font-weight:700}.me-selection{background:#eef3e9;border-radius:8px;padding:10px}.person-node .recorded-parent-label{border:0;border-top:1px solid var(--line);text-align:center;color:#47604d;background:#f6f8f3;border-radius:4px;width:calc(100% - 14px);min-height:36px;padding:3px 4px;position:absolute;bottom:42px;left:7px;right:7px}.person-node .recorded-parent-label b{margin:0 0 2px;font-size:9px;font-weight:600;display:block}.person-node .recorded-parent-label>span{white-space:nowrap;text-overflow:ellipsis;font-size:9px;display:block;overflow:hidden}.person-node .recorded-parent-label[aria-pressed=true]{background:#dcebdc;outline:2px solid #335747}.person-node .recorded-parent-label:focus-visible{outline-offset:2px;outline:2px solid #335747}.person-node.horizontal-node{padding-bottom:82px}.connections .parent-path-highlight{stroke:#285d3b;stroke-width:3px}.connections .parent-path-muted{opacity:.2}.parent-trace{background:#edf3e8;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:10px;font-size:12px;display:flex}.parent-trace button{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:6px;min-height:44px;padding:6px 10px}.connections .parent-path-highlight path{stroke:#285d3b;stroke-width:3px}.connections .family-junction{fill:#7a8f74;stroke:#fff;stroke-width:1px}.connections path{stroke-linejoin:round;stroke-linecap:round}.connection-manager{gap:14px;margin:16px 0;display:grid}.connection-manager section{border:1px solid var(--line);border-radius:9px;padding:14px}.connection-manager section p{margin-bottom:10px}.connection-manager label{gap:6px;font-size:13px;display:grid}.connection-manager select{width:100%;min-height:44px}.connection-manager-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.connection-manager-actions button{border:1px solid var(--line);background:#fff;border-radius:7px;min-height:44px;padding:8px 12px}.connection-manager-actions .connection-remove{color:#963d36;border-color:#dcb8b3}.connection-manager-actions button:disabled{opacity:.45;cursor:default}.sibling-parent-checklist{border:1px solid var(--line);border-radius:9px;margin:12px 0 20px;padding:14px}.sibling-parent-checklist legend{padding:0 5px;font-weight:600}.sibling-parent-checklist label{align-items:center;gap:10px;min-height:44px;display:flex}.sibling-parent-checklist input{flex-shrink:0;width:20px;height:20px}.profile-actions .take-profile-photo{display:none}.profile-actions button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.profile-actions button:disabled{opacity:.5;cursor:default}.profile-actions button:focus-visible{outline-offset:2px;outline:2px solid #335747}@media (pointer:coarse),(max-width:650px){.profile-actions .take-profile-photo{display:inline-flex}.profile-actions button{min-height:44px}}.connection-person-search{margin:16px 0}.connection-selected{background:#edf3e8;border-radius:7px;padding:10px;font-size:13px}.connection-selected button{border:1px solid var(--line);background:#fff;border-radius:5px;min-height:36px;margin-left:8px;padding:4px 8px}.connection-confirmation{background:#f0f5ec;border:1px solid #b7c9b1;border-radius:9px;margin:18px 0;padding:14px}.connection-confirmation h3{margin:0 0 10px;font-size:16px}.connection-confirmation p{font-size:14px;line-height:1.5}.connection-confirmation p:last-child{margin-bottom:0}.profile-actions input[type=file][hidden]{display:none!important}.account-settings-link{border:1px solid var(--line);min-height:44px;color:var(--ink);white-space:nowrap;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12px;text-decoration:none;display:inline-flex}.account-settings-link:focus-visible{outline-offset:2px;outline:2px solid #335747}.account-page{max-width:620px;margin:0 auto;padding:28px 20px}.account-settings{margin-top:24px}.account-settings h1{font-size:30px}.account-settings h2{margin-top:28px;font-size:22px}.account-settings p{overflow-wrap:anywhere;font-size:14px;line-height:1.6}.account-settings fieldset{border:0;gap:16px;min-width:0;margin:0;padding:0;display:grid}.account-settings label{gap:7px;font-size:14px;display:grid}.account-settings input:not([type=checkbox]){width:100%;min-height:46px}.account-settings .account-session-choice{align-items:flex-start;gap:10px;display:flex}.account-session-choice input{flex-shrink:0;width:20px;height:20px;margin:2px 0 0}.account-settings button{min-height:44px}.account-settings fieldset:disabled{opacity:.65}.account-notice{color:#315746}@media (max-width:420px){.account-settings-link{gap:4px;padding:8px}.topbar-navigation .menu-toggle{padding:8px}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}