:root{--bg: #f3ead8;--ink: #3a3125;--muted: #84775f;--card: #fffcf3;--card-border: #ddd0b4;--top-bg: #54432e;--top-ink: #f5eddc;--serif: "Lora", Georgia, serif;--sans: "Nunito Sans", system-ui, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:#7a5c33}a:hover{color:#54432e}#app{display:flex;flex-direction:column;overflow:hidden}#topbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:var(--top-bg);color:var(--top-ink)}#topbar h1{margin:0;font-family:var(--serif);font-size:17px;font-weight:600;letter-spacing:.01em}#topbar-sub{margin:2px 0 0;font-size:11px;opacity:.78}#stage{position:relative;flex:1 1 auto;overflow:hidden;background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E")}svg#tree{width:100%;height:100%;display:block;touch-action:none;cursor:grab}svg#tree:active{cursor:grabbing}#controls{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;gap:8px;z-index:3}#controls button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(84,67,46,.18);background:#fffcf3f0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--ink);font-size:19px;line-height:1;cursor:pointer;box-shadow:0 2px 8px #3a312529;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,background .12s ease}#controls button:active{transform:scale(.94)}#zoom-reset{font-size:16px}#legend{position:absolute;left:10px;right:66px;bottom:12px;display:flex;flex-wrap:wrap;gap:6px;z-index:3}.legend-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px 6px 8px;border-radius:999px;border:1px solid rgba(84,67,46,.14);background:#fffcf3eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--ink);font-family:var(--sans);font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 1px 4px #3a31251f;-webkit-tap-highlight-color:transparent;transition:transform .12s ease;-webkit-user-select:none;user-select:none}.legend-chip:active{transform:scale(.95)}.legend-chip .dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.legend-chip.open{color:#fdf9ee;border-color:transparent}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px;background:var(--bg);z-index:5}.overlay p{margin:0;color:var(--muted);font-size:14px}.spinner{width:30px;height:30px;border-radius:50%;border:3px solid rgba(84,67,46,.18);border-top-color:#54432e;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-title{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--ink)}.error-detail{max-width:42ch}#retry{padding:10px 22px;border-radius:999px;border:none;background:var(--top-bg);color:var(--top-ink);font-family:var(--sans);font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #3a312533}#retry:active{transform:scale(.97)}#demo-banner{flex:0 0 auto;padding:7px 14px;background:#e9dcc0;color:#5c4d33;font-size:11.5px;text-align:center}#demo-banner code{font-size:11px;background:#54432e1a;padding:1px 5px;border-radius:4px}.person-card{fill:var(--card);stroke:var(--card-border);stroke-width:1;filter:url(#cardShadow)}text.p-name-svg{font-family:var(--serif);font-size:13.5px;font-weight:600;fill:var(--ink);transition:transform .15s ease}text.p-name-svg.unnamed{font-style:italic;font-weight:500;opacity:.7}text.p-role-svg{font-family:var(--sans);font-size:10.5px;fill:var(--muted);opacity:0;transition:opacity .15s ease}.viewport.zoomed text.p-name-svg{transform:translateY(-6px)}.viewport.zoomed text.p-role-svg{opacity:1}@media(prefers-reduced-motion:reduce){text.p-name-svg,text.p-role-svg{transition:none}}.root-label{fill:var(--muted);font-family:var(--serif);font-weight:700;font-size:12px;letter-spacing:.22em;text-transform:uppercase}.house-hit{cursor:pointer}.house-hit:hover .house-pill{filter:brightness(1.06) drop-shadow(0 2px 5px rgba(58,49,37,.16))}.house-pill{filter:drop-shadow(0 2px 5px rgba(58,49,37,.14))}.house-pill-text{fill:#fdf9ee;font-family:var(--serif);font-weight:600;font-size:14px}.house-pill-count{fill:#fdf9ee;opacity:.75;font-family:var(--sans);font-weight:700;font-size:11px}@media(prefers-reduced-motion:reduce){.p-role,#controls button,.legend-chip{transition:none}.spinner{animation-duration:2s}}