@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:400;src:url(/familytree/assets/lato-latin-400-normal-BEhtfm5r.woff2)format("woff2"),url(/familytree/assets/lato-latin-400-normal-B11PyLys.woff)format("woff")}@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:700;src:url(/familytree/assets/lato-latin-700-normal-BUGMgin4.woff2)format("woff2"),url(/familytree/assets/lato-latin-700-normal-DAdL7O4w.woff)format("woff")}@font-face{font-family:Raleway;font-style:normal;font-display:swap;font-weight:500;src:url(/familytree/assets/raleway-latin-500-normal-D-8sZNrj.woff2)format("woff2"),url(/familytree/assets/raleway-latin-500-normal-tXW-zgej.woff)format("woff")}@font-face{font-family:Raleway;font-style:normal;font-display:swap;font-weight:700;src:url(/familytree/assets/raleway-latin-700-normal-BVpQLp0x.woff2)format("woff2"),url(/familytree/assets/raleway-latin-700-normal-JVwBSLev.woff)format("woff")}@font-face{font-family:Raleway;font-style:normal;font-display:swap;font-weight:800;src:url(/familytree/assets/raleway-latin-800-normal-CKUvXht-.woff2)format("woff2"),url(/familytree/assets/raleway-latin-800-normal-BBfTZwPM.woff)format("woff")}:root{color:#4b3322;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#c49c72;font-family:Lato,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}.app-shell{color:#503d2e;grid-template-columns:minmax(0,1fr) 360px;height:100%;transition:grid-template-columns .2s;display:grid;overflow:hidden}.app-shell.details-panel-collapsed{grid-template-columns:minmax(0,1fr) 14px}.app-shell--status{grid-template-columns:1fr}.connection-status{z-index:2;text-align:center;place-content:center;gap:12px;padding:32px;display:grid;position:absolute;inset:0}.connection-status h1{color:#4b3322;margin:0;font-family:Raleway,Lato,ui-sans-serif,sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:600}.connection-status p{color:#5a422f;max-width:28rem;margin:0 auto;font-size:1rem;line-height:1.5}.connection-status button{color:#4b3322;cursor:pointer;font:inherit;background:#f5deb5eb;border:1px solid #52371f33;border-radius:999px;justify-self:center;margin-top:8px;padding:10px 22px;font-size:14px;font-weight:700}.connection-status button:hover{background:#f5deb5}.tree-stage{background:radial-gradient(circle at 18% 18%,#fff8dc38,#0000 26%),radial-gradient(circle at 76% 28%,#6d8d772e,#0000 22%),#c49c72;height:100%;min-height:0;position:relative;overflow:hidden}.tree-toast{z-index:4;color:#4b3322;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1;pointer-events:none;background:#f5deb5eb;border:1px solid #52371f29;border-radius:999px;align-items:center;gap:10px;max-width:min(420px,100% - 48px);padding:12px 18px;font-size:14px;font-weight:700;transition:opacity .4s;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #56351c2e}.tree-toast-icon{color:#2f7a4a;flex-shrink:0}.tree-toast.fading{opacity:0}.hero-copy{z-index:3;text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f5deb5bd;border:1px solid #52371f24;border-radius:24px;width:min(440px,100% - 48px);padding:18px 22px;position:absolute;top:16px;left:16px;box-shadow:0 18px 45px #56351c29}.tree-sign-out{z-index:3;color:#4b3322;cursor:pointer;font:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f5deb5bd;border:1px solid #52371f24;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;position:absolute;top:16px;right:16px;box-shadow:0 12px 28px #56351c29}.tree-sign-out:hover{background:#f5deb5eb}.hero-copy.collapsed{text-align:center;border-radius:999px;width:auto;padding:8px 44px 8px 18px}.hero-mini{color:#4b3322;white-space:nowrap;margin:0;font-family:Raleway,Lato,ui-sans-serif,sans-serif;font-size:15px;font-weight:700}.hero-toggle{color:#5e412c;cursor:pointer;background:#fff4d3d9;border:1px solid #4d34233d;border-radius:999px;place-items:center;width:26px;height:26px;padding:0;line-height:1;display:grid;position:absolute;top:8px;right:10px}.hero-toggle-icon{display:block;transform:rotate(90deg)}.hero-toggle-icon.flipped{transform:rotate(-90deg)}.hero-copy.collapsed .hero-toggle{top:50%;transform:translateY(-50%)}.hero-toggle:hover{background:#fff4d3}.hero-copy h1{color:#4b3322;margin:0 0 12px;padding-right:28px;font-family:Raleway,Lato,ui-sans-serif,sans-serif;font-size:26px;font-weight:700;line-height:1.2}.hero-copy p:not(.eyebrow){color:#70543b;text-align:left;margin:0;font-size:14px;line-height:1.5}.hero-copy p:not(.eyebrow)+p{margin-top:10px}.hero-copy .hero-contact{color:#4b3322;font-weight:700}.eyebrow{color:#7c5a39;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.family-flow{z-index:2;padding-top:80px;position:absolute;inset:0}.react-flow__attribution{display:none}.person-node{color:#4b3322;cursor:pointer;width:150px;font:inherit;background:0 0;border:0;justify-items:center;padding:0;display:grid;position:relative}.person-node strong{color:#4b3322;margin-top:8px;font-family:Raleway,Lato,ui-sans-serif,sans-serif;font-size:17px;line-height:1.1}.person-node small{color:#795b3f;font-size:12px}.portrait-ring{color:#4c3827;border:4px solid #604530;border-radius:999px;place-items:center;width:92px;height:92px;font-family:Raleway,Lato,ui-sans-serif,sans-serif;font-size:28px;font-weight:800;display:grid;overflow:hidden;box-shadow:inset 0 0 0 6px #fff4d347,0 10px 18px #4328163d}.portrait-image{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.person-node.selected .portrait-ring{outline:5px solid #fff7ddb8;transform:translateY(-2px)}.person-node.married-in{width:120px}.person-node.married-in .portrait-ring{border-width:3px;width:64px;height:64px;font-size:19px;box-shadow:inset 0 0 0 4px #fff4d347,0 8px 14px #43281638}.person-node.married-in strong{font-size:14px}.person-node.married-in small{font-size:11px}.junction-node,.bus-node{pointer-events:none;width:1px;height:1px;position:relative}.junction-toggle{color:#5e412c;cursor:pointer;pointer-events:auto;background:#fff4d3f2;border:1px solid #4d34233d;border-radius:999px;place-items:center;width:22px;height:22px;padding:0;display:grid;position:absolute;top:0;right:0;transform:translate(10px,-50%);box-shadow:0 2px 6px #4328161f}.junction-toggle:hover{background:#fff4d3}.junction-node--vertical .junction-toggle{top:0;left:50%;right:auto;transform:translate(-50%,-50%)}.node-handle{opacity:0;pointer-events:none;border:0;width:1px;min-width:0;height:1px;min-height:0}.details-panel{background:#f7edd7;border-left:1px solid #5136212e;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:visible}.details-panel.collapsed{background:0 0;border-left-color:#0000}.details-panel.collapsed .details-panel-body{display:none}.details-panel-toggle{z-index:6;color:#5e412c;cursor:pointer;background:#fff4d3eb;border:1px solid #4d34233d;border-radius:999px;place-items:center;width:28px;height:28px;padding:0;line-height:1;display:grid;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:0 6px 16px #56351c24}.details-panel-toggle:hover{background:#fff4d3}.details-panel-icon{display:block}.details-panel-icon.flipped{transform:scaleX(-1)}.details-panel-body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:18px;min-width:0;min-height:0;padding:24px;display:flex;overflow:hidden auto}.panel-card{background:#fffaefdb;border:1px solid #5136211f;border-radius:24px;padding:20px;box-shadow:0 18px 35px #56351c1a}.profile-card{text-align:center;transition:padding .2s;position:relative}.profile-card.editing{padding-bottom:24px}.large-portrait-wrap{flex-direction:column;align-items:center;gap:8px;width:112px;margin:0 auto 14px;display:flex;position:relative}.large-portrait{color:#4c3827;border:4px solid #604530;border-radius:999px;place-items:center;width:112px;height:112px;font-family:Raleway,Lato,ui-sans-serif,sans-serif;font-size:34px;font-weight:800;display:grid;overflow:hidden}.portrait-edit-button{color:#5e412c;cursor:pointer;background:#fff4d3f2;border:1px solid #533a2633;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700}.portrait-edit-button:hover{background:#fff4d3}.portrait-photo-menu{text-align:center;background:#f7edd7;border-radius:20px;width:min(100%,320px);padding:22px 20px;box-shadow:0 24px 48px #43281647}.portrait-photo-menu h3{color:#4b3322;margin:0 0 8px;font-family:Raleway,Lato,ui-sans-serif,sans-serif;font-size:20px}.portrait-photo-menu p{color:#70543b;margin:0 0 18px;font-size:14px}.portrait-photo-menu-actions{flex-direction:column;gap:10px;display:flex}.portrait-photo-menu-actions button{color:#fff4d3;cursor:pointer;background:#5e412c;border:0;border-radius:999px;width:100%;padding:10px 14px;font-weight:700}.portrait-photo-menu-actions button:hover{background:#4b3322}.portrait-photo-menu-actions button.secondary{color:#5e412c;background:0 0;border:1px solid #533a2647}.portrait-photo-menu-actions button.secondary:hover{background:#fff4d3b3}.portrait-photo-menu-actions .profile-delete-action{color:#8a3d2c;background:0 0;border:1px solid #82362659}.portrait-photo-menu-actions .profile-delete-action:hover{background:#f8e4d8}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.portrait-crop-overlay{z-index:80;background:#301e128c;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.portrait-crop-modal{background:#f7edd7;border-radius:20px;width:min(100%,360px);padding:20px;box-shadow:0 24px 48px #43281647}.portrait-crop-modal h3{color:#4b3322;text-align:center;margin:0 0 14px;font-family:Raleway,Lato,ui-sans-serif,sans-serif;font-size:20px}.portrait-crop-stage{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#efe0c5;border:4px solid #604530;border-radius:999px;width:280px;height:280px;margin:0 auto;position:relative;overflow:hidden}.portrait-crop-stage:active{cursor:grabbing}.portrait-crop-stage img{pointer-events:none;max-width:none;position:absolute;top:0;left:0}.portrait-crop-mask{pointer-events:none;border-radius:999px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff4d359}.portrait-crop-zoom{color:#5e412c;gap:6px;margin:14px 0 0;font-size:13px;font-weight:700;display:grid}.portrait-crop-actions{justify-content:center;gap:10px;margin-top:16px;display:flex}.portrait-crop-actions button{color:#fff7df;cursor:pointer;font:inherit;background:#604530;border:0;border-radius:999px;padding:12px 16px;font-weight:800}.portrait-crop-actions button:hover:not(:disabled){background:#4e3726}.portrait-crop-actions button:disabled{opacity:.6;cursor:wait}.portrait-crop-actions button.secondary{color:#604530;background:0 0;border:1px solid #533a2647}.portrait-crop-actions button.secondary:hover:not(:disabled){background:#efe0c5}.panel-card h2{color:#4b3322;margin:5px 0 4px;font-family:Raleway,Lato,ui-sans-serif,sans-serif;font-size:26px}.role-label{color:#8a6746;margin:0 0 18px;font-weight:700}.profile-card dl{grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px;display:grid}.profile-card dl div{background:#efe0c5;border-radius:16px;padding:10px}.profile-card dt{color:#8a6746;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.profile-card dd{color:#4b3322;margin:3px 0 0;font-weight:800}.profile-card p:last-child,.helper-text,.mapping-list{color:#70543b;font-size:14px}.profile-edit-button{color:#5e412c;cursor:pointer;background:#fff4d3e6;border:1px solid #533a262e;border-radius:999px;place-items:center;width:32px;height:32px;padding:0;display:grid;position:absolute;top:14px;right:14px}.profile-card-actions{flex-direction:column;gap:8px;display:flex;position:absolute;top:14px;right:14px}.profile-card-actions .profile-edit-button,.profile-card-actions .profile-delete-button{position:static}.profile-delete-button{color:#8a3f2c;cursor:pointer;background:#fff4d3e6;border:1px solid #82362638;border-radius:999px;place-items:center;width:32px;height:32px;padding:0;display:grid}.profile-edit-button:hover{background:#fff4d3}.profile-delete-button:hover:not(:disabled){background:#f6e0d4}.profile-delete-button:disabled{opacity:.6;cursor:wait}.profile-delete-action{color:#8a3f2c;cursor:pointer;font:inherit;background:0 0;border:1px solid #82362647;border-radius:999px;margin-top:4px;padding:12px 16px;font-weight:800}.profile-delete-action:hover:not(:disabled){background:#f6e0d4}.profile-delete-action:disabled{opacity:.6;cursor:wait}.profile-delete-modal{z-index:4;border-radius:inherit;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.profile-delete-modal-backdrop{border-radius:inherit;cursor:pointer;background:#4b332247;border:0;position:absolute;inset:0}.profile-delete-modal-backdrop:disabled{cursor:wait}.profile-delete-confirm{z-index:1;box-sizing:border-box;border-radius:inherit;width:100%;height:100%;box-shadow:none;text-align:left;background:#fffaf0;border:0;align-content:center;gap:12px;padding:20px;display:grid;position:relative}.profile-delete-confirm p{color:#8a3f2c;margin:0;font-size:14px;font-weight:700}.profile-delete-confirm .profile-edit-actions{grid-template-columns:1.2fr 1fr}.profile-delete-confirm .profile-delete-action{margin-top:0}.profile-delete-confirm .secondary{color:#604530;cursor:pointer;font:inherit;background:0 0;border:1px solid #533a2647;border-radius:999px;padding:12px 16px;font-weight:800}.profile-delete-confirm .secondary:hover:not(:disabled){background:#efe0c5}.profile-edit-actions button{color:#fff7df;cursor:pointer;font:inherit;background:#604530;border:0;border-radius:999px;padding:12px 16px;font-weight:800}.profile-edit-actions button:hover:not(:disabled){background:#4e3726}.profile-edit-actions button:disabled{opacity:.6;cursor:wait}.profile-edit-actions button.secondary{color:#604530;background:0 0;border:1px solid #533a2647}.profile-edit-actions button.secondary:hover:not(:disabled){background:#efe0c5}.profile-edit-form{text-align:left;gap:12px;margin-top:8px;animation:.22s profile-expand;display:grid}.profile-edit-form label{color:#6a4a31;gap:6px;font-size:13px;font-weight:800;display:grid}.profile-edit-form input,.profile-edit-form select,.profile-edit-form textarea{box-sizing:border-box;color:#4b3322;width:100%;font:inherit;background:#fffaf0;border:1px solid #533a262e;border-radius:14px;padding:12px 14px}.profile-edit-form textarea{resize:vertical;min-height:96px}.profile-notes-field{grid-column:1/-1}.profile-edit-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}@keyframes profile-expand{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.editor-card{gap:12px;display:grid}.editor-card label{color:#6a4a31;text-align:left;gap:6px;font-size:13px;font-weight:800;display:grid}.editor-card input,.editor-card select{box-sizing:border-box;color:#4b3322;width:100%;font:inherit;background:#fffaf0;border:1px solid #533a262e;border-radius:14px;padding:12px 14px}.editor-card button,.auth-card button{color:#fff7df;cursor:pointer;font:inherit;background:#604530;border:0;border-radius:999px;padding:12px 16px;font-weight:800}.editor-card button:hover,.auth-card button:hover{background:#4e3726}.editor-card button:disabled,.auth-card button:disabled{opacity:.6;cursor:wait}.auth-card,.auth-form{gap:10px;display:grid}.auth-form label{color:#4b3322;gap:6px;font-size:13px;font-weight:700;display:grid}.auth-form input{box-sizing:border-box;color:#4b3322;width:100%;font:inherit;background:#fffaf0;border:1px solid #d7c4a8;border-radius:12px;padding:10px 12px;font-weight:500}.auth-status{color:#70543b;margin:0;font-size:14px}.panel-card a{color:#604530;font-weight:700}.helper-text{margin:0}.mapping-list{text-align:left;margin:10px 0 0;padding-left:20px}.mapping-list li+li{margin-top:8px}@media (width<=980px){.app-shell{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:1fr;transition:grid-template-rows .2s}.app-shell.details-panel-collapsed{grid-template-rows:minmax(0,1fr) 14px;grid-template-columns:1fr}.app-shell--status{grid-template-rows:1fr}.tree-stage{min-height:0}.details-panel{border-top:1px solid #5136212e;border-left:0}.details-panel.collapsed{border-top-color:#0000}.details-panel-toggle{top:0;left:50%;transform:translate(-50%,-50%)}.details-panel-icon{transform:rotate(90deg)}.details-panel-icon.flipped{transform:rotate(-90deg)}}.accent-color-picker{position:relative}.accent-color-picker-trigger{box-sizing:border-box;color:#4b3322;width:100%;font:inherit;cursor:pointer;text-align:left;background:#fffaf0;border:1px solid #533a262e;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;display:flex}.accent-color-picker-trigger:hover{border-color:#533a2652}.accent-color-picker-swatch{border:2px solid #4b33222e;border-radius:999px;flex-shrink:0;width:28px;height:28px}.accent-color-picker-swatch.is-default{border-style:dashed}.accent-color-picker-value{color:#5e412c;font-size:14px;font-weight:700}.accent-color-picker-panel{z-index:20;background:#fffaf0;border:1px solid #533a262e;border-radius:16px;gap:12px;padding:14px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 16px 36px #4b332229}.accent-color-picker-presets{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.accent-color-picker-preset{aspect-ratio:1;cursor:pointer;border:2px solid #4b33221f;border-radius:999px;width:100%;padding:0}.accent-color-picker-preset:hover{transform:scale(1.05)}.accent-color-picker-preset.is-selected{border-color:#4b3322;box-shadow:0 0 0 2px #fffaf0,0 0 0 4px #4b3322}.accent-color-picker-saturation{cursor:crosshair;touch-action:none;border-radius:12px;height:140px;position:relative}.accent-color-picker-saturation-overlay{border-radius:inherit;background:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}.accent-color-picker-thumb,.accent-color-picker-hue-thumb{pointer-events:none;border:2px solid #fff;border-radius:999px;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000040}.accent-color-picker-hue{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;height:14px;position:relative}.accent-color-picker-hue-thumb{top:50%}.accent-color-picker-hex-row{grid-template-columns:36px 1fr;align-items:center;gap:10px;display:grid}.accent-color-picker-preview{border:1px solid #4b33222e;border-radius:10px;width:36px;height:36px}.accent-color-picker-hex-input{box-sizing:border-box;color:#4b3322;width:100%;font:inherit;letter-spacing:.04em;background:#fff;border:1px solid #533a262e;border-radius:12px;padding:10px 12px;font-weight:700}.accent-color-picker-clear{width:100%;font:inherit;cursor:pointer;border-radius:999px;padding:10px 14px;font-weight:800}