:root{--parchment-0: #fffdf9;--parchment-1: #fdf8f0;--parchment-2: #f7efe1;--parchment-3: #f0e4d1;--sandstone-1: #e6d6c2;--sandstone-2: #d8c4ad;--sandstone-3: #b89a7e;--maroon-1: #6b1515;--maroon-2: #4a0e0e;--maroon-3: #8a3030;--maroon-soft: #f6e3df;--mountain-1: #4f6138;--mountain-2: #6b7350;--mountain-3: #818a5c;--mountain-soft: #e8eede;--sky-1: #3a5a82;--sky-2: #6d8cb4;--sky-3: #9fbde4;--sky-soft: #e2eaf3;--ink-1: #1e0f0f;--ink-2: #4a3a32;--ink-3: #8a766a;--ink-on-dark: #fbf3ea;--highlight: #c9871f;--highlight-soft:#fbeccd;--bg-page: var(--parchment-1);--bg-canvas: var(--parchment-1);--surface-card: var(--parchment-0);--surface-sunk: var(--parchment-2);--surface-header: var(--maroon-1);--text-strong: var(--ink-1);--text-body: var(--ink-2);--text-muted: var(--ink-3);--text-inverse: var(--ink-on-dark);--border-hair: var(--sandstone-1);--border-strong: var(--sandstone-2);--border-active: var(--sandstone-3);--accent: var(--maroon-1);--accent-deep: var(--maroon-2);--accent-lift: var(--maroon-3);--accent-soft: var(--maroon-soft);--ring-search: var(--highlight);--focus-ring: var(--maroon-1);--branch-1-stroke: var(--maroon-1);--branch-1-fill: var(--maroon-soft);--branch-2-stroke: var(--mountain-1);--branch-2-fill: var(--mountain-soft);--branch-3-stroke: var(--sky-1);--branch-3-fill: var(--sky-soft);--node-root-stroke: #8b1a1a;--node-root-fill: #ffe7e0;--node-matriarch-str: #a85a86;--node-matriarch-fill: #fbeef5}:root{--font-nastaliq: "Noto Nastaliq Urdu", serif;--font-serif: "Gentium Plus", "Noto Serif", Georgia, serif;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-display: var(--font-serif);--font-body: var(--font-ui);--font-urdu: var(--font-nastaliq);--font-pashto: var(--font-nastaliq);--size-2xs: 10px;--size-xs: 11px;--size-sm: 13px;--size-base: 15px;--size-md: 17px;--size-lg: 21px;--size-xl: 26px;--size-2xl: 32px;--size-3xl: 42px;--size-4xl: 56px;--ur-node: 16px;--ur-spouse: 16px;--ur-body: 14px;--ur-heading: 22px;--ur-masthead: 30px;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold:600;--weight-bold: 700;--leading-tight: 1.25;--leading-snug: 1.45;--leading-body: 1.6;--leading-urdu: 1.8;--tracking-label: .12em;--tracking-wide: .04em}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--header-h: 130px;--toolbar-h: 52px;--panel-w: 320px;--node-w: 240px;--node-h: 96px;--node-h-gap: 30px;--node-v-gap: 100px}:root{--radius-xs: 5px;--radius-sm: 7px;--radius-md: 9px;--radius-lg: 12px;--radius-xl: 18px;--radius-pill: 999px;--border-w: 1px;--border-w-strong: 1.5px;--border-w-node: 2px;--shadow-xs: 0 1px 2px rgba(46, 24, 16, .06);--shadow-sm: 0 1px 4px rgba(46, 24, 16, .1);--shadow-md: 0 4px 16px rgba(46, 24, 16, .14);--shadow-lg: 0 12px 32px rgba(46, 24, 16, .18);--shadow-node: 0 2px 4px rgba(0, 0, 0, .1);--shadow-node-hover: 0 6px 14px rgba(46, 24, 16, .22);--shadow-panel: -6px 0 24px rgba(46, 24, 16, .1);--shadow-inset: inset 0 1px 2px rgba(46, 24, 16, .06);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1);--dur-fast: .15s;--dur-mid: .28s;--dur-slow: .45s;--focus-ring-shadow: 0 0 0 3px rgba(107, 21, 21, .22);--z-canvas: 1;--z-panel: 50;--z-toolbar: 60;--z-header: 70;--z-overlay: 100}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden;background:var(--parchment-1);color:var(--ink-1);font-family:var(--font-ui)}.app{display:flex;flex-direction:column;height:100vh}.tree-canvas{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--parchment-1);cursor:grab;-webkit-user-select:none;user-select:none}.tree-canvas:active{cursor:grabbing}.tw ul{display:flex;justify-content:center;padding-top:42px;position:relative;margin:0;list-style:none}.tw>ul{padding-top:0}.tw li{list-style:none;position:relative;display:flex;flex-direction:column;align-items:center;padding:42px 16px 0}.tw li:before,.tw li:after{content:"";position:absolute;top:0;height:42px;width:50%;border-top:2px solid var(--cx, var(--sandstone-2))}.tw li:before{right:50%}.tw li:after{left:50%;border-left:2px solid var(--cx, var(--sandstone-2))}.tw li:first-child:before,.tw li:last-child:after{border:0 none}.tw li:last-child:before{border-right:2px solid var(--cx, var(--sandstone-2));border-radius:0 6px 0 0}.tw li:first-child:after{border-radius:6px 0 0}.tw li:only-child:before{display:none}.tw li:only-child:after{border-top:none;border-left:2px solid var(--cx, var(--sandstone-2));width:0}.tw ul ul:before{content:"";position:absolute;top:0;left:50%;border-left:2px solid var(--cx, var(--sandstone-2));width:0;height:42px}.tw>ul>li:before,.tw>ul>li:after{display:none}.node-wrap{position:relative}@media print{.no-print{display:none!important}}