.crud-bar{position:fixed;right:24px;bottom:24px;display:none;gap:6px;z-index:9;background:#fff;padding:6px;border:1px solid var(--line);box-shadow:0 8px 25px #1d3b3422}.crud-bar.visible{display:flex}.danger{border:0;background:#f8ddd5;color:#9a4939;padding:11px 13px;font:600 12px Manrope;cursor:pointer}
 .relation-button{width:100%;margin-top:18px}.diagram{cursor:grab;touch-action:none}.diagram:active{cursor:grabbing}.diagram-inner{position:relative}.family-lines{position:absolute;inset:0;overflow:visible;z-index:1}.family-node{z-index:2}.parent-line{fill:none;stroke:var(--coral);stroke-width:2}.partner-line{stroke:var(--yellow);stroke-width:2;stroke-dasharray:6 5}
 #appNotice{position:fixed;right:24px;top:94px;z-index:20;padding:14px 18px;background:#f8ddd5;color:#793d32;border:1px solid #e7b4a5;box-shadow:0 8px 25px #1d3b3422;font-size:12px;font-weight:700;max-width:360px}.crud-bar{flex-wrap:wrap;max-width:440px}.crud-bar button{white-space:nowrap}.family-node{transition:opacity .15s ease,transform .15s ease}
 .toolbar-actions{display:flex;align-items:center;gap:3px}.view-mode{border:0;background:#eef0eb;color:var(--muted);padding:8px 10px;font:600 10px 'DM Mono',monospace;cursor:pointer}.view-mode.active{background:var(--ink);color:#fff}.family-list{height:520px;overflow:auto;padding:30px 8%;background:#fbfaf7}.family-list-root{padding-bottom:22px;border-bottom:1px solid var(--line)}.family-list-root h3{margin:0 0 16px;font-size:20px}.family-list ul{list-style:none;margin:0;padding:10px 0 0 30px;border-left:1px solid #d7ddd5}.family-list li{position:relative;padding:7px 0 7px 20px}.family-list li:before{content:'';position:absolute;left:-1px;top:25px;width:20px;border-top:1px solid #d7ddd5}.family-list-person{display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;padding:8px 11px;background:#fff;border:1px solid var(--line);cursor:pointer;box-shadow:0 3px 10px #1d3b340d}.family-list-person:hover{border-color:var(--coral)}.family-list-person strong{font-size:12px}.family-list-person small{font:9px 'DM Mono',monospace;color:var(--muted);margin-left:6px}.family-list-person .node{width:9px;height:9px}.family-list-partner{font:600 11px Manrope;color:#987a35;margin-left:4px}.root-person{width:max-content}.root-person .node{background:var(--coral)}
*{box-sizing:border-box} :root{--ink:#17201f;--muted:#75807a;--paper:#f5f4ef;--panel:#fff;--mint:#c5e8d9;--coral:#ef8c6e;--yellow:#f1c76c;--line:#dfe4dd} body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif}.topbar{height:78px;padding:0 4vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fbfaf7}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.12em}.brand-mark{font-size:26px;color:var(--coral)}.brand strong{display:block;font-size:13px}.brand small{display:block;font:10px 'DM Mono',monospace;color:var(--muted);margin-top:3px}.top-actions{display:flex;gap:10px}.primary,.ghost,.filter,.icon-btn{border:0;font:600 12px Manrope,sans-serif;cursor:pointer}.primary{background:var(--ink);color:#fff;padding:12px 18px;border-radius:4px}.ghost{background:transparent;color:var(--ink);padding:11px 13px}.shell{max-width:1500px;margin:auto;padding:54px 4vw}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:.16em;color:var(--coral);margin:0 0 14px}.intro h1{font-size:clamp(35px,5vw,68px);line-height:1.02;letter-spacing:-.04em;margin:0;font-weight:800}.intro em{font-family:Georgia,serif;font-weight:400;color:#78968b}.subhead{color:var(--muted);max-width:480px;line-height:1.7;margin:20px 0 0;font-size:14px}.stats{display:flex;gap:38px}.stats div{border-left:1px solid var(--line);padding-left:18px}.stats b{font-size:27px;display:block}.stats span{font:10px 'DM Mono',monospace;color:var(--muted);text-transform:uppercase}.workspace{display:grid;grid-template-columns:320px 1fr;min-height:620px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sidebar{padding:27px 25px 25px 0;border-right:1px solid var(--line)}.panel-head{display:flex;justify-content:space-between;align-items:end}.panel-head h2{font-size:19px;margin:0 0 22px}.count-pill{font:11px 'DM Mono',monospace;background:var(--mint);padding:5px 8px;border-radius:20px;margin-bottom:22px}.search{display:flex;align-items:center;gap:9px;background:#ebece7;padding:11px 12px;border-radius:3px;color:var(--muted)}.search input{border:0;outline:0;background:transparent;width:100%;font:12px Manrope}.filter-row{display:flex;gap:5px;margin:17px 0}.filter{background:transparent;color:var(--muted);padding:7px 9px;border-bottom:2px solid transparent}.filter.active{color:var(--ink);border-color:var(--coral)}.directory{display:flex;flex-direction:column;gap:4px;max-height:450px;overflow:auto}.person-row{display:flex;align-items:center;gap:10px;padding:10px 8px;cursor:pointer;border-radius:3px}.person-row:hover,.person-row.selected{background:#e7eee9}.avatar,.node{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;flex:none}.avatar.male,.node.male{background:#bcd9df}.avatar.female,.node.female{background:#f2c5a6}.person-row strong{font-size:12px;display:block}.person-row small{font:10px 'DM Mono',monospace;color:var(--muted)}.canvas-wrap{position:relative;overflow:hidden;background:#fbfaf7}.canvas-toolbar{height:57px;padding:0 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font:10px 'DM Mono',monospace;color:var(--muted)}.live-dot{display:inline-block;width:7px;height:7px;background:#75bd91;border-radius:50%;margin-right:8px}.toolbar-actions{display:flex;gap:3px}.icon-btn{background:#eef0eb;color:var(--ink);min-width:31px;height:29px;border-radius:2px}.diagram{height:520px;position:relative;overflow:auto;background-image:linear-gradient(#eef0eb 1px,transparent 1px),linear-gradient(90deg,#eef0eb 1px,transparent 1px);background-size:32px 32px}.diagram-inner{position:relative;min-width:100%;min-height:100%;transform-origin:top left}.family-node{position:absolute;width:150px;padding:12px 13px;background:#fff;border:1px solid #dfe4dd;box-shadow:0 5px 15px #1d3b3411;border-radius:3px;cursor:pointer;z-index:2}.family-node:hover{border-color:var(--coral);transform:translateY(-2px)}.family-node strong{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.family-node small{font:9px 'DM Mono',monospace;color:var(--muted);display:block;margin-top:5px}.family-node .node{position:absolute;right:10px;top:10px;width:9px;height:9px}.connector{position:absolute;height:2px;transform-origin:left center;z-index:1}.connector.parent{background:var(--coral)}.connector.partner{background:var(--yellow);border-top:2px dashed var(--yellow);height:0}.legend{height:43px;display:flex;align-items:center;gap:18px;padding:0 24px;font:9px 'DM Mono',monospace;color:var(--muted)}.line{display:inline-block;width:22px;height:2px;margin-right:5px;vertical-align:middle;background:var(--coral)}.line.partner{border-top:2px dashed var(--yellow);height:0;background:none}.legend .node{display:inline-block;width:9px;height:9px;margin:0 5px;vertical-align:middle}.empty-state{text-align:center;padding-top:150px;color:var(--muted)}.empty-state span{font-size:34px;color:var(--coral)}.empty-state h3{color:var(--ink);font-size:16px}.empty-state p{font-size:12px}.detail-panel{position:fixed;right:24px;top:100px;width:330px;background:#fff;box-shadow:0 15px 50px #1d3b3422;border:1px solid var(--line);padding:25px;z-index:8;display:none}.detail-panel.open{display:block}.detail-top{display:flex;justify-content:space-between}.detail-panel h2{font-size:21px;margin:8px 0}.detail-panel .eyebrow{margin-bottom:0}.detail-close{border:0;background:none;font-size:22px;cursor:pointer}.detail-section{border-top:1px solid var(--line);padding-top:15px;margin-top:18px}.detail-label{font:9px 'DM Mono',monospace;color:var(--muted);text-transform:uppercase;margin-bottom:5px}.detail-value{font-size:12px;line-height:1.5}.dialog-head{display:flex;justify-content:space-between}.close{border:0;background:none;font-size:25px;cursor:pointer}dialog{border:0;width:min(650px,calc(100% - 30px));padding:30px;box-shadow:0 20px 80px #17201f33}dialog::backdrop{background:#17201f66}.dialog-head h2{margin:0 0 24px;font-size:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{font-size:11px;color:var(--muted);font-weight:700}input,select,textarea{display:block;width:100%;margin-top:7px;padding:10px;border:1px solid var(--line);font:12px Manrope;color:var(--ink);background:#fbfaf7}textarea{resize:vertical}.full{grid-column:1/-1}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}@media(max-width:850px){.shell{padding:35px 20px}.intro{display:block}.stats{margin-top:28px}.workspace{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:20px 0}.directory{max-height:180px}.canvas-wrap{min-height:500px}.topbar{padding:0 20px}.top-actions .ghost{display:none}.legend{gap:8px;flex-wrap:wrap;height:auto;padding:10px 15px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.detail-panel{right:12px;left:12px;width:auto}}