:root{--sand:#f4efe6;--cream:#fbf8f2;--paper:#fff;--ink:#2b2620;--ink-soft:#5e564c;--muted:#8a8175;--line:#e4dccf;--line-strong:#cfc5b4;--sage:#8fa48a;--sage-deep:#6e8368;--moss:#55684a;--moss-deep:#3f4f37;--bark:#7b5c45;--bark-deep:#5b4334;--clay:#c3785a;--danger:#b0563f;--danger-soft:#f6e6e0;--sky:#eef0e6;--radius:12px;--font-body:"Karla", "Helvetica Neue", Arial, sans-serif;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--sand);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-size:16px;line-height:1.45}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:500}h1{font-size:34px;line-height:1.1}h2{font-size:24px;line-height:1.2}h3{font-size:19px;line-height:1.25}p{margin:0}a{color:var(--moss)}button,input{font:inherit;color:inherit}input[type=text],input[type=password]{border:1px solid var(--line-strong);background:var(--paper);border-radius:10px;outline:none;width:100%;padding:12px 14px;transition:border-color .12s}input[type=text]:focus,input[type=password]:focus{border-color:var(--sage-deep)}input::placeholder{color:var(--muted)}label{color:var(--ink-soft);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.field{margin-bottom:16px}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}input[type=date]{border:1px solid var(--line-strong);background:var(--paper);appearance:none;border-radius:10px;outline:none;width:100%;min-height:44px;padding:10px 12px}input[type=date]:focus{border-color:var(--sage-deep)}.segmented{border:1px solid var(--line-strong);background:var(--paper);border-radius:10px;display:flex;overflow:hidden}.segmented button{min-height:42px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;flex:1;font-size:14px;font-weight:600}.segmented button+button{border-left:1px solid var(--line-strong)}.segmented button.on{background:var(--moss);color:var(--cream)}.life{color:var(--ink-soft);margin-top:4px;font-size:15px}.life .age{color:var(--ink);font-weight:600}.relation-pill{color:#9c4b1c;background:#de7e3524;border-radius:999px;margin-top:6px;padding:3px 10px;font-size:14px;font-weight:600;display:inline-block}.btn.btn-me{color:#9c4b1c;background:var(--paper);border-color:#de7e35}.btn.btn-me:hover:not(:disabled){background:#de7e351a}.search-results .sub{color:var(--muted);font-size:12.5px;display:block}.field .hint{color:var(--muted);margin-top:6px;font-size:13px}.btn{cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:background-color .12s,border-color .12s,opacity .12s;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--moss);color:var(--cream)}.btn-primary:hover:not(:disabled){background:var(--moss-deep)}.btn-secondary{border-color:var(--line-strong);color:var(--ink);background:var(--paper)}.btn-secondary:hover:not(:disabled){border-color:var(--muted)}.btn-quiet{color:var(--ink-soft)}.btn-quiet:hover:not(:disabled){background:#2b26200f}.btn-danger{border-color:var(--danger);color:var(--danger);background:var(--paper)}.btn-danger:hover:not(:disabled){background:var(--danger-soft)}.btn-danger-solid{background:var(--danger);color:#fff}.btn-block{width:100%}.btn-sm{min-height:36px;padding:6px 12px;font-size:14px}.icon-btn{border:1px solid var(--line);background:var(--cream);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{border-color:var(--line-strong)}.icon-btn svg{width:20px;height:20px}.btn-row{gap:10px;display:flex}.btn-row>.btn{flex:1}.stack{flex-direction:column;gap:10px;display:flex}.list-page{min-height:100%;padding:calc(28px + var(--safe-top)) 20px calc(40px + var(--safe-bottom));max-width:560px;margin:0 auto}.list-header{margin-bottom:26px}.list-header .eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--sage-deep);margin-bottom:6px;font-size:13px;font-weight:600}.list-header p{color:var(--ink-soft);margin-top:8px}.list-actions{margin:20px 0 22px}.tree-card{background:var(--cream);border:1px solid var(--line);border-radius:16px;margin-bottom:12px;padding:16px 16px 14px}.tree-card-top{align-items:flex-start;gap:12px;display:flex}.tree-card-icon{background:var(--sky);width:42px;height:42px;color:var(--moss);border-radius:50%;flex:none;place-items:center;display:grid}.tree-card-icon svg{width:24px;height:24px}.tree-card h3{overflow-wrap:anywhere}.tree-card .meta{color:var(--muted);flex-wrap:wrap;gap:8px;margin-top:2px;font-size:14px;display:flex}.tree-card .meta .lock{align-items:center;gap:4px;display:inline-flex}.tree-card .meta svg{width:13px;height:13px}.tree-card .btn-row{margin-top:14px}.empty-list{text-align:center;color:var(--muted);padding:40px 20px}.status-line{color:var(--muted);text-align:center;padding:30px 0}.error-text{color:var(--danger);margin-top:8px;font-size:14px}.tree-page{background:var(--sky);position:fixed;inset:0;overflow:hidden}.tree-canvas{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;height:100%;position:absolute;inset:0}.tree-canvas:active{cursor:grabbing}.topbar{padding:calc(10px + var(--safe-top)) 12px 10px;pointer-events:none;z-index:5;background:linear-gradient(#eef0e6f5,#eef0e699 80%,#eef0e600);align-items:center;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.topbar-title{flex:1;min-width:0}.topbar-title h2{white-space:nowrap;text-overflow:ellipsis;font-size:20px;overflow:hidden}.topbar-title .sub{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.save-pill{color:var(--moss);background:#55684a1f;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}.save-pill.saving{color:var(--ink-soft);background:#2b262014}.save-pill.error{background:var(--danger-soft);color:var(--danger)}.search-wrap{flex:1;min-width:0;position:relative}.search-input{background:var(--cream);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;height:44px;padding:0 8px 0 14px;display:flex}.search-input svg{width:18px;height:18px;color:var(--muted);flex:none}.search-input input{appearance:none;background:0 0;border:none;outline:none;flex:1;min-width:0;height:100%;padding:0}.search-input input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.search-input input::-webkit-search-decoration{-webkit-appearance:none;display:none}.search-input .icon-btn{width:32px;height:32px;color:var(--muted);background:0 0;border:none}.search-results{background:var(--cream);border:1px solid var(--line);border-radius:14px;max-height:50vh;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto;box-shadow:0 10px 30px #2b26201f}.search-results button{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;display:flex}.search-results button+button{border-top:1px solid var(--line)}.search-results button:hover,.search-results button.active{background:var(--sky)}.search-results .empty{color:var(--muted);padding:12px 14px;font-size:14px}.avatar{object-fit:cover;background:var(--sage);width:32px;height:32px;color:var(--cream);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:14px;display:grid}.avatar.lg{width:72px;height:72px;font-size:26px}.avatar.xl{width:96px;height:96px;font-size:34px}.zoom-controls{right:12px;bottom:calc(16px + var(--safe-bottom));z-index:4;flex-direction:column;gap:8px;display:flex;position:absolute}.fab-wrap{left:12px;bottom:calc(16px + var(--safe-bottom));z-index:4;position:absolute}.empty-tree{text-align:center;z-index:3;pointer-events:none;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.empty-tree>div{pointer-events:auto;background:var(--cream);border:1px solid var(--line);border-radius:18px;max-width:340px;padding:28px 24px}.empty-tree p{color:var(--ink-soft);margin:8px 0 18px}.leaf{cursor:pointer}.leaf-body{stroke-width:1.5px;transition:filter .15s}.leaf:hover .leaf-body{filter:brightness(1.04)}.leaf-outline{fill:none;stroke:var(--clay);stroke-width:3px;opacity:0;transition:opacity .15s}.leaf.selected .leaf-outline{opacity:1}.leaf-halo{fill:none;stroke:var(--clay);stroke-width:4px;opacity:0;transform-origin:50%;transform-box:fill-box}.leaf.highlight .leaf-halo{animation:1.1s ease-out 2 halo}@keyframes halo{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}.leaf-name{font-family:var(--font-body);fill:var(--ink);text-anchor:middle;pointer-events:none;font-size:13.5px;font-weight:600}.leaf-initials{font-family:var(--font-display);fill:var(--moss);text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:22px}.branch path{fill:none;stroke:var(--bark);stroke-linecap:round;stroke-linejoin:round}.bough-wood{fill:none;stroke:#a08469;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.bough-grain{fill:none;stroke:var(--cream);stroke-width:1px;stroke-dasharray:3 4;stroke-linecap:round;opacity:.9}.bough-knot{fill:var(--bark)}.leaf.me .leaf-outline{stroke:var(--bark-deep)}.leaf-you{font-family:var(--font-display);fill:#fbf8f2;text-anchor:middle;pointer-events:none;font-size:12px;font-style:italic}.leaf-tag rect{fill:var(--cream);stroke:var(--bark);stroke-width:1px}.leaf-tag text{font-family:var(--font-body);fill:var(--bark-deep);text-anchor:middle;dominant-baseline:middle;pointer-events:none;font-size:10.5px;font-weight:600}.sheet-backdrop{z-index:20;background:#2b262061;justify-content:center;align-items:flex-end;animation:.16s ease-out fade;display:flex;position:fixed;inset:0}.sheet{width:100%;max-height:calc(100% - 40px - var(--safe-top));background:var(--cream);padding:14px 20px calc(24px + var(--safe-bottom));border-radius:20px 20px 0 0;animation:.22s cubic-bezier(.2,.8,.2,1) rise;overflow-y:auto}.sheet-grip{background:var(--line-strong);border-radius:2px;width:38px;height:4px;margin:0 auto 16px}.sheet h2,.sheet h3{margin-bottom:6px}.sheet .lede{color:var(--ink-soft);margin-bottom:18px}.sheet .actions{flex-direction:column;gap:10px;margin-top:18px;display:flex}.sheet .actions .btn{width:100%}.sheet .subtle{color:var(--muted);font-size:14px}@media (width>=640px){.sheet-backdrop{align-items:center;padding:24px}.sheet{border-radius:18px;max-width:440px;max-height:calc(100% - 48px);padding:22px 24px 24px}.sheet-grip{display:none}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:.6;transform:translateY(24px)}}.person-head{align-items:center;gap:14px;margin-bottom:8px;display:flex}.person-head h2{overflow-wrap:anywhere;margin:0}.person-head .rel{color:var(--muted);font-size:14px}.relations{color:var(--ink-soft);margin:12px 0 4px;padding:0;font-size:15px;list-style:none}.relations li{border-top:1px solid var(--line);gap:10px;padding:8px 0;display:flex}.relations li span:first-child{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;flex:none;width:74px;padding-top:2px;font-size:13px}.relations li span:last-child{overflow-wrap:anywhere}.relations button{color:var(--moss);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;-webkit-text-decoration:underline #55684a59;text-decoration:underline #55684a59}.photo-picker{align-items:center;gap:16px;margin-bottom:18px;display:flex}.photo-picker .btn-row{flex-direction:column;gap:6px}.photo-picker .btn{min-height:36px;padding:6px 12px;font-size:14px}.warning{color:#6b5426;background:#f7efdf;border:1px solid #e8d7b3;border-radius:12px;margin:8px 0 4px;padding:12px 14px;font-size:15px}.warning strong{margin-bottom:4px;display:block}.warning ul{margin:6px 0 0;padding-left:18px}.divider{background:var(--line);height:1px;margin:20px 0}.section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:13px;font-weight:600}