:root{--bg:#f5f6f8;--surface:#ffffff;--border:#d0d0d0;--border-subtle:#e2e2e2;--text-primary:#1a1a1a;--text-secondary:#6b7280;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-contrast:#ffffff;--danger:#dc2626;--danger-bg-hover:#fee2e2;--avatar-bg:#e5e7eb;--avatar-text:#4b5563;--button-bg:#ffffff;--button-hover-bg:#f0f0f0;--shadow:rgba(0,0,0,0.12);--overlay:rgba(0,0,0,0.45)}@media (prefers-color-scheme:dark){:root{--bg:#16181d;--surface:#1f2229;--border:#383c46;--border-subtle:#2c2f37;--text-primary:#edeef0;--text-secondary:#9aa1ac;--accent:#3b82f6;--accent-hover:#60a5fa;--accent-contrast:#0b0d10;--danger:#f87171;--danger-bg-hover:#3a2222;--avatar-bg:#2c2f37;--avatar-text:#c3c8d1;--button-bg:#262a32;--button-hover-bg:#31353f;--shadow:rgba(0,0,0,0.5);--overlay:rgba(0,0,0,0.65)}}*{box-sizing:border-box}body,html{margin:0;padding:0;overflow:hidden;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text-primary)}#__next,body,html{height:100%}.app-shell{position:relative;height:100dvh}.loading{display:flex;align-items:center;justify-content:center;height:100dvh;font-size:1.1rem;color:var(--text-secondary)}.floating-actions{top:.75rem;display:flex;gap:.5rem}.app-search,.floating-actions{position:absolute;right:.75rem;z-index:20}.app-search{top:3.5rem;left:auto;width:min(300px,calc(100vw - 1.5rem))}.app-canvas{position:absolute;inset:0}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--button-bg);color:var(--text-primary);border-radius:6px;padding:.5rem .8rem;min-height:36px}button:hover{background:var(--button-hover-bg)}button.active,button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}button.primary:hover{background:var(--accent-hover)}button.danger{color:var(--danger);border-color:var(--danger);background:var(--button-bg)}button.danger:hover{background:var(--danger-bg-hover)}button:disabled{opacity:.5;cursor:not-allowed}.link-button{border:none;padding:0;min-height:auto;color:var(--accent);text-decoration:underline}.link-button,.link-button:hover{background:none}.search-bar{position:relative;width:100%;max-width:320px}.search-bar input{width:100%;padding:.55rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:.95rem;box-shadow:0 1px 3px var(--shadow)}.search-bar__results{list-style:none;margin:.25rem 0 0;padding:.25rem;position:absolute;top:100%;left:0;right:0;background:var(--surface);border-radius:8px;border:1px solid var(--border-subtle);box-shadow:0 4px 12px var(--shadow);max-height:240px;overflow-y:auto}.search-bar__results li button{width:100%;text-align:left;border:none;padding:.5rem .6rem;border-radius:6px;background:transparent}.person-node{position:relative;display:flex;align-items:center;gap:.6rem;padding:.6rem;background:var(--surface);border:2px solid var(--border);border-radius:10px;box-shadow:0 1px 4px var(--shadow)}.person-node--selected{border-color:var(--accent)}.person-node__avatar{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--avatar-bg);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--avatar-text);overflow:hidden}.person-node__avatar img{width:100%;height:100%;object-fit:cover}.person-node__info{min-width:0}.person-node__name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.person-node__quickmenu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);display:flex;flex-wrap:wrap;gap:.35rem;padding:.35rem;width:max-content;max-width:220px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:0 4px 14px var(--shadow);z-index:30}.person-node__quickmenu button{padding:.4rem .6rem;font-size:.8rem;min-height:32px}.partner-junction{border-radius:50%;background:var(--text-secondary)}.modal-overlay{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal{background:var(--surface);color:var(--text-primary);border-radius:12px;width:min(480px,100%);max-height:90dvh;overflow-y:auto;padding:1.25rem 1.5rem 1.5rem;box-shadow:0 10px 40px var(--shadow)}.modal--wide{width:min(680px,100%)}.json-editor{width:100%;min-height:320px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.5;white-space:pre;overflow:auto;resize:vertical}.json-editor__error{color:var(--danger);font-size:.85rem}.modal__header{display:flex;align-items:center;justify-content:space-between}.modal__header h2{margin:0;font-size:1.1rem}.modal__close{border:none;background:none;font-size:1.4rem;line-height:1;padding:.1rem .4rem;min-height:auto}.modal__close:hover{background:var(--button-hover-bg);border-radius:6px}.modal__body{flex-direction:column;margin-top:.75rem}.form-row,.modal__body{display:flex;gap:.75rem}.form-full,.form-row label{flex:1 1;display:flex;flex-direction:column;gap:.25rem;font-size:.82rem;color:var(--text-secondary)}input,select,textarea{font:inherit;padding:.5rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-primary)}.modal__parents,.modal__partners{font-size:.85rem;color:var(--text-secondary)}.modal__partners{display:flex;flex-direction:column;gap:.4rem}.modal__partner-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.modal__partner-row button:not(.link-button){padding:.3rem .55rem;font-size:.78rem;min-height:auto}.partner-status{font-size:.78rem;padding:.15rem .5rem;border-radius:999px;background:var(--avatar-bg);color:var(--text-secondary)}.partner-status--divorced{color:var(--danger)}.modal__children{display:flex;flex-direction:column;gap:.35rem}.modal__children-label{font-size:.82rem;color:var(--text-secondary)}.children-reorder__row{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border:1px solid var(--border-subtle);border-radius:6px;background:var(--surface)}.children-reorder__handle{cursor:-webkit-grab;cursor:grab;padding:.2rem .4rem;min-height:auto;color:var(--text-secondary);touch-action:none}.modal__actions{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.modal__footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem;padding-top:.75rem;border-top:1px solid var(--border-subtle)}@media (max-width:480px){.form-row{flex-direction:column}.toolbar__title{font-size:.95rem}button{padding:.5rem .65rem;font-size:.9rem}}.login-page{height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{width:min(320px,100%);display:flex;flex-direction:column;gap:.9rem}.login-card h2{margin:0}