:root{color-scheme:light;--font-scale: 1;--bg: #f5f1e8;--paper: #fdfbf5;--paper-2: #f8f3e6;--ink: #2a2520;--muted: #6b5d4f;--accent: #8b6f47;--accent-rgb: 139, 111, 71;--accent-soft: #c9b59a;--line: #d8cdb8;--male: #5a7ba3;--male-soft: #e3ebf4;--male-stroke: #aebfd4;--female: #a05a7b;--female-soft: #f1dde6;--female-stroke: #d4aebf;--shadow: 0 1px 2px rgba(60, 40, 20, .07), 0 4px 12px rgba(60, 40, 20, .06);--shadow-md: 0 2px 6px rgba(60, 40, 20, .08), 0 12px 28px rgba(60, 40, 20, .1);--radius: 10px;--topbar-h: 56px}:root[data-palette=slate]{--bg: #eaeef4;--paper: #f9fbfd;--paper-2: #e6ecf3;--ink: #1c2230;--muted: #58657a;--accent: #4a6890;--accent-rgb: 74, 104, 144;--accent-soft: #b8c6dc;--line: #c8d2df}:root[data-palette=mono]{--bg: #ffffff;--paper: #f3f3f3;--paper-2: #e9e9e9;--ink: #161616;--muted: #6a6a6a;--accent: #3a3a3a;--accent-rgb: 58, 58, 58;--accent-soft: #c8c8c8;--line: #d8d8d8}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #1f1c18;--paper: #2a2620;--paper-2: #322d25;--ink: #e7dfd2;--muted: #a8997f;--accent: #c9a577;--accent-rgb: 201, 165, 119;--accent-soft: #6b5a3f;--line: #3a3429;--male-soft: #2a3340;--male-stroke: #4a5d7a;--female-soft: #3a2a35;--female-stroke: #7a4a5d;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .3);--shadow-md: 0 2px 6px rgba(0, 0, 0, .35), 0 12px 28px rgba(0, 0, 0, .4)}}:root[data-theme=dark]{color-scheme:dark;--bg: #1f1c18;--paper: #2a2620;--paper-2: #322d25;--ink: #e7dfd2;--muted: #a8997f;--accent: #c9a577;--accent-rgb: 201, 165, 119;--accent-soft: #6b5a3f;--line: #3a3429;--male-soft: #2a3340;--male-stroke: #4a5d7a;--female-soft: #3a2a35;--female-stroke: #7a4a5d;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .3);--shadow-md: 0 2px 6px rgba(0, 0, 0, .35), 0 12px 28px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{zoom:var(--font-scale, 1);background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14.5px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}.topbar{position:sticky;top:0;z-index:30;height:var(--topbar-h);background:var(--paper);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:0 18px}.topbar-left{display:flex;align-items:center;gap:28px;justify-self:start;min-width:0}.topbar-center{justify-self:center}.topbar-right{display:flex;align-items:center;gap:8px;justify-self:end;min-width:0}.brand{color:inherit;text-decoration:none;flex-shrink:0;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}.brand:hover{text-decoration:none}.brand-logo{width:22px;height:22px;color:var(--accent);flex:none}.brand-name{font-weight:600;letter-spacing:-.2px;font-size:15px;white-space:nowrap}.topbar-search{position:relative;max-width:280px;width:100%;display:flex;align-items:center}.topbar-search .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--muted);pointer-events:none}.topbar-search input{width:100%;padding:7px 12px 7px 32px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:13.5px}.topbar-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.18)}.search-results{position:absolute;top:calc(100% + 4px);left:0;width:max-content;min-width:380px;max-width:min(560px,calc(100vw - 32px));background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-md);max-height:60vh;overflow-y:auto;padding:4px;z-index:50}.search-results[hidden]{display:none}.search-empty{padding:12px;color:var(--muted);font-size:13px}.search-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;width:100%;text-align:left;text-decoration:none;color:inherit}.search-item:hover{background:rgba(var(--accent-rgb),.1);text-decoration:none}.search-item .avatar{width:26px;height:26px;font-size:11px}.search-name{display:block;font-size:13.5px;white-space:nowrap}.search-sub{display:block;font-size:11px;color:var(--muted);white-space:nowrap}.chart-mode-toggle{display:inline-flex;align-items:stretch;border:1px solid var(--line);border-radius:8px;background:transparent;overflow:hidden;height:30px}.chart-mode-toggle .cm-opt{display:inline-flex;align-items:center;justify-content:center;padding:0 8px;background:transparent;border:none;color:var(--muted);cursor:pointer}.chart-mode-toggle .cm-opt+.cm-opt{border-left:1px solid var(--line)}.chart-mode-toggle .cm-opt svg{width:14px;height:14px}.chart-mode-toggle .cm-opt:hover{background:rgba(var(--accent-rgb),.08);color:var(--ink)}.chart-mode-toggle .cm-opt[aria-pressed=true],.chart-mode-toggle .cm-opt[aria-pressed=true]:hover{background:var(--ink);color:var(--paper)}.topbar-nav{display:flex;align-items:center;gap:4px}.page-mode-toggle{display:inline-flex;align-items:stretch;border:1px solid var(--line);border-radius:8px;background:transparent;overflow:hidden;height:30px}.page-mode-toggle .pm-opt{display:inline-flex;align-items:center;padding:0 14px;font-size:12.5px;color:var(--muted);text-decoration:none}.page-mode-toggle .pm-opt+.pm-opt{border-left:1px solid var(--line)}.page-mode-toggle .pm-opt:hover{background:rgba(var(--accent-rgb),.08);color:var(--ink);text-decoration:none}.page-mode-toggle .pm-opt[aria-current=page],.page-mode-toggle .pm-opt[aria-current=page]:hover{background:var(--ink);color:var(--paper)}.topbar-nav a{padding:7px 12px;border-radius:8px;font-size:13px;color:var(--muted)}.topbar-nav a:hover{background:rgba(var(--accent-rgb),.1);color:var(--ink);text-decoration:none}.ft-tooltip{position:fixed;z-index:200;background:var(--ink);color:var(--paper);padding:10px 13px;border-radius:10px;box-shadow:var(--shadow-md);font-size:14px;line-height:1.4;max-width:320px;pointer-events:none;opacity:0;transform:translateY(-2px);transition:opacity .12s ease,transform .12s ease}.ft-tooltip[data-visible=true]{opacity:1;transform:translateY(0)}.ft-tooltip-title{font-weight:600;font-size:15px;color:var(--paper)}.ft-tooltip-desc{font-size:13.5px;color:#f5f0e6d1;margin-top:4px}.topbar-icon-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;padding:0;transition:background .12s,color .12s,border-color .12s}.topbar-icon-btn:hover{background:rgba(var(--accent-rgb),.1);color:var(--ink)}.topbar-icon-btn[aria-expanded=true]{background:rgba(var(--accent-rgb),.12);color:var(--ink)}.topbar-icon-btn svg{width:16px;height:16px}.theme-mode-toggle{display:inline-flex;align-items:stretch;border:1px solid var(--line);border-radius:8px;background:transparent;overflow:hidden;height:30px}.theme-mode-toggle .tm-opt{display:inline-flex;align-items:center;justify-content:center;padding:0 8px;background:transparent;border:none;color:var(--muted);cursor:pointer}.theme-mode-toggle .tm-opt+.tm-opt{border-left:1px solid var(--line)}.theme-mode-toggle .tm-opt svg{width:14px;height:14px}.theme-mode-toggle .tm-opt:hover{background:rgba(var(--accent-rgb),.08);color:var(--ink)}.theme-mode-toggle .tm-opt[aria-pressed=true],.theme-mode-toggle .tm-opt[aria-pressed=true]:hover{background:var(--ink);color:var(--paper)}.view-mode-toggle{display:inline-flex;align-items:stretch;border:1px solid var(--line);border-radius:8px;background:transparent;overflow:hidden;height:30px}.view-mode-toggle .vm-opt{display:inline-flex;align-items:center;justify-content:center;padding:0 8px;background:transparent;border:none;color:var(--muted);cursor:pointer}.view-mode-toggle .vm-opt+.vm-opt{border-left:1px solid var(--line)}.view-mode-toggle .vm-opt svg{width:14px;height:14px}.view-mode-toggle .vm-opt:hover{background:rgba(var(--accent-rgb),.08);color:var(--ink)}.view-mode-toggle .vm-opt[aria-pressed=true],.view-mode-toggle .vm-opt[aria-pressed=true]:hover{background:var(--ink);color:var(--paper)}.popover-control{position:relative}.topbar-popover{position:absolute;top:calc(100% + 8px);right:0;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-md);padding:12px 14px;z-index:70;min-width:240px}.topbar-popover[hidden]{display:none}.topbar-popover .popover-title{font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin:0 0 10px}.settings-popover{min-width:340px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0}.settings-row+.settings-row{border-top:1px solid var(--line);margin-top:4px}.settings-label{font-size:13px;color:var(--muted)}.font-stepper{display:inline-flex;align-items:center;gap:4px}.palette-toggle{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:220px}.palette-toggle .pal-opt{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:2px solid transparent;border-radius:50%;background:transparent;cursor:pointer;padding:0;transition:border-color .12s}.palette-toggle .pal-opt:hover{border-color:var(--line)}.palette-toggle .pal-opt[aria-pressed=true]{border-color:var(--ink)}.pal-swatch{display:block;width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.chart-colors-toggle{display:inline-flex;align-items:stretch;border:1px solid var(--line);border-radius:8px;background:transparent;overflow:hidden;height:28px}.chart-colors-toggle .cc-opt{display:inline-flex;align-items:center;padding:0 10px;font-size:12px;background:transparent;border:none;color:var(--muted);cursor:pointer;white-space:nowrap}.chart-colors-toggle .cc-opt+.cc-opt{border-left:1px solid var(--line)}.chart-colors-toggle .cc-opt:hover{background:rgba(var(--accent-rgb),.08);color:var(--ink)}.chart-colors-toggle .cc-opt[aria-pressed=true],.chart-colors-toggle .cc-opt[aria-pressed=true]:hover{background:var(--ink);color:var(--paper)}.analytics-popover{min-width:260px}.stat-list{list-style:none;margin:0;padding:0}.stat-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;font-size:13px}.stat-list li+li{border-top:1px solid var(--line)}.stat-list .stat-label{color:var(--muted)}.stat-list .stat-value{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.stat-list a.stat-value{text-decoration:none;border-bottom:1px dotted transparent;transition:color .12s,border-color .12s}.stat-list a.stat-value:hover{color:var(--accent);border-bottom-color:var(--accent)}.font-step{width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:16px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.font-step:hover:not(:disabled){background:var(--paper-2)}.font-step:disabled{opacity:.4;cursor:not-allowed}.font-value{min-width:46px;text-align:center;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.font-reset{margin-left:4px;padding:4px 8px;border:none;background:transparent;color:var(--muted);font-size:11px;cursor:pointer;border-radius:6px}.font-reset:hover{color:var(--ink);background:var(--paper-2)}.font-reset:disabled{opacity:.35;cursor:default;background:transparent}:root[data-view=tree-only] .workspace{grid-template-columns:1fr}:root[data-view=tree-only] .side-panel{display:none}:root[data-view=modal] .workspace{grid-template-columns:1fr}:root[data-view=modal] .side-panel{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(900px,96vw);max-height:90vh;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-md);z-index:60}:root[data-view=modal] .side-panel.show{display:flex}:root[data-view=modal] .side-panel-content{padding:28px 32px;display:flex;flex-direction:column;gap:22px;overflow-x:hidden}.side-panel-content:has(.edit-form),:root[data-view=modal] .side-panel-content:has(.edit-form){padding:0;gap:0}.side-panel-content:has(.edit-form) .edit-form,:root[data-view=modal] .side-panel-content:has(.edit-form) .edit-form{padding:0 var(--sp-pad-x)}.side-panel-content:has(.edit-form) .edit-head,.side-panel-content:has(.edit-form) .edit-actions,:root[data-view=modal] .side-panel-content:has(.edit-form) .edit-head,:root[data-view=modal] .side-panel-content:has(.edit-form) .edit-actions{margin-left:calc(var(--sp-pad-x) * -1);margin-right:calc(var(--sp-pad-x) * -1)}:root[data-view=modal] .sp-tree-nav-row .action-btn{min-width:0}:root[data-view=modal] .sp-tree-nav-row .action-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-panel-content{--sp-pad-x: 18px;--sp-pad-y-bottom: 24px;container-type:inline-size;container-name:sp-panel;display:flex;flex-direction:column;gap:14px;position:relative}:root[data-view=modal] .side-panel-content{gap:22px}:root[data-view=modal] .side-panel-content{--sp-pad-x: 32px;--sp-pad-y-bottom: 28px}.sp-cols{display:grid;grid-template-columns:120px 1fr;column-gap:14px;align-items:start}:root[data-view=modal] .sp-cols{grid-template-columns:240px 1fr;column-gap:28px}.sp-col-photo,.sp-col-info{display:flex;flex-direction:column;gap:12px}:root[data-view=modal] .sp-col-photo,:root[data-view=modal] .sp-col-info{gap:14px}:root[data-view=modal] .photo{width:240px;height:310px;box-shadow:0 2px 4px #3c281414,0 8px 22px #3c28141a}.sp-col-photo .gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:4px}:root[data-view=modal] .sp-col-photo .gallery{gap:6px;margin-top:6px}.sp-col-photo .gallery img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;box-shadow:0 1px 2px #3c281414}.modal-photo-add{position:relative;aspect-ratio:1 / 1;border:1px dashed var(--line);border-radius:6px;background:var(--paper-2);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:22px;font-weight:200;line-height:1}.modal-photo-add:hover{background:rgba(var(--accent-rgb),.1);color:var(--ink)}.modal-photo-add input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.modal-photo-add.uploading{pointer-events:none;opacity:.7}.modal-photo-add.uploading>*{visibility:hidden}.modal-photo-add.uploading:after{content:"";position:absolute;inset:30%;border:2px solid rgba(0,0,0,.18);border-top-color:var(--ink);border-radius:50%;animation:spin .7s linear infinite}.sp-drop-overlay{position:absolute;inset:0;background:#140f0a8c;display:none;align-items:center;justify-content:center;z-index:80;border-radius:inherit;pointer-events:none}.sp-drop-overlay.show{display:flex}.sp-drop-overlay-inner{background:var(--paper);border:2px dashed var(--accent);border-radius:14px;padding:28px 36px;text-align:center;color:var(--ink);box-shadow:0 12px 36px #140f0a52;max-width:calc(100% - 48px);display:flex;flex-direction:column;align-items:center;gap:8px}.sp-drop-icon{font-size:36px;line-height:1;color:var(--accent);margin-bottom:4px}.sp-drop-title{font-size:18px;font-weight:600}.sp-drop-sub{font-size:14px;color:var(--muted)}.sp-toast{position:absolute;left:50%;bottom:12px;transform:translate(-50%);background:#140f0aeb;color:#fff;padding:10px 16px;border-radius:8px;font-size:13px;box-shadow:0 6px 24px #140f0a59;z-index:70;pointer-events:none;animation:sp-toast-fade 3.2s ease-out forwards;max-width:calc(100% - 32px);text-align:center}@keyframes sp-toast-fade{0%{opacity:0;transform:translate(-50%,8px)}10%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-4px)}}:root[data-view=modal] .photo .ph-letter{font-size:90px}.sp-bio{display:flex;flex-direction:column;gap:2px}.sp-bio h2{margin:0 0 4px;font-size:19px;font-weight:600;line-height:1.2;letter-spacing:-.2px}:root[data-view=modal] .sp-bio h2{font-size:26px;margin-bottom:0}.sp-bio .maiden{font-style:italic;font-size:12.5px;color:var(--muted);margin-bottom:4px}.sp-bio .maiden strong{font-weight:600;color:var(--ink);font-style:normal}:root[data-view=modal] .sp-bio .maiden{font-size:14px;margin-bottom:8px}.sp-bio .lifespan{font-size:13px;color:var(--muted);line-height:1.25;margin-top:4px}:root[data-view=modal] .sp-bio .lifespan{font-size:17px;margin-top:2px}.sp-bio .lifespan .age{display:inline-block;padding:2px 7px;background:rgba(var(--accent-rgb),.16);color:var(--accent);border-radius:999px;font-size:11px;margin-left:4px}:root[data-view=modal] .sp-bio .lifespan .age{font-size:15px;padding:4px 10px}.sp-tree-nav{display:block;margin:8px 0 0;padding:0;border:none}:root[data-view=modal] .sp-tree-nav{margin:12px 0 0}.sp-tree-nav-label{display:none}.sp-tree-nav-row{display:flex;gap:4px;flex-wrap:wrap}:root[data-view=modal] .sp-tree-nav-row{gap:6px}.sp-tree-nav-row .action-btn{flex:1 1 0;min-width:0;font-size:12px;padding:7px 6px;background:var(--paper-2)}:root[data-view=modal] .sp-tree-nav-row .action-btn{font-size:14px;padding:10px}.sp-tree-nav-row .action-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.tree-nav-btn .tn-icon{width:14px;height:14px;flex-shrink:0}:root[data-view=modal] .tree-nav-btn .tn-icon{width:17px;height:17px}.modal-edit-btn{display:inline-flex;align-items:center;gap:6px;align-self:flex-end;margin-top:4px;font-size:11.5px;padding:4px 7px;background:transparent;border:none;border-radius:6px;color:var(--muted);cursor:pointer}.modal-edit-btn .me-icon{width:13px;height:13px;flex-shrink:0}:root[data-view=modal] .modal-edit-btn{margin-top:6px;font-size:12.5px;padding:5px 8px}:root[data-view=modal] .modal-edit-btn .me-icon{width:14px;height:14px}.modal-edit-btn:hover{background:rgba(var(--accent-rgb),.1);color:var(--ink)}.sp-section:has(.rel-block){display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;background:var(--paper-2);border-top:1px solid var(--line);padding:16px var(--sp-pad-x) 18px;margin:6px calc(var(--sp-pad-x) * -1) calc(var(--sp-pad-y-bottom) * -1);flex-grow:1;align-content:start}:root[data-view=modal] .sp-section:has(.rel-block){gap:14px 24px;padding:22px var(--sp-pad-x) 26px}@container sp-panel (max-width: 540px){.sp-cols,:root[data-view=modal] .sp-cols{grid-template-columns:1fr;row-gap:14px}.sp-section:has(.rel-block),:root[data-view=modal] .sp-section:has(.rel-block){grid-template-columns:1fr}}.sp-section:has(.fact){display:flex;flex-direction:column;gap:10px}:root[data-view=modal] .sp-section:has(.fact){gap:14px}.sp-col-photo .rel-block>h3{display:none}.fact-events>h3{display:none}.sp-cols .fact,.sp-cols .rel-block,.sp-section:has(.fact) .fact,.sp-section:has(.rel-block) .rel-block{background:transparent;border:none;box-shadow:none;padding:0}.sp-cols .fact h3,.sp-cols .rel-block h3,.sp-section:has(.fact) .fact h3,.sp-section:has(.rel-block) .rel-block h3{font-size:11px;margin:0 0 6px;font-weight:600;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}:root[data-view=modal] .sp-cols .fact h3,:root[data-view=modal] .sp-cols .rel-block h3,:root[data-view=modal] .sp-section:has(.fact) .fact h3,:root[data-view=modal] .sp-section:has(.rel-block) .rel-block h3{font-size:12px;margin:0 0 8px}.sp-cols .person-chip{padding:6px 8px}.sp-cols .person-chip .avatar{width:28px;height:28px;font-size:11px}.sp-cols .person-chip .chip-name{font-size:13px}.sp-cols .person-chip .chip-sub{font-size:11px}:root[data-view=modal] .person-chip{padding:9px 10px}:root[data-view=modal] .person-chip .avatar{width:36px;height:36px;font-size:13px}:root[data-view=modal] .person-chip .chip-name{font-size:15px}:root[data-view=modal] .person-chip .chip-sub{font-size:12.5px}.sp-cols .row-fact,.sp-cols .row-fact .lbl,.sp-cols .note,.sp-cols .fact ul,.sp-cols .fact li{font-size:13px;line-height:1.45}:root[data-view=modal] .sp-cols .row-fact,:root[data-view=modal] .sp-cols .row-fact .lbl,:root[data-view=modal] .sp-cols .note,:root[data-view=modal] .sp-cols .fact ul,:root[data-view=modal] .sp-cols .fact li{font-size:15px;line-height:1.5}.sp-corner{display:flex;gap:6px;position:absolute;top:12px;right:12px;z-index:1}:root[data-view=modal] .sp-corner{display:none}:root[data-view=modal] .side-panel.show .sp-corner{display:flex;top:14px;right:14px}:root[data-view=tree-only] .sp-corner{display:none}.sp-corner-btn,.sp-close{display:flex;width:28px;height:28px;border-radius:7px;background:var(--paper-2);color:var(--muted);border:1px solid var(--line);align-items:center;justify-content:center;font-size:12px;cursor:pointer;padding:0;line-height:1}:root[data-view=modal] .side-panel.show .sp-corner-btn,:root[data-view=modal] .side-panel.show .sp-close{width:32px;height:32px;border-radius:8px;font-size:13px}.sp-corner-btn:hover,.sp-close:hover{background:rgba(var(--accent-rgb),.12);color:var(--ink)}.sp-switch-dialog svg{width:14px;height:14px;display:none}.sp-switch-dialog .sd-to-modal{display:block}:root[data-view=modal] .sp-switch-dialog .sd-to-modal{display:none}:root[data-view=modal] .sp-switch-dialog .sd-to-split{display:block}.sp-share-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:6px;border-radius:5px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;vertical-align:middle;padding:0;transition:background .12s,color .12s}.sp-share-icon svg{width:12px;height:12px}:root[data-view=modal] .sp-share-icon{width:26px;height:26px;margin-left:8px;border-radius:6px}:root[data-view=modal] .sp-share-icon svg{width:14px;height:14px}.sp-share-icon:hover{background:rgba(var(--accent-rgb),.12);color:var(--ink)}.sp-share-icon.copied{background:#3c8c3c29;color:#2a6c2a}.sp-backdrop{display:none;position:fixed;inset:0;background:#140f0a8c;z-index:55}:root[data-view=modal] .sp-backdrop.show{display:block}.layout-workspace{overflow:hidden}.workspace{display:grid;grid-template-columns:1fr min(420px,38vw);height:calc(100vh - var(--topbar-h));min-height:0}.canvas-area{position:relative;background:var(--bg);border-right:1px solid var(--line);overflow:hidden;min-width:0}.canvas-wrap{width:100%;height:100%;overflow:hidden;position:relative;background:radial-gradient(rgba(var(--accent-rgb),.08) 1px,transparent 1px) 0 0 / 22px 22px}.canvas-wrap svg{display:block;width:100%;height:100%}.zoom-controls{position:absolute;top:14px;right:14px;z-index:5;display:flex;flex-direction:column;gap:4px;padding:4px;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.zoom-controls button{width:32px;height:32px;border-radius:6px;font-size:16px;color:var(--muted);display:flex;align-items:center;justify-content:center}.zoom-controls button:hover{background:rgba(var(--accent-rgb),.12);color:var(--ink)}.side-panel{background:var(--paper);overflow:hidden;display:flex;flex-direction:column;min-width:320px;position:relative}.side-panel-content{overflow-y:auto;padding:18px 18px 24px;flex:1}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--muted);font-size:13px}.photo{position:relative;width:120px;height:155px;background:var(--accent-soft);border-radius:10px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center}.photo img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in}.photo.placeholder{background:linear-gradient(160deg,var(--accent-soft),var(--line))}.photo.placeholder.male{background:linear-gradient(160deg,var(--male-soft),var(--male-stroke))}.photo.placeholder.female{background:linear-gradient(160deg,var(--female-soft),var(--female-stroke))}.photo .ph-letter{font-size:44px;color:#ffffffd9;font-weight:300}.photo-count{position:absolute;left:0;right:0;bottom:0;padding:4px 8px;font-size:11px;color:#fffffff2;background:linear-gradient(to top,#140f0aa6,#140f0a00);text-align:center;letter-spacing:.02em;pointer-events:none}.sp-bio .patro{color:var(--muted);font-weight:400}.sp-section{display:grid;gap:10px;margin-bottom:14px}.fact h3,.rel-block h3{margin:0 0 6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.row-fact{margin:3px 0;font-size:13px}.row-fact .lbl{color:var(--muted);font-size:11.5px}.fact ul,.rel-block ul{margin:4px 0 0;padding-left:18px}.note{margin:4px 0;font-size:13px;white-space:pre-wrap}.person-chip{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;width:100%;text-align:left;background:transparent;border:1px solid transparent}.person-chip:hover{background:rgba(var(--accent-rgb),.1);border-color:var(--line)}.person-chip .avatar{width:26px;height:26px;font-size:11px}.chip-meta{display:flex;flex-direction:column;min-width:0}.chip-name{font-size:13px}.chip-sub{font-size:11px;color:var(--muted)}.gallery{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.gallery img{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1px solid var(--line);cursor:zoom-in}.sp-actions{display:flex;gap:6px;margin-top:12px}.action-btn{flex:1;padding:9px 10px;font-size:12px;border:1px solid var(--line);border-radius:8px;background:var(--paper-2);color:var(--muted)}.action-btn:hover:not(:disabled){background:rgba(var(--accent-rgb),.1);color:var(--ink)}.action-btn:disabled{opacity:.45;cursor:not-allowed}.action-btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.action-btn.primary:hover:not(:disabled){background:#2a1b0c;color:var(--paper)}.edit-form{display:grid;gap:8px;padding:0}.edit-head{display:flex;align-items:baseline;gap:8px;margin:0;padding:14px var(--sp-pad-x) 10px;position:sticky;top:0;background:var(--paper);border-bottom:1px solid var(--line);z-index:5}.edit-head h3{margin:0;font-size:16px;font-weight:600}:root[data-view=modal] .edit-head{padding:18px var(--sp-pad-x) 12px}.edit-id{font:11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);background:var(--paper-2);padding:2px 6px;border-radius:4px}.edit-section{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:10px 0 -2px;padding-bottom:4px;border-bottom:1px dashed var(--line)}.edit-marriage+.edit-marriage{margin-top:12px}.edit-marriage-partner{font-size:12.5px;font-weight:500;color:var(--ink);padding:6px 0 2px}.edit-row{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:10px;font-size:13px}.edit-row>span{color:var(--muted);font-size:12px}.edit-row input,.edit-row select,.edit-row textarea{width:100%;font:inherit;font-size:13px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);box-sizing:border-box}.edit-row input:focus,.edit-row select:focus,.edit-row textarea:focus{outline:2px solid rgba(var(--accent-rgb),.4);outline-offset:-1px;border-color:rgba(var(--accent-rgb),.6)}.edit-row-block{grid-template-columns:1fr}.edit-row textarea{resize:vertical;min-height:80px;font-family:inherit}.edit-actions{display:flex;gap:8px;justify-content:flex-end;margin:8px 0 0;padding:12px var(--sp-pad-x) 14px;position:sticky;bottom:0;background:var(--paper);border-top:1px solid var(--line);z-index:5}.edit-actions .action-btn{flex:0 0 auto;padding:8px 18px;font-size:13px}:root[data-view=modal] .edit-actions{padding:14px var(--sp-pad-x) 16px}.edit-status{margin-top:6px;font-size:12px;min-height:16px;padding:6px 8px;border-radius:6px}.edit-status:empty{padding:0;min-height:0}.edit-status[data-kind=info]{color:var(--muted)}.edit-status[data-kind=ok]{color:#2a6c2a;background:#3c8c3c14}.edit-status[data-kind=err]{color:#a13a2c;background:#b43c2814}.edit-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;margin:4px 0}.edit-photo-tile{position:relative;aspect-ratio:1 / 1;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--paper-2)}.edit-photo-tile img{width:100%;height:100%;object-fit:cover;display:block}.edit-photo-actions{position:absolute;top:2px;right:2px;display:flex;gap:2px;opacity:0;transition:opacity .15s}.edit-photo-tile:hover .edit-photo-actions,.edit-photo-tile:focus-within .edit-photo-actions{opacity:1}.edit-photo-del,.edit-photo-star{width:20px;height:20px;border-radius:50%;border:none;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;line-height:1}.edit-photo-del{background:#140f0aa6;color:#fff}.edit-photo-del:hover{background:#b43c28f2}.edit-photo-star{background:#140f0aa6;color:#ffd95e}.edit-photo-star:hover{background:#b48c28f2;color:#fff}.edit-photo-badge{position:absolute;top:2px;left:2px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#140f0ab3;color:#ffd95e;border-radius:50%;font-size:11px;pointer-events:none}.edit-photo-tile.primary{box-shadow:0 0 0 2px var(--accent, #c69553)}.edit-photo-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-style:dashed;color:var(--muted);cursor:pointer}.edit-photo-add:hover{background:rgba(var(--accent-rgb),.06);color:var(--ink)}.edit-photo-add input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.edit-photo-add-icon{font-size:24px;line-height:1;font-weight:200}.edit-photo-add-label{font-size:10px}.edit-photo-tile.uploading:after{content:"";position:absolute;inset:0;background:#ffffff80}.edit-photo-progress{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1}.edit-photo-spinner{width:22px;height:22px;border:2.5px solid rgba(0,0,0,.15);border-top-color:var(--ink);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.edit-photo-status{font-size:12px;min-height:14px;padding:4px 6px;border-radius:4px;margin-bottom:8px}.edit-photo-status:empty{padding:0;min-height:0;margin:0}.edit-photo-status[data-kind=info]{color:var(--muted)}.edit-photo-status[data-kind=ok]{color:#2a6c2a;background:#3c8c3c14}.edit-photo-status[data-kind=err]{color:#a13a2c;background:#b43c2814}.avatar{width:32px;height:32px;border-radius:50%;background:var(--paper-2);display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted);overflow:hidden;flex:0 0 auto;border:1px solid var(--line)}.side-panel .avatar{border-radius:9px}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar.male{background:var(--male-soft)}.avatar.female{background:var(--female-soft)}.canvas-wrap svg .background.bysex.male{fill:var(--male-soft)!important}.canvas-wrap svg .background.bysex.female{fill:var(--female-soft)!important}.canvas-wrap svg .background{stroke:var(--line);stroke-width:1}.canvas-wrap svg .indi{cursor:pointer}.canvas-wrap svg .indi:hover .background{stroke:var(--accent);stroke-width:2}.canvas-wrap svg .name{fill:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600}.canvas-wrap svg .details{fill:var(--muted)}.canvas-wrap svg .id{display:none}.canvas-wrap svg .link{stroke:var(--accent-soft);fill:none;stroke-width:1.4}.canvas-wrap svg .additional-marriage{stroke-dasharray:4 3}.simple-page{max-width:1200px;margin:0 auto;padding:28px 24px}.simple-page h2{margin:0 0 18px;font-size:22px;font-weight:600;letter-spacing:-.3px}.ft-tabs{display:flex;gap:4px;margin:0 0 18px;padding:4px;background:var(--paper-2);border-radius:12px;align-self:flex-start}.ft-tab{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border:none;background:transparent;color:var(--muted);font:inherit;font-size:13.5px;font-weight:500;border-radius:8px;cursor:pointer;transition:background .12s,color .12s}.ft-tab:hover{color:var(--ink)}.ft-tab[aria-selected=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px #0000000a}.ft-tab-count{font-size:11px;color:var(--muted);background:rgba(var(--accent-rgb),.14);padding:1px 7px;border-radius:999px;font-variant-numeric:tabular-nums;font-weight:600}.ft-tab[aria-selected=true] .ft-tab-count{color:var(--accent)}.ft-panel-note{font-size:13px;color:var(--muted);margin:0 0 14px}.media-more{display:block;margin:28px auto 0;padding:11px 28px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:999px;font:inherit;font-size:13.5px;font-weight:500;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.media-more:hover{background:rgba(var(--accent-rgb),.1);border-color:var(--accent);color:var(--accent)}.media-more[hidden]{display:none}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.gallery-card{margin:0;background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.gallery-photo{display:block;aspect-ratio:1 / 1;background:var(--paper-2);cursor:zoom-in;overflow:hidden}.gallery-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.gallery-card:hover .gallery-photo img{transform:scale(1.03)}.gallery-caption{padding:10px 12px;font-size:13px;line-height:1.4;color:var(--ink)}.gallery-caption a{color:inherit;text-decoration:none;border-bottom:1px dotted var(--muted)}.gallery-caption a:hover{color:var(--accent);border-bottom-color:var(--accent)}.ft-map{width:100%;height:480px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper-2);margin:0 0 14px}.ft-map-empty{display:flex;align-items:center;justify-content:center;height:100%;font-size:13px;color:var(--muted);padding:20px;text-align:center}.ft-map-empty code{background:var(--paper);padding:1px 6px;border-radius:4px;border:1px solid var(--line);font-size:12px}.maplibregl-map{font-family:inherit;font-size:13px}.maplibregl-popup-content{border-radius:10px;padding:10px 14px;line-height:1.45;font-size:13px;color:var(--ink);background:var(--paper);box-shadow:var(--shadow-md)}.maplibregl-popup-content strong{color:var(--ink)}.maplibregl-popup-tip{border-top-color:var(--paper);border-bottom-color:var(--paper)}.maplibregl-popup-close-button{font-size:18px;color:var(--muted);padding:0 6px}.map-marker-dot{border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 1px 2px #00000040;cursor:pointer;transition:transform .12s ease}.map-marker-dot:hover{transform:scale(1.15)}.map-popup .map-popup-meta{font-size:11.5px;color:var(--muted);margin:2px 0 6px}.map-popup-people{list-style:none;margin:6px 0 0;padding:6px 0 0;max-height:200px;overflow-y:auto;border-top:1px solid var(--line)}.map-popup-people li{padding:2px 0;line-height:1.35}.map-popup-person{cursor:pointer;user-select:none;font-size:12.5px;color:var(--ink);padding:1px 4px;border-radius:4px;display:inline-block}.map-popup-person:hover{background:rgba(var(--accent-rgb),.12)}.map-popup-person:focus{outline:2px solid var(--accent);outline-offset:1px}.map-popup-more{font-size:11px;color:var(--muted);margin-top:4px}.map-popup-hint{font-size:10.5px;color:var(--muted);margin-top:8px;padding-top:6px;border-top:1px dashed var(--line);text-align:center;letter-spacing:.2px}.place-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:6px 14px}.place-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 12px;border-bottom:1px solid var(--line);font-size:13.5px}.place-name{color:var(--ink);display:inline-flex;align-items:center;gap:8px;min-width:0}.place-dot{font-size:10px;color:var(--accent);flex:none}.place-dot-off{color:var(--muted);opacity:.45}.place-count{font-size:12px;color:var(--accent);background:rgba(var(--accent-rgb),.16);padding:1px 8px;border-radius:999px;font-variant-numeric:tabular-nums;flex:none}.page-filter{position:relative;margin:0 0 14px}.page-filter .page-filter-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted);pointer-events:none}.page-filter input{width:100%;max-width:360px;font:inherit;font-size:14px;padding:9px 12px 9px 36px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);outline:none;transition:border-color .12s,box-shadow .12s}.page-filter input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12)}.surnames-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.surname-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px 14px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-height:64px;text-decoration:none;color:inherit;transition:background .12s,border-color .12s}.surname-card:hover{background:rgba(var(--accent-rgb),.06);border-color:rgba(var(--accent-rgb),.3);text-decoration:none}.surname-card .sc-name{font-size:14px;line-height:1.35;font-weight:500;color:var(--ink)}.surname-card .cnt{align-self:flex-start;font-size:11px;background:rgba(var(--accent-rgb),.16);color:var(--accent);padding:2px 8px;border-radius:999px;white-space:nowrap;font-variant-numeric:tabular-nums}.surname-card.with-avatar{flex-direction:row;align-items:flex-start;gap:12px}.surname-card.with-avatar .sc-body{display:flex;flex-direction:column;justify-content:center;gap:4px;flex:1;min-width:0}.surname-card .sc-avatar{width:40px;height:40px;border-radius:9px;background:var(--paper-2);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto;font-size:12px;font-weight:500;color:var(--muted);letter-spacing:.3px}.surname-card .sc-avatar img{width:100%;height:100%;object-fit:cover;display:block}.surname-card .sc-avatar.male{background:var(--male-soft);color:var(--ink)}.surname-card .sc-avatar.female{background:var(--female-soft);color:var(--ink)}.rel-add{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--muted);font:600 16px/1 ui-sans-serif,system-ui,sans-serif;cursor:pointer;margin-left:4px;vertical-align:middle;transition:background .12s,color .12s;padding:0 0 2px;box-sizing:border-box}.rel-add:hover{background:rgba(var(--accent-rgb),.12);color:var(--ink)}.rel-empty{font-size:12px;color:var(--muted);font-style:italic;padding:2px 4px}.modal-overlay{position:fixed;inset:0;background:#140f0a8c;display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.modal{background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-md);width:min(420px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-size:16px;font-weight:600}.modal-close{border:none;background:transparent;font-size:14px;color:var(--muted);cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:rgba(var(--accent-rgb),.12);color:var(--ink)}.modal-tabs{display:flex;border-bottom:1px solid var(--line)}.modal-tab{flex:1;border:none;background:transparent;padding:11px 10px;font-size:14px;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}.modal-tab.active{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}.modal-tab:hover:not(.active){background:rgba(var(--accent-rgb),.06)}.modal-body{padding:14px;overflow-y:auto;display:grid;gap:8px}.modal-pane[hidden]{display:none}.modal-pane{display:grid;gap:8px}.modal-search{width:100%;font:inherit;font-size:15px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);box-sizing:border-box}.modal-search:focus{outline:2px solid rgba(var(--accent-rgb),.4);outline-offset:-1px}.modal-results{list-style:none;margin:0;padding:0;max-height:260px;overflow-y:auto;border:1px solid var(--line);border-radius:6px}.modal-result{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 12px;font-size:15px;cursor:pointer;border-bottom:1px solid var(--line)}.modal-result:last-child{border-bottom:none}.modal-result:hover{background:rgba(var(--accent-rgb),.06)}.modal-result.picked{background:rgba(var(--accent-rgb),.16)}.modal-result .r-surname{color:var(--muted);font-size:13px}.modal-result-empty{padding:14px;color:var(--muted);font-size:14px;text-align:center}.modal-row{display:grid;grid-template-columns:130px 1fr;gap:12px;align-items:center;font-size:15px}.modal-row>span{color:var(--muted);font-size:14px}.modal-row input,.modal-row select{width:100%;font:inherit;font-size:15px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);box-sizing:border-box}.modal-row input:focus,.modal-row select:focus{outline:2px solid rgba(var(--accent-rgb),.4);outline-offset:-1px}.modal-section{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--muted);margin-top:10px;border-bottom:1px dashed var(--line);padding-bottom:6px}.modal-status{margin:0 14px;font-size:14px;min-height:16px;padding:6px 8px;border-radius:4px}.modal-status:empty{padding:0;min-height:0}.modal-status[data-kind=info]{color:var(--muted)}.modal-status[data-kind=ok]{color:#2a6c2a;background:#3c8c3c14}.modal-status[data-kind=err]{color:#a13a2c;background:#b43c2814}.modal-actions{display:flex;gap:8px;padding:12px 16px 16px}.modal-actions .action-btn{flex:1;font-size:14px;padding:10px 14px}.lightbox{position:fixed;inset:0;background:#140f0aeb;display:none;z-index:100}.lightbox.show{display:grid;grid-template-rows:1fr auto auto}.lightbox .lb-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:40px 60px 16px;cursor:zoom-out;overflow:hidden}.lightbox img#lightbox-img{max-width:min(92vw,1400px);max-height:78vh;border-radius:8px;box-shadow:var(--shadow-md);object-fit:contain;background:#0006}.lightbox .lb-caption{margin-top:10px;color:#ffffffd9;font-size:13px;text-align:center;max-width:80vw}.lightbox .lb-strip{display:flex;gap:6px;padding:8px 12px 4px;overflow-x:auto;justify-content:center}.lb-strip[hidden]{display:none}.lb-thumb{border:2px solid transparent;background:none;padding:0;width:60px;height:60px;border-radius:4px;overflow:hidden;cursor:pointer;flex-shrink:0;opacity:.55;transition:opacity .15s,border-color .15s}.lb-thumb img{width:100%;height:100%;object-fit:cover;display:block}.lb-thumb:hover{opacity:.85}.lb-thumb.active{opacity:1;border-color:#ffd95e}.lb-counter{text-align:center;color:#ffffff80;font-size:12px;padding:4px 0 14px;min-height:12px}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:64px;border-radius:6px;border:none;background:#ffffff14;color:#fff;font-size:30px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.lb-nav:hover{background:#ffffff2e}.lb-prev{left:10px}.lb-next{right:10px}.lb-nav[hidden]{display:none}.lb-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:none;background:#ffffff14;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.lb-close:hover{background:#fff3}@media(max-width:760px){.topbar{grid-template-columns:1fr auto;row-gap:6px;padding:8px;height:auto}.topbar-left{grid-column:1 / 2}.topbar-right{grid-column:2 / 3;flex-wrap:wrap;justify-content:flex-end}.topbar-center{grid-column:1 / -1;justify-self:stretch;display:flex;justify-content:center}.topbar-search{flex:1 1 100%;max-width:none}.workspace{grid-template-columns:1fr;grid-template-rows:1fr auto;height:auto}.side-panel{max-height:50vh;border-top:1px solid var(--line)}}