.family-tree-wrapper.svelte-1yp6b63{width:100%;max-width:56rem;margin:0 auto;padding:2rem 1rem 3rem;overflow-x:auto}.tree-container.svelte-1yp6b63{position:relative;margin:0 auto}.tree-lines.svelte-1yp6b63{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.link.svelte-1yp6b63{fill:none;stroke:var(--border-warm);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.tree-node.svelte-1yp6b63{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.frame-wrapper.svelte-1yp6b63{position:relative;width:160px;height:190px;flex-shrink:0}.portrait-oval.svelte-1yp6b63{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:124px;height:148px;background:var(--surface-2)}.portrait-photo.svelte-1yp6b63{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:124px;height:148px;-o-object-fit:cover;object-fit:cover}.frame-img.svelte-1yp6b63{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.node-name.svelte-1yp6b63{font-family:var(--font-display);font-size:18px;font-weight:300;font-style:italic;color:var(--body);text-align:center;max-width:160px;line-height:1.3;position:relative;z-index:1;padding:2px 6px;background:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:2px}.node-dates.svelte-1yp6b63{font-family:var(--font-display);font-size:16px;font-weight:300;color:var(--body);opacity:.7;margin-top:-8px;text-align:center;position:relative;z-index:1;background:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:2px}.tree-node.subject.svelte-1yp6b63 .node-name:where(.svelte-1yp6b63){font-size:16px;color:var(--fg)}.tree-node.subject.svelte-1yp6b63 .node-dates:where(.svelte-1yp6b63){color:var(--fg);opacity:.6}@media(max-width:600px){.frame-wrapper.svelte-1yp6b63{width:130px;height:154px}.portrait-oval.svelte-1yp6b63,.portrait-photo.svelte-1yp6b63{width:100px;height:120px}.node-name.svelte-1yp6b63{font-size:13px;max-width:140px}.node-dates.svelte-1yp6b63{font-size:10px}.tree-node.subject.svelte-1yp6b63 .node-name:where(.svelte-1yp6b63){font-size:14px}}