:root{--bg: #f4f4f1;--bg-grid: #e2e1db;--surface: #ffffff;--surface-2: #fafaf8;--surface-sunken: #efeeea;--border: #dcdad3;--border-strong: #c4c1b8;--text: #1b1a18;--text-muted: #6d6a63;--text-faint: #94918a;--accent: #3d6b5c;--accent-soft: #e6efeb;--accent-text: #ffffff;--danger: #a63d33;--node-bg: #ffffff;--node-border: #dcdad3;--node-empty-bg: #eeedea;--node-empty-border: #d2cfc7;--node-selected: #3d6b5c;--node-highlight: #c9862b;--paternal: #5c84ab;--maternal: #b0708c;--map-sea: #e8eef2;--map-land: #e3e0d6;--map-coast: #c6c2b6;--connector: #c6c3bb;--shadow-sm: 0 1px 2px rgb(28 26 24 / 8%);--shadow-md: 0 4px 16px rgb(28 26 24 / 10%);--shadow-lg: 0 12px 40px rgb(28 26 24 / 16%);--radius: 10px;--radius-lg: 16px;--panel-width: 380px;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #131417;--bg-grid: #1e2025;--surface: #1c1e23;--surface-2: #22252b;--surface-sunken: #17181c;--border: #2f333b;--border-strong: #434854;--text: #f0efec;--text-muted: #a2a099;--text-faint: #75736d;--accent: #6fae98;--accent-soft: #21322c;--accent-text: #10221c;--danger: #dd7b6e;--node-bg: #22252b;--node-border: #343842;--node-empty-bg: #1a1c21;--node-empty-border: #2c2f37;--node-selected: #6fae98;--node-highlight: #dca64e;--paternal: #6e9ac4;--maternal: #c4869f;--connector: #444953;--map-sea: #14181d;--map-land: #2a2e35;--map-coast: #3c424c;--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--shadow-md: 0 4px 16px rgb(0 0 0 / 45%);--shadow-lg: 0 12px 40px rgb(0 0 0 / 55%)}}:root[data-theme=dark]{--bg: #131417;--bg-grid: #1e2025;--surface: #1c1e23;--surface-2: #22252b;--surface-sunken: #17181c;--border: #2f333b;--border-strong: #434854;--text: #f0efec;--text-muted: #a2a099;--text-faint: #75736d;--accent: #6fae98;--accent-soft: #21322c;--accent-text: #10221c;--danger: #dd7b6e;--node-bg: #22252b;--node-border: #343842;--node-empty-bg: #1a1c21;--node-empty-border: #2c2f37;--node-selected: #6fae98;--node-highlight: #dca64e;--paternal: #6e9ac4;--maternal: #c4869f;--connector: #444953;--map-sea: #14181d;--map-land: #2a2e35;--map-coast: #3c424c;--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--shadow-md: 0 4px 16px rgb(0 0 0 / 45%);--shadow-lg: 0 12px 40px rgb(0 0 0 / 55%)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-60px;left:8px;z-index:100;padding:8px 14px;background:var(--accent);color:var(--accent-text);border-radius:var(--radius);text-decoration:none;transition:top .15s}.skip-link:focus{top:8px}:where(button,input,select,a,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}button{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;cursor:pointer;transition:background .12s,border-color .12s}button:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--border))}button.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.icon-button{padding:4px 8px;line-height:1;background:transparent;border-color:transparent}.icon-button:hover:not(:disabled){background:var(--surface-sunken)}input,select{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:7px 10px;min-width:0;font-size:max(1rem,16px)}input[type=range]{padding:0;border:0;background:transparent;accent-color:var(--accent)}input[type=checkbox]{min-width:auto;accent-color:var(--accent)}h2{font-size:1.05rem;margin:0}h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:18px 0 8px}.app{display:flex;flex-direction:column;height:100%}.workspace{position:relative;flex:1;min-height:0}.loading,.catalog-loading{position:absolute;inset-block-start:16px;inset-inline-start:50%;transform:translate(-50%);padding:8px 16px;background:var(--surface);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-sm);color:var(--text-muted);font-size:.85rem}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border);z-index:20}.toolbar-brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.brand-mark{inline-size:22px;block-size:22px;flex:none;border-radius:6px;background:linear-gradient(140deg,var(--paternal),var(--maternal))}.tree-name{font-weight:600;border-color:transparent;background:transparent;max-inline-size:260px;flex:1 1 auto}.tree-name:hover,.tree-name:focus{border-color:var(--border);background:var(--surface-2)}.save-state{font-size:.78rem;color:var(--text-faint);white-space:nowrap}.save-state.is-error{color:var(--danger)}.toolbar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.toolbar-error{flex-basis:100%;display:flex;align-items:center;gap:10px;margin:0;padding:8px 12px;background:color-mix(in srgb,var(--danger) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--danger) 35%,var(--border));border-radius:var(--radius);color:var(--danger);font-size:.85rem}.menu{position:relative}.menu-popover{position:absolute;inset-inline-end:0;inset-block-start:calc(100% + 6px);z-index:40;display:flex;flex-direction:column;min-inline-size:220px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.menu-popover button{text-align:start;border-color:transparent;background:transparent}.menu-popover hr{border:0;border-top:1px solid var(--border);margin:5px 2px}.canvas{position:absolute;inset:0;overflow:hidden;background-color:var(--bg);background-image:radial-gradient(var(--bg-grid) 1px,transparent 1px);background-size:22px 22px;touch-action:none;cursor:grab}.canvas:active{cursor:grabbing}.canvas-svg{display:block}.connector{fill:none;stroke:var(--connector);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.connector.is-paternal{stroke:var(--paternal);opacity:.75}.connector.is-maternal{stroke:var(--maternal);opacity:.75}.connector.is-dimmed{opacity:.12}.connector.is-highlighted{opacity:1;stroke-width:2.4}.node{cursor:pointer}.node-card{fill:var(--node-bg)}.node.is-empty .node-card{fill:var(--node-empty-bg);opacity:.55}.node-border{fill:none;stroke:var(--node-border);stroke-width:1.25;vector-effect:non-scaling-stroke}.node.is-empty .node-border{stroke:var(--node-empty-border);stroke-dasharray:3 4;stroke-width:1;opacity:.75}.node.is-root .node-border{stroke:var(--accent);stroke-width:2.5}.node.is-selected .node-border{stroke:var(--node-selected);stroke-width:3}.node.is-highlighted .node-border{stroke:var(--node-highlight);stroke-width:3}.node.is-dimmed{opacity:.2}.node:hover .node-border{stroke:var(--border-strong);stroke-width:2}.node:focus-visible{outline:none}.node:focus-visible .node-border{stroke:var(--accent);stroke-width:3.5}.node-placeholder{fill:var(--text-faint);font-size:18px;font-weight:300;opacity:.8;pointer-events:none}.node-placeholder.is-add{opacity:0}.node:hover .node-placeholder,.node:focus-visible .node-placeholder{opacity:0}.node:hover .node-placeholder.is-add,.node:focus-visible .node-placeholder.is-add{opacity:.9}.flag-missing{fill:var(--surface-sunken)}.flag-divider{stroke:var(--bg);stroke-width:1.5;opacity:.55}.node-label{fill:var(--text);font-size:11px;paint-order:stroke;stroke:var(--bg);stroke-width:3px;stroke-linejoin:round;pointer-events:none}.node-caption{fill:var(--text-faint);font-size:9.5px}.node-label.is-person{font-weight:600}.node-label.is-birthPlace{fill:var(--text-muted);font-size:10px}.node-generation{fill:var(--text);font-size:9px;font-weight:600;paint-order:stroke;stroke:var(--node-bg);stroke-width:2.5px;stroke-linejoin:round;pointer-events:none}.flag-fallback{fill:var(--text-muted)}.flag-empty-mark{stroke:var(--border-strong);stroke-width:1;stroke-linecap:round}.mark-disc{fill:var(--node-bg)}.mark-ring{fill:none;stroke:var(--border-strong);stroke-width:1;opacity:.65}.mark-fill{fill:var(--text)}.mark-stroke{fill:none;stroke:var(--text);stroke-linecap:round;stroke-linejoin:round}.mark-fill.is-inverted{fill:var(--node-bg)}.mark-stroke.is-inverted{stroke:var(--node-bg)}.mark-glyph{font-family:inherit;font-weight:600}.node.is-dimmed .mark-badge{opacity:.9}.node-dot{fill:var(--accent);opacity:.75}.node-dot.is-empty{fill:var(--border-strong);opacity:.35}.node-dot.is-dimmed{opacity:.1}.node-dot.is-highlighted{fill:var(--node-highlight);opacity:1}.aggregate-row{fill:var(--surface-sunken);stroke:var(--border);stroke-width:1}.aggregate-label{fill:var(--text-muted);font-size:12px}.zoom-controls{position:absolute;inset-block-end:16px;inset-inline-start:16px;z-index:15;display:flex;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.zoom-controls button{min-inline-size:38px;min-block-size:38px;border-color:transparent;background:transparent}.zoom-controls button.wide{min-inline-size:auto;padding-inline:12px;font-size:.85rem}.panel{position:absolute;inset-block:0;inset-inline-end:0;z-index:18;inline-size:var(--panel-width);max-inline-size:100%;padding:16px 18px 32px;overflow-y:auto;overscroll-behavior:contain;background:var(--surface);border-inline-start:1px solid var(--border);box-shadow:var(--shadow-lg)}.panel:focus{outline:none}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-block-end:8px}.panel-subtitle{margin:3px 0 0;font-size:.82rem;color:var(--text-muted)}.panel-section{margin-block-start:4px}.panel-actions{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:24px;padding-block-start:16px;border-block-start:1px solid var(--border)}.lineage{margin:0 0 12px;padding:7px 10px;background:var(--surface-sunken);border-radius:var(--radius);font-size:.78rem;color:var(--text-muted)}.field-label{display:block;margin-block:12px 6px;font-size:.82rem;font-weight:600}.field-hint{margin:4px 0 10px;font-size:.78rem;color:var(--text-faint)}.notice{margin:8px 0;padding:8px 11px;background:var(--surface-sunken);border-radius:var(--radius);font-size:.82rem;color:var(--text-muted)}.form-error{margin:8px 0;color:var(--danger);font-size:.85rem}.checkbox{display:flex;align-items:center;gap:8px;margin-block:8px;font-size:.88rem;cursor:pointer}.slider{display:block;margin-block:10px;font-size:.85rem}.slider span{display:flex;justify-content:space-between;margin-block-end:4px;color:var(--text-muted)}.slider b{color:var(--text);font-variant-numeric:tabular-nums}.slider input{inline-size:100%}.segmented{display:flex;flex-wrap:wrap;gap:4px;margin-block-end:10px}.segmented button{flex:1 1 auto;font-size:.8rem}.external-search{display:flex;gap:6px;margin-block:8px}.external-search input{flex:1 1 auto;min-inline-size:0}.external-results{list-style:none;margin:6px 0;padding:0;max-block-size:14rem;overflow-y:auto}.external-results button{inline-size:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:start;margin-block-end:4px}.external-name{font-weight:600}.external-description{color:var(--text-muted);font-size:.74rem}.external-linked{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-block:8px;font-variant-numeric:tabular-nums}.stepper{display:flex;align-items:center;gap:10px;margin-block:8px}.stepper-value{flex:1 1 auto;text-align:center;font-size:.9rem;font-variant-numeric:tabular-nums}.mark-list{list-style:none;margin:10px 0;padding:0}.mark-row{display:flex;align-items:center;gap:9px;padding:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);margin-block-end:6px}.mark-text{display:flex;flex-direction:column;min-inline-size:0;flex:1}.mark-name{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mark-meta{font-size:.74rem;color:var(--text-faint)}.corner-select{flex:none;max-inline-size:9.5rem;font-size:.78rem}.mark-icon{flex:none;display:block}.mark-picker{margin-block-start:10px}.mark-group h4{font-size:.78rem;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin:12px 0 6px}.mark-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px}.mark-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;text-align:center;font-size:.7rem;line-height:1.25;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text)}.mark-option:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface)}.mark-option:disabled{opacity:.4;cursor:default}.mark-option .mark-fill{fill:var(--text)}.mark-option .mark-stroke{stroke:var(--text)}.mark-option .mark-fill.is-inverted{fill:var(--surface-2)}.mark-option .mark-stroke.is-inverted{stroke:var(--surface-2)}.mark-create{inline-size:100%;margin-block-start:10px;text-align:start;font-size:.83rem}.mark-preview{display:flex;align-items:center;gap:10px;margin-block:10px;font-size:.8rem;color:var(--text-faint)}.details-section>summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.86rem;font-weight:600;padding-block:4px;list-style-position:inside}.details-section>summary::-webkit-details-marker{color:var(--text-faint)}.details-section[open]>summary{margin-block-end:6px}.details-section .badge{font-variant-numeric:tabular-nums}.details-section textarea{inline-size:100%;resize:vertical;font:inherit}.details-clear{margin-block-start:10px;font-size:.8rem}.account-modal{max-inline-size:34rem;max-block-size:min(86vh,46rem);overflow-y:auto}.location-list{list-style:none;margin:10px 0;padding:0;counter-reset:none}.location-row{display:flex;align-items:center;gap:9px;padding:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);margin-block-end:6px}.location-index{inline-size:18px;flex:none;text-align:center;font-size:.75rem;color:var(--text-faint);font-variant-numeric:tabular-nums}.location-text{display:flex;flex-direction:column;min-inline-size:0;flex:1}.location-name{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-meta{font-size:.74rem;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-actions{display:flex;gap:1px;flex:none}.flag{flex:none;object-fit:contain;border:1px solid var(--border);border-radius:2px;background:var(--surface)}.flag-fallback{display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;line-height:1}.flag-picker{margin:0 0 8px 27px;padding:6px;background:var(--surface-sunken);border-radius:var(--radius)}.flag-picker ul{list-style:none;margin:0;padding:0}.flag-picker button{display:flex;align-items:center;gap:8px;inline-size:100%;text-align:start;background:transparent;border-color:transparent;margin-block-end:2px}.flag-picker button.is-selected{background:var(--accent-soft);border-color:var(--accent)}.flag-option-text{display:flex;flex-direction:column;min-inline-size:0}.flag-option-text>span:first-child{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flag-option-meta{font-size:.72rem;color:var(--text-faint)}.flag-option-empty{padding:6px;font-size:.82rem;color:var(--text-faint)}.flag-preview{display:flex;align-items:center;gap:8px;margin-block:6px;font-size:.82rem;color:var(--text-muted)}.location-search{position:relative}.search-input{inline-size:100%}.search-results{position:absolute;inset-inline:0;inset-block-start:calc(100% + 4px);z-index:30;max-block-size:min(420px,55vh);overflow-y:auto;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.search-count,.search-empty{margin:0;padding:8px 12px;font-size:.76rem;color:var(--text-faint)}.search-results ul{list-style:none;margin:0;padding:0 4px 4px}.search-results li{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--radius);cursor:pointer}.search-results li.is-active{background:var(--accent-soft)}.result-text{display:flex;flex-direction:column;min-inline-size:0}.result-name{display:flex;align-items:center;gap:6px;font-size:.9rem}.result-meta{font-size:.75rem;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{padding:1px 6px;background:var(--surface-sunken);border:1px solid var(--border);border-radius:999px;font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.search-create{inline-size:calc(100% - 8px);margin:4px;text-align:start;font-size:.83rem}.custom-form{margin-block-start:10px;padding:12px;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-lg)}.custom-form h3{margin-block-start:0}.custom-form label{display:block;margin-block:10px 4px;font-size:.82rem;font-weight:600}.custom-form label.checkbox{font-weight:400}.custom-form input:not([type=checkbox]),.custom-form select{inline-size:100%}.chosen-parent{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:.85rem}.chosen-parent span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-actions{display:flex;gap:8px;margin-block-start:16px}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 0}.stat-grid>div{padding:10px 12px;background:var(--surface-sunken);border-radius:var(--radius)}.stat-grid dt{font-size:.74rem;color:var(--text-muted)}.stat-grid dd{margin:2px 0 0;font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums}.tally-list{list-style:none;margin:0;padding:0}.tally-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 0;border-block-end:1px solid var(--border)}.tally-name{grid-column:2;display:flex;flex-direction:column;min-inline-size:0;font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tally-meta{font-size:.72rem;color:var(--text-faint)}.tally-bar{grid-column:2;grid-row:2;block-size:3px;border-radius:999px;background:var(--accent);opacity:.55}.tally-count{grid-column:3;font-size:.82rem;font-variant-numeric:tabular-nums;color:var(--text-muted)}.tally-list li.is-unknown{border-block-end:none}.tally-list li.is-unknown .tally-name{grid-column:1 / 3;color:var(--text-faint)}.filter-active{display:flex;align-items:center;gap:8px;margin-block-start:10px;padding:8px 10px;background:var(--accent-soft);border-radius:var(--radius);font-size:.85rem}.filter-active span{flex:1}.generation-list{list-style:none;margin:8px 0 0;padding:0}.generation-list button{display:flex;justify-content:space-between;align-items:baseline;gap:10px;inline-size:100%;margin-block-end:4px;text-align:start}.generation-count{font-size:.75rem;color:var(--text-faint);font-variant-numeric:tabular-nums}.shared-banner{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:9px 16px;background:var(--accent-soft);border-block-end:1px solid var(--border);font-size:.87rem;z-index:19}.shared-banner span{flex:1;min-inline-size:180px}.share-link{display:flex;gap:6px}.share-link input{flex:1;min-inline-size:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:#00000073}.modal{inline-size:min(460px,100%);max-block-size:90vh;overflow-y:auto;padding:22px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.modal label{display:block;margin-block:14px 5px;font-size:.82rem;font-weight:600}.modal input{inline-size:100%}.preset-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}@media (max-width: 780px){:root{--panel-width: 100%}.toolbar{padding:8px 10px;gap:8px}.toolbar-actions{inline-size:100%;overflow-x:auto;flex-wrap:nowrap;padding-block-end:2px;-webkit-overflow-scrolling:touch}.toolbar-actions button,.toolbar-actions select{flex:none;padding:6px 10px;font-size:.85rem;white-space:nowrap}.toolbar-brand{inline-size:100%}.tree-name{max-inline-size:none}.panel{inset-block-start:auto;inset-block-end:0;inline-size:100%;max-block-size:72vh;border-inline-start:0;border-block-start:1px solid var(--border);border-start-start-radius:var(--radius-lg);border-start-end-radius:var(--radius-lg);padding-block-end:max(32px,env(safe-area-inset-bottom))}.zoom-controls{inset-block-end:max(12px,env(safe-area-inset-bottom));inset-inline-start:12px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.map-overlay{position:fixed;inset:0;z-index:70;display:grid;grid-template-rows:auto 1fr auto;background:var(--bg)}.map-header{display:flex;align-items:baseline;gap:12px;padding:12px 16px;border-block-end:1px solid var(--border);background:var(--surface)}.map-header h2{margin:0;font-size:1.05rem}.map-summary{flex:1 1 auto;margin:0;font-size:.82rem;color:var(--text-muted)}.map-canvas{position:relative;overflow:hidden;cursor:grab;touch-action:none;background:var(--map-sea)}.map-canvas.is-panning{cursor:grabbing}.map-land path{fill:var(--map-land);stroke:var(--map-coast);stroke-width:1}.map-move{fill:none;stroke-width:1.6;opacity:.85}.map-move.is-paternal{stroke:var(--paternal)}.map-move.is-maternal{stroke:var(--maternal)}#map-arrow path{fill:var(--text-muted)}.map-place circle{fill:var(--accent);fill-opacity:.85;stroke:var(--surface);stroke-width:1.5;cursor:pointer;transition:fill-opacity .12s ease}.map-place:hover circle{fill-opacity:1}.map-place.is-approximate circle{fill:none;stroke:var(--accent);stroke-dasharray:3 2}.map-place text{font-size:.68rem;font-weight:600;fill:var(--accent-text);pointer-events:none}.map-place.is-approximate text{fill:var(--text)}.map-place.is-secondary circle{fill-opacity:.3;stroke-opacity:.5}.map-card{position:absolute;z-index:2;transform:translate(-50%,calc(-100% - 14px));min-inline-size:140px;max-inline-size:260px;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);font-size:.8rem;pointer-events:none}.map-card span{display:block;color:var(--text-muted);font-size:.74rem}.map-card ul{margin:6px 0 0;padding-inline-start:14px;color:var(--text-muted);font-size:.74rem}.map-card em{display:block;margin-block-start:6px;color:var(--text-faint);font-size:.72rem;font-style:normal}.map-empty{position:absolute;inset-block-start:40%;inset-inline:0;text-align:center}.map-zoom{position:absolute;inset-block-end:12px;inset-inline-start:12px;display:flex;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.map-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;border-block-start:1px solid var(--border);background:var(--surface)}.map-generations{display:flex;align-items:center;gap:8px}.map-generation-label{min-inline-size:11rem;text-align:center;font-size:.9rem;font-variant-numeric:tabular-nums}.map-hint{flex:1 1 14rem;margin:0;font-size:.78rem;color:var(--text-muted)}@media (max-width: 640px){.map-generation-label{min-inline-size:8rem}.map-hint{order:10;flex-basis:100%}}