:root{color:#262826;font-synthesis:none;--ink:#262826;--muted:#6d716c;--line:#dedfd9;--paper:#fff;--forest:#276052;--forest-dark:#19493e;--saffron:#d48235;--soft:#edf2ef;background:#f7f7f5;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit;letter-spacing:0}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:0;font-family:Segoe UI,Arial,sans-serif}.loading{height:100vh;color:var(--muted);place-items:center;display:grid}.brand{align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.brand svg{color:var(--saffron)}.auth-shell{grid-template-columns:minmax(360px,1.15fr) minmax(400px,.85fr);min-height:100vh;display:grid}.auth-intro{color:#fff;background-color:#204f45;background-image:linear-gradient(#204f45c7,#204f45e6),url(/assets/family-welcome-Bege2c9-.png);background-position:50%;background-repeat:repeat;background-size:cover;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;justify-content:space-between;min-height:100vh;padding:48px clamp(40px,7vw,100px);display:flex}.auth-intro h1{max-width:760px;margin-bottom:22px;font-size:clamp(38px,5vw,66px);line-height:1.08}.lede{color:#e0ebe7;max-width:620px;font-size:18px;line-height:1.6}.local-note{text-transform:uppercase;font-size:13px;font-weight:700}.auth-panel{background:#fafaf8;place-items:center;padding:40px;display:grid}.auth-form{width:min(420px,100%)}.auth-form header{margin-bottom:32px}.auth-form h2{margin-bottom:8px;font-size:30px}.auth-form header p,.field-help{color:var(--muted)}label{gap:7px;margin-bottom:18px;font-size:14px;font-weight:600;display:grid}input,textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #cfd1cb;border-radius:5px;outline:none;padding:11px 12px}textarea{resize:vertical}.primary,.secondary{border:0;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 18px;font-weight:700;display:inline-flex}.primary{background:var(--forest);color:#fff}.primary:disabled{opacity:.6}.auth-form .primary{width:100%;margin-top:8px}.secondary{border:1px solid var(--line);color:var(--ink);background:#fff}.compact{min-height:38px;padding:8px 13px}.compact svg,.secondary svg{width:17px}.error{color:#a3372b;background:#fff0ed;border-radius:4px;padding:10px 12px;font-size:14px}.success{color:#246348;background:#e9f6ed;border-radius:4px;padding:10px 12px}.app-shell{grid-template-columns:230px minmax(500px,1fr) 340px;min-height:100vh;display:grid}.app-shell>aside:first-child{color:#fff;z-index:10;background:#1e433b;flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.aside-head{justify-content:space-between;align-items:center;padding:0 8px 28px;display:flex}.app-shell nav{gap:6px;display:grid}.app-shell nav button{color:#cfe0da;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:11px;padding:11px 12px;display:flex}.app-shell nav button svg{width:19px}.aside-footer{border-top:1px solid #41655d;justify-content:space-between;align-items:center;margin-top:auto;padding:18px 4px 0;display:flex}.mini-profile{align-items:center;gap:9px;min-width:0;display:flex}.mini-profile span:last-child{min-width:0;display:grid}.mini-profile strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.icon-button{width:38px;height:38px;color:inherit;background:0 0;border:0;border-radius:5px;place-items:center;display:grid}.icon-button:hover{background:#80808026}.icon-button svg{width:19px}.workspace{min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:5;background:#fff;align-items:center;gap:18px;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.search{flex:1;align-items:center;gap:9px;max-width:560px;display:flex}.search svg{width:19px;color:var(--muted)}.search input{box-shadow:none;border:0;padding-left:0}.search-results{z-index:20;border:1px solid var(--line);background:#fff;width:min(520px,100vw - 650px);padding:6px;position:fixed;top:61px;left:250px;box-shadow:0 12px 28px #0000001f}.search-results button{text-align:left;background:#fff;border:0;justify-content:space-between;width:100%;padding:11px;display:flex}.search-results button:hover{background:#f3f5f2}.search-results small{color:var(--muted)}.content{max-width:1100px;margin:0 auto;padding:34px 32px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:38px;display:flex}.section-heading h1{margin-bottom:0;font-size:31px}.eyebrow{text-transform:uppercase;color:var(--forest);letter-spacing:1.4px;margin-bottom:6px;font-size:12px;font-weight:700}.tree{flex-direction:column;align-items:center;min-height:500px;display:flex}.generation{text-align:center;width:100%}.generation-label{color:var(--muted);text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:700;display:block}.card-row{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:14px;min-height:78px;display:flex}.person-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:6px;align-items:center;gap:11px;width:210px;min-height:78px;padding:12px;display:flex;box-shadow:0 2px 4px #16201d0a}.person-card.focus{border:2px solid var(--forest);box-shadow:0 4px 14px #2760521f}.person-card span:last-child{gap:3px;min-width:0;display:grid}.person-card strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.person-card small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.avatar{width:42px;height:42px;color:var(--forest-dark);background:#dceae5;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.avatar.small{width:34px;height:34px}.avatar.large{background:#e1ede8;width:62px;height:62px;font-size:18px}.tree-line{background:#bfc7c2;width:1px;height:45px}.placeholder{color:#969a95;border:1px dashed #cfd3ce;border-radius:6px;padding:25px}.profile-panel{border-left:1px solid var(--line);background:#fff;height:100vh;padding:30px 24px;position:sticky;top:0;overflow-y:auto}.profile-heading{align-items:center;gap:14px;margin-bottom:26px;display:flex}.profile-heading h2{margin:0 0 3px;font-size:21px}.profile-heading p{color:var(--muted);margin:0;font-size:14px}.profile-panel dl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin:0 0 25px;padding:16px 0;display:grid}.profile-panel dl div{gap:3px;display:grid}.profile-panel dt,.profile-panel section h3{text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.profile-panel dd{margin:0;font-size:14px}.profile-panel section{margin-top:26px}.story{white-space:pre-wrap;font-size:14px;line-height:1.55}.full{width:100%}.inline-form{background:#f4f6f3;margin-top:8px;padding:12px}.inline-form label,.inline-form select{margin-bottom:8px}.note-form textarea{font-size:14px}.note-form .primary{margin-left:auto}.notes{gap:10px;display:grid}.notes article{border-left:2px solid #d3a15f;padding:3px 0 3px 12px}.notes article p{margin-bottom:5px;font-size:14px;line-height:1.5}.notes article small{color:var(--muted)}.photo-strip{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.photo-strip img{aspect-ratio:1;object-fit:cover;border-radius:4px;width:100%}.modal-backdrop{z-index:50;background:#1219167a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:7px;width:min(650px,100%);max-height:90vh;padding:25px;overflow:auto;box-shadow:0 20px 60px #00000040}.modal>header{justify-content:space-between;margin-bottom:24px;display:flex}.modal h2{margin-bottom:5px;font-size:23px}.modal header p{color:var(--muted);margin:0}.form-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.form-grid .wide{grid-column:1/-1}.modal footer{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding-top:18px;display:flex}.empty{text-align:center;min-height:400px;color:var(--muted);place-content:center;display:grid}.photo-layout{max-width:720px}.upload-panel{border:1px solid var(--line);background:#fff;border-radius:7px;padding:28px}.upload-panel>svg{color:var(--saffron);margin-bottom:12px}.upload-panel h2{margin-bottom:5px;font-size:21px}.upload-panel>div>p{color:var(--muted);margin-bottom:24px}.file-field{background:#f8faf8;border:1px dashed #aeb7b1;padding:18px}.mobile-only{display:none}@media (width<=1100px){.app-shell{grid-template-columns:210px 1fr}.profile-panel{z-index:4;width:340px;height:calc(100vh - 72px);position:fixed;top:72px;right:0;box-shadow:-8px 0 24px #0000001a}.content{padding-right:370px}.search-results{width:400px;left:230px}}@media (width<=820px){.auth-shell{grid-template-columns:1fr}.auth-intro{min-height:310px;padding:28px}.auth-intro h1{font-size:36px}.auth-intro .local-note{display:none}.auth-panel{padding:40px 24px}.app-shell{display:block}.app-shell>aside:first-child{width:230px;transition:left .2s;position:fixed;left:-250px;box-shadow:8px 0 30px #0003}.app-shell>aside:first-child.open{left:0}.mobile-only{display:grid}.topbar{padding:0 14px}.topbar .primary{width:40px;padding:8px;font-size:0}.topbar .primary svg{margin:0}.content{padding:25px 16px 390px}.profile-panel{border-left:0;border-top:1px solid var(--line);z-index:4;width:100%;height:360px;padding:18px;top:auto;bottom:0}.profile-heading,.profile-panel dl{margin-bottom:12px}.profile-panel section{margin-top:16px}.search-results{width:auto;top:65px;left:16px;right:16px}.section-heading{align-items:start;margin-bottom:25px}.section-heading .secondary{font-size:12px}.person-card{width:min(210px,44vw)}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}.invite-button{margin-top:8px}.invite-link{background:#f4f6f3;grid-template-columns:1fr auto;gap:7px;margin-top:8px;padding:10px;display:grid}.invite-link input{font-size:12px}.invite-link small{color:var(--muted);grid-column:1/-1}.relationship-fields{border:1px solid var(--line);border-radius:5px;grid-template-columns:auto minmax(130px,1fr) auto minmax(160px,1.4fr);align-items:end;gap:10px;margin:3px 0 20px;padding:15px;display:grid}.relationship-fields legend{padding:0 6px;font-weight:700}.relationship-fields p{color:var(--muted);margin:0 0 31px}.relationship-fields label{margin:0}.relationship-connect label{font-size:12px}.relationship-preview{border-left:3px solid var(--saffron);background:#fff;margin:10px 0 12px;padding:9px 10px;font-size:13px;line-height:1.45}.relationship-connect .primary{width:100%}@media (width<=620px){.relationship-fields{grid-template-columns:1fr}.relationship-fields p{margin:0}.relationship-fields label{margin-bottom:4px}}.parent-confirmation{border-left:3px solid var(--saffron);background:#fff7f2;grid-column:1/-1;gap:4px;margin-top:4px;padding:11px 12px;font-size:14px;display:grid}.parent-confirmation strong{text-transform:uppercase;color:#a93f2c;font-size:11px}.parent-confirmation span{font-weight:700}.parent-confirmation small{color:var(--muted)}:root{--ink:#30292a;--muted:#746b69;--line:#e3d9d5;--paper:#fff;--forest:#b64932;--forest-dark:#913421;--saffron:#e59a32;--soft:#fbf2ef;color:var(--ink);background:#f8f6f5}body{background:#f8f6f5}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:700}.auth-intro{background-color:#713a35;background-image:linear-gradient(#5b272aad,#5b272ae0),url(/assets/family-welcome-Bege2c9-.png)}.auth-intro .eyebrow{color:#ffc46b}.lede{color:#f5e9e5}.auth-panel{background:#fff}.app-shell>aside:first-child{background:#532f3a}.app-shell nav button{color:#eadde0}.app-shell nav button:hover,.app-shell nav button.active{color:#fff;background:#744554}.aside-footer{border-color:#7c5360}.mini-profile small{color:#d9c2c8}.primary{background:#b64932}.primary:hover{background:#913421}.secondary:hover{background:#fff5f1}.eyebrow{color:#a93f2c}.avatar{color:#8c3425;background:#f6ded5}.avatar.large{background:#f7e1d8}.person-card:hover{border-color:#d39481}.person-card.focus{border-color:#b64932;box-shadow:0 4px 14px #b6493224}.tree-line{background:#d8c2bb}.placeholder{color:#9a8e8b;border-color:#d9ccc7}.inline-form,.invite-link{background:#fbf3f0}.file-field{background:#fff8f5;border-color:#d7c2ba}.upload-panel>svg,.brand svg{color:#e59a32}input:focus,textarea:focus,select:focus{border-color:#b64932;box-shadow:0 0 0 3px #b649321f}.notes article{border-left-color:#e59a32}.success{color:#6f4d20;background:#fff3dc}.modal-backdrop{background:#301c1f80}.kinship-label{text-transform:uppercase;font-weight:700;line-height:1;color:#a93f2c!important;font-size:10px!important}.alive-toggle{border:1px solid var(--line);border-radius:5px;align-items:center;gap:10px;min-height:64px;padding:10px 12px;display:flex}.alive-toggle input{accent-color:#b64932;width:18px;height:18px;margin:0}.alive-toggle span{gap:2px;display:grid}.alive-toggle small{color:var(--muted);font-weight:400}.input-help{color:var(--muted);font-size:12px;font-weight:400}.heading-actions{align-items:center;gap:8px;display:flex}.close-details{color:var(--ink);position:absolute;top:10px;right:12px}@media (width<=820px){.app-shell:not(.profile-open) .profile-panel{visibility:hidden;transform:translateY(105%)}.profile-panel{transition:transform .22s,visibility .22s}.app-shell:not(.profile-open) .content{padding-bottom:25px}.heading-actions{justify-items:end;display:grid}.details-button{display:grid!important}.profile-panel .close-details{display:grid}}.whatsapp-invite{grid-template-columns:1fr}.whatsapp-invite p{margin:0;font-size:13px}.whatsapp-invite a{text-decoration:none}.whatsapp-invite small{grid-column:auto}.whatsapp-invite svg{width:17px}.profile-edit-button{margin:-8px 0 18px}.profile-edit-button svg{width:17px}.admin-panel{border:1px solid var(--line);background:#fff;border-radius:6px;overflow:hidden}.admin-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:66px;padding:12px 16px;display:flex}.admin-toolbar>span{color:var(--muted);white-space:nowrap;font-size:13px}.admin-search{max-width:360px}.admin-table{width:100%}.admin-row{border-bottom:1px solid #eee7e4;grid-template-columns:minmax(180px,1.6fr) minmax(110px,.8fr) minmax(130px,1fr) 90px 88px;align-items:center;gap:14px;min-height:64px;padding:9px 16px;font-size:14px;display:grid}.admin-row:last-child{border-bottom:0}.admin-header{min-height:40px;color:var(--muted);text-transform:uppercase;background:#fbf5f2;font-size:11px;font-weight:700}.admin-person{align-items:center;gap:10px;min-width:0;display:flex}.admin-person strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.admin-actions{justify-content:flex-end;display:flex}.admin-actions .danger{color:#ae3b30}.admin-actions button:disabled{opacity:.25;cursor:not-allowed}@media (width<=820px){.admin-panel{border-left:0;border-right:0}.admin-header{display:none}.admin-row{grid-template-columns:1fr auto;gap:6px 12px;padding:14px}.admin-person{grid-column:1/2}.admin-row>span[data-label]{color:var(--muted);grid-column:1/2;padding-left:44px;font-size:12px}.admin-row>span[data-label]:before{content:attr(data-label) ": ";font-weight:700}.admin-actions{grid-area:1/2/5}.admin-toolbar{flex-direction:column;align-items:stretch}.admin-search{max-width:none}}.panel-section-title{justify-content:space-between;align-items:center;display:flex}.panel-section-title h3{margin:0}.panel-section-title .icon-button{color:#a93f2c}.timeline-form{border:1px solid var(--line);background:#fbf3f0;border-radius:5px;margin:8px 0 16px;padding:13px}.timeline-form label{margin-bottom:10px}.timeline-form-actions{justify-content:flex-end;gap:7px;display:flex}.timeline-list{margin-top:12px;position:relative}.timeline-list:before{content:"";background:#ddc3ba;width:1px;position:absolute;top:8px;bottom:8px;left:16px}.timeline-entry{grid-template-columns:34px 1fr auto;gap:9px;padding:7px 0 14px;display:grid;position:relative}.timeline-marker{z-index:1;color:#a93f2c;background:#fff0ea;border:1px solid #e5c7bd;border-radius:50%;place-items:center;width:33px;height:33px;display:grid;position:relative}.timeline-marker svg{width:16px}.timeline-entry-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.timeline-entry-head>span{font-size:13px;font-weight:700}.timeline-entry-head small{text-transform:uppercase;color:#a93f2c;font-size:9px;font-weight:700}.timeline-entry p{white-space:pre-wrap;margin:5px 0;font-size:13px;line-height:1.45}.timeline-location{color:var(--muted);align-items:center;gap:4px;display:flex}.timeline-location svg{width:12px}.timeline-delete{color:#a3372b;width:30px;height:30px}.timeline-delete svg{width:15px}.timeline-empty{color:var(--muted);padding:8px 0;font-size:13px}.timeline-empty+.timeline-list:before{display:none}.tree-graph{border:1px solid var(--line);background:#fff;border-radius:6px;height:clamp(520px,100vh - 190px,760px);position:relative;overflow:hidden}.tree-graph-meta{z-index:4;color:var(--muted);pointer-events:none;background:#ffffffe6;border-radius:4px;padding:5px 7px;font-size:11px;position:absolute;top:10px;left:12px}.react-flow__node-default.family-flow-node{border:1px solid var(--line);text-align:left;background:#fff;border-radius:6px;width:220px;min-height:76px;padding:11px;box-shadow:0 3px 10px #301c1f14}.react-flow__node-default.family-flow-node:hover{border-color:#d39481}.react-flow__node-default.family-flow-node.selected{border:2px solid #b64932;box-shadow:0 5px 18px #b649322e}.flow-person{align-items:center;gap:10px;min-width:0;display:flex}.flow-person>span:last-child{gap:4px;min-width:0;display:grid}.flow-person strong,.flow-person small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.flow-person small{color:var(--muted)}.react-flow__handle{background:#be7b68;border-color:#fff;width:7px;height:7px}.react-flow__edge.parent-edge path{stroke:#b78f83;stroke-width:1.5px}.react-flow__edge.spouse-edge path{stroke:#c07867;stroke-width:2px;stroke-dasharray:6 4}.react-flow__controls{border-radius:5px;overflow:hidden;box-shadow:0 2px 10px #301c1f24}.react-flow__controls-button{border-color:var(--line);width:34px;height:34px;color:var(--ink)}.react-flow__attribution{display:none}@media (width<=820px){.tree-graph{border-left:0;border-right:0;border-radius:0;height:calc(100dvh - 190px);min-height:430px;margin:0 -16px}.tree-graph-meta{max-width:calc(100% - 24px)}.react-flow__node-default.family-flow-node{width:190px}.flow-person .avatar{width:36px;height:36px}.react-flow__controls-button{width:40px;height:40px}}.focused-tree{scrollbar-color:#d7c2ba transparent;min-height:520px;padding:6px 12px 42px;overflow:auto hidden}.focused-generation{text-align:center;justify-items:center;min-width:max-content;display:grid}.focused-person-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:6px;align-items:center;gap:10px;width:210px;height:78px;padding:11px;display:flex;position:relative;box-shadow:0 2px 7px #301c1f0f}.focused-person-card:hover{background:#fffaf8;border-color:#d39481}.focused-person-card.focus{border:2px solid var(--forest);box-shadow:0 5px 16px #b6493226}.focused-person-card>span:nth-child(2){gap:3px;min-width:0;display:grid}.focused-person-card strong,.focused-person-card small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.focused-person-card small{color:var(--muted)}.focused-person-card .hidden-connections{z-index:2;color:#fff;background:#b64932;border:2px solid #fff;border-radius:999px;place-items:center;min-width:30px;height:30px;padding:0 7px;font-size:11px;font-weight:800;line-height:1;display:grid;position:absolute;top:-11px;right:-11px;box-shadow:0 2px 7px #301c1f33}.couple-row,.same-generation,.grandparent-group,.grandparent-groups,.children-branch{justify-content:center;align-items:center;display:flex}.couple-member{align-items:center;display:flex}.marriage-line{border-top:2px dotted #bd7865;flex:0 0 42px;width:42px;display:block}.vertical-connector{background:#b99084;width:2px;height:36px;display:block}.grandparents-generation{margin-bottom:0}.grandparent-groups{gap:70px}.grandparent-group{gap:0;padding-bottom:38px;position:relative}.grandparent-group:after{content:"";z-index:0;background:#b99084;width:2px;position:absolute;top:39px;bottom:0;left:50%;transform:translate(-1px)}.grandparent-group .focused-person-card{z-index:1;position:relative}.parents-generation{margin-bottom:0}.parent-couple{gap:0;position:relative}.parent-couple:after{content:"";z-index:0;background:#b99084;width:2px;position:absolute;top:50%;bottom:-36px;left:50%;transform:translate(-1px)}.parent-couple .focused-person-card,.parent-couple .marriage-line{z-index:1;position:relative}.selected-generation{min-width:max-content}.same-generation{align-items:flex-start;gap:42px;position:relative}.same-generation.has-siblings{padding-top:38px}.same-generation.has-siblings:before{content:"";background:#9f756a;height:2px;position:absolute;top:0;left:105px;right:105px}.same-generation.has-siblings:has(.has-spouse):before{right:357px}.same-generation.has-siblings>.focused-person-card{position:relative}.same-generation.has-siblings>.focused-person-card:before{content:"";background:#9f756a;width:2px;height:38px;position:absolute;top:-38px;left:50%;transform:translate(-1px)}.same-generation.has-siblings>.selected-family-unit:before{content:"";background:#9f756a;width:2px;height:38px;position:absolute;top:-38px;left:105px;transform:translate(-1px)}.selected-family-unit{justify-items:center;display:grid;position:relative}.selected-family-unit>.couple-row{position:relative}.selected-family-unit:has(.children-stem)>.couple-row:after{content:"";z-index:0;background:#b99084;width:2px;position:absolute;top:50%;bottom:-42px;left:50%;transform:translate(-1px)}.selected-family-unit .focused-person-card,.selected-family-unit .marriage-line{z-index:1;position:relative}.children-stem{height:42px}.children-branch{align-items:flex-start;gap:24px;padding-top:34px;position:relative}.children-bar{background:#b99084;height:2px;position:absolute;top:0;left:105px;right:105px}.child-branch{justify-items:center;display:grid;position:relative}.child-branch>span{background:#b99084;width:2px;height:34px;position:absolute;top:-34px}.tree-empty-note{color:var(--muted);text-align:center;margin:32px 0}@media (width<=820px){.focused-tree{margin:0 -16px;padding:6px 16px 34px}.focused-person-card{width:180px;height:72px;padding:9px}.focused-person-card .avatar{width:36px;height:36px}.same-generation{gap:24px}.same-generation.has-siblings:before{left:90px;right:90px}.same-generation.has-siblings:has(.has-spouse):before{right:298px}.same-generation.has-siblings>.selected-family-unit:before{left:90px}.marriage-line{flex-basis:28px;width:28px}.grandparent-groups{gap:40px}.children-branch{gap:16px}.children-bar{left:90px;right:90px}}.focused-tree{overscroll-behavior:contain;width:100%;min-height:520px;max-height:calc(100vh - 190px);padding:20px;overflow:auto}.family-tree-canvas{min-width:max-content;margin:0 auto;position:relative}.family-tree-lines{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:visible}.relationship-line{fill:none;vector-effect:non-scaling-stroke}.relationship-line.descent{stroke:#9f756a;stroke-width:2px}.relationship-line.marriage{stroke:#b64932;stroke-width:2px;stroke-dasharray:4 4}.positioned-person{z-index:1;width:210px;height:78px;position:absolute}.family-tree-canvas .focused-person-card{width:210px;height:78px}@media (width<=820px){.focused-tree{width:calc(100% + 32px);min-height:430px;max-height:calc(100dvh - 180px);margin:0 -16px;padding:20px}.family-tree-canvas .focused-person-card{width:210px;height:78px}.family-tree-canvas .focused-person-card .avatar{width:42px;height:42px}}.face-person-search>div:nth-child(2)>button{align-items:center;gap:12px}.face-person-search>div:nth-child(2)>button>span{gap:3px;display:grid}.face-person-search>div:nth-child(2)>button>span>small{font-size:11px}.photo-layout{gap:32px;max-width:900px;display:grid}.people-picker{border:1px solid var(--line);border-radius:5px;margin:0 0 18px;padding:12px}.people-picker legend{padding:0 5px;font-size:14px;font-weight:700}.people-picker-search{align-items:center;gap:7px;margin-bottom:5px;display:flex}.people-picker-search svg{width:17px;color:var(--muted);flex:none}.people-picker-search input{padding:8px}.people-picker-help{color:var(--muted);margin:0 0 7px 24px;display:block}.people-picker-list{border-top:1px solid var(--line);max-height:220px;overflow:auto}.people-picker label{grid-template-columns:none;align-items:center;gap:9px;margin:0;padding:7px;display:flex}.people-picker label>span{gap:2px;display:grid}.people-picker label small{color:var(--muted);font-weight:400}.people-picker input{width:auto}.photo-gallery-section h2{font-size:22px}.photo-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.photo-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:6px;padding:0;overflow:hidden}.photo-card:hover{border-color:#d39481;box-shadow:0 4px 14px #301c1f1a}.photo-card img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .2s;display:block}.photo-card span{gap:4px;padding:10px;display:grid}.photo-card small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.photo-review{width:min(850px,100%)}.photo-stage{background:#f1efed;place-items:center;margin-bottom:20px;display:grid;position:relative;overflow:hidden}.photo-review-image{object-fit:contain;max-width:100%;max-height:56vh;margin:0 auto;transition:transform .2s;display:block}.photo-nav{z-index:2;color:#fff;background:#1e1918ad;border:0;border-radius:5px;place-items:center;width:44px;height:52px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.photo-nav:hover{background:#1e1918e6}.photo-nav.previous{left:10px}.photo-nav.next{right:10px}.photo-review-details>small{color:var(--muted);align-items:center;gap:5px;display:flex}.photo-review-details>small svg{width:15px}.photo-review-details footer{margin-top:20px}.tag-list{color:var(--muted);margin-top:14px;font-size:13px}.danger-button{color:#a3372b}.timeline-photo{object-fit:cover;border-radius:4px;width:100%;max-height:130px}.timeline-photo-button,.photo-strip button{background:0 0;border:0;width:100%;padding:0;display:block;overflow:hidden}.photo-strip button img{display:block}.timeline-photo-button{margin-bottom:7px;overflow:hidden}.rotation-control{justify-content:space-between;align-items:center;gap:8px;display:flex}.rotation-control button{padding:6px 10px}.rotation-control svg{width:16px}.rotation-control .rotate-left{transform:scaleX(-1)}@media (width<=820px){.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-review{padding:16px}.photo-review-image{max-height:42vh}}.tagged-photo-view{justify-items:center;gap:10px;max-width:100%;display:grid}.tagged-photo{transform-origin:50%;line-height:0;display:inline-block;position:relative}.tagged-photo .photo-review-image{display:block}.face-marker{z-index:3;opacity:0;background:#b6493247;border:2px solid #fff;border-radius:50%;width:32px;height:32px;line-height:1;transition:opacity .12s,background .15s,transform .15s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #b64932,0 2px 9px #0000004d}.face-marker:hover,.face-marker:focus-visible,.face-marker.active{opacity:1;background:#b6493261;outline:none}.face-marker>span{color:#fff;opacity:0;pointer-events:none;background:#2f2526;border-radius:4px;width:max-content;max-width:190px;padding:6px 9px;font-size:12px;font-weight:700;line-height:1.2;transition:opacity .15s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%)}.face-marker:hover>span,.face-marker:focus-visible>span,.face-marker.active>span{opacity:1}.face-tag-names{flex-wrap:wrap;justify-content:center;gap:5px;line-height:1.2;display:flex}.face-tag-names button{color:var(--muted);background:0 0;border:0;border-radius:4px;padding:3px 5px;font-size:12px}.face-tag-names button:hover,.face-tag-names button:focus-visible{color:#8f3324;background:#fff0ea;outline:none}.face-tag-editor{gap:10px;margin-bottom:20px;display:grid}.face-tag-instruction{color:var(--muted);margin:0;font-size:14px}.face-tag-canvas{cursor:crosshair;transform-origin:50%;justify-self:center;max-width:100%;line-height:0;display:inline-block;position:relative}.face-tag-canvas>img{object-fit:contain;max-width:100%;max-height:48vh;display:block}.face-marker.editable{cursor:pointer;padding:0}.face-marker.pending{opacity:1;background:#ffffff73;border:3px solid #b64932;animation:1s infinite alternate face-pulse;box-shadow:0 0 0 2px #fff}.face-person-search{border:1px solid var(--line);background:#fff8f5;border-radius:5px;padding:10px}.face-person-search>div:nth-child(2){max-height:180px;margin-bottom:8px;display:grid;overflow:auto}.face-person-search>div:nth-child(2)>button{text-align:left;background:#fff;border:0;justify-content:space-between;padding:8px;display:flex}.face-person-search>div:nth-child(2)>button:hover{background:#fff0ea}.face-person-search small{color:var(--muted)}.unpositioned-tags{flex-wrap:wrap;gap:6px;display:flex}.unpositioned-tags>span{border:1px solid var(--line);border-radius:999px;align-items:center;gap:4px;padding:4px 5px 4px 10px;font-size:12px;display:flex}.unpositioned-tags button{background:0 0;border:0;border-radius:50%;place-items:center;width:20px;height:20px;padding:0;display:grid}.unpositioned-tags svg{width:13px}.unpositioned-tags button:hover{background:#f2ded8}@keyframes face-pulse{to{transform:translate(-50%,-50%)scale(1.2)}}.places-content{max-width:1280px}.places-view{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:18px;display:grid}.place-index,.place-map-panel{border:1px solid var(--line);background:#fff;border-radius:7px}.place-index{max-height:calc(100vh - 112px);padding:14px;position:sticky;top:90px;overflow:auto}.place-index>small{color:var(--muted);margin:7px 4px 12px;font-size:12px;display:block}.place-search{border-bottom:1px solid var(--line);align-items:center;gap:7px;display:flex}.place-search svg{width:17px;color:var(--muted)}.place-search input{box-shadow:none;border:0;padding-left:0}.place-buttons{gap:5px;display:grid}.place-buttons>button{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:5px;align-items:center;gap:9px;padding:10px;display:flex}.place-buttons>button:hover,.place-buttons>button.active{background:#fff0ea}.place-buttons>button.active{color:var(--forest)}.place-buttons svg{flex:none;width:17px}.place-buttons span{gap:3px;min-width:0;display:grid}.place-buttons strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.place-buttons small{color:var(--muted)}.place-map-panel{min-height:520px;overflow:hidden}.map-frame{background:#eee;height:310px;position:relative}.map-frame iframe{border:0;width:100%;height:100%;display:block}.map-frame>span{background:#fff;border-radius:5px;align-items:center;gap:7px;padding:9px 12px;font-weight:700;display:flex;position:absolute;bottom:14px;left:16px;box-shadow:0 3px 12px #0000002e}.map-frame>span svg{width:17px;color:var(--forest)}.place-story{padding:24px}.place-story>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:16px;padding-bottom:18px;display:flex}.place-story>header h2{margin:0;font-size:27px}.place-story>header>span{color:var(--muted);font-size:12px}.place-story section{margin-top:24px}.place-story section h3{text-transform:uppercase;color:var(--muted);font-size:13px}.place-timeline{padding-left:26px;display:grid;position:relative}.place-timeline:before{content:"";background:#e2c5bc;width:2px;position:absolute;top:9px;bottom:10px;left:7px}.place-timeline article{padding:0 0 20px;position:relative}.place-timeline article:before{content:"";background:#b64932;border:3px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:5px;left:-24px;box-shadow:0 0 0 1px #d9a99b}.place-year{color:#a93f2c;margin-bottom:3px;font-size:12px;font-weight:700;display:block}.place-timeline button,.place-undated button{color:var(--ink);text-align:left;background:0 0;border:0;padding:0;font-weight:700}.place-timeline button:hover,.place-undated button:hover{color:var(--forest);text-decoration:underline}.place-timeline small,.place-undated small{color:#a93f2c;text-transform:uppercase;margin-top:3px;font-size:9px;font-weight:700;display:block}.place-timeline p,.place-undated p{margin:5px 0 0;font-size:13px}.place-undated{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.place-undated article{border:1px solid var(--line);border-radius:6px;gap:10px;padding:12px;display:flex}.place-undated article>div{min-width:0}@media (width<=820px){.places-view{grid-template-columns:1fr}.place-index{max-height:none;position:static}.place-buttons{display:flex;overflow-x:auto}.place-buttons>button{min-width:180px}.map-frame{height:260px}.place-story{padding:18px}.place-undated{grid-template-columns:1fr}}.all-places-map{border:1px solid var(--line);background:#e8ece7;border-radius:8px;min-height:520px;position:relative;overflow:hidden}.map-canvas{aspect-ratio:8/5;background:#dce6e8;width:100%;min-height:520px;position:relative;overflow:hidden}.map-canvas>img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute}.map-place-marker{z-index:2;color:#a93f2c;filter:drop-shadow(0 2px 2px #0000004d);background:0 0;border:0;justify-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-100%)}.map-place-marker svg{fill:#b64932;color:#fff;stroke-width:1.8px;width:32px;height:32px}.map-place-marker span{color:var(--ink);white-space:nowrap;background:#fff;border-radius:4px;margin-top:2px;padding:4px 7px;font-size:11px;font-weight:700;display:none;box-shadow:0 2px 8px #00000038}.map-place-marker:hover,.map-place-marker:focus-visible,.map-place-marker.active{z-index:4;outline:none}.map-place-marker:hover span,.map-place-marker:focus-visible span,.map-place-marker.active span{display:block}.map-place-marker.active svg{fill:#7b2f24;width:39px;height:39px}.map-credit{z-index:3;color:#555;background:#ffffffd1;padding:2px 4px;font-size:10px;text-decoration:none;position:absolute;bottom:3px;right:4px}.place-overlay{z-index:6;background:#fff;border-radius:8px;width:min(440px,100% - 36px);position:absolute;top:18px;bottom:18px;right:18px;overflow:auto;box-shadow:0 14px 45px #301c1f47}.place-overlay-close{z-index:2;float:right;background:#fff;position:sticky;top:10px;right:10px;box-shadow:0 1px 5px #0000001f}.place-overlay .place-story{padding-top:28px}.place-story em{color:var(--muted);margin-top:3px;font-size:11px;font-style:normal;display:block}.place-overlay .place-undated{grid-template-columns:1fr}@media (width<=820px){.all-places-map,.map-canvas{min-height:calc(100dvh - 190px)}.map-canvas{aspect-ratio:auto}.place-overlay{width:auto;max-height:72%;inset:auto 10px 10px}.map-place-marker svg{width:36px;height:36px}}.map-canvas{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.map-canvas.dragging{cursor:grabbing}.map-controls{z-index:5;border-radius:6px;display:grid;position:absolute;top:14px;left:14px;overflow:hidden;box-shadow:0 2px 10px #00000040}.map-controls button{border:0;border-bottom:1px solid var(--line);width:42px;height:40px;color:var(--ink);background:#fff;font-size:22px;font-weight:700}.map-controls button:last-child{border-bottom:0;font-size:11px}.map-controls button:hover{background:#fff5f1}.map-controls button:disabled{color:#aaa;cursor:not-allowed}.photo-library-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.photo-library-heading h2{margin:0}.review-tag-list{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.review-tag-list>span{border:1px solid var(--line);color:var(--ink);background:#f3f1ef;border-radius:4px;align-items:center;gap:4px;padding:5px 7px;display:inline-flex}.review-tag-list button{color:var(--muted);background:0 0;border:0;padding:0;display:grid}.review-tag-list svg{width:14px;height:14px}.relationship-manager{border-top:1px solid var(--line);padding-top:18px}.relationship-row{grid-template-columns:minmax(0,1fr) 105px 38px;align-items:center;gap:6px;margin-bottom:7px;font-size:13px;display:grid}.relationship-row select{margin:0;padding:7px}.relationship-row>span{text-overflow:ellipsis;overflow:hidden}.search-results button>span{gap:2px;display:grid}.search-results button>span small{font-size:11px}