:root{--bg: oklch(.975 .006 80);--surface: oklch(.99 .004 80);--border: oklch(.9 .01 70);--border-soft: oklch(.91 .01 70);--text: oklch(.25 .015 60);--text-2: oklch(.35 .015 60);--muted: oklch(.52 .015 60);--hover: oklch(.94 .012 70);--hover-soft: oklch(.955 .01 70);--ink: oklch(.3 .02 60);--on-ink: oklch(.98 .005 80);--serif: "Newsreader", Georgia, serif}html,body,#root{margin:0;height:100%;background:var(--bg)}*{box-sizing:border-box}a{color:#924d35}a:hover{color:#733119}button,input{font:inherit}input::placeholder{color:#877e77}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}[data-printonly]{display:none}@page{size:landscape;margin:.4in}@media print{html,body,body *:not([data-avatar]){background:transparent!important}[data-noprint]{display:none!important}[data-printonly]{display:block!important}}.app{position:fixed;inset:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:IBM Plex Sans,system-ui,sans-serif}.error{position:absolute;inset:0;display:grid;place-items:center;padding:24px;font-size:14px;color:#7c433a;text-align:center}.viewport{position:absolute;inset:0;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.canvas{position:absolute;left:0;top:0;transform-origin:0 0}.connectors{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:transform .2s}.node:hover{transform:translateY(-3px)}.avatar{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;overflow:hidden;transition:box-shadow .3s;font-family:var(--serif);font-size:30px;color:#392a1e}.node-text{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.node-name{font-family:var(--serif);font-size:18px;line-height:1.2;text-wrap:balance}.print-title{position:absolute;left:0;right:0;top:0;text-align:center;font-family:var(--serif);font-size:24px;color:var(--text)}.crumbs{position:absolute;left:20px;top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:4px;max-width:calc(100vw - 360px);border-radius:22px;background:var(--surface);border:1px solid var(--border);font-size:13px}.crumb{display:flex;align-items:center;gap:4px}.crumb-sep{color:#a69c95}.crumb-btn{border:0;background:transparent;color:var(--text-2);padding:6px 12px;border-radius:999px;cursor:pointer}.crumb-btn:hover{background:var(--hover)}.crumb-btn.current,.crumb-btn.current:hover{background:var(--ink);color:var(--on-ink);cursor:default}.search{position:absolute;right:20px;top:20px;width:min(300px,calc(100vw - 40px));display:flex;flex-direction:column;gap:6px}.search-box{display:flex;align-items:center;gap:10px;height:44px;padding:0 16px;border-radius:22px;background:var(--surface);border:1px solid var(--border)}.search-icon{width:11px;height:11px;flex:none;border:1.5px solid oklch(.55 .015 60);border-radius:50%}.search-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:14px;color:var(--text)}.search-clear{border:0;background:transparent;color:#6a615b;font-size:16px;cursor:pointer;padding:0}.results{display:flex;flex-direction:column;padding:6px;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:0 16px 40px -20px #362c244d;max-height:360px;overflow-y:auto}.result{display:flex;align-items:center;gap:12px;padding:8px 10px;border:0;border-radius:10px;background:transparent;text-align:left;cursor:pointer;color:inherit}.result:hover{background:var(--hover-soft)}.mini-avatar{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:14px;color:#392a1e}.result-text{display:flex;flex-direction:column;gap:1px;min-width:0}.result-name{font-size:14px}.result-years{font-size:12px;color:var(--muted)}.no-results{padding:10px 12px;font-size:13px;color:var(--muted)}.zoombar{position:absolute;left:20px;bottom:20px;display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:var(--surface);border:1px solid var(--border)}.zbtn{height:36px;border:0;background:transparent;color:var(--text-2);cursor:pointer;font-size:13px}.zbtn:hover{background:var(--hover)}.zbtn.round{width:36px;border-radius:50%;font-size:18px}.zbtn.pill{padding:0 14px;border-radius:999px}.zbtn.small{padding:0 12px;font-size:12px}.zsep{width:1px;height:20px;background:var(--border);margin:0 4px}.detail{position:absolute;inset:0;overflow-y:auto;background:var(--bg)}.detail-inner{max-width:960px;margin:0 auto;padding:28px 28px 80px;display:flex;flex-direction:column;gap:48px}.detail-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.back{display:flex;align-items:center;gap:8px;height:44px;padding:0 18px 0 14px;border:1px solid var(--border);border-radius:22px;background:var(--surface);font-size:14px;color:#342c26;cursor:pointer}.back:hover{background:var(--hover-soft)}.reroot{height:44px;padding:0 20px;border:0;border-radius:22px;background:var(--ink);color:var(--on-ink);font-size:14px;font-weight:500;cursor:pointer}.reroot:hover{background:#221811}.is-root{height:44px;display:grid;place-items:center;padding:0 18px;font-size:13px;color:var(--muted);border:1px dashed oklch(.85 .015 70);border-radius:22px}.detail-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:40px;align-items:start}.portrait{aspect-ratio:4/5;max-width:340px;width:100%;border-radius:20px;display:grid;place-items:center;overflow:hidden;font-family:var(--serif);font-size:96px;color:#392a1e}.detail-info{display:flex;flex-direction:column;gap:32px;padding-top:8px}.detail-head{display:flex;flex-direction:column;gap:10px}.detail-head h1{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(40px,6vw,60px);line-height:1.02;letter-spacing:-.01em;text-wrap:balance}.life-line{font-size:15px;color:#6a615b}.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:22px 24px;padding-top:24px;border-top:1px solid var(--border)}.fact{display:flex;flex-direction:column;gap:4px}.fact-label{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#787069}.fact-value{font-size:17px;line-height:1.35;text-wrap:pretty}.groups{display:flex;flex-direction:column;gap:36px}.group{display:flex;flex-direction:column;gap:14px}.group-title{font-family:var(--serif);font-size:24px}.group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.person-card{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--border-soft);border-radius:14px;background:var(--surface);text-align:left;cursor:pointer;color:inherit;transition:border-color .2s}.person-card:hover{border-color:#bdaa9b}.card-avatar{width:48px;height:48px;flex:none;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:18px;color:#392a1e}.card-text{display:flex;flex-direction:column;gap:2px;min-width:0}.card-name{font-size:15px;font-weight:500}.card-years{font-size:13px;color:var(--muted)}.switcher{position:absolute;left:50%;bottom:20px;transform:translate(-50%)}.switcher select{height:44px;padding:0 16px;border-radius:22px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:14px;cursor:pointer}.picker{max-width:420px;margin:0 auto;padding:96px 20px;display:flex;flex-direction:column;gap:12px}.picker h1{margin:0 0 12px;font-family:var(--serif);font-weight:400;font-size:40px}.avatar-img{width:100%;height:100%;object-fit:cover;display:block}.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.spinner{width:32px;height:32px;border-radius:50%;border:2.5px solid var(--border);border-top-color:#9e5f48;animation:spin .8s linear infinite}.loading-label{font-family:var(--serif);font-size:18px;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}