.relation-explorer{--relation-line:color-mix(in srgb, var(--color-ink) 24%, transparent);--relation-panel:color-mix(in srgb, var(--color-ink) 3%, var(--color-ivory))}.relation-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin:2rem 0 1rem;display:flex}.relation-search input{box-sizing:border-box;border:1.5px solid var(--relation-line);width:min(100%,20rem);min-width:15rem;height:2.65rem;color:var(--color-ink);font:inherit;background:0 0;border-radius:999px;padding:.7rem 1rem;font-size:.875rem}.relation-search input::placeholder{color:var(--color-muted);opacity:1}.relation-search input:focus-visible,.relation-reset:focus-visible,.relation-filter input:focus-visible{outline-offset:3px;outline:3px solid #e85d2a}.relation-filter{color:var(--color-muted);cursor:pointer;align-items:center;gap:.45rem;font-size:.875rem;display:flex}.relation-filter input{appearance:none;box-sizing:border-box;border:1.5px solid var(--relation-line);cursor:pointer;background:0 0;border-radius:50%;flex:none;width:2.65rem;height:2.65rem;margin:0}.relation-filter input:checked{background:radial-gradient(circle, var(--color-orange) 0 27%, transparent 30%)}.relation-reset{border:0;border-bottom:1px solid var(--relation-line);color:inherit;cursor:pointer;font:inherit;background:0 0;margin-left:auto;padding:.55rem .2rem;font-size:.8rem}.relation-layout{--relation-canvas-height:39rem;grid-template-columns:minmax(0,1fr) 17rem;align-items:stretch;gap:1rem;display:grid}.relation-canvas,.relation-detail{border:1.5px solid var(--relation-line);background:var(--relation-panel);border-radius:1.5rem}.relation-canvas{min-width:0;height:var(--relation-canvas-height);overscroll-behavior:contain;position:relative;overflow:hidden}.relation-svg{touch-action:none;width:100%;height:100%;display:block}.relation-edge{stroke:var(--color-orange);stroke-width:1.5px;opacity:.42}.relation-node{cursor:grab;outline:none}.relation-node:active{cursor:grabbing}.relation-node.is-selected .relation-node-ring{stroke:var(--color-orange);stroke-width:2.5px}.relation-node.is-dimmed{opacity:.18}.relation-node.is-hidden{display:none}.relation-image-backdrop{fill:var(--color-hairstyle-image-bg)}.relation-image-backdrop.is-transparent,.relation-detail-image.is-transparent{background-color:var(--color-hairstyle-image-bg)}.relation-node image{pointer-events:none}.relation-node-ring{fill:none;stroke:none;pointer-events:none}.relation-node-label{fill:var(--color-ink);text-anchor:middle;paint-order:stroke;stroke:var(--color-ivory);stroke-width:4px;stroke-linejoin:round;pointer-events:none;font:300 9px Arial,Helvetica,sans-serif}.relation-pan-target{fill:#0000;pointer-events:none}.relation-map-hint,.relation-map-count{color:var(--color-muted);pointer-events:none;font-size:.68rem;position:absolute;bottom:1rem}.relation-map-hint{position:static}.relation-map-footer{max-width:calc(100% - 8rem);color:var(--color-muted);pointer-events:none;align-items:center;gap:.65rem;font-size:.68rem;display:flex;position:absolute;bottom:1rem;left:1.25rem}.relation-map-footer .relation-reset{color:inherit;font:inherit;pointer-events:auto;border:0;flex:none;margin:0;padding:0}.relation-map-footer .relation-map-hint{line-height:1.4}.relation-map-count{font-variant-numeric:tabular-nums;right:1.25rem}.relation-detail{box-sizing:border-box;height:var(--relation-canvas-height);min-height:0;padding:1.25rem;overflow-y:auto}.relation-detail-image{aspect-ratio:1;object-fit:cover;background:var(--color-hairstyle-image-bg);border-radius:50%;width:100%;display:block}.relation-kind{color:var(--color-orange);letter-spacing:.15em;text-transform:uppercase;margin:1.25rem 0 .4rem;font-size:.65rem;font-weight:800}.relation-detail h2{letter-spacing:-.045em;margin:0;font:500 1.8rem/1.05 Georgia,serif}.relation-summary{color:var(--color-muted);font-size:.82rem;line-height:1.6}.relation-profile-link{color:var(--color-orange);align-items:center;gap:.5rem;margin:.5rem 0 1rem;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.relation-related-heading{border-bottom:1px solid var(--relation-line);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;margin:1.5rem 0 .4rem;padding-bottom:.55rem;font-size:.68rem;display:flex}.relation-related-heading span{color:var(--color-muted)}.relation-related-list{margin:0;padding:0;list-style:none}.relation-related-button{border:0;border-bottom:1px solid var(--relation-line);width:100%;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;align-items:center;gap:.65rem;padding:.55rem 0;font-size:.76rem;display:flex}.relation-related-button:hover{color:var(--color-orange)}.relation-related-button img{object-fit:cover;background:var(--color-hairstyle-image-bg);border-radius:50%;flex:none;width:2.4rem;height:2.4rem}.relation-related-button span:nth-child(2){flex:1}.relation-empty{text-align:center;height:100%;min-height:35rem;color:var(--color-muted);flex-direction:column;justify-content:center;align-items:center;font-size:.85rem;display:flex}.relation-empty span{color:var(--color-orange);font-size:1.7rem}@media (width<=900px){.relation-layout{--relation-canvas-height:36rem;grid-template-columns:minmax(0,1fr) 15rem}.relation-canvas,.relation-svg{height:36rem}}@media (width<=700px){.relation-layout{grid-template-columns:1fr}.relation-canvas,.relation-svg{height:62vh;min-height:29rem}.relation-detail{grid-template-columns:minmax(7rem,35%) 1fr;align-items:start;column-gap:1rem;height:auto;max-height:none;display:grid}.relation-detail-image{grid-row:span 4}.relation-kind{margin-top:.3rem}.relation-related-heading,.relation-related-list{grid-column:1/-1;width:100%}.relation-empty{grid-column:1/-1;min-height:13rem}.relation-map-hint,.relation-map-count{font-size:.6rem}}