:root{--paper: #faf7f2;--paper-2: #f3ede2;--paper-3: #e8e0d0;--ink: #1a1817;--ink-2: #4a4641;--ink-3: #80776c;--line: #d9d0bf;--line-2: #c4b9a3;--accent: oklch(.55 .1 60);--accent-soft: oklch(.92 .04 70);--accent-ink: oklch(.35 .08 50);--male: oklch(.5 .06 235);--male-soft: oklch(.93 .025 235);--female: oklch(.5 .1 5);--female-soft: oklch(.93 .035 10);--shadow-sm: 0 1px 2px rgba(40,30,15,.06), 0 0 0 1px rgba(40,30,15,.04);--shadow-md: 0 6px 24px -8px rgba(40,30,15,.18), 0 1px 2px rgba(40,30,15,.06);--shadow-lg: 0 24px 60px -20px rgba(40,30,15,.28), 0 2px 6px rgba(40,30,15,.08);--r-sm: 6px;--r-md: 10px;--r-lg: 14px}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow:hidden;overscroll-behavior:none}html,body,#root{height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5;color:var(--ink);background:var(--paper);background-image:radial-gradient(circle at 20% 10%,rgba(180,140,80,.04),transparent 50%),radial-gradient(circle at 80% 90%,rgba(180,140,80,.04),transparent 50%);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input,select{font:inherit;color:inherit}.serif{font-family:Fraunces,Georgia,serif;font-feature-settings:"ss01","ss02";letter-spacing:-.01em}.app{display:flex;flex-direction:column;height:100dvh;min-height:100dvh}.topbar{display:flex;align-items:center;gap:16px;padding:14px 22px;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:20}.topbar .brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand-mark{width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-family:Fraunces,serif;font-weight:600;font-size:18px;font-style:italic}.brand-title{font-family:Fraunces,serif;font-size:22px;font-weight:500;letter-spacing:-.01em}.brand-sub{font-size:12px;color:var(--ink-3);letter-spacing:.02em;text-transform:uppercase;font-weight:500}.seg{display:inline-flex;background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px}.seg button{padding:6px 14px;border-radius:999px;font-size:13.5px;font-weight:500;color:var(--ink-2);display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.seg button:hover{color:var(--ink)}.seg button.active{background:var(--ink);color:var(--paper);box-shadow:var(--shadow-sm)}.seg svg{width:14px;height:14px}.btn-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--ink-2);border:1px solid transparent}.btn-icon:hover{background:var(--paper-2);color:var(--ink)}.btn-icon svg{width:16px;height:16px}.count-pill{font-size:12px;color:var(--ink-3);background:var(--paper-2);border:1px solid var(--line);padding:4px 10px;border-radius:999px;font-variant-numeric:tabular-nums}@media (max-width: 700px){.topbar{padding:10px 14px;gap:10px;flex-wrap:wrap}.brand-title{font-size:18px}.brand-sub{display:none}.seg button{padding:6px 10px;font-size:12.5px}.seg button .seg-label,.count-pill{display:none}}.list-view{flex:1;overflow:auto;padding:28px 22px 60px}.list-shell{max-width:1100px;margin:0 auto}.list-head{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.list-head h1{font-family:Fraunces,serif;font-weight:400;font-size:30px;margin:0 auto 0 0;letter-spacing:-.02em}.list-head h1 em{font-style:italic;color:var(--accent-ink)}.search{position:relative;flex:1;min-width:220px;max-width:360px}.search input{width:100%;padding:9px 12px 9px 34px;border-radius:999px;border:1px solid var(--line);background:var(--paper);outline:none;transition:border-color .15s,box-shadow .15s}.search input:focus{border-color:var(--ink-2);box-shadow:0 0 0 3px #281e0f14}.search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--ink-3)}.filter-chips{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--paper);font-size:13px;color:var(--ink-2);display:inline-flex;align-items:center;gap:6px}.chip:hover{border-color:var(--ink-3)}.chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chip .dot{width:7px;height:7px;border-radius:50%;display:inline-block}.list-table{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);overflow:hidden;box-shadow:var(--shadow-sm)}.list-row{display:grid;grid-template-columns:44px 2.2fr 1fr 1.4fr 90px;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line);transition:background .12s}.list-row:last-child{border-bottom:0}.list-row.head{background:var(--paper-2);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-weight:600;padding:10px 18px}.list-row.body{cursor:pointer}.list-row.body:hover{background:var(--paper-2)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--paper-3);display:grid;place-items:center;font-family:Fraunces,serif;font-style:italic;font-weight:500;font-size:15px;color:var(--ink-2);border:1px solid var(--line-2);flex-shrink:0}.avatar.M{background:var(--male-soft);color:var(--male);border-color:color-mix(in oklch,var(--male) 25%,var(--paper))}.avatar.F{background:var(--female-soft);color:var(--female);border-color:color-mix(in oklch,var(--female) 25%,var(--paper))}.avatar.dec{opacity:.65}.person-name{font-weight:500;font-size:14.5px;color:var(--ink);display:flex;align-items:center;gap:8px}.person-name .surname{font-variant:small-caps;letter-spacing:.04em;color:var(--ink-2);font-weight:600}.muted{color:var(--ink-3);font-size:13px;font-variant-numeric:tabular-nums}.tag-dec{font-size:10.5px;border:1px solid var(--line-2);color:var(--ink-3);padding:1px 6px;border-radius:4px;letter-spacing:.04em;text-transform:uppercase}.row-action{text-align:right;color:var(--ink-3);font-size:12px}.row-action svg{width:14px;height:14px}@media (max-width: 700px){.list-row{grid-template-columns:40px 1fr auto;padding:12px 14px;gap:10px}.list-row.head,.list-row .col-place,.list-row .col-dates-secondary{display:none}.list-cell-stack{display:flex;flex-direction:column;gap:2px}.list-cell-stack .muted{font-size:12px}}.tree-view{flex:1;position:relative;overflow:hidden;background:var(--paper);background-image:radial-gradient(circle at 1px 1px,rgba(40,30,15,.07) 1px,transparent 0);background-size:22px 22px}.tree-toolbar{position:absolute;top:14px;left:14px;z-index:5;display:flex;gap:8px;flex-wrap:wrap;max-width:calc(100% - 28px)}.tree-toolbar .panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm);padding:6px;display:inline-flex;align-items:center;gap:4px}.tree-toolbar .panel.col{flex-direction:column;align-items:stretch;padding:8px;gap:6px;min-width:240px}.couple-select{width:100%;padding:7px 10px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--paper);font-size:13px;outline:none}.couple-select:focus{border-color:var(--ink-2)}.tree-toolbar .label{font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-weight:600;padding:0 4px}.zoom-controls{position:absolute;bottom:18px;right:18px;z-index:5;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm);overflow:hidden}.zoom-controls button{width:38px;height:38px;display:grid;place-items:center;color:var(--ink-2);border-bottom:1px solid var(--line)}.zoom-controls button:last-child{border-bottom:0}.zoom-controls button:hover{background:var(--paper-2);color:var(--ink)}.zoom-controls svg{width:14px;height:14px}.legend{position:absolute;bottom:18px;left:18px;z-index:5;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm);padding:10px 12px;font-size:12px;display:flex;gap:14px;align-items:center;color:var(--ink-2)}.legend .lg-item{display:inline-flex;align-items:center;gap:6px}.legend .sw{width:12px;height:12px;border-radius:3px;border:1px solid}@media (max-width: 700px){.legend{display:none}}.tree-canvas{position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab;touch-action:none}.tree-canvas.grabbing{cursor:grabbing}.tree-canvas svg.tree-svg{position:absolute;top:0;left:0;pointer-events:none;overflow:visible}.tree-stage{position:absolute;top:0;left:0;transform-origin:0 0}.pcard{position:absolute;width:200px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:10px 12px;box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow .15s,transform .15s,border-color .15s;-webkit-user-select:none;user-select:none}.pcard:hover{box-shadow:var(--shadow-md);border-color:var(--ink-3);transform:translateY(-1px)}.pcard.M{border-left:3px solid var(--male)}.pcard.F{border-left:3px solid var(--female)}.pcard.dec{background:linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%)}.pcard.focused{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),var(--shadow-md)}.pcard.dimmed{opacity:.32}.pcard-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.pcard-name{font-weight:600;font-size:13px;line-height:1.25;color:var(--ink);flex:1}.pcard-name .surname{font-variant:small-caps;letter-spacing:.04em}.pcard-meta{font-size:11.5px;color:var(--ink-3);font-variant-numeric:tabular-nums;margin-top:2px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.pcard-place{font-size:11px;color:var(--ink-3);margin-top:2px;display:flex;gap:4px;align-items:center}.pcard-place svg{width:10px;height:10px;flex-shrink:0}.pcard .mini-avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-family:Fraunces,serif;font-style:italic;font-weight:500;font-size:12px;flex-shrink:0;border:1px solid}.pcard.M .mini-avatar{background:var(--male-soft);color:var(--male);border-color:color-mix(in oklch,var(--male) 25%,var(--paper))}.pcard.F .mini-avatar{background:var(--female-soft);color:var(--female);border-color:color-mix(in oklch,var(--female) 25%,var(--paper))}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e191473;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:flex;justify-content:flex-end;animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:none;opacity:1}}.detail{width:min(440px,100%);height:100%;background:var(--paper);border-left:1px solid var(--line);box-shadow:var(--shadow-lg);overflow-y:auto;animation:slideIn .22s ease}.detail-head{padding:22px 22px 18px;border-bottom:1px solid var(--line);position:relative}.detail-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--ink-3)}.detail-close:hover{background:var(--paper-2);color:var(--ink)}.detail-avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-family:Fraunces,serif;font-style:italic;font-weight:500;font-size:26px;margin-bottom:12px;border:1px solid}.detail-avatar.M{background:var(--male-soft);color:var(--male);border-color:color-mix(in oklch,var(--male) 25%,var(--paper))}.detail-avatar.F{background:var(--female-soft);color:var(--female);border-color:color-mix(in oklch,var(--female) 25%,var(--paper))}.detail-name{font-family:Fraunces,serif;font-size:24px;font-weight:500;letter-spacing:-.01em;margin:0 0 4px;line-height:1.15}.detail-name .surname{font-variant:small-caps;letter-spacing:.03em}.detail-sub{font-size:13px;color:var(--ink-3);font-variant-numeric:tabular-nums}.detail-section{padding:18px 22px;border-bottom:1px solid var(--line)}.detail-section h3{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:600;margin:0 0 10px}.fact{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:13.5px;color:var(--ink-2);margin-bottom:6px}.fact svg{width:14px;height:14px;color:var(--ink-3);margin-top:2px}.fact b{color:var(--ink);font-weight:600}.relative-row{display:flex;align-items:center;gap:10px;padding:8px 10px;margin:0 -10px;border-radius:var(--r-sm);cursor:pointer;font-size:13.5px;transition:background .12s}.relative-row:hover{background:var(--paper-2)}.relative-row .role{font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}.relative-row .name{font-weight:500}.relative-row .name .surname{font-variant:small-caps;letter-spacing:.03em}.detail-cta{padding:14px 22px 22px;display:flex;gap:8px}.btn{padding:9px 14px;border-radius:var(--r-sm);font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--paper);color:var(--ink);transition:all .15s}.btn:hover{background:var(--paper-2);border-color:var(--ink-3)}.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn.primary:hover{background:var(--ink-2)}.btn svg{width:13px;height:13px}@media (max-width: 700px){.modal-backdrop{justify-content:stretch}.detail{width:100%;max-height:88dvh;height:auto;align-self:flex-end;border-radius:18px 18px 0 0;border-left:0}}.empty{text-align:center;padding:60px 20px;color:var(--ink-3)}.empty .serif{font-size:22px;color:var(--ink-2);margin-bottom:8px}