:root{--bg:#f6f5f2;--surface:#fff;--surface-2:#faf9f7;--text:#1f2328;--muted:#6b7280;--border:#e4e2dc;--accent:#2d6a4f;--accent-soft:#e3f0ea;--danger:#b42318;--edge:#8b8780;--grid:#3c372829;--male:#4f7cac;--female:#c0607f;--other:#8a6fb3;--unknown:#9aa0a6;--card:#fff;--card-border:#d9d6cf;--shadow:0 1px 2px #14140a0f, 0 4px 14px #14140a0f;--mini-dot:#8b8780;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#14161a;--surface:#1d2025;--surface-2:#23272d;--text:#e6e8eb;--muted:#9aa3ad;--border:#2f343b;--accent:#4ea583;--accent-soft:#1f3a30;--danger:#f08a80;--edge:#7c8088;--grid:#ffffff1a;--card:#23272d;--card-border:#3a4048;--shadow:0 1px 2px #0006, 0 4px 14px #00000059;--mini-dot:#8d939c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.app{grid-template-rows:auto 1fr;height:100%;display:grid}.workspace{grid-template-columns:1fr 340px;min-height:0;display:grid}.canvas-wrap{min-width:0;min-height:0;position:relative}.toolbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:14px;padding:8px 14px;display:flex}.brand{align-items:center;gap:8px;margin-right:6px;font-weight:650;display:flex}.tool-group{align-items:center;gap:2px;display:flex}.tool-group.right{gap:10px;margin-left:auto}.status{color:var(--muted);font-size:12px}.tool-btn{background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.tool-btn:hover:not(:disabled){background:var(--surface-2)}.tool-btn:disabled{opacity:.4;cursor:default}.menu{position:relative}.menu-list{z-index:20;background:var(--surface);border:1px solid var(--border);min-width:230px;box-shadow:var(--shadow);border-radius:10px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);right:0}.menu-list button{text-align:left;background:0 0;border:0;border-radius:6px;width:100%;padding:8px 10px}.menu-list button:hover{background:var(--surface-2)}.btn{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.08)}.btn.small{padding:5px 10px;font-size:13px}.btn.ghost{background:0 0}.btn.danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, var(--border))}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.icon-btn{background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:inline-grid}.icon-btn:hover{background:var(--surface-2)}.icon-btn.danger:hover{color:var(--danger)}.search{background:var(--surface-2);border:1px solid var(--border);width:min(360px,100%);height:36px;color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:0 10px;display:flex;position:relative}.search:focus-within{border-color:var(--accent);color:var(--text)}.search input{background:0 0;border:0;outline:none;flex:1;min-width:0}.search .clear{color:var(--muted);background:0 0;border:0;place-items:center;display:grid}.search-results{z-index:30;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0}.search-results li{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;display:flex}.search-results li.active{background:var(--accent-soft)}.search-results li.none{color:var(--muted);cursor:default}.search-results .n{flex:1;font-weight:550}.search-results .d,.person-link .d{color:var(--muted);font-size:12px}.dot{border-radius:50%;flex:none;width:9px;height:9px}.dot.g-M,.bar.g-M{background:var(--male);fill:var(--male)}.dot.g-F,.bar.g-F{background:var(--female);fill:var(--female)}.dot.g-X,.bar.g-X{background:var(--other);fill:var(--other)}.dot.g-U,.bar.g-U{background:var(--unknown);fill:var(--unknown)}.canvas{touch-action:none;cursor:grab;background-color:var(--bg);background-image:radial-gradient(circle, var(--grid) 1.2px, transparent 1.6px);-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.canvas:active{cursor:grabbing}.canvas-svg{display:block}.edge{fill:none;stroke:var(--edge);stroke-width:1.6px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.union.partners .edge.partner{stroke-dasharray:6 4}.union.separated .edge.partner{stroke-dasharray:2 5;opacity:.8}.union.hl .edge{stroke:var(--accent);stroke-width:2.4px}.anchor.married{fill:var(--accent);stroke:var(--accent)}.anchor.partners{fill:var(--bg);stroke:var(--accent);stroke-width:1.5px}.anchor.virtual{fill:var(--edge)}.node{cursor:pointer}.node .card{fill:var(--card);stroke:var(--card-border);stroke-width:1px;filter:drop-shadow(0 1px 2px #14140a14)}.node:hover .card{stroke:var(--accent)}.node.related .card{stroke:var(--accent);stroke-opacity:.55;stroke-width:1.5px}.node.selected .card{stroke:var(--accent);stroke-width:2.5px}.node .name{fill:var(--text);font-size:14px;font-weight:600}.node .name.empty{fill:var(--muted);font-style:italic;font-weight:500}.node .dates{fill:var(--muted);font-size:12px}.dots{fill:var(--mini-dot);stroke:var(--mini-dot);stroke-width:6px}.dot-selected{fill:none;stroke:var(--accent);stroke-width:14px}.zoom-controls{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);cursor:default;border-radius:10px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:14px;right:14px}.zoom-level{text-align:center;font-variant-numeric:tabular-nums;min-width:48px;color:var(--muted);font-size:12px}.minimap{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);cursor:pointer;border-radius:10px;position:absolute;bottom:14px;left:14px;overflow:hidden}.minimap canvas{display:block}.mini-view{border:1.5px solid var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);pointer-events:none;position:absolute}.mini-sel{background:var(--accent);pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute}.empty-state{text-align:center;pointer-events:none;place-content:center;justify-items:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.empty-state>*{pointer-events:auto}.empty-state h1{margin:0;font-size:24px}.empty-state p{color:var(--muted);max-width:420px;margin:0 0 8px}.panel{background:var(--surface);border-left:1px solid var(--border);min-height:0;overflow-y:auto}.panel-body{flex-direction:column;gap:10px;padding:16px;display:flex}.panel h2{margin:0 0 4px;font-size:18px}.panel h3{border-top:1px solid var(--border);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:14px 0 0;padding-top:12px;font-size:12px}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field>span{color:var(--muted);font-size:12px}.field input,.field select,.field textarea,.union-row input,.union-row select,.picker input{border:1px solid var(--border);background:var(--surface);border-radius:8px;outline:none;width:100%;min-width:0;padding:7px 9px}.field input:focus,.field select:focus,.field textarea:focus,.union-row input:focus,.union-row select:focus,.picker input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field textarea{resize:vertical}.grid-2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.rel-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.rel-list li{align-items:center;gap:4px;display:flex}.rel-list li.empty{color:var(--muted);font-size:13px}.rel-list li.union-row{flex-direction:column;align-items:stretch;gap:6px;padding:6px 0}.union-row .row{align-items:center;gap:4px;display:flex}.person-link{border:1px solid var(--border);background:var(--surface-2);text-align:left;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:0;padding:6px 8px;display:flex}.person-link:hover{border-color:var(--accent)}.person-link .n{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:550;overflow:hidden}.tag{color:var(--muted);white-space:nowrap;font-size:11px}.child-group .sub{color:var(--muted);margin-bottom:4px;font-size:12px}.add-row{flex-direction:column;gap:8px;display:flex}.picker{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;flex-direction:column;gap:6px;padding:8px;display:flex}.picker ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.picker li button{text-align:left;background:0 0;border:0;border-radius:6px;gap:8px;width:100%;padding:6px 8px;display:flex}.picker li button:hover{background:var(--accent-soft)}.picker .n{flex:1}.picker .d{color:var(--muted);font-size:12px}.picker li.none{color:var(--muted);padding:4px 8px;font-size:12px}.danger-zone{border-top:1px solid var(--border);margin-top:18px;padding-top:14px}.stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0;display:grid}.stats div{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;flex-direction:column;padding:10px;display:flex}.stats strong{font-size:20px}.stats span{color:var(--muted);font-size:12px}.shortcuts{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:13px;display:grid}.shortcuts dt{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.shortcuts dd{margin:0}.toast{color:#fff;box-shadow:var(--shadow);z-index:50;background:#1f2328;border-radius:10px;align-items:center;gap:14px;max-width:90vw;padding:10px 16px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast button{color:#8ee0bd;background:0 0;border:0;font-weight:600}@media (width<=1180px){.tool-btn span,.brand-name{display:none}}@media (width<=800px){.workspace{grid-template-rows:1fr 46%;grid-template-columns:1fr}.panel{border-left:0;border-top:1px solid var(--border)}.minimap,.status{display:none}}