:root{color-scheme:dark;--bg: #1a1410;--surface: #2a2218;--text: #f0e6d2;--muted: #a89878;--accent: #c9a84c;--online: #3d8b5e;--error: #c45c5c;font-family:"Source Sans 3",system-ui,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top,#2d2418 0%,var(--bg) 70%),var(--bg)}h1,h2{font-family:Cinzel,serif;font-weight:600}.page{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}.hero{text-align:center;padding:3rem 0 2rem}.hero h1{font-size:2.8rem;margin:0;color:var(--accent)}.subtitle{font-family:Cinzel,serif;font-size:1.2rem;color:var(--muted);margin:.5rem 0 1.5rem}.lead{max-width:640px;margin:0 auto;line-height:1.6;color:var(--muted)}.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin:3rem 0}.pillars article{background:var(--surface);border:1px solid #3d3428;border-radius:8px;padding:1.5rem}.pillars h2{margin-top:0;color:var(--accent);font-size:1.1rem}.hint{text-align:center;color:var(--muted)}.hint a,.hint code{color:var(--accent)}.family-header{margin-bottom:1.5rem}.family-header h1{margin:0}.meta{color:var(--muted);margin:.25rem 0 0}.tree-container{position:relative;background:var(--surface);border:1px solid #3d3428;border-radius:12px;padding:1rem;overflow:hidden}.family-tree-svg{width:100%;height:auto;display:block}.node-tooltip{position:absolute;top:1rem;right:1rem;display:flex;gap:.75rem;background:#1a1410f2;border:1px solid var(--accent);border-radius:8px;padding:.75rem 1rem;min-width:200px}.node-tooltip p{margin:.15rem 0;font-size:.85rem;color:var(--muted)}.status{text-align:center;padding:4rem;color:var(--muted)}.status.error{color:var(--error)}