:root{--bg-top: #f4ead6;--bg-bottom: #e6d5bc;--clay: #b56b4f;--gold: #d9ad52;--ink: #1f2a22;--line: rgba(52, 70, 47, .14);--muted: #566457;--olive: #5f6b2f;--olive-dark: #414f19;--paper: rgba(255, 250, 242, .92);--paper-strong: #fffaf1;--shadow: 0 18px 48px rgba(49, 54, 34, .14);--m: #e3ead5;--m-b: #5f6b2f;--f: #f6e1d6;--f-b: #b56b4f}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Avenir Next,Segoe UI,system-ui,sans-serif;color:var(--ink);background:linear-gradient(180deg,var(--bg-top),var(--bg-bottom))}h1,h2,.logo,.brand{font-family:Iowan Old Style,Palatino Linotype,Georgia,serif}.muted{color:var(--muted)}.small{font-size:.82rem}button{font:inherit;cursor:pointer}.btn{display:inline-block;background:var(--olive-dark);color:#fff;border:0;border-radius:999px;padding:.55rem 1.1rem;text-decoration:none;font-weight:600}.btn.ghost{background:transparent;color:var(--olive-dark);border:1px solid var(--olive)}.splash{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:2rem}.logo{font-size:2rem;color:var(--olive-dark)}.spinner{width:42px;height:42px;border:4px solid var(--line);border-top-color:var(--olive);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app{height:100%;display:flex;flex-direction:column}header{display:flex;gap:1rem;align-items:center;padding:.6rem 1rem;background:var(--paper);border-bottom:1px solid var(--line);flex-wrap:wrap;position:relative;z-index:5}.brand{font-size:1.25rem;color:var(--olive-dark);text-decoration:none;white-space:nowrap}.brand span{color:var(--clay)}.search{position:relative;flex:1 1 320px}.search input{width:100%;padding:.6rem .9rem;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:.95rem}.results{position:absolute;top:110%;left:0;right:0;max-height:60vh;overflow:auto;margin:0;padding:.3rem;list-style:none;background:var(--paper-strong);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.results button{width:100%;text-align:left;background:none;border:0;padding:.45rem .6rem;border-radius:8px}.results button:hover{background:var(--m)}.controls{display:flex;gap:.9rem;align-items:center;flex-wrap:wrap;font-size:.85rem}.seg{display:inline-flex;border:1px solid var(--olive);border-radius:999px;overflow:hidden}.seg button{background:transparent;border:0;padding:.35rem .8rem;color:var(--olive-dark)}.seg button.on{background:var(--olive-dark);color:#fff}.controls input[type=range]{vertical-align:middle;width:90px;accent-color:var(--olive)}.relbar{display:flex;align-items:center;gap:.6rem;padding:.45rem 1rem;background:#fff3c4;border-bottom:1px solid var(--line);font-size:.9rem}.relbar .chain{flex:1}.relbar .reltext{margin-right:.6rem;color:var(--clay)}.relbar .x{margin-left:auto;background:none;border:0;font-size:1.3rem}main{flex:1;display:flex;min-height:0}.canvas{flex:1;position:relative;min-width:0}.tree{width:100%;height:100%;display:block;cursor:grab}.tree:active{cursor:grabbing}.link{fill:none;stroke:#414f1973;stroke-width:1.4}.node{cursor:pointer}.node rect{fill:#f3f1ea;stroke:#999;stroke-width:1.2}.node.m rect{fill:var(--m);stroke:var(--m-b)}.node.f rect{fill:var(--f);stroke:var(--f-b)}.node.root rect{stroke-width:3;stroke:var(--gold)}.node.hl rect{fill:#fff3c4;stroke:#d39b00;stroke-width:2.5}.node:hover rect{stroke-width:2.4}.node .nm{font-size:13px;font-weight:600;fill:var(--ink)}.node .yr{font-size:11.5px;fill:var(--muted)}.node .gid{font-size:10px;fill:#8a958b}.node .sp{font-size:11px;fill:var(--clay)}.node .more{font-size:10px;fill:var(--olive)}.legend{position:absolute;left:1rem;bottom:.7rem;background:var(--paper);padding:.3rem .7rem;border-radius:999px;border:1px solid var(--line)}.lg{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px;margin-left:.5rem}.lg.m{background:var(--m);border:1px solid var(--m-b)}.lg.f{background:var(--f);border:1px solid var(--f-b)}.lg.hl{background:#fff3c4;border:1px solid #d39b00}.welcome{max-width:640px;margin:12vh auto;padding:2rem;background:var(--paper);border-radius:22px;box-shadow:var(--shadow)}.welcome h1{margin-top:0;color:var(--olive-dark)}.card{width:400px;max-width:100%;overflow:auto;background:var(--paper-strong);border-left:1px solid var(--line);padding:1.1rem 1.2rem 2rem}.card .head{display:flex;gap:.9rem;align-items:center}.card h2{margin:0;font-size:1.35rem}.card h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--olive);margin:1.1rem 0 .35rem}.nick{color:var(--clay)}.portrait{width:76px;height:76px;border-radius:16px;object-fit:cover;flex:none}.portrait.ph{display:flex;align-items:center;justify-content:center;font-size:2rem;font-family:Georgia,serif;background:#eee;color:#777}.portrait.ph.m{background:var(--m);color:var(--olive-dark)}.portrait.ph.f{background:var(--f);color:var(--clay)}.facts{display:grid;grid-template-columns:70px 1fr;gap:.2rem .6rem;margin:1rem 0 0}.facts dt{color:var(--muted)}.facts dd{margin:0}.card ul{margin:.2rem 0;padding-left:1.1rem}.union{margin-bottom:.5rem}.plink{background:none;border:0;padding:0;color:var(--olive-dark);text-align:left;text-decoration:underline;text-decoration-color:#414f194d}.plink:hover{color:var(--clay)}.events li,.cits li{margin-bottom:.4rem}.badge{margin-left:.4rem;font-size:.75rem;color:var(--muted)}.conf{font-size:.72rem;padding:.05rem .45rem;border-radius:999px;background:#eee;margin-left:.3rem}.conf.c3,.conf.c4{background:#d8efd9}.conf.c0,.conf.c1{background:#f8d7d3}.conf.c2{background:#fff3c4}.actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1.4rem}.actions .btn{text-align:center}@media (max-width: 860px){main{flex-direction:column}.canvas{min-height:55vh}.card{width:100%;border-left:0;border-top:1px solid var(--line)}.user{display:none}}.fit{position:absolute;right:1rem;top:.7rem;z-index:2;background:var(--paper);padding:.3rem .8rem}