body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{display:flex;flex-direction:column;min-height:100vh}.header{background:#fff;border-bottom:1px solid #eee;padding:2rem 1rem 1rem}.header h1{color:#333;font-size:1.8rem;font-weight:400;margin:0 0 2rem;text-align:center}.nav{border-top:1px solid #f5f5f5;display:flex;gap:2rem;justify-content:center;padding-top:1rem}.nav-button{background:none;border:none;color:#666;cursor:pointer;font-size:1rem;padding:8px 16px;transition:color .2s}.nav-button:hover{color:#333}.nav-button.active{border-bottom:2px solid #333;color:#000;font-weight:600}.main{flex:1 1;margin:0 auto;max-width:1200px;padding:1rem 1rem 2rem;width:100%}.content{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;padding:2rem;text-align:center}.content h2{color:#333;font-size:1.8rem;font-weight:400;margin-bottom:1rem}.content p{color:#666;font-size:1.1rem;line-height:1.6}.footer{background:#fff;border-top:1px solid #eee;color:#666;font-size:.9rem;margin-top:auto;padding:1rem;text-align:center}@media (max-width:768px){.header h1{font-size:2rem}.nav{align-items:center;flex-direction:column;gap:1rem}.nav-button{font-size:.9rem;padding:10px 20px;width:200px}.main{padding:1rem .5rem}.content{padding:1.5rem}.content h2{font-size:1.5rem}.content p{font-size:1rem}}@media (max-width:480px){.header h1{font-size:1.5rem;letter-spacing:1px}.header{padding:1.5rem 1rem}.nav{margin-top:1.5rem}.nav-button{max-width:250px;padding:12px 20px;width:100%}.content{padding:1rem}}.family-tree{overflow-x:auto;padding:20px}.loading{font-size:1.2em;padding:20px;text-align:center}.couple-container{margin:20px 0}.couple{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:20px}.member{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;min-width:120px;padding:15px;text-align:center;transition:all .2s ease}.member:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-2px)}.member.spouse{background:#fff3cd;border-color:#ffeaa7}.member-name{font-size:1em;font-weight:700;margin-bottom:4px}.member-nickname{color:#6c757d;font-size:.85em;font-style:italic;margin-bottom:4px}.member-info{color:#6c757d;font-size:.8em}.marriage-line{background:#dc3545;height:2px;position:relative;width:30px}.member-container{align-items:center;display:flex;gap:10px;justify-content:center}.member-container.inline{display:inline-flex}.member-buttons{display:flex;gap:3px;margin-top:5px}.icon-btn{background:#0000;border:1px solid #ddd;border-radius:3px;cursor:pointer;font-size:14px;height:24px;min-width:24px;padding:2px 4px}.icon-btn:hover{background:#f0f0f0}.marriage-line-inline{background:#dc3545;flex-shrink:0;height:2px;width:20px}.member-relations{align-items:center;display:flex;flex-direction:column;flex-shrink:0;margin-bottom:10px;min-width:200px}.parent-arrow-from-couple,.parent-arrow-from-single{background:#28a745;height:20px;margin:0 auto;width:2px}.children-section{margin-top:10px;overflow-x:auto;width:100%}.root-couple{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:20px}.children-container{margin-top:20px;position:relative}.parent-line{background:#28a745;height:30px;margin:0 auto;position:relative;width:2px}.parent-line:before{background:#28a745;bottom:0;content:"";height:2px;left:-20px;position:absolute;right:-20px}.children{display:flex;gap:30px;justify-content:flex-start;margin-top:20px;min-height:120px;overflow-x:auto;padding:10px 0;position:relative}.children:before{background:#28a745;content:"";height:2px;left:100px;position:absolute;right:100px;top:0}.children .member-relations{position:relative}.children .member-relations:before{background:#28a745;content:"";height:22px;left:50%;position:absolute;top:-22px;transform:translateX(-50%);width:2px}.children .member{background:#d1ecf1;border-color:#bee5eb}.children .couple-container{margin:0}@media (max-width:768px){.couple{flex-direction:column;gap:5px}.marriage-line{height:20px;transform:rotate(90deg);width:2px}.children{align-items:center;flex-direction:column;gap:15px}}
/*# sourceMappingURL=main.e9c8f32f.css.map*/