.tree{--tree-bg:#fff;--tree-card:#dde6ec;--tree-card-border:#0000001a;--tree-silhouette:#8fa3b0;--tree-line:#b01e22;--tree-text:#2b3138;--tree-text-muted:#5c6570;--tree-accent:#b01e22;background:var(--tree-bg);height:100%;min-height:24rem;position:relative}.tree-view{touch-action:none;cursor:grab;position:absolute;inset:0;overflow:hidden}.tree-view:active{cursor:grabbing}.tree-view:focus-visible{outline:3px solid var(--tree-accent);outline-offset:-3px}.tree-canvas{width:100%;height:100%;display:block}.tree-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tree-line{fill:none;stroke:var(--tree-line);stroke-width:2.5px}.tree-line--parental-extra{stroke-dasharray:9 7}.tree-bridge{fill:none;stroke:var(--tree-line);stroke-width:2.5px;stroke-linecap:round;filter:drop-shadow(0 1.5px 1px #00000059)}.tree-line-hit{fill:none;stroke:#0000;stroke-width:18px;pointer-events:stroke}.tree-line--active{stroke-width:4.5px}.tree-card{cursor:pointer}.tree-card-bg{fill:var(--tree-card);stroke:var(--tree-card-border);transition:stroke .12s ease-out,stroke-width .12s ease-out}.tree-card--related .tree-card-bg{stroke:var(--tree-accent);stroke-width:3.5px;filter:drop-shadow(0 0 7px #b01e2273)}@media (prefers-reduced-motion:reduce){.tree-card-bg{transition:none}}.tree-card:hover .tree-card-bg,.tree-card:focus-visible .tree-card-bg{stroke:var(--tree-accent);stroke-width:3px}.tree-card:focus-visible{outline:none}.tree-silhouette path,.tree-silhouette circle{fill:var(--tree-silhouette)}.tree-silhouette-face{fill:var(--tree-card)}.tree-card text{fill:var(--tree-text);text-anchor:middle;font-family:inherit;font-size:15px}.tree-card-surname{font-weight:600}.tree-card-birth-surname,.tree-card-years{fill:var(--tree-text-muted);font-size:13px}.tree-controls{flex-direction:column;gap:.375rem;display:flex;position:absolute;top:.75rem;right:.75rem}.tree-controls button{border:1px solid var(--tree-card-border);background:var(--tree-bg);width:2.75rem;height:2.75rem;color:var(--tree-text);cursor:pointer;border-radius:6px;font-size:1.25rem}.tree-controls button:hover,.tree-controls button:focus-visible{border-color:var(--tree-accent);color:var(--tree-accent)}.tree-details{background:var(--tree-bg);border:1px solid var(--tree-card-border);border-left:4px solid var(--tree-accent);border-radius:6px;max-width:20rem;padding:1rem 1.25rem;position:absolute;bottom:.75rem;right:.75rem;box-shadow:0 .5rem 1.5rem #00000026}.tree-details p{color:var(--tree-text);margin:0 0 .375rem}.tree-details-names{font-size:1.1rem;font-weight:600}.tree-details button{border:1px solid var(--tree-card-border);color:var(--tree-text);cursor:pointer;background:0 0;border-radius:6px;margin-top:.5rem;padding:.375rem .875rem}.tree-details-note{white-space:pre-line;font-size:.925rem}.tree-toggle{gap:.375rem;margin-bottom:.75rem;display:flex}.tree-toggle button{border:1px solid var(--tree-card-border);background:var(--tree-bg);color:var(--tree-text);cursor:pointer;border-radius:6px;padding:.375rem 1rem}.tree-toggle button[aria-pressed=true]{border-color:var(--tree-accent);color:var(--tree-accent);font-weight:600}.tree-toggle button:focus-visible{outline:3px solid var(--tree-accent);outline-offset:2px}.tree-frame{border:1px solid var(--tree-card-border);border-radius:6px;height:min(75vh,56rem);position:relative;overflow:hidden}.tree-list,.tree-list ul{margin:0;padding:0;list-style:none}.tree-list ul{border-left:2px solid var(--tree-card-border);margin:.25rem 0 .75rem .625rem;padding-left:1rem}.tree-list li{margin:.375rem 0}.tree-list-name{color:var(--tree-text);font-weight:600}.tree-list-family{margin:.125rem 0 .375rem}.tree-list-spouse{color:var(--tree-text-muted);margin:0}