.tree-explorer-page .hero{justify-content:flex-end;align-items:center;padding:14px 0;display:flex}.tree-explorer-page .hero-stats{gap:22px}.tree-explorer-page .hero-stats strong{font-size:28px}.tree-explorer-page .hero-stats div{width:86px}.tree-explorer-page .hero-stats span{font-size:10px}.family-tree-shell{background:var(--white);position:relative}.family-tree-shell.is-expanded{z-index:50;flex-direction:column;display:flex;position:fixed;inset:0}.family-tree-toolbar{border-bottom:1px solid var(--line);justify-content:flex-end;align-items:center;gap:20px;padding:18px 24px;display:flex}.family-tree-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.family-tree-shell button,.family-tree-shell select,.panel-tree-link{font-family:inherit;font-size:13px}.family-tree-actions button,.family-tree-navigation button,.family-tree-zoom button,.family-tree-message button,.panel-tree-link{border:1px solid var(--line);background:var(--white);min-height:40px;color:var(--forest-dark);cursor:pointer;border-radius:8px;padding:8px 12px;font-weight:600}.family-tree-shell button:hover,.panel-tree-link:hover{background:var(--paper)}.family-tree-shell button:disabled{opacity:.45;cursor:default}.family-tree-shell select{border:1px solid var(--line);background-color:var(--white);min-height:40px;color:var(--ink);border-radius:8px;max-width:100%;padding:7px 28px 7px 10px}.family-tree-shell select:focus-visible{outline:3px solid var(--forest);outline-offset:2px}.family-tree-navigation{background:#f8f6f0;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 24px;display:flex}.family-tree-navigation label{color:var(--ink-soft);font-size:12px}.family-tree-navigation select{flex:1;min-width:180px;max-width:460px}.family-tree-canvas-wrap{min-height:480px;position:relative}.family-tree-canvas{--background-color:#f8f6f0;--text-color:var(--ink);--male-color:var(--white);--female-color:var(--white);width:100%;height:clamp(520px,72vh,900px);color:var(--ink);touch-action:none;cursor:grab;background:#f8f6f0;font-family:inherit;overflow:hidden}.family-tree-canvas:active{cursor:grabbing}.family-tree-shell.is-expanded .family-tree-canvas-wrap{flex:1;min-height:0}.family-tree-shell.is-expanded .family-tree-canvas{height:100%}.family-overview .overview-link.parent{stroke:#708b7d}.family-overview .overview-link.union{stroke:#a58252}.family-overview .overview-union rect{fill:#fffdf7;stroke:#c8b28d}.family-overview .overview-union text{fill:#795421;font:11px system-ui,sans-serif}.family-tree-canvas .family-card{background:var(--white);width:240px;height:132px;color:var(--ink);cursor:pointer;text-align:left;border:1px solid #d0d9d0;border-radius:12px;padding:0;display:block;overflow:hidden;box-shadow:0 4px 16px #233c2f17}.family-tree-canvas .family-card.is-main{border:2px solid var(--forest);background:#edf3ec}.family-tree-canvas .family-card-content{width:100%;height:94px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:5px;padding:16px 14px 7px;display:flex}.family-card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Georgia,serif;font-size:16px;font-weight:600;line-height:1.13;display:-webkit-box;overflow:hidden}.family-card-years{color:var(--ink-soft);font-size:11px}.family-card-bottom{justify-content:space-between;align-items:center;gap:8px;height:34px;padding:0 10px 0 14px;display:flex}.family-card-proof{color:#52625a;font-size:10px}.family-card-proof[data-tone=confirmed]{color:#28573c}.family-card-proof[data-tone=probable]{color:#795421}.family-card-proof[data-tone=uncertain],.family-card-proof[data-tone=possible]{color:#874831}.family-tree-canvas .family-card-open{color:#22483d;cursor:pointer;background:#e9efe7;border:0;border-radius:6px;min-height:30px;padding:3px 10px;font-size:11px;font-weight:700}.family-tree-canvas button:focus-visible{outline:3px solid var(--forest);outline-offset:-3px}.family-tree-zoom{z-index:3;gap:6px;display:flex;position:absolute;bottom:16px;right:20px}.family-tree-zoom button{min-width:42px;box-shadow:0 3px 10px #233c2f10}.family-tree-zoom button:nth-child(-n+2){font-size:20px}.family-tree-hint{color:var(--ink-soft);border-top:1px solid var(--line);margin:0;padding:12px 24px;font-size:12px;line-height:1.6}.family-tree-message{text-align:center;background:var(--paper);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.panel-tree-link{margin:0 28px 24px;display:block}@media (width<=900px){.tree-explorer-page .hero,.tree-explorer-page .hero-stats{display:none}.family-tree-toolbar{align-items:flex-start}.family-tree-actions{max-width:340px}}@media (width<=600px){.family-tree-toolbar{flex-direction:column;gap:12px;padding:16px}.family-tree-actions{justify-content:flex-start;gap:6px;max-width:none}.family-tree-navigation{gap:8px;padding:12px 16px}.family-tree-navigation label{width:100%}.family-tree-navigation select{width:100%;min-width:0;max-width:none}.family-tree-canvas{height:560px}.family-tree-hint{padding:12px 16px}.family-tree-zoom{bottom:12px;right:12px}.family-tree-shell.is-expanded{overflow-y:auto}.family-tree-shell.is-expanded .family-tree-canvas-wrap{flex-shrink:0;min-height:240px}.family-tree-shell.is-expanded .family-tree-hint{display:none}}@media (height<=500px) and (width>=601px){.family-tree-shell.is-expanded .family-tree-toolbar,.family-tree-shell.is-expanded .family-tree-navigation{padding:8px 16px}.family-tree-shell.is-expanded .family-tree-hint{display:none}}@media (prefers-reduced-motion:reduce){.family-tree-canvas *,.family-tree-canvas :before,.family-tree-canvas :after{transition:none!important;animation:none!important}}.family-tree-canvas svg{-webkit-user-select:none;user-select:none;display:block}