.family-tree{padding:20px;position:relative}.navigation-link{font-size:1.1em;margin-bottom:20px}.navigation-link a{color:#007bff;text-decoration:none}.navigation-link a:hover{text-decoration:underline}.tree-level{align-items:flex-start;border-radius:8px;display:flex;flex-wrap:wrap;justify-content:center;margin:40px 0;padding:25px 20px 20px;position:relative}.tree-level:before{background-color:#fdfaf6;color:#6c757d;content:attr(data-level-name);font-size:1.1em;font-weight:700;left:20px;padding:0 10px;position:absolute;top:-12px}.tree-level.grandparents{border:1px solid #d8bfd8}.tree-level.grandparents:before{color:#8a2be2}.tree-level.children,.tree-level.parents,.tree-level.self{border:1px solid #e0e0e0}.tree-level.siblings{border:1px solid #87ceeb}.tree-level.siblings:before{color:#005f8c}.node{margin:10px;position:relative;text-align:center;width:120px;z-index:2}.node a{color:#333;text-decoration:none}.edit-link{background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;font-size:.8em;line-height:1;padding:2px;position:absolute;right:-5px;top:-5px;z-index:10}.node-image-container{height:80px;margin:0 auto 5px;position:relative;width:80px}.node-avatar,.node-avatar-placeholder{align-items:center;background-color:#ccc;border-radius:50%;color:#fff;display:flex;font-size:2em;height:100%;justify-content:center;width:100%}.node-avatar{object-fit:cover}.node-avatar-placeholder.add-new{background-color:#d4edda;color:#155724;cursor:pointer;transition:background-color .2s}.node-avatar-placeholder.add-new:hover{background-color:#c3e6cb}.node-avatar-placeholder.disabled{background-color:#f8f9fa;color:#e0e0e0;cursor:not-allowed}.node-name{word-wrap:break-word;font-weight:700}.node-maiden-name{color:#666;font-size:.8em;font-style:italic}.node-relation{color:#666;font-size:.8em;text-transform:capitalize}.connection-svg{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.connection-line{stroke:#007bff;stroke-width:2}.relationship-search-container{margin-bottom:15px;position:relative}.relationship-search-container .search-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:8px;width:100%}.relationship-search-container .search-results{background-color:#fff;border:1px solid #ddd;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 4px 6px #0000001a;list-style-type:none;margin:0;max-height:200px;overflow-y:auto;padding:0;position:absolute;width:100%;z-index:1000}.relationship-search-container .search-feedback,.relationship-search-container .search-result-item{align-items:center;cursor:pointer;display:flex;padding:10px}.relationship-search-container .search-result-item:hover{background-color:#f0f0f0}.selected-person-display{align-items:center;background-color:#e9ecef;border:1px solid #ced4da;border-radius:4px;display:flex;justify-content:space-between;padding:8px}.clear-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:.9em;text-decoration:underline}.search-result-avatar{flex-shrink:0;margin-right:10px}.existing-member-check{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:25px;padding:15px;position:relative}.existing-member-check h3{color:#495057;margin-top:0}.existing-member-check p{color:#6c757d;font-size:.9em;margin-bottom:15px;margin-top:-5px}.existing-member-check input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:8px;width:100%}.existing-member-check .results-list{background-color:#fff;border:1px solid #ddd;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 4px 6px #0000001a;list-style-type:none;margin:0;max-height:200px;overflow-y:auto;padding:0;position:absolute;width:calc(100% - 32px);z-index:1000}.existing-member-check .feedback,.existing-member-check .result-item{align-items:center;cursor:pointer;display:flex;padding:10px}.existing-member-check .result-item:hover{background-color:#f0f0f0}.modal-backdrop{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1001}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;color:#333;max-width:500px;padding:25px;width:90%}.modal-content h2{border-bottom:1px solid #eee;margin-top:0;padding-bottom:15px}.invite-link-container{display:flex;margin:20px 0}.invite-link-container input{background-color:#f8f9fa;border:1px solid #ccc;border-radius:4px 0 0 4px;color:#333;flex-grow:1;font-size:.9em;overflow-x:auto;padding:8px}.invite-link-container button{background-color:#007bff;border:1px solid #007bff;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;padding:8px 15px;white-space:nowrap}.modal-content .button.block{margin-top:20px}.user-guide-container{background-color:#fff;border-radius:8px;color:#333;line-height:1.6;margin:0 auto;max-width:800px;padding:20px}.user-guide-container h1{border-bottom:2px solid #eee;margin-bottom:20px;padding-bottom:15px;text-align:center}.user-guide-container h2{border-bottom:1px solid #e0e0e0;color:#4a4a4a;margin-top:40px;padding-bottom:10px}.user-guide-container h3{color:#5a5a5a;margin-top:25px}.guide-intro{color:#666;font-size:1.1em;font-style:italic;margin-bottom:30px;text-align:center}.user-guide-container ul{list-style-type:disc;padding-left:20px}.user-guide-container li{margin-bottom:10px}.screenshot-placeholder{background-color:#f0f0f0;border:2px dashed #ccc;border-radius:8px;box-sizing:border-box;color:#888;font-weight:700;margin:20px 0;padding:60px 20px;text-align:center;width:100%}.user-guide-container img{border-radius:8px;display:block;height:auto;margin:20px 0;max-width:100%}.search-container{margin:0 20px;position:relative;width:300px}.search-input{background-color:#f1f1f1;border:1px solid #ccc;border-radius:20px;box-sizing:border-box;color:#333;font-size:1rem;outline:none;padding:8px 12px;transition:background-color .2s;width:100%}.search-input:focus{background-color:#fff;border-color:#90ee90}.search-results{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;left:0;list-style:none;margin:8px 0 0;max-height:400px;overflow-y:auto;padding:0;position:absolute;right:0;top:110%;z-index:1000}.search-result-item{align-items:center;border-bottom:1px solid #eee;color:#333;cursor:pointer;display:flex;padding:10px 15px}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#f9f9f9}.search-result-avatar{background-color:#eee;border-radius:50%;height:40px;margin-right:12px;object-fit:cover;width:40px}.search-feedback{color:#888;font-style:italic;padding:15px}.App,.search-feedback{text-align:center}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;font-size:calc(10px + 2vmin);justify-content:space-between;min-height:10vh;padding:0 20px}.App-logo{height:8vmin;pointer-events:none}.header-left{align-items:center;display:flex;flex-grow:1}.header-left h1{margin-right:20px}.header-left nav .button-link,.header-left nav a{background:none;border:none;color:#61dafb;cursor:pointer;font-family:inherit;font-size:inherit;margin:0 10px;padding:0;text-decoration:none}.close-nav,.hamburger{display:none}.App-link{color:#61dafb}@media (max-width:850px){.App-header{justify-content:flex-start;position:relative}.header-left{justify-content:center}.header-left h1{font-size:1.2em;margin-left:0}.hamburger{background:none;border:none;color:#fff;cursor:pointer;display:block;font-size:2em;left:15px;position:absolute;top:50%;transform:translateY(-50%);z-index:1001}.header-left nav{align-items:flex-start;background-color:#282c34;display:flex;flex-direction:column;height:100%;left:0;padding-top:60px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;width:250px;z-index:1000}.header-left nav.nav-open{box-shadow:3px 0 15px #00000080;transform:translateX(0)}.close-nav{background:none;border:none;color:#fff;cursor:pointer;display:block;font-size:2.2em;line-height:1;position:absolute;right:25px;top:15px}.header-left nav .button-link,.header-left nav a{border-bottom:1px solid #444;box-sizing:border-box;margin:0;padding:15px 20px;text-align:left;width:100%}.header-left nav .button-link:hover,.header-left nav a:hover{background-color:#404753}.App-logo,.search-container{display:none}}
/*# sourceMappingURL=main.7bbde78c.css.map*/