@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600;700&display=swap";*{box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{margin:0;padding:0;width:100%;height:100%}button{border-radius:6px;border:1px solid transparent;font-family:inherit}#root{width:100%;height:100%}.app{display:flex;flex-direction:row;height:100vh;width:100vw;overflow:hidden}.main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.sidebar{width:240px;flex-shrink:0;display:flex;flex-direction:column;height:100vh;background:#fff;border-right:1px solid #e2e2e2;z-index:10;transition:width .18s ease}.sidebar.collapsed{width:56px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid #eee;flex-shrink:0}.sidebar.collapsed .sidebar-header{flex-direction:column;justify-content:center;gap:10px;padding:10px 6px}.sidebar-brand{display:flex;align-items:center;gap:8px;min-width:0}.sidebar-logo{width:28px;height:28px;flex-shrink:0}.sidebar-header h1{font-family:Dancing Script,cursive;font-size:1.6rem;color:#4f8a3d;margin:0;white-space:nowrap;overflow:hidden}.sidebar.collapsed .sidebar-header h1{display:none}.sidebar-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:6px;border:none;background:none;border-radius:6px;color:#888;cursor:pointer}.sidebar-toggle:hover{background:#f0f0f0;color:#4f8a3d}.sidebar-toggle svg{transition:transform .18s ease}.sidebar-stats{display:flex;align-items:center;gap:8px;padding:10px 12px;color:#888;font-size:.8rem;white-space:nowrap;border-bottom:1px solid #eee;flex-shrink:0}.sidebar-stats svg{flex-shrink:0}.sidebar.collapsed .sidebar-stats{justify-content:center;padding:10px 6px}.sidebar-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.sidebar-section{display:flex;flex-direction:column;gap:2px;padding:8px;border-bottom:1px solid #f2f2f2}.sidebar-section:last-child{border-bottom:none}.sidebar-btn{position:relative;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid transparent;background:transparent;border-radius:6px;cursor:pointer;font-size:.85rem;color:#333;text-align:left;white-space:nowrap;font-family:inherit;text-decoration:none}.sidebar-btn svg{flex-shrink:0}.sidebar-btn-label{overflow:hidden;text-overflow:ellipsis}.sidebar-btn:hover{background:#f0f4ee}.sidebar-btn:disabled{opacity:.35;cursor:default}.sidebar-btn:disabled:hover{background:transparent}.sidebar-btn.accent{background:#eaf3e4;color:#34602a}.sidebar-btn.accent:hover{background:#dcebd3}.sidebar-icon-text{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;font-size:1.05rem;font-weight:600;line-height:1}.zoom-percent{justify-content:center;font-variant-numeric:tabular-nums;font-weight:600;color:#4f8a3d}.sidebar.collapsed .sidebar-btn{justify-content:center;padding:8px}.sidebar-tooltip{position:fixed;transform:translateY(-50%);background:#2b2b2b;color:#fff;padding:5px 10px;border-radius:5px;font-size:.78rem;white-space:nowrap;box-shadow:0 2px 10px #00000040;z-index:50;pointer-events:none}.sidebar-tooltip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#2b2b2b}.workspace{position:relative;flex:1;min-height:0;overflow:hidden;display:flex}.tree-canvas{flex:1;width:100%;height:100%;background:#fdfdfb;touch-action:none}.selection-marquee{fill:#4f8a3d1f;stroke:#4f8a3d;stroke-width:1.5;stroke-dasharray:4 3;pointer-events:none}.empty-state-hint{fill:#bbb;font-family:Georgia,serif;font-style:italic;font-size:18px;dominant-baseline:middle;-webkit-user-select:none;user-select:none;pointer-events:none}.hint{margin:0;padding:4px 16px;font-size:.75rem;color:#999;background:#fff;border-top:1px solid #eee}.person-node{-webkit-user-select:none;user-select:none}.person-name{font-family:Dancing Script,cursive;font-size:22px;font-weight:700;paint-order:stroke fill;stroke:#fdfdfb;stroke-width:5px;stroke-linejoin:round}.person-lastname{font-family:Georgia,serif;font-style:italic;font-size:13px;fill:#333;paint-order:stroke fill;stroke:#fdfdfb;stroke-width:4px;stroke-linejoin:round}.person-dates{font-family:Georgia,serif;font-size:11px;fill:#888;paint-order:stroke fill;stroke:#fdfdfb;stroke-width:4px;stroke-linejoin:round}.person-placeholder{fill:#e4e4e4}.person-initials{font-family:Georgia,serif;font-size:22px;fill:#aaa}.person-outline{fill:none;stroke:#fff;stroke-width:3}.selection-ring{fill:none;stroke:#4f8a3d;stroke-width:3;stroke-dasharray:4 3}.move-alone-ring{fill:none;stroke:#c07a1e;stroke-width:3;stroke-dasharray:2 4}.branch{fill:#5c8a3a}.branch.spouse-link{fill:#8fb377}.branch{cursor:pointer}.branch-selected{filter:drop-shadow(0 0 0 #4f8a3d) brightness(1.15)}.curve-guide{stroke:#4f8a3d;stroke-width:1;stroke-dasharray:3 3;opacity:.6}.curve-handle{fill:#fff;stroke:#4f8a3d;stroke-width:2;cursor:move}.family-label{font-family:Dancing Script,cursive;font-weight:700;fill:#4f8a3d;-webkit-user-select:none;user-select:none}.family-label-selected{fill:#34602a;filter:drop-shadow(0 0 4px rgba(79,138,61,.5))}.side-panel{width:280px;flex-shrink:0;background:#fff;border-left:1px solid #e2e2e2;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;position:relative}.panel-title{margin:0;font-size:1rem;color:#333}.side-panel label{display:flex;flex-direction:column;font-size:.8rem;color:#555;gap:4px}.side-panel input,.side-panel select{padding:6px 8px;border:1px solid #d0d0d0;border-radius:4px;font-size:.9rem}.side-panel input.invalid{border-color:#c0392b;background:#fdf0f0}.close-btn{position:absolute;top:8px;right:8px;border:none;background:none;font-size:1.4rem;line-height:1;cursor:pointer;color:#999}.photo-upload{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:12px}.photo-preview{width:100px;height:100px;border-radius:50%;object-fit:cover}.photo-placeholder{width:100px;height:100px;border-radius:50%;background:#eee;display:flex;align-items:center;justify-content:center;color:#999;font-size:.8rem}.photo-hint{margin:0;font-size:.75rem;color:#999;text-align:center}.danger-btn{margin-top:auto;padding:8px;border:1px solid #e0a0a0;background:#fdf0f0;color:#b03030;border-radius:6px;cursor:pointer}.danger-btn:hover{background:#fbe4e4}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border-radius:10px;padding:24px;width:320px;display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 40px #0003}.modal h2{margin:0 0 4px;font-size:1.1rem}.modal label{display:flex;flex-direction:column;font-size:.8rem;color:#555;gap:4px}.modal input,.modal select{padding:6px 8px;border:1px solid #d0d0d0;border-radius:4px;font-size:.9rem}.modal-hint{margin:0;font-size:.75rem;color:#888}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.primary-btn{background:#4f8a3d!important;color:#fff;border-color:#4f8a3d!important}.primary-btn:hover{background:#43772f!important}.search-overlay{align-items:flex-start;padding-top:12vh}.search-dialog{background:#fff;border-radius:12px;width:480px;max-width:90vw;max-height:70vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d}.search-input{border:none;border-bottom:1px solid #eee;padding:18px 20px;font-size:1.05rem;outline:none;flex-shrink:0}.search-results{overflow-y:auto;padding:8px}.search-empty{margin:0;padding:24px;text-align:center;color:#999;font-size:.9rem}.search-result{width:100%;display:flex;align-items:center;gap:12px;padding:8px 10px;border:none;background:transparent;border-radius:8px;cursor:pointer;text-align:left;font-size:.95rem;color:#333}.search-result:hover{background:#eaf3e4}.search-result-photo{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.search-result-placeholder{width:36px;height:36px;border-radius:50%;background:#e4e4e4;color:#999;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0;text-transform:uppercase}