:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0b0f14;color:#e0e0e0}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem}.app-header{text-align:center;margin-bottom:2.5rem}.app-header h1{font-size:2rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#6ee7b7,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:#ffffff73;font-size:.9rem;margin-top:.25rem}.tree-container{width:100%;overflow-x:auto;padding-bottom:2rem}.tree{display:flex;justify-content:center;min-width:fit-content;padding:1rem}.person-card-wrapper{display:flex;flex-direction:column;align-items:center}.person-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s;min-width:180px}.person-card:hover{background:#ffffff12;border-color:#6ee7b74d;transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.person-card.selected{border-color:#6ee7b7;background:#6ee7b714;box-shadow:0 0 20px #6ee7b726}.person-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#1e3a5f,#2d1b69);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#6ee7b7;flex-shrink:0}.person-info{display:flex;flex-direction:column}.person-name{font-weight:600;font-size:.85rem;white-space:nowrap}.person-years{font-size:.7rem;color:#fff6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.person-spouse{font-size:.65rem;color:#6ee7b780;margin-top:.1rem}.connector.vertical,.connector.vertical-up{width:2px;height:24px;background:#ffffff1f}.connector.horizontal{position:absolute;top:0;left:0;right:0;height:2px;background:#ffffff1f}.children-row{display:flex;gap:1rem;position:relative;padding-top:24px}.child-branch{display:flex;flex-direction:column;align-items:center}.detail-panel{position:fixed;top:0;right:0;width:320px;height:100vh;background:#111820;border-left:1px solid rgba(255,255,255,.08);padding:2rem 1.5rem;overflow-y:auto;z-index:100;display:flex;flex-direction:column;align-items:center;animation:slideIn .25s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.detail-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#ffffff80;font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:all .15s}.detail-close:hover{color:#fff;background:#ffffff1a}.detail-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#1e3a5f,#2d1b69);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.75rem;color:#6ee7b7;margin-bottom:1rem;margin-top:1rem}.detail-name{font-size:1.3rem;font-weight:700;text-align:center}.detail-years{font-size:.85rem;color:#ffffff73;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:.25rem;margin-bottom:2rem}.detail-sections{width:100%;display:flex;flex-direction:column;gap:1.25rem}.detail-section h3{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffff59;margin-bottom:.5rem}.detail-section ul{list-style:none;display:flex;flex-direction:column;gap:.4rem}.detail-section li{font-size:.9rem;padding:.4rem .75rem;background:#ffffff0a;border-radius:.5rem;border:1px solid rgba(255,255,255,.06)}