*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{color:#2b2721;background:#f7f6f3;font-family:system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:dark){body{color:#ece7de;background:#1c1a17}}.import-screen{text-align:center;color:#2b2721;max-width:560px;margin:10vh auto 0;padding:0 20px;font-family:system-ui,sans-serif}.import-screen h1{margin-bottom:4px}.subtitle{color:#6b6559;margin-bottom:28px}.dropzone{cursor:pointer;color:#6b6559;border:2px dashed #b8ae9f;border-radius:10px;padding:48px 20px;transition:border-color .15s,background .15s}.dropzone.drag-over{background:#fbf4ea;border-color:#d1893e}.media-checkbox{cursor:pointer;align-items:center;gap:8px;margin-top:20px;display:inline-flex}.hint{color:#8c8577;margin-top:4px;font-size:12px}.error{color:#b3392c;margin-top:16px}@media (prefers-color-scheme:dark){.import-screen{color:#ece7de}.subtitle,.hint{color:#a9a295}.dropzone{color:#a9a295;border-color:#4a453d}.dropzone.drag-over{background:#2a2723;border-color:#d1893e}}.tree-viewport{background:var(--tree-bg,#f7f6f3);width:100%;height:100%;position:relative;overflow:hidden}.tree-svg{cursor:grab;touch-action:none;display:block}.tree-svg:active{cursor:grabbing}.tree-reset-btn{z-index:2;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;padding:6px 12px;font-size:13px;position:absolute;top:10px;right:10px}.edge{fill:none;stroke:#b0a99c;stroke-width:1.5px}.person-node{cursor:pointer}.node-box{fill:#fff;stroke:#ded6c7;stroke-width:1px;filter:drop-shadow(0 1px 2px #3c321e1f)}.person-node.is-root .node-box{stroke-width:2.5px;stroke:#d1893e}.person-node.duplicate .node-box{stroke-dasharray:4 3;opacity:.7}.avatar-bg.sex-m{fill:#7091a8}.avatar-bg.sex-f{fill:#c1795a}.avatar-bg.sex-u{fill:#a39c8e}.avatar-head,.avatar-shoulders{fill:#fff;opacity:.92}.person-node text{fill:#2b2721;pointer-events:none;font-family:system-ui,sans-serif}.node-name{font-weight:600}.node-years{fill:#6b6559}.generation-label{fill:#8c8577;letter-spacing:.02em;pointer-events:none;font-family:system-ui,sans-serif;font-size:12px;font-weight:600}.generation-label-bg{fill:var(--tree-bg,#f7f6f3);pointer-events:none}.generation-label-arrow{fill:#8c8577;pointer-events:none}@media (prefers-color-scheme:dark){.tree-viewport{background:#1c1a17}.generation-label-bg{fill:#1c1a17}.generation-label-arrow{fill:#a9a295}.node-box{fill:#2a2723;stroke:#4a453d;filter:drop-shadow(0 1px 2px #0006)}.person-node text{fill:#ece7de}.node-years,.generation-label{fill:#a9a295}.edge{stroke:#6b6459}.tree-reset-btn{color:#ece7de;background:#2a2723;border-color:#4a453d}}.root-search{align-items:center;gap:6px;display:flex;position:relative}.root-search input{width:220px}.root-search-results{z-index:10;background:#fff;border:1px solid #cfc7b8;border-radius:8px;width:260px;max-height:320px;margin-top:4px;margin-left:0;padding:4px;font-size:13px;list-style:none;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 6px 18px #0000001f}.root-search-results li{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:5px;padding:6px 8px;overflow:hidden}.root-search-results li.highlighted{background:#f2efe8}.root-search-results li.current{font-weight:600}.root-search-years{color:#8c8577;font-weight:400}.root-search-empty,.root-search-more{color:#8c8577;cursor:default;font-style:italic}@media (prefers-color-scheme:dark){.root-search-results{color:#ece7de;background:#2a2723;border-color:#4a453d}.root-search-results li.highlighted{background:#35312a}.root-search-years,.root-search-empty,.root-search-more{color:#a9a295}}.toolbar{z-index:3;background:#fff;border-bottom:1px solid #e2ddd2;flex-wrap:wrap;align-items:center;gap:16px;padding:10px 14px;font-family:system-ui,sans-serif;font-size:13px;display:flex;position:relative}.toolbar-group{align-items:center;gap:6px;display:flex}.toolbar-label{color:#6b6559}.toolbar button,.toolbar select,.toolbar input{cursor:pointer;background:#fff;border:1px solid #cfc7b8;border-radius:6px;padding:5px 9px;font-size:13px}.toolbar button:hover{background:#f2efe8}.hash-warning{color:#a3691c;flex-basis:100%;margin:0;font-size:12px}.pdf-panel{background:#fff;border:1px solid #cfc7b8;border-radius:8px;flex-direction:column;gap:10px;width:280px;padding:14px;display:flex;position:absolute;top:100%;right:14px;box-shadow:0 6px 18px #0000001f}.pdf-row{gap:10px;display:flex}.pdf-row label{color:#6b6559;flex-direction:column;flex:1;gap:4px;font-size:12px;display:flex}.pdf-preview{margin:0;font-size:12px}.menu-panel{background:#fff;border:1px solid #cfc7b8;border-radius:8px;flex-direction:column;gap:4px;width:240px;padding:10px;display:flex;position:absolute;top:100%;box-shadow:0 6px 18px #0000001f}.view-menu{left:240px}.export-menu{width:200px;left:490px}.menu-action{text-align:left;width:100%;background:0 0!important;border:none!important}.menu-action:hover{background:#f2efe8!important}.menu-separator{border:none;border-top:1px solid #e2ddd2;margin:4px 0}.menu-item{cursor:pointer;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px;display:flex}.menu-item:hover{background:#f2efe8}.menu-item-hint{color:#8c8577;flex-basis:100%;margin-left:22px;font-size:11px}@media (prefers-color-scheme:dark){.toolbar{color:#ece7de;background:#211f1b;border-color:#3a362f}.toolbar-label{color:#a9a295}.toolbar button,.toolbar select,.toolbar input{color:#ece7de;background:#2a2723;border-color:#4a453d}.toolbar button:hover{background:#35312a}.pdf-panel,.menu-panel{background:#2a2723;border-color:#4a453d}.pdf-row label{color:#a9a295}.menu-item:hover{background:#35312a}.menu-item-hint{color:#a9a295}.menu-action:hover{background:#35312a!important}.menu-separator{border-top-color:#4a453d}}.viewer{flex-direction:column;width:100vw;height:100vh;display:flex}.viewer-canvas{flex:1;min-height:0}