@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap";:root{--ink:#20332e;--muted:#697973;--cream:#f5f1e8;--paper:#fffdf8;--green:#315b4f;--green-hover:#254a40;--line:#d9d6cc;--gold:#b38c45;--focus:#b87821}*{box-sizing:border-box}html{background:var(--cream)}body{background:var(--cream);color:var(--ink);min-width:320px;margin:0;font-family:DM Sans,sans-serif}::selection{color:var(--ink);background:#d9e8e2}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.55}:is(button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible){outline:3px solid color-mix(in srgb, var(--focus) 55%, transparent);outline-offset:2px}header{border-bottom:1px solid var(--line);background:#faf8f2;align-items:center;gap:clamp(22px,4vw,54px);height:72px;padding:0 clamp(18px,3vw,48px);display:flex}.brand{align-items:center;gap:10px;min-width:max-content;display:flex}.brand>span{border:1px solid #91a097;border-radius:50%;place-items:center;width:40px;height:40px;font:23px Libre Caslon Display;display:grid}.brand div{display:grid}.brand b{font:20px Libre Caslon Display}.brand small{letter-spacing:2px;color:#687872;font-size:8px}nav{gap:28px;height:100%;display:flex}nav button{color:#65756f;padding-inline:2px;font-size:13px;position:relative}.active{font-weight:600;color:var(--ink)!important}.active:after{content:"";background:var(--green);height:2px;position:absolute;bottom:0;left:0;right:0}.add{background:var(--green);color:#fff;border-radius:9px;align-items:center;gap:7px;min-height:44px;margin-left:auto;padding:10px 15px;font-weight:600;transition:background .18s,transform .18s;display:flex}.add svg{width:17px}.add:hover{background:var(--green-hover)}.add:active{transform:translateY(1px)}.intro{justify-content:space-between;align-items:end;gap:40px;padding:clamp(22px,3vw,36px) clamp(20px,4vw,64px) 26px;display:flex}.intro h1{letter-spacing:-.025em;text-wrap:balance;margin:0 0 12px;font:clamp(32px,3.2vw,48px)/1.04 Libre Caslon Display}.intro h1 em{color:var(--gold)}.intro p{max-width:650px;color:var(--muted);margin:0;font-size:14px;line-height:1.55}.stats{flex:none;gap:30px;display:flex}.stats span{color:#65756f;text-transform:uppercase;letter-spacing:1px;font-size:9px;display:grid}.stats b{color:var(--ink);font-variant-numeric:tabular-nums;font:26px Libre Caslon Display}.workspace{background:var(--paper);border:1px solid var(--line);border-radius:16px;grid-template:58px 1fr/minmax(0,1fr) clamp(330px,27vw,390px);height:clamp(570px,100dvh - 235px,900px);margin:0 clamp(12px,2vw,32px) 24px;display:grid;overflow:hidden;box-shadow:0 18px 55px 8px #3d4d4412}.bar{background:#fffdfaf2;border-bottom:1px solid #e5e2d9;grid-column:1;align-items:center;gap:12px;padding:0 16px;display:flex}.search{background:#fff;border:1px solid #d4d6ce;border-radius:9px;align-items:center;gap:8px;width:min(240px,42%);min-height:38px;padding:8px 10px;display:flex}.search:focus-within{border-color:#7b978d;box-shadow:0 0 0 3px #dbe8e3}.search svg,.bar svg{flex:none;width:16px}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.search input::placeholder{color:#72817c}.legend{color:#687872;white-space:nowrap;margin-left:auto;font-size:10px}.legend i{background:#4d7b6d;border-radius:50%;width:8px;height:8px;margin:0 5px 0 11px;display:inline-block}.legend i:last-of-type{background:#c3953f}.canvas{background-color:#fffdfa;background-image:radial-gradient(#bcc5bf .8px,#0000 .8px);background-size:20px 20px;position:relative}.person{text-align:left;background:#fff;border:1px solid #d5d9d3;border-radius:12px;align-items:center;gap:9px;width:230px;min-height:64px;padding:11px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 6px 16px 2px #1d302a0d}.person>span,.portrait{border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font:14px Libre Caslon Display;display:grid}.person div{gap:3px;min-width:0;display:grid}.person b{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font:13px/1.15 Libre Caslon Display;overflow:hidden}.person small{color:#687872;font-size:9px}.person>i{background:#4b7b6c;border-radius:50%;width:7px;height:7px;margin-left:auto}.person:hover{border-color:#96aaa2;box-shadow:0 8px 20px 3px #1d302a17}.selected{border-color:#a67c31;box-shadow:0 0 0 3px #eadbb8,0 8px 22px #1d302a1a}.rose>span,.portrait.rose{background:#eadbd5}.olive>span,.portrait.olive{background:#dce1d4}.gold>span,.portrait.gold{background:#eee0bd}.teal>span,.portrait.teal{background:#d5e5e0}aside{z-index:8;background:#fbfaf6;border-left:1px solid #deddd5;flex-direction:column;grid-area:1/2/3;min-height:0;display:flex}.profile{gap:13px;padding:24px 22px 17px;display:flex}.portrait{width:50px;height:50px}.pill{color:#315f52;letter-spacing:.35px;text-transform:uppercase;background:#e1ece8;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:700}.confidence-family-reported{color:#795819;background:#f3e8cc}.confidence-estimated,.confidence-partial{color:#6f6250;background:#ebe6dc}.profile h2{letter-spacing:-.015em;margin:7px 0 3px;font:21px/1.15 Libre Caslon Display}.profile p{color:#687872;margin:0;font-size:11px}.tabs{border-bottom:1px solid #e2e1da;padding:0 20px;display:flex}.tabs button{color:#697973;min-height:44px;margin-right:14px;padding:9px 6px;font-size:11px;position:relative}.tabs button span{background:#ebece7;border-radius:999px;place-items:center;min-width:18px;height:18px;margin-left:3px;padding:0 5px;font-size:9px;display:inline-grid}.details{scrollbar-color:#b4beb8 transparent;scrollbar-width:thin;padding:18px 22px;overflow:auto}.details label{text-transform:uppercase;letter-spacing:1.1px;color:#697873;margin:17px 0 5px;font-size:8px;font-weight:700;display:block}.details label:first-child{margin-top:0}.details p{margin:0;font-size:12px;line-height:1.55}.details p b,.details p small{display:block}.details p small{color:#697973}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{background:#ebe9e1;border-radius:999px;padding:5px 9px;font-size:9px}.empty{border:1px dashed #c9cec9;border-radius:10px;grid-template-columns:28px 1fr;align-items:center;padding:12px;display:grid}.empty svg{width:18px}.empty span,.empty button{font-size:10px}.empty button{text-align:left;color:#315f52;grid-column:2;padding:5px 0;font-weight:600}.lead{background:#f5edda;border:1px solid #ddcda8;border-radius:9px;margin-top:18px;padding:12px}.lead span{letter-spacing:1px;color:#795819;font-size:8px;font-weight:700}.lead b{margin:5px 0;font:13px Libre Caslon Display;display:block}.lead p{font-size:9px}.actions{padding:14px 20px max(14px, env(safe-area-inset-bottom));background:#fbfaf6;border-top:1px solid #e2e1da;gap:8px;margin-top:auto;display:flex}.actions button{background:#fff;border:1px solid #ced2cc;border-radius:8px;min-height:42px;padding:9px 12px;font-size:11px}.actions button:first-child{background:var(--green);border-color:var(--green);color:#fff;flex:1;font-weight:600}.actions button:hover{border-color:#9ca9a3}.actions button:first-child:hover{background:var(--green-hover)}.recordList{gap:10px;display:grid}.recordRow{border-bottom:1px solid #e3e2db;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.recordRow>div:first-child{gap:3px;min-width:0;display:grid}.recordRow b{font:14px/1.25 Libre Caslon Display}.recordRow span,.recordRow small{color:#697973;font-size:10px;line-height:1.45}.recordRow a{color:#315b4f;text-underline-offset:3px;width:max-content;font-size:10px;font-weight:700}.recordRow>div:last-child{gap:4px;display:flex}.recordRow button{color:#52645d;padding:5px;font-size:9px}.recordRow button:last-child{color:#8a4a42}.secondaryAction{color:#315b4f;border:1px solid #bdc9c3;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:42px;margin-top:4px;font-size:11px;font-weight:700;display:flex}.secondaryAction svg{width:15px}.recordList .empty{margin-top:4px}@media (max-width:1080px){.stats span:last-child{display:none}.workspace{grid-template-columns:minmax(0,1fr) 340px}}@media (max-width:900px){nav,.stats{display:none}.intro{padding-block:22px 18px}.intro p{font-size:13px}.workspace{grid-template-columns:1fr;height:calc(100dvh - 201px);min-height:520px;margin-inline:12px}.workspace aside{z-index:12;width:min(92vw,390px);position:fixed;top:0;bottom:0;right:0;box-shadow:-18px 0 55px #17251f38}.drawerScrim{z-index:11;background:#17251f70;display:block;position:fixed;inset:0}.bar{padding-inline:12px}}@media (max-width:560px){header{height:62px;padding-inline:16px}.brand>span{width:36px;height:36px}.brand b{font-size:18px}.add{justify-content:center;width:44px;padding:0;font-size:0}.intro{padding:17px 18px 15px}.intro h1{margin-bottom:8px;font-size:29px}.intro p{font-size:12px;line-height:1.45}.workspace{border-inline:0;border-bottom:0;border-radius:0;grid-template-rows:56px 1fr;height:calc(100dvh - 178px);min-height:460px;margin:0}.search{flex:1;width:auto}.panHint{font-size:0!important}.panHint:after{content:"Drag · pinch";font-size:9px}.workspace aside{border-top:1px solid #d5d8d2;border-left:0;border-radius:18px 18px 0 0;width:100%;height:min(82dvh,720px);top:auto;left:0;right:0;box-shadow:0 -18px 55px #17251f30}.workspace.details-open aside{transform:translateY(0)!important}.workspace aside{transform:translateY(105%)!important}.profile{padding-top:28px}.drawerClose{top:10px}.modal{border-radius:16px 16px 0 0;align-self:end;max-height:92dvh}.backdrop{padding:0}.person:hover{transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.loading{z-index:4;color:#71817c;background:#fffdf8dd;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.canvasEmpty{text-align:center;color:#7d8984;place-content:center;gap:6px;display:grid;position:absolute;inset:0}.backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#17251f66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fffdf8;border-radius:14px;width:min(560px,100%);max-height:90vh;padding:28px;position:relative;overflow:auto;box-shadow:0 30px 90px #0004}.modal h2{margin:8px 0 20px;font:28px Libre Caslon Display}.close{font-size:26px;position:absolute;top:12px;right:16px}.modal form{gap:13px;display:grid}.modal form label{text-transform:uppercase;letter-spacing:.8px;color:#697973;gap:5px;font-size:10px;font-weight:700;display:grid}.modal input,.modal textarea,.modal select{color:#20332e;background:#fff;border:1px solid #d7d8d2;border-radius:7px;outline:none;padding:10px;font:12px DM Sans}.modal textarea{resize:vertical;min-height:78px}.twocol{grid-template-columns:1fr 1fr;gap:12px;display:grid}.primary{color:#fff;background:#315b4f;border-radius:8px;margin-top:5px;padding:11px!important}@media (max-width:560px){.twocol{grid-template-columns:1fr}.modal{padding:22px}}.canvas{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;outline:none;position:relative;overflow:hidden!important}.canvas:focus-visible{box-shadow:inset 0 0 0 3px #b8782180}.canvas:active{cursor:grabbing}.treeStage{transform-origin:0 0;will-change:transform;width:3700px;height:1200px;position:absolute;top:0;left:0}.treeStage>svg{pointer-events:none;z-index:1;width:3700px;height:1200px;position:absolute;inset:0}.branchGroup{z-index:2;pointer-events:none;position:absolute}.branchGroup>span{color:#61766e;letter-spacing:.55px;white-space:nowrap;background:#fffdfa;padding:0 8px;font-size:10px;font-weight:700;line-height:20px;position:absolute;top:-29px;left:16px}.louiseBranch{width:810px;height:940px;top:245px;left:120px}.louiseBranch>span{color:#8b6f62}.raymondBranch{width:1090px;height:565px;top:245px;left:880px}.abbateBranch{width:1650px;height:720px;top:245px;left:1950px}.abbateBranch>span{color:#806a39}.treeStage .familyLine{stroke:#b7beb9;fill:none;stroke-width:1.5px}.treeStage .spouseLine{stroke:#b18b48;fill:none;stroke-width:3px;stroke-linecap:round}.relationshipBadge{color:#315b4f;letter-spacing:.65px;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;background:#e8f0ed;border-radius:999px;width:auto;max-width:100%;padding:3px 6px;font-weight:700;line-height:1;display:block;overflow:hidden;font-size:7.5px!important}.treeLabel{z-index:2;color:#66756f;letter-spacing:.8px;pointer-events:none;white-space:nowrap;background:#fffdf8;border:1px solid #d8ddd9;border-radius:999px;padding:5px 9px;font-size:8px;font-weight:700;line-height:1;position:absolute;transform:translate(-50%,-50%)}.siblingLabel{top:190px;left:740px}.raymondChildren{top:400px;left:1270px}.angelinaSibling{top:190px;left:1680px}.abbateChildren{top:400px;left:2740px}.unplacedBranch{color:#6d624c;background:#fff9eb;border:1px dashed #c29a55;border-radius:10px;width:300px;padding:15px;position:absolute;top:900px;left:1700px}.unplacedBranch span{color:#9a762e;letter-spacing:1px;font-size:8px;font-weight:700}.unplacedBranch b{margin:5px 0;font:14px Libre Caslon Display;display:block}.unplacedBranch p{margin:0;font-size:9px;line-height:1.45}.zoom{z-index:6;box-shadow:0 4px 15px #20332e1a;position:absolute!important;top:auto!important;bottom:15px!important;left:15px!important}.zoom button{touch-action:manipulation}.panHint{color:#788680;margin-left:3px;font-size:10px}.drawerClose{z-index:3;background:#fff;border:1px solid #dadbd5;border-radius:50%;width:34px;height:34px;display:none;position:absolute;top:12px;right:12px}.drawerScrim{display:none}.drawerClose svg{width:16px}.workspace aside{transition:transform .25s}.person{touch-action:manipulation;z-index:3}.person>div{flex:1 1 0;width:0;overflow:hidden}.person.estranged{background:#f6f3f0;border-style:dashed}.person.estranged>span:first-child{filter:grayscale(.75);opacity:.78}.person.estranged .relationshipBadge,.estrangedPill{color:#765c53;background:#eee5e0}.estrangedLine{opacity:.55;stroke-dasharray:5 5}.estrangedToggle{color:#765c53;font:700 10px/1.1 var(--sans,sans-serif);cursor:pointer;background:#f5f1eb;border:1px solid #d8d2c8;border-radius:999px;flex:none;padding:7px 11px}.estrangedToggle.active{background:#eee5e0;border-color:#bca79d}.person:focus-visible{outline-offset:2px;outline:3px solid #c69e51}.zoom button:focus-visible{outline-offset:2px;outline:3px solid #c69e51}@media (max-width:900px){.workspace{grid-template-columns:1fr!important}.workspace aside{visibility:hidden;display:flex;transform:translate(105%)}.workspace.details-open aside{visibility:visible;transform:translate(0)}.drawerClose{place-items:center;display:grid}.profile{padding-right:52px!important}.canvas{grid-area:2/1}.bar{grid-column:1!important}.panHint{display:none}.legend{display:none!important}.drawerScrim{display:block}}@media (max-width:560px){.panHint{display:none}.workspace{min-height:480px!important}.zoom button{width:44px!important;height:44px!important}.treeStage .person{width:215px}.workspace aside{transform:translateY(105%)}.workspace.details-open aside{transform:translateY(0)}}