*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button{font:inherit;color:inherit;cursor:pointer}input,textarea{font:inherit;color:inherit}.theme-heirloom{--font-serif:var(--font-spectral), "Spectral", Georgia, serif;--font-sans:var(--font-inter), "Inter", system-ui, sans-serif;--font-mono:var(--font-jetbrains-mono), "JetBrains Mono", monospace;--bg:#f4ede0;--bg-soft:#ece2cf;--canvas-bg:#efe6d3;--canvas-dot:#3c28142e;--ink:#2a1f14;--ink-soft:#6b5a47;--ink-faint:#a89a85;--rule:#3c281424;--rule-strong:#3c281447;--node-bg:#fbf6e8;--node-bg-hover:#f7eed7;--node-bg-active:#fff8e1;--node-border:#3c281438;--avatar-bg:#e9dcc1;--avatar-fg:#5b4631;--edge:#3c281452;--edge-couple:#8c502880;--accent-m:#6b4f8a;--accent-f:#a85a4b;--accent-x:#5b7a6a;--accent-warn:#c87d2c;--primary:#2a1f14;--primary-fg:#f4ede0}.theme-botanico{--font-serif:var(--font-spectral), "Spectral", Georgia, serif;--font-sans:var(--font-inter), "Inter", system-ui, sans-serif;--font-mono:var(--font-jetbrains-mono), "JetBrains Mono", monospace;--bg:#ecefe7;--bg-soft:#dfe5d8;--canvas-bg:#e6ebde;--canvas-dot:#283c282e;--ink:#1d2a1f;--ink-soft:#4f5d4d;--ink-faint:#8d9a87;--rule:#283c2824;--rule-strong:#283c2847;--node-bg:#f7faf2;--node-bg-hover:#eef3e6;--node-bg-active:#f9fcf2;--node-border:#283c2838;--avatar-bg:#cdd9c4;--avatar-fg:#2e4530;--edge:#3c5a3c66;--edge-couple:#786e3c80;--accent-m:#4f6b3a;--accent-f:#a06840;--accent-x:#5d7c8e;--accent-warn:#b8862a;--primary:#2e4530;--primary-fg:#f7faf2}.theme-editorial{--font-serif:var(--font-spectral), "Spectral", Georgia, serif;--font-sans:var(--font-inter), "Inter", system-ui, sans-serif;--font-mono:var(--font-jetbrains-mono), "JetBrains Mono", monospace;--bg:#f7f6f2;--bg-soft:#ecebe6;--canvas-bg:#f3f1ec;--canvas-dot:#14141429;--ink:#14130f;--ink-soft:#5a594f;--ink-faint:#a09e92;--rule:#1414141f;--rule-strong:#1414143d;--node-bg:#fff;--node-bg-hover:#f5f3ec;--node-bg-active:#fffbed;--node-border:#1414142e;--avatar-bg:#ecebe6;--avatar-fg:#2a2820;--edge:#14141466;--edge-couple:#b4502880;--accent-m:#1f1d18;--accent-f:#b04a32;--accent-x:#486078;--accent-warn:#b8862a;--primary:#14130f;--primary-fg:#f7f6f2}.app{background:var(--bg);grid-template:"topbar topbar topbar"56px"rail canvas drawer"1fr/240px 1fr 380px;width:100vw;height:100vh;display:grid;overflow:hidden}.app:not(:has(.drawer-shell)){grid-template-columns:240px 1fr 0}.topbar{background:var(--bg);border-bottom:1px solid var(--rule);z-index:20;grid-area:topbar;align-items:center;gap:24px;padding:0 20px;display:flex}.topbar-left{align-items:center;gap:20px;display:flex}.brand{color:var(--ink);font-family:var(--font-serif);letter-spacing:-.01em;align-items:center;gap:8px;font-size:19px;font-weight:500;text-decoration:none;display:flex}.brand-mark{color:var(--accent-m)}.family-switcher{border-left:1px solid var(--rule);font-family:var(--font-serif);color:var(--ink-soft);cursor:pointer;align-items:center;gap:6px;padding:6px 10px;font-size:14px;font-style:italic;display:flex}.family-switcher:hover{color:var(--ink)}.caret{font-size:10px}.topbar-search{background:var(--bg-soft);border:1px solid var(--rule);border-radius:6px;flex:1;align-items:center;max-width:540px;height:34px;padding:0 12px;transition:border-color .15s;display:flex;position:relative}.topbar-search:focus-within{border-color:var(--rule-strong);background:var(--node-bg)}.search-icon{color:var(--ink-soft);margin-right:8px;font-size:14px}.topbar-search input{background:0 0;border:0;outline:none;flex:1;font-size:13px}.kbd{font-family:var(--font-mono);color:var(--ink-faint);border:1px solid var(--rule);border-radius:3px;padding:1px 5px;font-size:10px}.search-results{background:var(--node-bg);border:1px solid var(--rule-strong);z-index:30;border-radius:6px;max-height:360px;padding:4px;position:absolute;top:40px;left:0;right:0;overflow:auto;box-shadow:0 12px 32px #00000014}.search-result{text-align:left;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;display:flex}.search-result:hover{background:var(--bg-soft)}.sr-name{font-family:var(--font-serif);font-size:14px;font-weight:500}.sr-sub{font-family:var(--font-mono);color:var(--ink-soft);margin-top:2px;font-size:10.5px}.sr-arrow{color:var(--ink-faint)}.topbar-right{align-items:center;gap:12px;margin-left:auto;display:flex}.member-avatars{display:flex}.mini-avatar{background:var(--avatar-bg);width:26px;height:26px;color:var(--avatar-fg);border:2px solid var(--bg);font-size:11px;font-weight:500;font-family:var(--font-serif);border-radius:50%;justify-content:center;align-items:center;margin-left:-6px;display:flex}.mini-avatar.more{background:var(--ink-soft);color:var(--bg);font-family:var(--font-mono);font-size:10px}.mini-avatar.small{border:0;width:22px;height:22px;margin-left:0;font-size:10px}.primary-btn{background:var(--primary);color:var(--primary-fg);letter-spacing:-.01em;border:0;border-radius:4px;padding:8px 14px;font-size:13px;font-weight:500;transition:opacity .15s}.primary-btn:hover{opacity:.85}.primary-btn-sm{background:var(--primary);color:var(--primary-fg);cursor:pointer;border:0;border-radius:4px;padding:5px 10px;font-size:12px}.ghost-btn-sm{color:var(--ink);border:1px solid var(--rule);font-size:12px;font-family:var(--font-sans);cursor:pointer;background:0 0;border-radius:4px;padding:4px 10px;transition:border-color .12s}.ghost-btn-sm:hover{border-color:var(--ink)}.profile-head-actions{align-items:center;gap:6px;display:flex}.ghost-btn{color:var(--ink);border:1px solid var(--rule-strong);background:0 0;border-radius:4px;padding:7px 12px;font-size:12.5px}.ghost-btn:hover{background:var(--bg-soft)}.icon-btn{width:28px;height:28px;color:var(--ink-soft);background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;font-size:14px;display:flex}.icon-btn:hover{background:var(--bg-soft);color:var(--ink)}.left-rail{background:var(--bg-soft);border-right:1px solid var(--rule);flex-direction:column;grid-area:rail;gap:22px;padding:18px 14px;display:flex;overflow-y:auto}.rail-section{flex-direction:column;gap:2px;display:flex}.rail-title{font-family:var(--font-mono);letter-spacing:.12em;color:var(--ink-faint);margin:0 0 6px 8px;font-size:10px}.rail-item{width:100%;color:var(--ink-soft);text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:10px;padding:7px 8px;font-size:13px;display:flex}.rail-item>span:nth-child(2){flex:1}.rail-item:hover{background:var(--node-bg);color:var(--ink)}.rail-item.active{background:var(--node-bg);color:var(--ink);font-weight:500}.rail-item.subtle{font-size:12.5px}.rail-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.rail-count{font-family:var(--font-mono);color:var(--ink-faint);font-size:10.5px}.rail-count.warn{color:var(--accent-warn);font-weight:500}.activity-feed{flex-direction:column;gap:10px;padding:4px;display:flex}.activity-item{align-items:flex-start;gap:8px;display:flex}.activity-text{color:var(--ink-soft);flex:1;font-size:12px;line-height:1.4}.activity-text strong{color:var(--ink);font-weight:500}.activity-when{font-family:var(--font-mono);color:var(--ink-faint);margin-top:2px;font-size:9.5px}.canvas-area{flex-direction:column;grid-area:canvas;display:flex;position:relative;overflow:hidden}.canvas-toolbar{background:var(--bg);border-bottom:1px solid var(--rule);color:var(--ink-soft);justify-content:space-between;align-items:center;padding:10px 18px;font-size:12px;display:flex}.canvas-stat strong{color:var(--ink);font-family:var(--font-serif);font-size:14px;font-weight:500}.legend{color:var(--ink-soft);align-items:center;gap:14px;font-size:11px;display:flex}.lg-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.lg-mark{font-family:var(--font-mono);margin-right:4px}.lg-mark.warn{color:var(--accent-warn)}.tree-canvas-wrap{-webkit-user-select:none;user-select:none;cursor:grab;flex:1;position:relative;overflow:hidden}.tree-canvas-wrap:active{cursor:grabbing}.canvas-controls{background:var(--node-bg);border:1px solid var(--rule);border-radius:6px;flex-direction:column;gap:4px;padding:4px;display:flex;position:absolute;bottom:18px;right:18px;box-shadow:0 4px 12px #0000000f}.canvas-controls button{width:28px;height:28px;color:var(--ink-soft);background:0 0;border:0;border-radius:4px;font-size:13px}.canvas-controls button:hover{background:var(--bg-soft);color:var(--ink)}.zoom-readout{font-family:var(--font-mono);text-align:center;color:var(--ink-faint);border-top:1px solid var(--rule);padding:3px 0 1px;font-size:9.5px}.app{--gen-band-a:color-mix(in srgb, var(--canvas-bg), transparent 0%);--gen-band-b:color-mix(in srgb, var(--ink) 4%, var(--canvas-bg));--gen-rule:color-mix(in srgb, var(--ink) 18%, transparent)}.gen-gutter{pointer-events:none;z-index:2;background:linear-gradient(to right, var(--canvas-bg) 60%, color-mix(in srgb, var(--canvas-bg), transparent 100%));width:188px;position:absolute;top:0;bottom:0;left:0}.gen-gutter-head{align-items:center;gap:8px;display:flex;position:absolute;top:14px;left:18px}.gen-gutter-eyebrow{font-family:var(--font-mono);letter-spacing:.2em;color:var(--ink-faint);font-size:9.5px}.gen-row{pointer-events:none;border-top:1px solid var(--rule);grid-template-columns:64px 1fr;align-items:start;width:100%;display:grid;position:absolute;left:0;overflow:hidden}.gen-row:first-of-type{border-top:0}.gen-row-rail{border-right:1px solid var(--rule);flex-direction:column;align-items:center;height:100%;padding-top:14px;display:flex;position:relative}.gen-row-roman{font-family:var(--font-serif);color:var(--ink);letter-spacing:.02em;font-size:22px;font-style:italic;line-height:1}.gen-row-tick{background:var(--rule);width:1px;position:absolute;top:26px;bottom:8px}.gen-row-text{flex-direction:column;gap:3px;padding:14px 12px 0;display:flex}.gen-row-name{font-family:var(--font-serif);color:var(--ink);letter-spacing:.01em;font-size:13.5px}.gen-row-meta{font-family:var(--font-mono);color:var(--ink-faint);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;gap:4px;font-size:9.5px;display:flex}.gen-row-years{color:var(--ink-soft)}.hint-bubble{background:var(--ink);color:var(--bg);opacity:.75;border-radius:18px;padding:8px 14px;font-size:12px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.hint-bubble strong{color:var(--bg)}.drawer-shell{background:var(--bg);border-left:1px solid var(--rule);grid-area:drawer;overflow-y:auto}.profile-drawer{flex-direction:column;padding:0 22px 40px;display:flex}.profile-head{background:var(--bg);border-bottom:1px solid var(--rule);z-index:5;justify-content:space-between;align-items:center;padding:12px 0;display:flex;position:sticky;top:0}.profile-head-actions{gap:6px;display:flex}.profile-hero{border-bottom:1px solid var(--rule);grid-template-columns:64px 1fr auto;gap:14px;padding:22px 0 18px;display:grid}.profile-avatar{background:var(--avatar-bg);width:64px;height:64px;color:var(--avatar-fg);font-family:var(--font-serif);border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:500;display:flex}.profile-name-given{font-family:var(--font-serif);color:var(--ink);letter-spacing:-.01em;font-size:22px;font-weight:500;line-height:1.1}.profile-name-family{font-family:var(--font-serif);color:var(--ink-soft);margin-top:2px;font-size:16px;font-style:italic}.profile-meta{font-family:var(--font-mono);color:var(--ink-faint);letter-spacing:.05em;flex-wrap:wrap;gap:4px;margin-top:8px;font-size:10.5px;display:flex}.profile-meta .dot{color:var(--ink-faint)}.deceased-mark{color:var(--ink-soft)}.profile-attribution{color:var(--ink-soft);margin-top:8px;font-size:11px;font-style:italic}.profile-attribution strong{color:var(--ink);font-style:normal}.completeness-ring{justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.completeness-num{font-family:var(--font-mono);color:var(--ink);font-size:11px;font-weight:500;position:absolute}.profile-quick{border-bottom:1px solid var(--rule);flex-direction:column;gap:10px;padding:16px 0;display:flex}.quick-row{grid-template-columns:80px 1fr;align-items:start;gap:10px;display:grid}.quick-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--ink-faint);padding-top:5px;font-size:10px}.quick-chips{flex-wrap:wrap;gap:4px;display:flex}.chip{background:var(--bg-soft);border:1px solid var(--rule);font-size:12px;font-family:var(--font-serif);color:var(--ink);border-radius:14px;padding:3px 10px}.chip:hover{background:var(--node-bg);border-color:var(--rule-strong)}.profile-section{border-bottom:1px solid var(--rule);padding:18px 0}.profile-section-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.profile-section-title{font-family:var(--font-mono);letter-spacing:.12em;color:var(--ink-faint);text-transform:uppercase;font-size:10.5px}.profile-section-count{font-family:var(--font-mono);color:var(--ink-faint);font-size:10px}.profile-section-body{flex-direction:column;gap:12px;display:flex}.notes{font-family:var(--font-serif);color:var(--ink);border-left:2px solid var(--rule-strong);margin:0;padding-left:12px;font-size:14px;font-style:italic;line-height:1.55}.timeline-item{grid-template-columns:16px 1fr;gap:8px;display:grid}.timeline-mark{border:1.5px solid var(--ink-soft);border-radius:1px;width:8px;height:8px;margin-top:5px}.timeline-mark.dot-mark{background:var(--ink-soft);border:0;border-radius:50%}.timeline-title{font-family:var(--font-serif);font-size:14px;font-weight:500;line-height:1.3}.timeline-sub{color:var(--ink-soft);margin-top:1px;font-size:12px;line-height:1.4}.timeline-when{font-family:var(--font-mono);color:var(--ink-faint);letter-spacing:.05em;margin-top:3px;font-size:10px}.health-item{border-bottom:1px dotted var(--rule);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.health-item:last-child{border-bottom:0}.health-tag{font-family:var(--font-serif);font-size:13px}.health-tag.deceased{color:var(--ink-soft);font-style:italic}.health-when{font-family:var(--font-mono);color:var(--ink-faint);font-size:10px}.empty-prompt{text-align:center;color:var(--ink-soft);padding:24px 0}.empty-prompt p{font-family:var(--font-serif);font-style:italic}.modal-backdrop{z-index:100;background:#140f0a66;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--rule);border-radius:8px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 30px 80px #00000040}.modal-wide{max-width:680px}.modal-head{border-bottom:1px solid var(--rule);justify-content:space-between;padding:22px 26px 18px;display:flex}.modal-head h2{font-family:var(--font-serif);color:var(--ink);letter-spacing:-.01em;margin:4px 0 6px;font-size:22px;font-weight:500}.modal-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;color:var(--accent-m);font-size:10px}.modal-sub{color:var(--ink-soft);max-width:420px;margin:0;font-size:13px;line-height:1.5}.modal-foot{border-top:1px solid var(--rule);background:var(--bg-soft);justify-content:space-between;align-items:center;padding:16px 26px;display:flex}.step-dots{gap:5px;display:flex}.step-dots .dot{background:var(--rule-strong);border-radius:50%;width:6px;height:6px}.step-dots .dot.on{background:var(--ink);border-radius:3px;width:18px}.invite-form{padding:18px 26px 8px}.field{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.field label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--ink-faint);text-transform:uppercase;font-size:10px}.field input,.field textarea{background:var(--node-bg);border:1px solid var(--rule);font-size:14px;font-family:var(--font-serif);color:var(--ink);border-radius:4px;outline:none;padding:9px 11px}.field input:focus,.field textarea:focus{border-color:var(--ink-soft)}.field textarea{resize:vertical;font-style:italic}.field.full{grid-column:1/-1}.hint{color:var(--ink-faint);margin-top:4px;font-size:11.5px;font-style:italic}.invite-actions{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.invite-list{padding:14px 26px 22px}.invite-list-head{font-family:var(--font-mono);letter-spacing:.1em;color:var(--ink-faint);text-transform:uppercase;justify-content:space-between;margin-bottom:10px;font-size:10px;display:flex}.muted{color:var(--ink-faint);font-weight:400}.invite-row{border-bottom:1px dotted var(--rule);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.invite-name{font-family:var(--font-serif);font-size:14px;font-weight:500}.invite-rel{color:var(--ink-soft);margin-top:2px;font-size:11.5px}.badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--bg-soft);color:var(--ink-soft);border-radius:10px;padding:3px 8px;font-size:9.5px}.badge-completada,.badge-new{color:#2e4530;background:#5b7a6a2e}.badge-vista{color:#6b3a30;background:#a85a4b2e}.step-bar{border-bottom:1px solid var(--rule);gap:0;padding:14px 26px 0;display:flex}.step{color:var(--ink-faint);border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:10px 16px 14px;font-size:12.5px;display:flex}.step.active{color:var(--ink);border-bottom-color:var(--ink)}.step.done{color:var(--ink-soft)}.step-num{background:var(--bg-soft);border:1px solid var(--rule);width:20px;height:20px;font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:inline-flex}.step.active .step-num{background:var(--ink);color:var(--bg);border-color:var(--ink)}.step.done .step-num{background:var(--ink-soft);color:var(--bg);border-color:var(--ink-soft)}.add-form{padding:22px 26px}.form-grid{grid-template-columns:1fr 1fr;gap:14px 16px;display:grid}.form-grid .field{margin-bottom:0}.radio-row{flex-wrap:wrap;gap:6px;display:flex}.radio-pill{background:var(--bg-soft);border:1px solid var(--rule);font-size:12px;font-family:var(--font-serif);border-radius:14px;padding:5px 12px}.radio-pill.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.self-fill{padding:22px 26px}.welcome .lead{font-family:var(--font-serif);color:var(--ink);margin:0 0 14px;font-size:22px;font-weight:400}.welcome p{color:var(--ink-soft);font-size:14px;line-height:1.6}.welcome p strong,.welcome p em{color:var(--ink)}.welcome-stats{background:var(--bg-soft);border-radius:6px;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0;padding:18px;display:grid}.welcome-stats .big{font-family:var(--font-serif);color:var(--ink);font-size:30px;font-weight:500}.welcome-stats .muted{font-size:11px;line-height:1.3}.place-list{flex-direction:column;gap:8px;display:flex}.place-row{grid-template-columns:24px 1fr 28px;align-items:center;gap:8px;display:grid}.place-num{font-family:var(--font-mono);color:var(--ink-faint);text-align:center;font-size:11px}.place-row input{background:var(--node-bg);border:1px solid var(--rule);font-size:13px;font-family:var(--font-serif);border-radius:4px;padding:7px 10px}.theme-heirloom .tweaks-panel,.theme-botanico .tweaks-panel,.theme-editorial .tweaks-panel{font-family:var(--font-sans)}