:root{color:var(--color-ink);background:var(--color-page);font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-page:#f3f3ef;--color-ink:#222725;--color-text-secondary:#666c68;--color-text-muted:#8a8d89;--color-border:#dedfd9;--color-border-subtle:#e7e8e4;--color-paper:#fbfbf8;--color-workspace:#fafaf7;--color-sidebar:#f1f1ec;--color-canvas:#f8f8f4;--color-surface:#fff;--color-surface-muted:#f1f2ef;--color-surface-soft:#eef2ef;--color-surface-hover:#fafbf8;--color-primary:#416b5d;--color-primary-hover:#345a4d;--color-primary-contrast:#fff;--color-primary-text:#416a5c;--color-focus:#71998a;--color-danger:#a25142;--color-danger-soft:#f5e5e1;--color-overlay:#1c23206b;--color-canvas-dot:#d9dbd5;--color-edge:#b9c6bf;--color-edge-accent:#83a294;--color-edge-divorced:#b6aa98;--color-female-bg:#f0deda;--color-female-text:#925c51;--color-male-bg:#dce8ea;--color-male-text:#486f78;--color-other-bg:#e5e0ed;--color-other-text:#675b7d;--shadow-soft:0 5px 20px #27302c09;--shadow-raised:0 24px 70px #1a231f38;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-page:#111714;--color-ink:#e7ede9;--color-text-secondary:#b4beb8;--color-text-muted:#89958e;--color-border:#35413b;--color-border-subtle:#2c3732;--color-paper:#1a211e;--color-workspace:#171e1b;--color-sidebar:#151c19;--color-canvas:#171d1a;--color-surface:#202824;--color-surface-muted:#252e29;--color-surface-soft:#29342f;--color-surface-hover:#252e2a;--color-primary:#5f9a84;--color-primary-hover:#70aa94;--color-primary-contrast:#101814;--color-primary-text:#a9d9c7;--color-focus:#82b8a5;--color-danger:#e08b7d;--color-danger-soft:#3b2927;--color-overlay:#050907ad;--color-canvas-dot:#344039;--color-edge:#56665e;--color-edge-accent:#6e9583;--color-edge-divorced:#807565;--color-female-bg:#49312e;--color-female-text:#e5aaa0;--color-male-bg:#293f44;--color-male-text:#9bc9d2;--color-other-bg:#393244;--color-other-text:#c0afd9;--shadow-soft:0 5px 20px #00000029;--shadow-raised:0 16px 42px #0000004d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-page:#111714;--color-ink:#e7ede9;--color-text-secondary:#b4beb8;--color-text-muted:#89958e;--color-border:#35413b;--color-border-subtle:#2c3732;--color-paper:#1a211e;--color-workspace:#171e1b;--color-sidebar:#151c19;--color-canvas:#171d1a;--color-surface:#202824;--color-surface-muted:#252e29;--color-surface-soft:#29342f;--color-surface-hover:#252e2a;--color-primary:#5f9a84;--color-primary-hover:#70aa94;--color-primary-contrast:#101814;--color-primary-text:#a9d9c7;--color-focus:#82b8a5;--color-danger:#e08b7d;--color-danger-soft:#3b2927;--color-overlay:#050907ad;--color-canvas-dot:#344039;--color-edge:#56665e;--color-edge-accent:#6e9583;--color-edge-divorced:#807565;--color-female-bg:#49312e;--color-female-text:#e5aaa0;--color-male-bg:#293f44;--color-male-text:#9bc9d2;--color-other-bg:#393244;--color-other-text:#c0afd9;--shadow-soft:0 5px 20px #00000029;--shadow-raised:0 16px 42px #0000004d}}*,:before,:after{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.app-shell{background:var(--color-paper);grid-template-rows:minmax(0,1fr);grid-template-columns:276px minmax(0,1fr);height:100vh;display:grid}.app-shell.storage-loading{pointer-events:none}.workspace{background:var(--color-workspace);grid-template-rows:101px 55px minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative}.has-inspector .tree-canvas,.has-inspector .table-surface{margin-right:306px}.sidebar{background:var(--color-sidebar);border-right:1px solid var(--color-border);flex-direction:column;min-width:0;min-height:0;padding:29px 18px 22px;display:flex}.brand{color:var(--color-primary-text);cursor:pointer;width:max-content;letter-spacing:.18em;background:0 0;border:0;align-items:center;gap:11px;padding:0 8px;font-size:15px;font-weight:750;line-height:1;display:flex}.brand-mark{justify-content:center;align-items:end;width:25px;height:28px;display:inline-flex;position:relative}.brand-mark i{background:var(--color-primary);transform-origin:bottom;border-radius:2px;width:2px;height:19px;position:absolute;bottom:3px}.brand-mark i:first-child{height:15px;transform:rotate(-42deg)}.brand-mark i:last-child{height:15px;transform:rotate(42deg)}.brand-mark i:before{border:2px solid var(--color-primary);background:var(--color-sidebar);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:-5px;left:-4px}.sidebar-section{min-height:0;margin-top:47px}.section-heading{color:var(--color-text-muted);letter-spacing:.14em;justify-content:space-between;align-items:center;padding:0 8px 11px;font-size:10px;font-weight:750;display:flex}.icon-button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:21px;line-height:1}.tree-list{max-height:44vh;padding:2px;overflow:auto}.tree-link-wrap{border-radius:9px;grid-template-columns:minmax(0,1fr) 25px;align-items:center;display:grid;position:relative}.tree-link-wrap.active{background:var(--color-surface);box-shadow:0 1px #2227250f,0 5px 18px #2227250d}.tree-link-wrap:hover .tree-delete{opacity:1}.tree-link{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:11px 5px 11px 10px;display:grid}.tree-link strong,.tree-link small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.tree-link strong{font-size:13px;font-weight:650}.tree-link small{color:var(--color-text-muted);margin-top:3px;font-size:10px}.tree-glyph{color:var(--color-primary-text);font-size:21px}.tree-delete{color:var(--color-text-muted);cursor:pointer;width:23px;height:23px;opacity:0;background:0 0;border:0;border-radius:50%;margin-right:4px;padding:0;font-size:17px}.tree-delete:focus-visible{opacity:1}.tree-delete:hover{background:var(--color-danger-soft);color:var(--color-danger)}.new-tree-button{color:var(--color-primary-text);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;margin:14px 7px;padding:10px 9px;font-size:12px;font-weight:650;display:flex}.new-tree-button span{font-size:19px;font-weight:400}.sidebar-footer{border-top:1px solid var(--color-border);margin-top:auto;padding-top:15px}.sidebar-footer>button{color:var(--color-text-secondary);cursor:pointer;width:100%;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;padding:9px;font-size:12px;display:flex}.sidebar-footer>button:hover{background:var(--color-surface-muted);color:var(--color-primary-text)}.sidebar-footer>button span{width:16px;font-size:17px}.storage-setting{color:var(--color-text-secondary);gap:5px;margin:12px 8px 0;font-size:10px;font-weight:650;display:grid}.storage-setting select{border:1px solid var(--color-border);background:var(--color-surface);width:100%;height:31px;color:var(--color-primary-text);cursor:pointer;border-radius:6px;padding:0 8px;font-size:10px}.storage-setting select:disabled{cursor:wait;opacity:.65}.storage-setting small{color:var(--color-text-muted);font-size:8px;font-weight:400;line-height:1.4}.privacy-note{background:var(--color-surface-soft);color:var(--color-primary-text);border-radius:8px;gap:10px;margin-top:19px;padding:13px;display:flex}.privacy-note>span{border:1px solid var(--color-primary);border-radius:50%;flex:0 0 18px;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.privacy-note p{margin:0;font-size:9px;line-height:1.6}.privacy-note strong{color:var(--color-primary-text);font-size:10px;display:block}.topbar{border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;padding:20px 34px 16px;display:flex}.topbar h1{letter-spacing:-.035em;align-items:center;gap:7px;margin:4px 0 2px;font-size:23px;font-weight:680;line-height:1.25;display:flex}.topbar h1 button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:14px}.topbar p{color:var(--color-text-muted);margin:0;font-size:10px}.eyebrow{color:var(--color-text-muted);letter-spacing:.16em;font-size:9px;font-weight:750}.storage-status{align-items:center;gap:4px;display:flex}.storage-summary{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.drive-autosave-toggle{color:var(--color-text-muted);cursor:pointer;align-items:center;gap:4px;font-size:9px;display:flex}.drive-autosave-toggle input{width:12px;height:12px;accent-color:var(--color-primary);cursor:pointer;margin:0}.drive-autosave-toggle input:disabled{cursor:wait}.save-spinner{border:1.5px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:9px;height:9px;margin-left:1px;animation:.75s linear infinite save-spinner}@keyframes save-spinner{to{transform:rotate(360deg)}}.topbar-actions{align-items:center;gap:12px;display:flex}.compact-storage-picker{display:none}.language-picker select,.theme-picker select,.compact-storage-picker select{border:1px solid var(--color-border);background:var(--color-surface);max-width:112px;height:31px;color:var(--color-text-secondary);font:inherit;cursor:pointer;border-radius:6px;padding:0 24px 0 8px;font-size:10px}.mode-switch{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:8px;padding:3px;display:flex}.mode-switch button{color:var(--color-text-secondary);cursor:pointer;min-width:64px;background:0 0;border:0;border-radius:6px;padding:7px 13px;font-size:11px}.mode-switch button.active{background:var(--color-surface);color:var(--color-primary-text);font-weight:650;box-shadow:0 1px 4px #2227251f}.round-button{border:1px solid var(--color-border);background:var(--color-surface);width:34px;height:34px;color:var(--color-primary-text);cursor:pointer;border-radius:50%;font-size:17px}.canvas-toolbar{border-bottom:1px solid var(--color-border);background:var(--color-workspace);justify-content:space-between;align-items:center;padding:0 34px;display:flex}.view-tabs{align-self:stretch;gap:25px;display:flex}.view-tabs button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:11px;position:relative}.view-tabs button.active{color:var(--color-primary-text);font-weight:650}.view-tabs button.active:after{background:var(--color-primary);content:"";height:2px;position:absolute;bottom:0;left:0;right:0}.toolbar-end{align-items:center;gap:11px;display:flex}.add-person-button{border:1px solid var(--color-primary);background:var(--color-primary);height:31px;color:var(--color-primary-contrast);cursor:pointer;border-radius:7px;padding:0 14px;font-size:10px;font-weight:650}.add-person-button:hover{background:var(--color-primary-hover)}.arrange-tree-button{border:1px solid var(--color-border);background:var(--color-surface);height:31px;color:var(--color-primary-text);white-space:nowrap;cursor:pointer;border-radius:7px;padding:0 12px;font-size:10px;font-weight:650}.arrange-tree-button:hover{border-color:var(--color-primary);background:var(--color-surface-soft)}.zoom-controls{border:1px solid var(--color-border);background:var(--color-surface);border-radius:7px;align-items:center;display:flex;overflow:hidden}.zoom-controls button,.zoom-controls span{border:0;border-right:1px solid var(--color-border-subtle);background:0 0;place-items:center;height:28px;font-size:10px;display:grid}.zoom-controls button{cursor:pointer;min-width:30px}.zoom-controls button:last-child{min-width:85px;color:var(--color-text-secondary);border-right:0}.zoom-controls span{width:47px;color:var(--color-text-secondary)}.tree-canvas{overscroll-behavior:contain;touch-action:pan-x pan-y;background-color:var(--color-canvas);background-image:radial-gradient(var(--color-canvas-dot) .75px, transparent .75px);background-size:18px 18px;min-width:0;min-height:0;transition:margin .2s;position:relative;overflow:auto}.stage-scale{min-width:100%;min-height:100%;position:relative}.tree-stage{transform-origin:0 0;width:1100px;height:760px;position:absolute;top:0;left:0}.relationship-layer{pointer-events:none;width:1100px;height:760px;position:absolute;inset:0;overflow:visible}.relationship-layer text{fill:var(--color-text-muted);stroke:var(--color-canvas);stroke-width:6px;stroke-linejoin:round;letter-spacing:.08em;paint-order:stroke;font-size:8px;font-weight:700}.edge{fill:none;stroke:var(--color-edge);stroke-width:1.3px}.edge.married,.edge.partner{stroke:var(--color-edge-accent);stroke-width:1.5px}.edge.divorced{stroke:var(--color-edge-divorced);stroke-dasharray:4 4}.person-card{z-index:3;border:1px solid var(--color-border);background:var(--color-surface);width:208px;height:72px;box-shadow:var(--shadow-soft);-webkit-user-select:none;user-select:none;touch-action:none;border-radius:9px;align-items:center;gap:11px;padding:11px;transition:border-color .15s,box-shadow .15s;display:flex;position:absolute}.person-card:hover{border-color:var(--color-primary)}.person-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #567f7029,0 8px 25px #2a4b3e1c}.person-card.draggable{cursor:grab}.person-card.draggable:active{cursor:grabbing;box-shadow:0 12px 28px #2a4b3e29}.person-card h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:650;line-height:1.35;overflow:hidden}.person-card p{color:var(--color-text-muted);margin:2px 0 0;font-size:9px}.person-card .card-copy span{background:var(--color-surface-soft);color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;border-radius:3px;margin-top:5px;padding:2px 7px;font-size:7px;font-weight:750;display:inline-block}.person-card>button{color:var(--color-text-muted);cursor:pointer;letter-spacing:1px;background:0 0;border:0;align-self:flex-start;padding:0;font-size:9px}.card-copy{flex:1;min-width:0}.avatar,.inspector-avatar,.mini-avatar{border-radius:50%;place-items:center;font-weight:750;transition:background-position .12s ease-out,background-size .12s ease-out;display:grid;overflow:hidden}.person-card.female .avatar,.inspector-avatar.female,.mini-avatar.female{background:var(--color-female-bg);color:var(--color-female-text)}.person-card.male .avatar,.inspector-avatar.male,.mini-avatar.male{background:var(--color-male-bg);color:var(--color-male-text)}.person-card.other .avatar,.inspector-avatar.other,.mini-avatar.other{background:var(--color-other-bg);color:var(--color-other-text)}.avatar{flex:0 0 42px;width:42px;height:42px;font-size:10px}.canvas-help{z-index:6;width:max-content;color:var(--color-text-muted);pointer-events:none;align-items:center;gap:7px;font-size:9px;display:flex;position:sticky;bottom:18px;left:24px}.canvas-help span{border:1px solid var(--color-text-muted);border-radius:50%;place-items:center;width:15px;height:15px;font-size:9px;display:grid}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.empty-state h2{margin:6px 0;font-size:20px}.empty-state p{max-width:360px;color:var(--color-text-muted);margin:0 0 20px;font-size:12px;line-height:1.6}.empty-state button{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-primary-contrast);cursor:pointer;border-radius:7px;padding:10px 16px;font-size:11px;font-weight:650}.empty-tree-mark{width:80px;height:66px;margin-bottom:8px;position:relative}.empty-tree-mark i{background:var(--color-primary);transform-origin:bottom;width:2px;height:45px;position:absolute;bottom:10px;left:39px}.empty-tree-mark i:first-child{height:37px;transform:rotate(-46deg)}.empty-tree-mark i:last-child{height:37px;transform:rotate(46deg)}.empty-tree-mark i:before{border:2px solid var(--color-primary);background:var(--color-canvas);content:"";border-radius:50%;width:11px;height:11px;position:absolute;top:-9px;left:-6px}.table-surface{background:var(--color-canvas);min-width:0;min-height:0;padding:30px 32px;transition:margin .2s;overflow:auto}.table-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.table-heading h2{margin:0 0 5px;font-size:18px}.table-heading p{color:var(--color-text-muted);margin:0;font-size:10px}.table-heading-actions{gap:8px;display:flex}.table-heading-actions button{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-primary-contrast);white-space:nowrap;cursor:pointer;border-radius:7px;padding:8px 13px;font-size:10px}.table-heading-actions button.secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-primary-text)}.table-search{width:min(100%,320px);margin-bottom:12px;display:block}.table-search input{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-ink);border-radius:7px;padding:9px 11px;font-size:11px}.table-search input:focus{border-color:var(--color-focus);outline:2px solid #5276691f}.table-search input::placeholder{color:var(--color-text-muted)}.table-scroll{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-soft);border-radius:9px;overflow:auto}.table-surface table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1095px}.table-surface table th{border-right:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text-secondary);letter-spacing:.08em;text-align:left;text-transform:uppercase;padding:11px 10px;font-size:9px;font-weight:750}.table-surface table th:nth-child(2),.table-surface table th:nth-child(3),.table-surface table th:nth-child(4){width:135px}.table-surface table th:nth-child(5),.table-surface table th:nth-child(6){width:130px}.table-surface table th:nth-child(7){width:105px}.table-surface table th:nth-child(8){width:205px}.table-surface table th:last-child{width:40px}.table-surface table th:first-child,.table-surface table td:first-child{text-align:center;width:44px}.table-surface table td{border-right:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);height:48px;color:var(--color-text-secondary);padding:5px 8px;font-size:10px}.table-surface table td input,.table-surface table td select{width:100%;color:var(--color-ink);background:0 0;border:1px solid #0000;border-radius:5px;padding:7px 8px;font-size:10px}.table-surface table td input:not(:disabled):hover,.table-surface table td select:not(:disabled):hover{border-color:var(--color-border);background:var(--color-surface)}.table-surface table td input:not(:disabled):focus,.table-surface table td select:not(:disabled):focus{border-color:var(--color-focus);outline:2px solid #5276691f}.table-surface table td input:disabled,.table-surface table td select:disabled{opacity:1;cursor:default;-webkit-text-fill-color:var(--color-ink)}.table-surface table tbody tr:last-child td{border-bottom:0}.table-surface table tbody tr:hover{background:var(--color-surface-hover)}.relation-cell{text-overflow:ellipsis;white-space:nowrap;width:100%;color:var(--color-primary-text);text-align:left;cursor:pointer;background:0 0;border:0;padding:7px 8px;font-size:10px;overflow:hidden}.table-person-name{align-items:center;gap:6px;display:flex}.table-person-name input{min-width:0}.table-avatar{background:var(--color-other-bg);width:25px;height:25px;color:var(--color-other-text);border-radius:50%;flex:0 0 25px;place-items:center;font-size:6px;font-weight:750;display:grid;overflow:hidden}.table-avatar.female{background:var(--color-female-bg);color:var(--color-female-text)}.table-avatar.male{background:var(--color-male-bg);color:var(--color-male-text)}.table-avatar img{object-fit:cover;width:100%;height:100%}.row-more{color:var(--color-primary-text);cursor:pointer;width:25px;height:25px;background:0 0;border:0;border-radius:50%;padding:0;font-size:20px}.row-more:hover{background:var(--color-surface-soft)}.empty-row{color:var(--color-text-muted);padding:50px;text-align:center!important}.inspector{z-index:10;border-left:1px solid var(--color-border);background:var(--color-surface);width:306px;padding:30px 24px 24px;animation:.18s ease-out slide-in;position:absolute;top:156px;bottom:0;right:0;overflow-y:auto;box-shadow:-12px 0 28px #2b34300e}.inspector>h2{letter-spacing:-.025em;text-align:center;margin:0;font-size:19px}.inspector dl{border-top:1px solid var(--color-border-subtle);margin:0 0 18px}.inspector dl div{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;gap:20px;padding:10px 2px;font-size:10px;display:flex}.inspector dt{color:var(--color-text-muted)}.inspector dd{color:var(--color-ink);text-align:right;text-transform:capitalize;margin:0}@keyframes slide-in{0%{opacity:0;transform:translate(20px)}}.inspector-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;background:var(--color-surface-muted);width:28px;height:28px;border:0;border-radius:50%;padding:0;font-size:19px;position:absolute;top:13px;right:14px}.inspector-avatar{width:65px;height:65px;margin:4px auto 14px;font-size:15px}.primary-wide,.secondary-wide{cursor:pointer;border-radius:7px;width:100%;font-weight:650}.primary-wide{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-primary-contrast);padding:9px;font-size:10px}.photos-section{margin-top:24px}.photo-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.photo-grid article{aspect-ratio:1;background:var(--color-surface-muted);border:2px solid #0000;border-radius:8px;position:relative;overflow:hidden}.photo-grid article.is-avatar{border-color:var(--color-primary)}.photo-grid article.opens-gallery{cursor:zoom-in}.photo-grid article>img{object-fit:cover;width:100%;height:100%}.photo-grid article>span{background:var(--color-primary);color:var(--color-primary-contrast);letter-spacing:.06em;text-transform:uppercase;border-radius:3px;padding:3px 5px;font-size:6px;font-weight:750;position:absolute;top:4px;left:4px}.gallery-photo-button{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0}.gallery-photo-button img{object-fit:cover;width:100%;height:100%;transition:transform .15s ease-out}.gallery-photo-button:hover img,.gallery-photo-button:focus-visible img{transform:scale(1.06)}.gallery-photo-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.view-gallery-button{border:1px solid var(--color-border);background:var(--color-surface-muted);width:100%;color:var(--color-primary-text);cursor:pointer;border-radius:7px;margin-top:8px;padding:8px;font-size:9px;font-weight:650}.view-gallery-button:hover{border-color:var(--color-primary);background:var(--color-surface-soft)}.photo-lightbox{z-index:1000;color:#fff;background:#0f1312f5;outline:0;grid-template-rows:auto minmax(0,1fr) auto;padding:22px 26px 18px;animation:.16s ease-out lightbox-in;display:grid;position:fixed;inset:0}@keyframes lightbox-in{0%{opacity:0}}.lightbox-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.lightbox-header div{gap:3px;display:grid}.lightbox-header strong{font-size:15px}.lightbox-header span{color:#ffffffa6;font-size:10px}.lightbox-header button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;font-size:0;display:grid;position:relative}.lightbox-header button:before,.lightbox-header button:after{content:"";background:currentColor;border-radius:1px;width:14px;height:2px;position:absolute;top:50%;left:50%}.lightbox-header button:before{transform:translate(-50%,-50%)rotate(45deg)}.lightbox-header button:after{transform:translate(-50%,-50%)rotate(-45deg)}.lightbox-stage{place-items:center;min-height:0;padding:20px 66px;display:grid;position:relative;overflow:hidden}.lightbox-stage>img{object-fit:contain;object-position:center;border-radius:4px;width:100%;min-width:0;height:100%;min-height:0;animation:.16s ease-out gallery-photo-in;box-shadow:0 18px 60px #00000073}@keyframes gallery-photo-in{0%{opacity:.5;transform:scale(.985)}}.lightbox-nav{z-index:2;color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;font-size:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:before{content:"";border-top:2px solid;border-right:2px solid;width:11px;height:11px}.lightbox-nav:hover,.lightbox-nav:focus-visible{background:#ffffff29}.lightbox-nav.previous{left:5px}.lightbox-nav.previous:before{transform:rotate(-135deg)translate(-6px,-3px)}.lightbox-nav.next{right:5px}.lightbox-nav.next:before{transform:rotate(45deg)translate(3px,6px)}.lightbox-footer{justify-items:center;gap:10px;min-height:24px;display:grid}.lightbox-footer>span{color:#ffffffb8;text-overflow:ellipsis;white-space:nowrap;max-width:min(600px,85vw);font-size:9px;overflow:hidden}.lightbox-thumbnails{gap:7px;max-width:min(720px,90vw);padding:2px;display:flex;overflow-x:auto}.lightbox-thumbnails button{opacity:.6;cursor:pointer;background:#ffffff14;border:2px solid #0000;border-radius:6px;flex:0 0 48px;width:48px;height:48px;padding:0;overflow:hidden}.lightbox-thumbnails button.active{opacity:1;border-color:#fff}.lightbox-thumbnails img{object-fit:cover;width:100%;height:100%}@media (width<=600px){.photo-lightbox{padding:14px 12px 12px}.lightbox-stage{padding:15px 42px}.lightbox-nav{width:38px;height:38px;font-size:28px}}.photo-actions{justify-content:flex-end;gap:3px;display:flex;position:absolute;bottom:3px;left:3px;right:3px}.photo-actions button{color:#fff;cursor:pointer;background:#1c2723d6;border:0;border-radius:4px;min-width:0;padding:4px 5px;font-size:6px;font-weight:700}.photo-actions .remove-photo{background:#802d2de6;width:19px;padding:2px;font-size:12px}.avatar-crop-editor{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:8px;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:11px;margin-top:10px;padding:10px;display:grid}.avatar-crop-preview{border:2px solid var(--color-primary);background:var(--color-surface-soft);border-radius:50%;width:74px;height:74px;transition:background-position .12s ease-out,background-size .12s ease-out;overflow:hidden}.avatar-crop-controls{gap:5px;display:grid}.avatar-crop-controls strong{color:var(--color-text-secondary);font-size:8px}.avatar-crop-controls label{color:var(--color-text-muted);grid-template-columns:46px minmax(0,1fr);align-items:center;gap:5px;font-size:7px;display:grid}.avatar-crop-controls input[type=range]{width:100%;accent-color:var(--color-primary)}.avatar-crop-controls small{color:var(--color-text-muted);font-size:7px;line-height:1.35}.zoom-slider{grid-template-columns:minmax(0,1fr) 25px;align-items:center;gap:3px;display:grid}.zoom-slider output{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;text-align:right;font-size:7px}.upload-photos{border:1px dashed var(--color-primary);background:var(--color-surface-soft);color:var(--color-primary-text);text-align:center;cursor:pointer;border-radius:7px;margin-top:8px;padding:8px;font-size:9px;font-weight:650;display:block}.upload-photos input{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.no-photos,.photo-help{color:var(--color-text-muted);font-size:8px}.no-photos{margin:10px 0}.photo-help{margin:6px 2px 0;line-height:1.45}.secondary-wide{border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-primary-text);margin-top:7px;padding:8px;font-size:9px}.secondary-wide:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-surface-soft)}.secondary-wide:disabled{opacity:.5;cursor:not-allowed}.connections{margin-top:24px}.connections-title{align-items:center;gap:6px;margin-bottom:8px;display:flex}.connections-title h3{color:var(--color-text-secondary);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:9px;font-weight:750}.connections-title>span{background:var(--color-surface-soft);width:17px;height:17px;color:var(--color-text-secondary);border-radius:50%;place-items:center;font-size:8px;display:grid}.connection-row{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:3px;min-height:48px;padding:4px 0;display:grid}.connection-row>button:first-child{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:9px;min-width:0;padding:6px 0;display:flex}.connection-row>button span:last-child{min-width:0}.connection-row strong,.connection-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.connection-row strong{font-size:10px;font-weight:650}.connection-row small{color:var(--color-text-muted);text-transform:capitalize;margin-top:2px;font-size:8px}.connection-row select{border:1px solid var(--color-border);background:var(--color-surface-muted);width:72px;color:var(--color-text-secondary);border-radius:4px;padding:4px 2px;font-size:8px}.mini-avatar{flex:0 0 29px;width:29px;height:29px;font-size:7px}.connection-dates{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:6px;padding:1px 0 7px 38px;display:grid}.connection-dates label{color:var(--color-text-muted);gap:3px;font-size:7px;font-weight:650;display:grid}.connection-dates input{border:1px solid var(--color-border);background:var(--color-surface-muted);width:100%;min-width:0;height:26px;color:var(--color-text-secondary);border-radius:4px;padding:0 4px;font-size:8px}.remove-connection{color:var(--color-text-muted);cursor:pointer;width:21px;height:21px;background:0 0;border:0;border-radius:50%;padding:0}.remove-connection:hover{background:var(--color-danger-soft);color:var(--color-danger)}.no-connections{color:var(--color-text-muted);padding:14px 0;font-size:9px}.relative-actions{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:13px;display:grid}.relative-actions button{border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-primary-text);cursor:pointer;border-radius:6px;padding:7px 2px;font-size:8px;font-weight:650}.relative-actions button:hover{border-color:var(--color-primary);background:var(--color-surface-soft)}.danger-link{color:var(--color-danger);cursor:pointer;background:0 0;border:0;margin:25px auto 0;padding:5px;font-size:9px;display:block}.modal-backdrop{z-index:50;background:var(--color-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--color-border);background:var(--color-surface);width:min(520px,100%);box-shadow:var(--shadow-raised);border-radius:13px;padding:31px;animation:.16s ease-out modal-in;position:relative}.modal-card.small{width:min(430px,100%)}.modal-card h2{letter-spacing:-.025em;margin:8px 0 5px;font-size:22px}.modal-card>p{color:var(--color-text-muted);margin:0 0 23px;font-size:11px;line-height:1.55}.modal-card>label,.modal-card .field-grid label{color:var(--color-text-secondary);gap:6px;font-size:9px;font-weight:650;display:grid}.modal-card input,.modal-card select{border:1px solid var(--color-border);background:var(--color-surface);width:100%;height:39px;color:var(--color-ink);border-radius:7px;padding:0 11px;font-size:11px}.modal-card input:focus,.modal-card select:focus{border-color:var(--color-focus);outline:3px solid #4971621f}@keyframes modal-in{0%{opacity:0;transform:translateY(9px)scale(.985)}}.modal-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;background:var(--color-surface-muted);width:28px;height:28px;border:0;border-radius:50%;padding:0;font-size:19px;position:absolute;top:15px;right:15px}.modal-eyebrow{color:var(--color-primary-text);letter-spacing:.14em;font-size:9px;font-weight:750}.welcome-modal{width:min(570px,100%);padding:38px}.welcome-modal h2{margin-top:11px;font-size:clamp(25px,4vw,32px)}.welcome-modal>.welcome-intro{max-width:440px;margin:0 0 26px;font-size:13px;line-height:1.65}.welcome-mark{background:var(--color-surface-muted);border-radius:15px;width:52px;height:58px;margin-bottom:22px;position:relative}.welcome-mark i{background:var(--color-primary);transform-origin:bottom;border-radius:3px;width:3px;height:27px;position:absolute;bottom:12px;left:25px}.welcome-mark i:first-child{height:22px;transform:rotate(-42deg)}.welcome-mark i:last-child{height:22px;transform:rotate(42deg)}.welcome-mark i:before{border:2px solid var(--color-primary);background:var(--color-surface-muted);content:"";border-radius:50%;width:9px;height:9px;position:absolute;top:-7px;left:-5px}.welcome-links{border:1px solid var(--color-border-subtle);background:var(--color-surface-muted);border-radius:10px;gap:9px;padding:18px;display:grid}.welcome-links p{color:var(--color-text-secondary);margin:0;font-size:11px;line-height:1.6}.welcome-links a{color:var(--color-primary-text);text-underline-offset:2px;font-weight:700}.welcome-actions{justify-content:flex-start}.welcome-actions button{min-width:125px}.field-grid{grid-template-columns:1fr 1fr;gap:16px 13px;display:grid}.bulk-people-modal{width:min(700px,100%);max-height:calc(100dvh - 40px);overflow-y:auto}.bulk-people-layout{grid-template-columns:minmax(0,1fr) 205px;align-items:stretch;gap:16px;display:grid}.bulk-people-layout>label{color:var(--color-text-secondary);gap:6px;font-size:9px;font-weight:650;display:grid}.bulk-people-layout textarea{resize:vertical;border:1px solid var(--color-border);background:var(--color-surface);width:100%;min-height:220px;color:var(--color-ink);font:inherit;border-radius:7px;padding:11px;font-size:11px;line-height:1.55}.bulk-people-layout textarea:focus{border-color:var(--color-focus);outline:3px solid #4971621f}.bulk-people-guide{border:1px solid var(--color-border-subtle);background:var(--color-surface-muted);border-radius:8px;padding:14px}.bulk-people-guide strong{color:var(--color-primary-text);font-size:10px}.bulk-people-guide p{color:var(--color-text-muted);margin:7px 0 14px;font-size:9px;line-height:1.55}.bulk-people-guide pre{background:var(--color-surface);color:var(--color-text-secondary);border-radius:6px;margin:0;padding:10px;font:9px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}@media (width<=600px){.welcome-modal{padding:29px 23px 23px}.bulk-people-layout{grid-template-columns:1fr}.bulk-people-guide{padding:11px}}.connection-fields{margin-top:4px}.connection-people-field{border:0;min-width:0;margin:0;padding:0}.connection-people-field legend{color:var(--color-text-secondary);margin-bottom:6px;font-size:9px;font-weight:650}.connection-person-list{border:1px solid var(--color-border);background:var(--color-surface);border-radius:7px;max-height:190px;display:grid;overflow-y:auto}.connection-person-search{margin-bottom:7px;display:block!important}.connection-person-search input{padding-right:30px}.connection-no-results{color:var(--color-text-muted);text-align:center;margin:0;padding:18px 11px;font-size:10px}.connection-person-option{cursor:pointer;align-items:center;min-height:39px;padding:8px 11px;color:var(--color-ink)!important;flex-direction:row!important;gap:9px!important;font-size:11px!important;font-weight:500!important;display:flex!important}.connection-person-option+.connection-person-option{border-top:1px solid var(--color-border-subtle)}.connection-person-option:hover{background:var(--color-surface-muted)}.connection-person-option input{width:15px;height:15px;accent-color:var(--color-primary);flex:none;margin:0}.form-note{color:var(--color-text-muted)!important;margin:12px 0 0!important;font-size:9px!important}.full-field{grid-column:1/-1}.modal-actions{border-top:1px solid var(--color-border-subtle);justify-content:flex-end;gap:8px;margin-top:27px;padding-top:18px;display:flex}.modal-actions button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;border-radius:7px;padding:9px 14px;font-size:10px;font-weight:650}.modal-actions button.primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-contrast)}.modal-actions button.danger{color:#fff;background:#a95547;border-color:#a95547}.modal-actions button:disabled{opacity:.45;cursor:not-allowed}.delete-modal{text-align:center}.warning-mark{background:var(--color-danger-soft);width:44px;height:44px;color:var(--color-danger);border-radius:50%;place-items:center;margin:0 auto 12px;font-size:22px;font-weight:750;display:grid}.toast{z-index:80;color:#fff;background:#2f4e43;border:1px solid #4d6e62;border-radius:8px;align-items:center;gap:8px;padding:10px 15px;font-size:10px;display:flex;position:fixed;bottom:27px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #23352e3d}.toast span{border:1px solid #ffffff8c;border-radius:50%;place-items:center;width:16px;height:16px;font-size:8px;display:grid}.toast-enter-active,.toast-leave-active{transition:all .18s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,8px)}@media (width<=1050px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding-inline:10px}.brand{justify-content:center;width:100%;padding:0}.brand>span:last-child,.section-heading span,.tree-link>span:not(.tree-glyph),.sidebar-footer,.new-tree-button,.tree-delete{display:none}.section-heading{justify-content:center}.tree-link-wrap{display:block}.tree-link{grid-template-columns:1fr;justify-items:center;padding:11px}.tree-list{overflow:visible}.compact-storage-picker{display:block}}@media (width<=780px){html,body{overscroll-behavior-y:none;height:100%;overflow:hidden}#app{height:100%}.app-shell{grid-template-rows:auto;grid-template-columns:1fr;height:100dvh;min-height:0;overflow:hidden}.sidebar{display:none}.workspace{grid-template-rows:auto 52px minmax(0,1fr);height:100dvh;min-height:0}.topbar{flex-wrap:wrap;gap:12px;padding:17px 18px}.topbar h1{text-overflow:ellipsis;white-space:nowrap;max-width:75vw;font-size:17px;overflow:hidden}.topbar-actions{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:flex-end;width:100%;display:grid}.mode-switch{grid-column:1/-1;justify-self:end}.language-picker select,.theme-picker select,.compact-storage-picker select{width:100%;max-width:none}.round-button{display:none}.canvas-toolbar{padding:0 17px}.zoom-controls button:last-child{display:none}.has-inspector .tree-canvas,.has-inspector .table-surface{margin-right:0}.inspector{border:0;border-radius:18px 18px 0 0;width:100%;max-height:78vh;position:fixed;inset:auto 0 0;box-shadow:0 -12px 40px #1e282333}.table-surface{padding:24px 17px}}@media (width<=520px){.topbar-actions{gap:5px}.mode-switch button{min-width:50px;padding-inline:9px}.add-person-button{padding-inline:9px}.zoom-controls{display:none}.modal-card{padding:27px 21px 22px}.field-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.table-heading{gap:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}