:root{color-scheme:light;font-family:Instrument Sans,Helvetica Neue,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(220,203,168,.42),transparent 24%),linear-gradient(180deg,#f5f2ea,#ede7db);color:#211a12;--paper: rgba(255, 253, 248, .9);--line: rgba(90, 70, 38, .14);--ink: #211a12;--muted: #6f6252;--accent: #9e7344;--accent-strong: #7e5b2d;--focus: #294d75;--panel-width: 340px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh}button,input{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:20px;align-items:start;padding:14px 22px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5f2eae6;border-bottom:1px solid var(--line)}.topbar h1{margin:0;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1}.brand-kicker,.meta-label,.node-kicker{margin:0 0 6px;color:var(--muted);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.canvas-layout{position:relative;min-height:calc(100vh - 96px)}.canvas-layout.has-open-inspector{--canvas-right-safe: calc(var(--panel-width) + 40px)}.canvas-layout.has-collapsed-inspector{--canvas-right-safe: 20px}.canvas-toolbar{position:absolute;top:14px;right:var(--canvas-right-safe, 20px);z-index:12;display:flex;gap:12px;align-items:center;padding:8px 10px;border-radius:16px;background:#fffdf8f5;border:1px solid var(--line);box-shadow:0 8px 20px #31251614}.toolbar-depth{display:inline-flex;align-items:center;gap:6px}.toolbar-label{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.toolbar-chip{min-width:28px;text-align:center;font-weight:700;color:var(--ink)}.graph-shell{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab}.graph-shell:active{cursor:grabbing}.graph-stage{position:absolute;transform-origin:top left}.graph-edges{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.edge{fill:none;stroke:#9c9ea6e6;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.edge-parentChild{stroke:#9c9ea6eb}.edge-branch{stroke-width:2px}.edge-bus{stroke-width:2px;stroke:#9c9ea6eb}.edge-trunk{stroke-width:2.25px;stroke:#9c9ea6f5}.edge-drop{stroke-width:2px}.edge-couple{stroke:#b0b2b8f5}.person-node{position:absolute;left:0;top:0;width:176px;min-height:112px;padding:14px 14px 18px;border:2px solid #d8dde6;border-radius:14px;background:#fffffffa;box-shadow:0 8px 18px #20252d0f;text-align:left;color:inherit;transform:translate(-50%,-50%)}.person-node.is-selected{border-color:#345f99eb;box-shadow:0 0 0 3px #345f991f,0 10px 20px #20252d1a;z-index:5}.person-node h3{margin:0 0 6px;font-family:Instrument Sans,Helvetica Neue,Arial,sans-serif;font-size:1.04rem;line-height:1.12}.node-facts p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.35}.node-source-count{display:inline-flex;margin-top:10px;padding:5px 9px;border-radius:999px;background:#c4ad8e2e;color:var(--accent-strong);font-size:.72rem}.node-avatar{width:34px;height:34px;display:grid;place-items:center;margin-bottom:8px;border-radius:999px;background:linear-gradient(180deg,#eef3f9,#dde8f5);color:#4f6782;font-size:.78rem;font-weight:700}.node-footer-caret{position:absolute;left:50%;bottom:-12px;width:24px;height:24px;display:grid;place-items:center;transform:translate(-50%);border-radius:999px;border:1px solid rgba(194,198,205,.9);background:#fff;color:#8993a1;font-size:.72rem;line-height:1}.node-expand{position:absolute;left:50%;bottom:-12px;width:24px;height:24px;display:grid;place-items:center;transform:translate(-50%);border-radius:999px;border:1px solid rgba(194,198,205,.95);background:#fff;color:#677384;font-size:.95rem;font-weight:600;line-height:1;box-shadow:0 2px 8px #20252d1f}.gender-male{border-color:#74d0eb}.gender-female{border-color:#f1a6b6}.gender-unknown{border-color:#d7dde5}.mode-pedigree .person-node{width:214px;min-height:88px;padding:12px 16px 16px;border-radius:999px}.mode-pedigree .node-avatar{position:absolute;left:12px;top:50%;margin-bottom:0;transform:translateY(-50%)}.mode-pedigree .node-kicker,.mode-pedigree .node-source-count{display:none}.mode-pedigree .person-node h3,.mode-pedigree .node-facts{margin-left:44px}.mode-pedigree .node-footer-caret{display:none}.role-focus{z-index:3}.role-ancestor,.role-partner,.role-descendant,.role-sibling{z-index:2}.floating-controls{position:absolute;right:var(--canvas-right-safe, 20px);bottom:18px;z-index:10;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px;border-radius:16px;background:#fffdf8f5;border:1px solid var(--line);box-shadow:0 10px 24px #3125161a}.view-switcher{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:14px;background:#f3efe7eb;border:1px solid rgba(90,70,38,.12)}.view-button{border:0;border-radius:11px;background:transparent;color:var(--muted);padding:8px 12px;cursor:pointer;font-weight:600}.view-button.is-active{background:#fff;color:#d86f2b;box-shadow:0 1px 4px #20252d0f}.control-button,.secondary-button,.person-pill,.source-card,.search-result,.tab-button{border:1px solid var(--line);border-radius:14px;background:#ffffffeb;color:var(--ink);cursor:pointer;transition:background .14s ease,transform .14s ease,border-color .14s ease}.control-button,.secondary-button,.tab-button{padding:9px 13px}.control-button:hover,.secondary-button:hover,.person-pill:hover,.source-card:hover,.search-result:hover,.tab-button:hover{transform:translateY(-1px);background:#fff;border-color:#7e5b2d47}.focus-chip{display:inline-flex;align-items:center;padding:0 12px;min-height:38px;border-radius:14px;background:#294d7514;color:var(--focus);font-weight:600}.inspector{position:absolute;top:98px;right:18px;bottom:84px;z-index:11;width:min(var(--panel-width),calc(100vw - 36px));display:flex;flex-direction:column;gap:12px;padding:12px;border-radius:20px;background:#faf8f2eb;border:1px solid var(--line);box-shadow:0 18px 40px #3125161a;overflow:auto}.inspector.is-collapsed{width:auto;bottom:auto}.inspector-top{display:flex;justify-content:flex-end}.inspector-card,.detail-panel,.note-card{padding:14px;border-radius:16px;background:#ffffffe0;border:1px solid rgba(90,70,38,.08)}.inspector-card h2{margin:0 0 8px;font-family:Iowan Old Style,Palatino Linotype,serif}.inspector-subtle,.modal-copy{margin:0;color:var(--muted);line-height:1.5}.tab-strip{display:flex;gap:6px;flex-wrap:wrap}.tab-button.is-active{background:#294d751f;border-color:#294d7538;color:var(--focus)}.detail-grid,.source-stack,.note-stack{display:grid;gap:12px}.detail-item{display:grid;gap:4px}.detail-item span{color:var(--muted);font-size:.8rem;text-transform:capitalize}.family-group+.family-group{margin-top:18px}.pill-stack{display:flex;gap:10px;flex-wrap:wrap}.person-pill,.source-card{padding:12px 14px;text-align:left}.source-card{display:grid;gap:4px}.source-card span{color:var(--muted)}.search-box{position:relative;width:min(360px,100%)}.search-input{width:100%;padding:13px 16px;border-radius:16px;border:1px solid var(--line);background:#fffffff0;color:var(--ink)}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;display:grid;gap:8px;padding:10px;border-radius:18px;background:#fffdf8fa;border:1px solid var(--line);box-shadow:0 18px 36px #31251624}.search-result{padding:12px 14px;text-align:left}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#18120c7a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-surface{width:min(1100px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto;padding:20px;border-radius:28px;background:#fffdf8fa;box-shadow:0 28px 76px #00000047}.modal-header{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:18px}.modal-header h2{margin:0 0 8px;font-family:Iowan Old Style,Palatino Linotype,serif}.source-image{display:block;width:100%;max-height:72vh;object-fit:contain;border-radius:18px;background:#f0eadf}.empty-state{padding:48px;border-radius:18px;background:#ffffffb3;color:var(--muted);text-align:center}@media(max-width:960px){.canvas-layout.has-open-inspector,.canvas-layout.has-collapsed-inspector{--canvas-right-safe: 18px}.topbar{flex-direction:column;align-items:stretch}.canvas-toolbar{top:14px;left:18px;right:18px;justify-content:space-between;flex-wrap:wrap}.inspector{inset:auto 18px 88px;width:auto;max-height:40vh}.person-node{width:188px;margin-left:-94px}.floating-controls{left:18px;right:18px;justify-content:flex-start}}