.tree{display:inline-block;min-width:100%}.tree ul{padding-top:20px;position:relative;transition:all .5s;display:flex;justify-content:center}.tree li{float:left;text-align:center;list-style-type:none;position:relative;padding:20px 10px 0;transition:all .5s}.tree li:before,.tree li:after{content:"";position:absolute;top:0;right:50%;border-top:2px solid #cbd5e0;width:50%;height:20px}.tree li:after{right:auto;left:50%;border-left:2px solid #cbd5e0}.tree li:only-child:before{display:none}.tree li:only-child{padding-top:20px}.tree li:only-child:after{display:block;border-top:none}.tree li:first-child:before,.tree li:last-child:after{border:0 none}.tree li:last-child:before{border-right:2px solid #cbd5e0;border-radius:0 10px 0 0}.tree li:first-child:after{border-radius:10px 0 0}.tree ul ul:before{content:"";position:absolute;top:0;left:50%;border-left:2px solid #cbd5e0;width:0;height:20px}.tree li .person-container{display:flex;flex-direction:column;align-items:center;position:relative;padding:0 5px;z-index:10}.tree li .person-avatar{width:60px;height:60px;border-radius:50%;background:#fff;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000000d;cursor:pointer;transition:all .2s ease;z-index:2}.tree li .person-avatar:hover{transform:translateY(-2px);box-shadow:0 6px 8px #0000001a;border-color:#cbd5e0}.tree li .person-icon{font-size:24px;color:#a0aec0}.tree li .person-details{margin-top:8px;text-align:center}.tree li .person-name{font-weight:600;font-size:.9rem;color:#2d3748;white-space:nowrap}.tree li .person-dates{font-size:.75rem;color:#718096;margin-top:2px}.tree li .spouse-container{display:flex;align-items:center}.tree li .couple-wrapper{display:flex;align-items:flex-start;gap:20px;position:relative}.couple-connector{position:absolute;top:30px;left:50%;transform:translate(-50%);width:20px;height:2px;background:#cbd5e0;z-index:1}.status{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.status h2{font-size:1.25rem;margin-bottom:1rem}.status ul{list-style:none}.status li{padding:.5rem 0;border-bottom:1px solid #e2e8f0}.status li:last-child{border-bottom:none}.status span{font-weight:700;padding:.25rem .5rem;border-radius:4px}.status .connected{color:#047857;background:#d1fae5}.status .disconnected{color:#b91c1c;background:#fee2e2}.status .checking{color:#b45309}.placeholder{text-align:center;padding:4rem;background:#fff;border-radius:8px;color:#666;box-shadow:0 1px 3px #0000001a}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#2d3748;background-color:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-height:100vh}