:root{color:#0f172a;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}body{min-height:100vh;margin:0}a{color:inherit;text-decoration:none}.app{box-sizing:border-box;background:#f3f4f6;justify-content:center;align-items:flex-start;min-height:100vh;margin:0;padding:clamp(2rem,6vw,4rem);display:flex}.family-tree{color:#0f172a;flex-direction:column;gap:1.5rem;width:min(100%,1280px);display:flex}.family-tree header{flex-direction:column;gap:.4rem;display:flex}.family-tree h1{letter-spacing:-.02em;margin:0;font-size:clamp(2rem,4vw,2.75rem);font-weight:700}.family-tree__subtitle{color:#475569;margin:0;font-size:1rem}.family-tree__canvas{background:#fff;border-radius:16px;padding:clamp(1rem,4vw,2rem);overflow:auto;box-shadow:0 30px 60px -40px #0f172a73}.family-tree__canvas svg{max-width:100%;display:block}