*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0c0e18;--bg-glow:#12162a;--surface:#13172a;--surface-hover:#1c2240;--border:#252b4a;--text-primary:#e6e9f4;--text-secondary:#8891be;--text-muted:#555e8a;--accent:#7c83d6;--accent-soft:#9aa0e6;--accent-dim:#3b3f70;--deceased-opacity:.42;--link-color:#272d52;--link-path:#5b62a8;--font-ar:"Noto Naskh Arabic", serif;--font-en:"Noto Serif", serif}html,body{background:var(--bg);height:100%;color:var(--text-primary);overflow:hidden}body{font-family:var(--font-ar);background-image:radial-gradient(120% 60% at 50% 0%, var(--bg-glow) 0%, var(--bg) 62%);flex-direction:column;display:flex}::selection{background:var(--accent-dim);color:var(--text-primary)}path.tree-link{fill:none;stroke:var(--link-color);stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round}path.tree-link.on-path{stroke:var(--link-path);stroke-width:1.75px}text.person-name{fill:var(--text-primary);font-size:12px;font-weight:600;font-family:var(--font-ar);text-anchor:middle;dominant-baseline:auto;paint-order:stroke;stroke:var(--bg);stroke-width:3px;stroke-linejoin:round}text.person-years{fill:var(--text-muted);font-size:9.5px;font-family:var(--font-en);text-anchor:middle;dominant-baseline:auto;direction:ltr;unicode-bidi:isolate}text.deceased{opacity:var(--deceased-opacity)}line.union-connector{stroke:var(--text-muted);stroke-width:1px;opacity:.45}.count-chip rect{fill:var(--surface);stroke:var(--border);stroke-width:1px}.count-chip text{fill:var(--text-secondary);font-size:9.5px;font-family:var(--font-en);text-anchor:middle;letter-spacing:.02em}rect.union-hit{fill:#0000;cursor:pointer}.union-node{transition:opacity .2s}.union-node:hover text.person-name{fill:var(--accent-soft)}.union-node:hover .count-chip rect{fill:var(--surface-hover);stroke:var(--accent-dim)}.union-node.on-path text.person-name{fill:#f2f4ff}.union-node.is-focus text.person-name.is-blood{fill:var(--accent-soft);font-weight:700}.union-node.is-focus .count-chip rect{stroke:var(--accent)}.union-node.is-focus text.person-name.is-blood{animation:1.6s ease-out found}@keyframes found{0%,to{filter:none}25%{filter:drop-shadow(0 0 7px var(--accent))}}.lod-far text.person-years,.lod-far .count-chip{display:none}.lod-far text.person-name{stroke-width:2.5px}.site-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0c0e18eb;flex-shrink:0;align-items:center;gap:24px;padding:12px 22px;display:flex}.brand{flex-shrink:0}.site-title{letter-spacing:.01em;font-size:1.15rem;font-weight:700;line-height:1.25}.site-tagline{color:var(--text-muted);letter-spacing:.02em;font-size:.7rem}.search{flex:1;max-width:420px;margin-inline:auto;position:relative}.search-icon{inset-inline-start:11px;fill:none;width:15px;height:15px;stroke:var(--text-muted);stroke-width:2px;stroke-linecap:round;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}#search-input{padding:9px 14px 9px 36px;background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text-primary);font-family:var(--font-ar);border-radius:9px;outline:none;padding-inline:34px 14px;font-size:.9rem;transition:border-color .15s,background .15s}#search-input::placeholder{color:var(--text-muted)}#search-input:focus{border-color:var(--accent-dim);background:var(--surface-hover)}#search-input::-webkit-search-cancel-button{display:none}.search-results{top:calc(100% + 6px);background:var(--surface);border:1px solid var(--border);z-index:20;border-radius:10px;position:absolute;inset-inline:0;overflow:hidden;box-shadow:0 14px 34px #00000080}.search-result{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text-primary);font-family:var(--font-ar);text-align:start;cursor:pointer;background:0 0;grid-template-columns:auto auto 1fr;align-items:baseline;gap:8px;padding:8px 13px;display:grid}.search-result:last-child{border-bottom:0}.search-result:hover,.search-result.is-active{background:var(--surface-hover)}.search-result-name{font-size:.92rem;font-weight:600}.search-result-years{font-family:var(--font-en);color:var(--text-muted);direction:ltr;unicode-bidi:isolate;font-size:.72rem}.search-result-context{color:var(--text-secondary);text-align:end;justify-self:end;font-size:.72rem}.controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.ctl-btn{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);font-size:.78rem;font-family:var(--font-ar);cursor:pointer;border-radius:8px;padding:7px 13px;transition:background .15s,color .15s,border-color .15s}.ctl-btn:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--accent-dim)}.status{font-family:var(--font-en);color:var(--text-muted);text-align:end;min-width:92px;font-size:.72rem}.tree-viewport{flex:1;position:relative;overflow:hidden}#tree-svg{touch-action:none;cursor:grab;width:100%;height:100%;display:block}#tree-svg:active{cursor:grabbing}.hint{bottom:14px;color:var(--text-muted);pointer-events:none;opacity:.8;font-size:.72rem;position:absolute;inset-inline-start:18px}@media (width<=720px){.site-header{flex-wrap:wrap;gap:10px;padding:10px 14px}.search{flex-basis:100%;order:3;max-width:none}.status{display:none}}