:root,[data-theme=light]{--bg-primary: #f6f3ec;--bg-secondary: #ede7db;--bg-surface: #ffffff;--bg-elevated: #fcfaf5;--bg-canvas: #f2ede2;--canvas-grid: rgba(114, 98, 74, .09);--text-primary: #1d2420;--text-secondary: #4f5852;--text-muted: #7a827c;--accent-primary: #235340;--accent-primary-hover: #193e2f;--accent-soft: rgba(35, 83, 64, .11);--accent-gold: #a6762b;--accent-gold-soft: rgba(166, 118, 43, .14);--male-accent: #2563eb;--male-soft: rgba(37, 99, 235, .1);--female-accent: #c02669;--female-soft: rgba(192, 38, 105, .1);--border-subtle: #dcd4c4;--border-strong: #c4b9a3;--line-connector: #8f826d;--line-highlight: #a6762b;--shadow-sm: 0 2px 6px rgba(29, 36, 32, .06);--shadow-md: 0 8px 24px rgba(29, 36, 32, .1);--shadow-lg: 0 18px 42px rgba(29, 36, 32, .16)}[data-theme=dark]{--bg-primary: #0f1512;--bg-secondary: #161f1b;--bg-surface: #1b2621;--bg-elevated: #223029;--bg-canvas: #121916;--canvas-grid: rgba(212, 175, 112, .06);--text-primary: #eef2ef;--text-secondary: #b4c0b8;--text-muted: #7c8b82;--accent-primary: #3b8a6b;--accent-primary-hover: #4ca381;--accent-soft: rgba(59, 138, 107, .18);--accent-gold: #d8a657;--accent-gold-soft: rgba(216, 166, 87, .18);--male-accent: #60a5fa;--male-soft: rgba(96, 165, 250, .15);--female-accent: #f472b6;--female-soft: rgba(244, 114, 182, .15);--border-subtle: #293830;--border-strong: #3b4f45;--line-connector: #586c61;--line-highlight: #d8a657;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 10px 28px rgba(0, 0, 0, .45);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .65)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow:hidden}.hidden{display:none!important}.auth-gate{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(circle at 50% 25%,var(--bg-secondary),var(--bg-primary))}.auth-backdrop-pattern{position:absolute;inset:0;background-image:radial-gradient(var(--canvas-grid) 1.5px,transparent 1.5px);background-size:24px 24px;pointer-events:none}.auth-card{position:relative;width:100%;max-width:440px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px;padding:2.5rem 2.25rem 2rem;box-shadow:var(--shadow-lg);text-align:center}.auth-lang-bar{position:absolute;top:1.1rem;right:1.1rem;display:flex;gap:.4rem}.chip-btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:999px;padding:.3rem .65rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease}.chip-btn:hover{border-color:var(--accent-gold);color:var(--text-primary)}.crest-badge{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:var(--accent-gold-soft);color:var(--accent-gold);margin-bottom:1rem}.auth-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.18em;color:var(--accent-gold);margin-bottom:.35rem}.auth-title{font-family:Cormorant Garamond,Georgia,serif;font-size:2.2rem;font-weight:700;letter-spacing:.04em;color:var(--text-primary);margin-bottom:.65rem}.auth-subtitle{font-size:.9rem;line-height:1.55;color:var(--text-secondary);margin-bottom:1.6rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.input-password-wrap{position:relative;display:flex;align-items:center}.auth-input{width:100%;padding:.85rem 2.8rem .85rem 1rem;font-size:1rem;font-family:inherit;border-radius:12px;border:1.5px solid var(--border-strong);background:var(--bg-elevated);color:var(--text-primary);outline:none;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-soft)}.pass-vis-btn{position:absolute;right:.65rem;background:none;border:none;cursor:pointer;font-size:1.05rem;opacity:.65;padding:.25rem}.pass-vis-btn:hover{opacity:1}.remember-row{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary);cursor:pointer;user-select:none}.auth-error{padding:.65rem .85rem;border-radius:10px;background:#dc26261f;border:1px solid rgba(220,38,38,.35);color:#dc2626;font-size:.84rem;font-weight:500}.primary-btn{padding:.9rem 1.25rem;border-radius:12px;border:none;background:var(--accent-primary);color:#fff;font-size:.96rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s ease,transform .1s ease}.primary-btn:hover{background:var(--accent-primary-hover)}.primary-btn:active{transform:translateY(1px)}.auth-footer-note{margin-top:1.35rem;padding-top:1rem;border-top:1px solid var(--border-subtle);font-size:.78rem;color:var(--text-muted)}.app-shell{position:fixed;inset:0;display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem 1.15rem;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);z-index:60;flex-shrink:0}.topbar-brand{display:flex;align-items:center;gap:.7rem;cursor:pointer;user-select:none;flex-shrink:0}.brand-emblem{width:38px;height:38px;border-radius:10px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.brand-text{display:flex;flex-direction:column}.brand-title{font-family:Cormorant Garamond,Georgia,serif;font-size:1.22rem;font-weight:700;letter-spacing:.04em;line-height:1.1}.brand-meta{font-size:.73rem;color:var(--text-muted);font-weight:500}.global-search-container{position:relative;flex:1 1 290px;min-width:260px;max-width:440px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.85rem;font-size:.9rem;pointer-events:none;opacity:.7}.global-search-input{width:100%;padding:.55rem 2.25rem .55rem 2.35rem;border-radius:999px;border:1.5px solid var(--border-strong);background:var(--bg-primary);color:var(--text-primary);font-size:.88rem;font-family:inherit;outline:none;transition:all .2s}.global-search-input:focus{border-color:var(--accent-primary);background:var(--bg-surface);box-shadow:0 0 0 3px var(--accent-soft)}.search-Shortcut{position:absolute;right:.75rem;font-size:.7rem;padding:.1rem .4rem;border-radius:5px;background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-subtle);pointer-events:none}.search-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:440px;width:max(100%,480px);max-width:min(600px,94vw);max-height:440px;overflow-y:auto;background:var(--bg-surface);border:1.5px solid var(--border-strong);border-radius:14px;box-shadow:var(--shadow-lg);z-index:300;padding:.45rem}.search-result-item{display:flex;align-items:center;gap:.85rem;padding:.55rem .85rem;border-radius:10px;border-left:3.5px solid transparent;cursor:pointer;transition:background .12s ease,transform .08s ease}.search-result-item+.search-result-item{margin-top:3px}.search-result-item.sex-M{border-left-color:var(--male-accent)}.search-result-item.sex-F{border-left-color:var(--female-accent)}.search-result-item:hover{background:var(--bg-secondary);transform:translate(2px)}.sr-avatar{flex-shrink:0;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center}.sr-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;text-align:left}.sr-name{font-size:.93rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:left;letter-spacing:.01em}.sr-sub{font-size:.76rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:left}.sr-badges{margin-left:auto;display:flex;align-items:center;gap:.35rem;flex-shrink:0}.sr-gen-pill{font-size:.68rem;font-weight:700;color:var(--accent-primary);background:var(--accent-soft);border:1px solid rgba(212,175,55,.35);padding:.1rem .42rem;border-radius:6px;white-space:nowrap}.search-highlight{background:#eab30852;color:inherit;font-weight:800;border-radius:2px;padding:0 1px}[data-theme=dark] .search-highlight{background:#eab30873;color:#fef08a}.main-nav{display:flex;align-items:center;gap:.22rem;background:var(--bg-primary);padding:.24rem;border-radius:12px;border:1px solid var(--border-subtle);flex-shrink:0}.nav-tab{display:flex;align-items:center;gap:.32rem;padding:.4rem .68rem;border-radius:9px;border:none;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s;white-space:nowrap}.nav-tab:hover{color:var(--text-primary)}.nav-tab.active{background:var(--bg-surface);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.topbar-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.icon-action-btn{height:36px;min-width:36px;padding:0 .6rem;border-radius:9px;border:1px solid var(--border-subtle);background:var(--bg-primary);color:var(--text-primary);font-size:.8rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.icon-action-btn:hover{border-color:var(--accent-gold);background:var(--bg-secondary)}.view-section{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.tree-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 1.25rem;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.branches-scroll-wrap{display:flex;align-items:center;gap:.55rem;overflow-x:auto;scrollbar-width:none;flex:1}.branches-scroll-wrap::-webkit-scrollbar{display:none}.toolbar-label{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);white-space:nowrap}.branch-pills{display:flex;align-items:center;gap:.4rem}.branch-pill{padding:.32rem .7rem;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);font-size:.77rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s}.branch-pill:hover{border-color:var(--accent-gold);color:var(--text-primary)}.branch-pill.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.tree-controls-group{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.control-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:8px;background:var(--bg-surface);border:1px solid var(--border-subtle);font-size:.77rem;color:var(--text-secondary);font-weight:600}.control-pill select{border:none;background:transparent;color:var(--text-primary);font-weight:700;font-family:inherit;font-size:.78rem;cursor:pointer;outline:none}.control-pill-btn{padding:.34rem .7rem;border-radius:8px;border:1px solid var(--accent-gold);background:var(--accent-gold-soft);color:var(--accent-gold);font-size:.77rem;font-weight:700;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all .15s}.control-pill-btn:hover{background:var(--accent-gold);color:#fff}.control-pill-btn.active{border-color:var(--accent-primary);background:var(--accent-primary);color:#fff}.focus-banner{display:flex;align-items:center;justify-content:space-between;padding:.42rem 1.25rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);font-size:.82rem;flex-shrink:0}.focus-info{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.focus-badge{font-size:.72rem;font-weight:700;text-transform:uppercase;padding:.15rem .5rem;border-radius:6px;background:var(--accent-gold-soft);color:var(--accent-gold)}.focused-meta{color:var(--text-muted);font-size:.78rem}.focus-actions{display:flex;align-items:center;gap:.45rem}.mini-btn{padding:.26rem .65rem;border-radius:7px;border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-primary);font-size:.76rem;font-weight:600;font-family:inherit;cursor:pointer}.mini-btn:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.mini-btn:disabled{opacity:.45;cursor:not-allowed}.tree-viewport{position:relative;flex:1;overflow:hidden;background-color:var(--bg-canvas);background-image:radial-gradient(var(--canvas-grid) 1.5px,transparent 1.5px);background-size:24px 24px;cursor:grab;user-select:none;touch-action:none}.tree-viewport.dragging{cursor:grabbing}.tree-stage{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.tree-svg{position:absolute;top:0;left:0;overflow:visible;pointer-events:none}.tree-nodes-layer{position:absolute;top:0;left:0}.tree-link{fill:none;stroke:var(--line-connector);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s}.tree-link.direct-lineage-link{stroke:var(--accent-primary);stroke-width:2.6px}.tree-link.collateral-link{stroke:var(--line-connector);stroke-width:1.85px}.tree-link.descendant-link{stroke:var(--accent-primary);stroke-width:2.3px}.tree-link.marriage-bridge{stroke:#16a34a;stroke-width:2.8px}.tree-node-group{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:stretch;gap:8px;z-index:2}.person-node{width:196px;min-height:78px;background:var(--bg-surface);border:1.5px solid var(--border-strong);border-left-width:4.5px;border-radius:11px;padding:.5rem .65rem;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;position:relative}.person-node:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-gold);z-index:6}.person-node.sex-M{border-left-color:var(--male-accent);background:linear-gradient(180deg,var(--bg-surface) 0%,var(--male-bg) 100%)}.person-node.sex-F{border-left-color:var(--female-accent);background:linear-gradient(180deg,var(--bg-surface) 0%,var(--female-bg) 100%)}.person-node.is-direct-ancestor{border-color:#23534073;box-shadow:0 2px 10px #2353401a}.person-node.is-focused{border:2.5px solid var(--accent-gold);border-left-width:6px;background:var(--bg-elevated);box-shadow:0 0 0 4px var(--accent-gold-soft),var(--shadow-md);z-index:5}.person-node.is-spouse{width:184px}.person-node.is-collateral{width:184px;opacity:.96}.node-top-row{display:flex;align-items:flex-start;gap:.42rem}.avatar-svg{display:block;width:100%;height:100%;pointer-events:none}.avatar-svg.sex-M{color:var(--male-accent)}.avatar-svg.sex-F{color:var(--female-accent)}.avatar-svg.is-solid .sil-head,.avatar-svg.is-solid .sil-body{fill:currentColor;stroke:none}.avatar-svg.is-ghost .sil-head,.avatar-svg.is-ghost .sil-body{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.node-avatar{width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;padding:2px;box-sizing:border-box;transition:all .15s ease}.person-node.is-living.sex-M .node-avatar{background:var(--male-soft);border:1px solid rgba(37,99,235,.3)}.person-node.is-living.sex-F .node-avatar{background:var(--female-soft);border:1px solid rgba(192,38,105,.3)}.person-node.is-deceased.sex-M .node-avatar{background:#2563eb0a;border:1px dashed rgba(37,99,235,.45)}.person-node.is-deceased.sex-F .node-avatar{background:#c026690a;border:1px dashed rgba(192,38,105,.45)}.rel-avatar,.sr-avatar{width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:2px;box-sizing:border-box}.rel-avatar.sex-M.is-living,.sr-avatar.sex-M.is-living{background:var(--male-soft);border:1px solid rgba(37,99,235,.3)}.rel-avatar.sex-F.is-living,.sr-avatar.sex-F.is-living{background:var(--female-soft);border:1px solid rgba(192,38,105,.3)}.rel-avatar.sex-M.is-deceased,.sr-avatar.sex-M.is-deceased{background:#2563eb0a;border:1px dashed rgba(37,99,235,.45)}.rel-avatar.sex-F.is-deceased,.sr-avatar.sex-F.is-deceased{background:#c026690a;border:1px dashed rgba(192,38,105,.45)}.drawer-avatar{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:4px;box-sizing:border-box}.drawer-avatar.sex-M.is-living{background:var(--male-soft);border:1.5px solid rgba(37,99,235,.35)}.drawer-avatar.sex-F.is-living{background:var(--female-soft);border:1.5px solid rgba(192,38,105,.35)}.drawer-avatar.sex-M.is-deceased{background:#2563eb0a;border:1.5px dashed rgba(37,99,235,.5)}.drawer-avatar.sex-F.is-deceased{background:#c026690a;border:1.5px dashed rgba(192,38,105,.5)}.drawer-header-profile{display:flex;align-items:center;gap:.85rem;margin-bottom:.85rem;padding-bottom:.65rem;border-bottom:1px solid var(--border-subtle)}.node-title-wrap{flex:1;min-width:0}.node-name{font-size:.82rem;font-weight:700;color:var(--text-primary);line-height:1.22;word-break:break-word}.node-star{color:#d97706;font-size:.85rem;flex-shrink:0;line-height:1}.node-surname{display:inline-block;font-size:.66rem;font-weight:700;color:var(--accent-primary);background:var(--accent-soft);padding:.06rem .36rem;border-radius:5px;margin-top:.16rem}.node-detail-row{display:none;font-size:.66rem;color:var(--text-secondary);margin-top:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:.25rem;margin-top:.36rem;padding-top:.26rem;border-top:1px solid var(--border-subtle);font-size:.72rem;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums}.node-lifespan{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-focus-btn{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:5px;padding:.08rem .34rem;font-size:.65rem;font-weight:700;cursor:pointer;flex-shrink:0}.node-focus-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.collateral-branch-pill{background:#16a34a24;border:1px solid rgba(22,163,74,.42);color:#15803d;border-radius:6px;padding:.08rem .36rem;font-size:.66rem;font-weight:700;cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;gap:.15rem;transition:all .12s}[data-theme=dark] .collateral-branch-pill{color:#4ade80;background:#22c55e29}.collateral-branch-pill:hover{background:#16a34a;color:#fff}.tree-stage[data-zoom-tier=far] .node-name{font-size:.9rem;font-weight:800}.tree-stage[data-zoom-tier=far] .node-lifespan{font-size:.77rem;font-weight:700;color:var(--text-primary)}.tree-stage[data-zoom-tier=far] .node-focus-btn{display:none}.tree-stage[data-zoom-tier=close] .node-detail-row{display:block}.spouse-connector-badge{align-self:center;width:24px;height:24px;border-radius:50%;background:#16a34a24;border:1.5px solid #16a34a;color:#15803d;font-size:.78rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;box-shadow:var(--shadow-sm)}[data-theme=dark] .spouse-connector-badge{color:#4ade80}.expand-branch-badge{position:absolute;bottom:-11px;left:50%;transform:translate(-50%);background:var(--accent-primary);color:#fff;font-size:.64rem;font-weight:700;padding:.1rem .45rem;border-radius:999px;box-shadow:var(--shadow-sm);white-space:nowrap;cursor:pointer;z-index:4}.expand-ancestor-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:var(--accent-gold);color:#fff;font-size:.64rem;font-weight:700;padding:.1rem .45rem;border-radius:999px;box-shadow:var(--shadow-sm);white-space:nowrap;cursor:pointer;z-index:4}.node-branch-row{display:flex;align-items:center;margin-top:.22rem;min-width:0}.node-branch-pill{display:inline-flex;align-items:center;gap:.28rem;font-size:.65rem;font-weight:700;line-height:1.15;padding:.12rem .44rem;border-radius:999px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 2px #0000000a;letter-spacing:.01em;transition:transform .12s ease,box-shadow .12s ease;user-select:none}.node-branch-pill:hover{transform:translateY(-1px);box-shadow:0 2px 5px #00000014}.branch-style-0{background:#f472b626;color:#be185d;border:1px solid rgba(244,114,182,.45)}[data-theme=dark] .branch-style-0{background:#f472b62e;color:#f472b6;border-color:#f472b67a}.branch-style-1{background:#10b98124;color:#047857;border:1px solid rgba(16,185,129,.42)}[data-theme=dark] .branch-style-1{background:#10b9812e;color:#34d399;border-color:#10b9817a}.branch-style-2{background:#f59e0b26;color:#b45309;border:1px solid rgba(245,158,11,.42)}[data-theme=dark] .branch-style-2{background:#f59e0b2e;color:#fbbf24;border-color:#f59e0b7a}.branch-style-3{background:#8b5cf626;color:#6d28d9;border:1px solid rgba(139,92,246,.42)}[data-theme=dark] .branch-style-3{background:#8b5cf62e;color:#a78bfa;border-color:#8b5cf67a}.drawer-rel-branch-pill{display:inline-flex;align-items:center;gap:.2rem;font-size:.65rem;font-weight:700;padding:.08rem .36rem;border-radius:999px;margin-left:.35rem;vertical-align:middle}.canvas-hud-dock{position:absolute;bottom:1.1rem;right:1.1rem;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;z-index:15}.tree-minimap{position:relative;width:196px;height:122px;background:var(--bg-surface);border:1.5px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden;cursor:crosshair;opacity:.94;transition:opacity .15s}.tree-minimap:hover{opacity:1}.tree-minimap.desktop-hidden{display:none!important}.minimap-svg{width:100%;height:100%;display:block}.minimap-viewport-rect{position:absolute;border:2px solid var(--accent-gold);background:#a6762b24;border-radius:3px;pointer-events:none;box-shadow:0 0 0 1px #ffffff80}.canvas-hud{display:flex;align-items:center;gap:.3rem;background:var(--bg-surface);padding:.35rem .5rem;border-radius:12px;border:1.5px solid var(--border-strong);box-shadow:var(--shadow-md)}.hud-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-primary);font-size:.95rem;font-weight:700;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s}.hud-btn-wide{width:auto;padding:0 .5rem;font-size:.75rem;gap:.25rem}.hud-btn:hover,.hud-minimap-toggle.active{background:var(--bg-secondary)}.zoom-slider{width:92px;height:5px;accent-color:var(--accent-primary);cursor:pointer}.zoom-pct-label{font-size:.72rem;font-weight:700;color:var(--text-secondary);min-width:34px;text-align:right;font-variant-numeric:tabular-nums}.hud-divider{width:1px;height:20px;background:var(--border-strong);margin:0 .15rem}.canvas-legend{position:absolute;bottom:1.1rem;left:1.1rem;display:flex;align-items:center;gap:.85rem;padding:.45rem .85rem;border-radius:999px;background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);font-size:.75rem;color:var(--text-secondary);z-index:15}.legend-item{display:inline-flex;align-items:center;gap:.35rem}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot-male{background:var(--male-accent)}.dot-female{background:var(--female-accent)}.dot-focus{background:var(--accent-gold)}.dot-living{background:var(--text-primary)}.dot-deceased{background:transparent;border:1.5px solid var(--text-primary);box-sizing:border-box}.legend-symbol{color:var(--accent-gold);font-weight:700}.section-container{max-width:1320px;width:100%;margin:0 auto;padding:1.75rem 1.5rem 4rem;overflow-y:auto;height:100%}.narrow-container{max-width:920px}.section-title{font-family:Cormorant Garamond,Georgia,serif;font-size:1.9rem;font-weight:700;color:var(--text-primary)}.section-subtitle{font-size:.88rem;color:var(--text-secondary);margin-top:.2rem}.directory-header{display:flex;flex-direction:column;gap:1.1rem;margin-bottom:1.5rem}.directory-filters{display:flex;flex-wrap:wrap;gap:.65rem}.filter-input,.filter-select{padding:.58rem .85rem;border-radius:10px;border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-primary);font-size:.85rem;font-family:inherit;outline:none}.filter-input{min-width:220px;flex:1}.full-width{width:100%}.directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:.9rem}.dir-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-left:4px solid var(--border-strong);border-radius:12px;padding:.9rem 1rem;cursor:pointer;transition:transform .14s,box-shadow .14s,border-color .14s;display:flex;flex-direction:column;justify-content:space-between;gap:.6rem}.dir-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.dir-card.sex-M{border-left-color:var(--male-accent)}.dir-card.sex-F{border-left-color:var(--female-accent)}.dir-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.dir-card-name{font-size:.95rem;font-weight:700;color:var(--text-primary)}.dir-card-dates{font-size:.78rem;color:var(--text-muted);margin-top:.15rem}.dir-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);padding-top:.5rem;border-top:1px solid var(--border-subtle)}.kinship-header{margin-bottom:1.5rem}.kinship-selector-card{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;padding:1.35rem;box-shadow:var(--shadow-sm)}.kinship-person-box{display:flex;flex-direction:column;gap:.5rem}.kinship-person-box label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.autocomplete-wrap{position:relative}.autocomplete-list{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:240px;overflow-y:auto;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:10px;box-shadow:var(--shadow-md);z-index:60}.selected-person-pill{min-height:36px;display:flex;align-items:center;justify-content:space-between;padding:.45rem .75rem;border-radius:9px;background:var(--accent-soft);color:var(--accent-primary);font-size:.84rem;font-weight:700}.swap-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--border-strong);background:var(--bg-secondary);color:var(--text-primary);font-size:1.1rem;cursor:pointer}.swap-btn:hover{background:var(--accent-gold-soft);border-color:var(--accent-gold)}.kinship-result-area{margin-top:1.5rem}.kinship-summary-banner{background:var(--bg-surface);border:1.5px solid var(--accent-gold);border-radius:14px;padding:1.25rem;text-align:center;margin-bottom:1.25rem;box-shadow:var(--shadow-sm)}.kinship-summary-title{font-family:Cormorant Garamond,Georgia,serif;font-size:1.55rem;font-weight:700;color:var(--accent-gold)}.kinship-steps-chain{display:flex;flex-direction:column;gap:.5rem}.kinship-step-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:.75rem 1rem;cursor:pointer}.kinship-step-card:hover{border-color:var(--accent-primary)}.kinship-arrow-row{text-align:center;font-size:.78rem;font-weight:700;color:var(--accent-gold);padding:.15rem 0}.stats-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:1rem;margin:1.25rem 0 1.75rem}.kpi-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;padding:1.15rem 1.25rem;box-shadow:var(--shadow-sm)}.kpi-value{font-family:Cormorant Garamond,Georgia,serif;font-size:2.2rem;font-weight:700;color:var(--accent-primary);line-height:1.1}.kpi-label{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem;font-weight:600}.stats-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1.25rem}.stats-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;padding:1.35rem;box-shadow:var(--shadow-sm)}.stats-card.full-span{grid-column:1 / -1}.stats-card h3{font-size:1.05rem;font-weight:700;margin-bottom:.25rem}.stats-card-hint{font-size:.78rem;color:var(--text-muted);margin-bottom:1rem}.bar-chart-list{display:flex;flex-direction:column;gap:.55rem}.bar-row{display:grid;grid-template-columns:120px 1fr 44px;align-items:center;gap:.65rem;font-size:.8rem;cursor:pointer;padding:.2rem .35rem;border-radius:6px}.bar-row:hover{background:var(--bg-secondary)}.bar-label{font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:10px;border-radius:999px;background:var(--bg-secondary);overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-gold))}.bar-count{text-align:right;font-weight:700;color:var(--text-secondary);font-variant-numeric:tabular-nums}.roots-rank-list{display:flex;flex-direction:column;gap:.5rem}.root-rank-item{display:flex;align-items:center;justify-content:space-between;padding:.55rem .75rem;border-radius:10px;background:var(--bg-primary);border:1px solid var(--border-subtle);cursor:pointer;transition:border-color .15s}.root-rank-item:hover{border-color:var(--accent-gold)}.decades-chart{display:flex;align-items:flex-end;gap:.65rem;height:190px;padding-top:1.5rem;overflow-x:auto}.decade-col{flex:1;min-width:44px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.35rem}.decade-bar{width:100%;max-width:38px;background:var(--accent-primary);border-radius:6px 6px 0 0;min-height:4px;transition:height .3s ease}.decade-count{font-size:.72rem;font-weight:700;color:var(--text-secondary)}.decade-label{font-size:.72rem;color:var(--text-muted);font-weight:600}.drawer-backdrop{position:fixed;inset:0;background:#0f15126b;backdrop-filter:blur(2px);z-index:80}.person-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:430px;background:var(--bg-surface);border-left:1px solid var(--border-strong);box-shadow:var(--shadow-lg);z-index:90;display:flex;flex-direction:column;overflow:hidden}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated)}.gender-pill,.status-pill{display:inline-block;font-size:.72rem;font-weight:700;padding:.2rem .55rem;border-radius:999px;margin-right:.35rem}.gender-pill.sex-M{background:var(--male-soft);color:var(--male-accent)}.gender-pill.sex-F{background:var(--female-soft);color:var(--female-accent)}.status-pill{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-subtle)}.status-pill.is-living{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.35)}.status-pill.is-deceased{background:#94a3b814;color:var(--text-secondary);border:1px dashed rgba(148,163,184,.5)}.drawer-close-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;font-size:.95rem}.drawer-body{flex:1;overflow-y:auto;padding:1.35rem 1.25rem 2.5rem}.drawer-person-title{font-family:Cormorant Garamond,Georgia,serif;font-size:1.85rem;font-weight:700;line-height:1.15;margin-bottom:.35rem}.drawer-dates-line{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem}.drawer-action-row{display:flex;gap:.5rem;margin-bottom:1.25rem}.drawer-btn{flex:1;padding:.6rem .75rem;border-radius:10px;border:1px solid var(--border-strong);background:var(--bg-primary);color:var(--text-primary);font-size:.8rem;font-weight:700;font-family:inherit;cursor:pointer;text-align:center}.drawer-btn.primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.drawer-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.35rem}.drawer-stat-box{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;padding:.6rem;text-align:center}.drawer-stat-num{font-size:1.1rem;font-weight:700;color:var(--accent-primary)}.drawer-stat-lbl{font-size:.68rem;color:var(--text-muted);margin-top:.1rem}.drawer-rel-group{margin-top:1.15rem}.drawer-rel-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:.5rem}.drawer-rel-list{display:flex;flex-direction:column;gap:.45rem}.drawer-rel-item{display:flex;align-items:center;justify-content:space-between;padding:.58rem .75rem;border-radius:10px;background:var(--bg-primary);border:1px solid var(--border-subtle);cursor:pointer;transition:border-color .14s,background .14s}.drawer-rel-item:hover{border-color:var(--accent-gold);background:var(--bg-secondary)}.drawer-drag-handle{display:none;align-items:center;justify-content:center;padding:.55rem 0 .2rem;background:var(--bg-elevated);cursor:grab;touch-action:none}.drawer-drag-pill{width:42px;height:5px;border-radius:999px;background:var(--border-strong)}.mode-pill-btn{display:inline-flex;align-items:center;gap:.35rem;height:36px;padding:0 .75rem;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-secondary);color:var(--text-primary);font-size:.78rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s}.mode-pill-btn.is-editor{background:var(--accent-gold-soft);border-color:var(--accent-gold);color:var(--accent-gold)}.add-person-top-btn{height:36px;padding:0 .85rem;border-radius:9px;border:none;background:var(--accent-primary);color:#fff;font-size:.78rem;font-weight:700;font-family:inherit;cursor:pointer;white-space:nowrap}.add-person-top-btn:hover{background:var(--accent-primary-hover)}.dir-title-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.85rem}.dir-action-btns{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.small-btn{padding:.5rem .9rem;font-size:.82rem;border-radius:9px}.fan-canvas-wrap{position:relative;flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-canvas);background-image:radial-gradient(var(--canvas-grid) 1.5px,transparent 1.5px);background-size:24px 24px;overflow:hidden;padding:1rem;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}.fan-canvas-wrap.dragging{cursor:grabbing}.fan-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-origin:center center;will-change:transform}.fan-svg{width:100%;height:100%;max-width:860px;max-height:860px;overflow:visible}.fan-sector{cursor:pointer;transition:opacity .2s ease;transform-box:fill-box;transform-origin:center;animation:fanSectorIn .5s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:var(--delay, 0ms)}@keyframes fanSectorIn{0%{opacity:0;transform:scale(.93)}}.fan-shape{fill:hsl(var(--h),var(--s),calc(70% + var(--ring) * 3%));stroke:var(--bg-canvas);stroke-width:1.6;stroke-linejoin:round;transition:fill .2s ease}.fan-sector.is-hover .fan-shape{fill:hsl(var(--h),calc(var(--s) + 10%),calc(64% + var(--ring) * 3%))}.fan-accent{fill:hsl(var(--h),calc(var(--s) + 6%),42%);pointer-events:none}.fan-more{fill:hsl(var(--h),calc(var(--s) + 6%),46%);opacity:.8}[data-theme=dark] .fan-shape{fill:hsl(var(--h),calc(var(--s) * .75),calc(34% - var(--ring) * 2%))}[data-theme=dark] .fan-sector.is-hover .fan-shape{fill:hsl(var(--h),var(--s),calc(40% - var(--ring) * 2%))}[data-theme=dark] .fan-accent,[data-theme=dark] .fan-more{fill:hsl(var(--h),var(--s),62%)}.fan-svg.is-tracing .fan-sector:not(.is-trace){opacity:.26}.fan-hover-outline{fill:none;stroke:var(--accent-gold);stroke-width:2.6;stroke-linejoin:round;pointer-events:none}.fan-name{font-weight:700;fill:var(--text-primary);pointer-events:none}.fan-years{font-weight:500;fill:var(--text-secondary);pointer-events:none;font-variant-numeric:tabular-nums}.fan-avatar-bg{fill:var(--bg-surface);opacity:.92;pointer-events:none}.fan-backdrop{fill:var(--bg-surface);opacity:.55}[data-theme=dark] .fan-backdrop{opacity:.35}.fan-guide{fill:none;stroke:var(--border-strong);stroke-width:1;stroke-dasharray:2 5;opacity:.7}.fan-ring-label{font-size:8.5px;font-weight:600;letter-spacing:.04em;fill:var(--text-muted);pointer-events:none}.fan-empty{font-size:11px;font-style:italic;fill:var(--text-muted)}.fan-center-disc{fill:url(#fan-center-grad)}.fan-cg-a{stop-color:var(--accent-primary)}.fan-cg-b{stop-color:var(--accent-primary-hover)}.fan-center-halo{fill:none;stroke:var(--accent-gold);stroke-width:3}.fan-center-inner{fill:none;stroke:#ffffff59;stroke-width:1;stroke-dasharray:1.5 3}.fan-center-name{fill:#fff;font-size:12px;font-weight:800}.fan-center-surname{fill:#ffffffd9;font-size:9.5px;font-weight:600;letter-spacing:.06em}.fan-center-years{fill:#f3d9a6;font-size:8.5px;font-weight:600}.fan-legend{position:absolute;left:1rem;bottom:1rem;z-index:12;display:flex;flex-direction:column;gap:.4rem;max-width:min(460px,calc(100% - 2rem));padding:.6rem .8rem;border-radius:14px;background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);font-size:.74rem;color:var(--text-secondary);cursor:default}.fan-legend.hidden{display:none}.fan-legend-stats{display:flex;flex-wrap:wrap;gap:.35rem .85rem}.fan-legend-stats span{display:inline-flex;align-items:center;gap:.3rem}.fan-legend-stats b{color:var(--text-primary);font-weight:800}.fan-legend-colors{display:flex;flex-wrap:wrap;gap:.3rem .7rem;padding-top:.4rem;border-top:1px dashed var(--border-subtle)}.fan-legend-item{display:inline-flex;align-items:center;gap:.3rem;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fan-swatch{width:11px;height:11px;border-radius:3px;display:inline-block;flex-shrink:0}.fan-legend-note{font-size:.68rem;color:var(--text-muted);line-height:1.35}.fan-tooltip{position:absolute;left:0;top:0;z-index:25;min-width:210px;max-width:280px;padding:.7rem .8rem;border-radius:12px;background:var(--bg-surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);font-size:.76rem;color:var(--text-secondary);pointer-events:none}.fan-tooltip.hidden{display:none}.fan-tip-head{display:flex;align-items:center;gap:.55rem;margin-bottom:.45rem}.fan-tip-avatar{width:36px;height:36px;padding:5px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border-subtle);flex-shrink:0}.fan-tip-titles{display:flex;flex-direction:column;min-width:0}.fan-tip-titles strong{color:var(--text-primary);font-size:.86rem;line-height:1.2}.fan-tip-rel{color:var(--accent-gold);font-weight:700;font-size:.7rem}.fan-tip-row{display:flex;justify-content:space-between;gap:.8rem;padding:.2rem 0;border-top:1px solid var(--border-subtle)}.fan-tip-row b{color:var(--text-primary);font-weight:600;text-align:right}.fan-tip-status.is-alive{color:var(--accent-primary)}.fan-tip-status.is-dead{color:var(--text-muted)}.fan-tip-more{margin-top:.3rem;color:var(--accent-gold);font-weight:600}.fan-tip-hint{margin-top:.4rem;font-size:.66rem;color:var(--text-muted)}@media(max-width:768px){.fan-legend{left:.5rem;right:.5rem;bottom:.5rem;max-width:none;padding:.45rem .6rem;font-size:.68rem;gap:.3rem}.fan-legend-note{display:none}.fan-legend-item{max-width:110px}}@media(prefers-reduced-motion:reduce){.fan-sector{animation:none}}.timeline-header{margin-bottom:1.5rem}.timeline-controls-bar{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;width:100%}.timeline-mode-toggle{display:inline-flex;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;padding:3px;gap:4px;align-self:flex-start}.mode-tab-btn{background:transparent;border:none;font-family:inherit;font-size:.8rem;font-weight:600;color:var(--text-secondary);padding:.45rem .9rem;border-radius:8px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.mode-tab-btn:hover{color:var(--text-primary)}.mode-tab-btn.active{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-sm)}.timeline-filters-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:.65rem;align-items:center;width:100%}.timeline-list{display:flex;flex-direction:column;gap:.85rem;position:relative;padding-left:1.75rem;border-left:2px solid var(--accent-gold)}.timeline-era-divider{position:relative;margin:1.5rem 0 .5rem -1.75rem;padding-left:1.75rem}.timeline-era-divider:before{content:"";position:absolute;left:0;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:var(--accent-gold);border:3px solid var(--bg-surface);box-shadow:0 0 0 2px var(--accent-gold)}.timeline-era-pill{display:inline-block;font-family:Cormorant Garamond,Georgia,serif;font-size:1.15rem;font-weight:700;color:var(--accent-primary);background:var(--bg-surface);border:1px solid var(--border-subtle);padding:.35rem .85rem;border-radius:8px;box-shadow:var(--shadow-sm)}.timeline-era-desc{font-size:.78rem;color:var(--text-muted);margin-top:.25rem;line-height:1.35}.timeline-lifespan-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.75rem;position:relative;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;cursor:pointer}.timeline-lifespan-card:before{content:"";position:absolute;left:-2.32rem;top:1.35rem;width:10px;height:10px;border-radius:50%;background:var(--accent-primary);border:2px solid var(--bg-canvas)}.timeline-lifespan-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-gold)}.timeline-lifespan-card.is-root-card{border-left:4px solid var(--accent-gold);background:linear-gradient(135deg,rgba(212,168,67,.08) 0%,var(--bg-surface) 100%)}.tl-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.tl-person-header{display:flex;align-items:flex-start;gap:.75rem;min-width:0;flex:1}.tl-avatar{width:38px;height:38px;padding:4px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border-subtle);flex-shrink:0}.tl-info-wrap{display:flex;flex-direction:column;gap:.2rem;min-width:0}.tl-name-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.tl-name{font-size:.95rem;font-weight:700;color:var(--text-primary)}.tl-gen-badge{font-size:.68rem;font-weight:700;padding:.15rem .5rem;border-radius:6px;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle)}.tl-gen-badge.gen-root{background:#d4a84333;color:#926a11;border-color:var(--accent-gold)}.tl-meta-row{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.tl-dates-block{text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.tl-year-range{font-family:Cormorant Garamond,Georgia,serif;font-size:1.25rem;font-weight:700;color:var(--accent-primary);line-height:1}.tl-badge-row{display:flex;align-items:center;gap:.35rem}.tl-cert-pill{font-size:.68rem;font-weight:600;padding:.1rem .45rem;border-radius:4px}.tl-cert-pill.is-exact{background:#10b98126;color:#059669}.tl-cert-pill.is-est{background:#f59e0b26;color:#d97706}.tl-age-pill{font-size:.68rem;color:var(--text-muted);font-weight:600}.tl-bar-track{width:100%;height:20px;background:var(--bg-elevated);border-radius:999px;position:relative;overflow:hidden;border:1px solid var(--border-subtle)}.tl-bar-fill{position:absolute;top:0;bottom:0;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 .5rem;min-width:28px;transition:width .3s ease,left .3s ease}.tl-bar-fill.is-deceased{background:linear-gradient(90deg,#235340,#35755b);color:#fff}.tl-bar-fill.is-living{background:linear-gradient(90deg,#10b981,#059669);color:#fff}.tl-bar-fill.is-est{background:linear-gradient(90deg,#b48c36,#d4a843);color:#1a1a1a;border:1px dashed rgba(255,255,255,.6)}.tl-bar-label{font-size:.68rem;font-weight:700;white-space:nowrap;letter-spacing:.02em}.tl-card-actions{display:flex;align-items:center;gap:.45rem;justify-content:flex-end;padding-top:.4rem;border-top:1px solid var(--border-subtle)}.tl-action-btn{height:28px;padding:0 .65rem;font-size:.74rem}.timeline-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;position:relative;transition:transform .12s ease,box-shadow .12s ease}.timeline-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.timeline-item:before{content:"";position:absolute;left:-2.32rem;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:var(--accent-gold);border:2px solid var(--bg-canvas)}.timeline-year{font-family:Cormorant Garamond,Georgia,serif;font-size:1.35rem;font-weight:700;color:var(--accent-primary);min-width:58px}.backup-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.1rem;margin-top:1.25rem}.modal-backdrop{position:fixed;inset:0;background:#0f15128c;backdrop-filter:blur(3px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-card{width:100%;max-width:560px;max-height:90vh;max-height:90dvh;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:18px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.35rem;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle)}.modal-header h3{font-family:Cormorant Garamond,Georgia,serif;font-size:1.45rem;font-weight:700}.modal-body{padding:1.35rem;overflow-y:auto;display:flex;flex-direction:column;gap:.9rem}.modal-card.modal-wide{max-width:820px}.health-scorecard{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.1rem 1.35rem;border-radius:14px;background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--bg-surface) 100%);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);flex-wrap:wrap}.health-score-ring{display:flex;align-items:center;gap:.9rem}.health-score-val{font-family:Cormorant Garamond,Georgia,serif;font-size:2.2rem;font-weight:700;line-height:1}.health-score-val.score-good{color:#10b981}.health-score-val.score-warning{color:#f59e0b}.health-score-val.score-danger{color:#ef4444}.health-score-meta{display:flex;flex-direction:column}.health-score-title{font-weight:700;font-size:.92rem;color:var(--text-primary)}.health-score-subtitle{font-size:.74rem;color:var(--text-muted)}.health-stats-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.health-stat-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:999px;font-size:.76rem;font-weight:600;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary)}.health-stat-pill.pill-error{border-color:#ef444466;background:#ef444414;color:#ef4444}.health-stat-pill.pill-warning{border-color:#f59e0b66;background:#f59e0b14;color:#d97706}.health-stat-pill.pill-info{border-color:#3b82f666;background:#3b82f614;color:#2563eb}[data-theme=dark] .health-stat-pill.pill-warning{color:#fbbf24}[data-theme=dark] .health-stat-pill.pill-info{color:#60a5fa}.health-tabs{display:flex;align-items:center;gap:.4rem;overflow-x:auto;padding-bottom:.2rem;border-bottom:1px solid var(--border-subtle)}.health-tab-btn{background:transparent;border:none;font-family:inherit;font-size:.8rem;font-weight:600;color:var(--text-secondary);padding:.4rem .75rem;border-radius:8px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.health-tab-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.health-tab-btn.active{background:var(--accent-primary);color:#fff}.health-issues-container{display:flex;flex-direction:column;gap:.65rem;max-height:48vh;overflow-y:auto;padding-right:.25rem}.health-issue-card{display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem;padding:.75rem .95rem;border-radius:12px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-left-width:4px;transition:transform .12s,box-shadow .12s}.health-issue-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.health-issue-card.issue-error{border-left-color:#ef4444}.health-issue-card.issue-warning{border-left-color:#f59e0b}.health-issue-card.issue-info{border-left-color:#3b82f6}.health-issue-main{display:flex;align-items:flex-start;gap:.75rem;min-width:0;flex:1}.health-issue-avatar{width:34px;height:34px;padding:4px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border-subtle);flex-shrink:0}.health-issue-content{display:flex;flex-direction:column;gap:.15rem;min-width:0}.health-issue-title{font-size:.85rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.health-issue-detail{font-size:.75rem;color:var(--text-secondary);line-height:1.35}.health-issue-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.health-success-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2.5rem 1.5rem;gap:.75rem;border-radius:14px;background:#10b9810f;border:1.5px dashed rgba(16,185,129,.3)}.health-success-icon{font-size:2.8rem}.health-success-title{font-family:Cormorant Garamond,Georgia,serif;font-size:1.45rem;font-weight:700;color:#10b981}.health-success-desc{font-size:.82rem;color:var(--text-secondary);max-width:420px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-field{display:flex;flex-direction:column;gap:.3rem}.form-field label{font-size:.76rem;font-weight:700;color:var(--text-secondary)}.form-field input,.form-field select,.form-field textarea{padding:.55rem .75rem;border-radius:9px;border:1px solid var(--border-strong);background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:.86rem;outline:none}.form-field textarea{min-height:74px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:.55rem;margin-top:.5rem;padding-top:.85rem;border-top:1px solid var(--border-subtle)}.danger-btn{padding:.55rem .95rem;border-radius:9px;border:1px solid rgba(220,38,38,.45);background:#dc26261a;color:#dc2626;font-size:.8rem;font-weight:700;cursor:pointer}.danger-btn:hover{background:#dc2626;color:#fff}.notes-box{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;padding:.75rem;font-size:.84rem;line-height:1.5;color:var(--text-secondary);white-space:pre-wrap;margin-bottom:1rem}@media(max-width:1560px){.topbar{flex-wrap:wrap;padding:.55rem 1.1rem;gap:.55rem .85rem}.topbar-brand{order:1}.global-search-container{order:2;flex:1 1 320px;min-width:280px;max-width:580px}.topbar-actions{order:3}.main-nav{order:4;width:100%;overflow-x:auto;justify-content:center}}@media(max-width:1024px){.main-nav{justify-content:flex-start}.tree-toolbar{flex-direction:column;align-items:stretch;gap:.45rem;padding:.45rem .85rem}.kinship-selector-card{grid-template-columns:1fr}.swap-btn{margin:0 auto}.stats-charts-grid{grid-template-columns:1fr}}@media(max-width:920px){.global-search-container{order:3;max-width:100%;min-width:0;flex:1 1 100%}.topbar-actions{order:2}}@media(max-width:768px){.main-nav{position:fixed;bottom:0;left:0;right:0;z-index:70;background:var(--bg-surface);border-top:1px solid var(--border-strong);border-radius:0;height:calc(56px + env(safe-area-inset-bottom,0px));padding:.2rem .5rem calc(.2rem + env(safe-area-inset-bottom,0px));display:flex;flex-direction:row;align-items:center;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;box-shadow:0 -4px 20px #00000017;gap:.35rem}.main-nav::-webkit-scrollbar{display:none}.nav-tab{flex:0 0 auto;min-width:66px;height:48px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:.2rem .55rem;font-size:.65rem;font-weight:600;border-radius:10px;text-align:center;scroll-snap-align:center;white-space:nowrap;transition:background .15s ease,transform .1s ease}.nav-tab:active{transform:scale(.94)}.nav-tab.active{background:var(--primary-bg-subtle, rgba(35, 83, 64, .12));color:var(--primary-color, #235340);font-weight:700}.nav-tab span:not(.nav-icon){display:block;width:auto;overflow:visible;text-overflow:clip;white-space:nowrap;font-size:.65rem;line-height:1.1}.nav-icon{font-size:1.15rem;line-height:1}.view-section{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))}.topbar{padding:.35rem .55rem;gap:.32rem .4rem}.topbar-brand{gap:.45rem}.brand-emblem{width:28px;height:28px;font-size:.95rem;border-radius:8px}.brand-title{font-size:.96rem}.brand-meta{font-size:.62rem}.topbar-actions{gap:.24rem}.mode-pill-btn{height:30px;padding:0 .48rem;font-size:.7rem}#editor-mode-text{display:none}.add-person-top-btn{height:30px;padding:0 .52rem;font-size:.7rem;border-radius:8px}.icon-action-btn{width:30px;min-width:30px;height:30px;padding:0;font-size:.76rem;border-radius:8px}.search-Shortcut{display:none}.search-dropdown{left:0;right:0;min-width:0;width:100%;max-width:100%;max-height:62vh}.global-search-input,.auth-input,.filter-input,.filter-select,.form-field input,.form-field select,.form-field textarea{font-size:16px!important}.global-search-input{height:34px;padding:.3rem .75rem .3rem 2rem}.tree-toolbar{padding:.28rem .55rem;gap:.28rem}.toolbar-label{display:none}.branch-pill{padding:.22rem .55rem;font-size:.7rem}.tree-controls-group{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;gap:.32rem;padding-bottom:1px}.tree-controls-group::-webkit-scrollbar{display:none}.control-pill,.control-pill-btn{padding:.2rem .48rem;font-size:.7rem;border-radius:7px;flex-shrink:0;white-space:nowrap}.control-pill select{font-size:.72rem}.focus-banner{padding:.26rem .55rem;flex-wrap:nowrap;gap:.4rem;min-height:34px}.focus-info{flex:1;min-width:0;flex-wrap:nowrap;gap:.35rem;overflow:hidden}.focus-badge{font-size:.62rem;padding:.1rem .35rem;flex-shrink:0}#focused-person-name{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.focused-meta{display:none}.focus-actions{width:auto;flex-shrink:0;gap:.25rem}.focus-actions .mini-btn{flex:0 0 auto;padding:.22rem .45rem;font-size:.68rem;border-radius:6px;white-space:nowrap}.canvas-hud-dock{right:.5rem;bottom:.5rem;gap:.35rem}.tree-minimap{display:none;width:138px;height:88px;border-radius:10px}.tree-minimap.mobile-visible{display:block}.canvas-hud{padding:.2rem .32rem;gap:.15rem;border-radius:10px}.zoom-slider,.hud-divider{display:none}.zoom-pct-label{font-size:.68rem;min-width:30px;text-align:center}.hud-btn{width:30px;height:30px;font-size:.9rem;border-radius:7px}.hud-btn-wide{width:auto;padding:0 .38rem;font-size:.68rem;gap:.18rem}.canvas-legend{display:none}.node-focus-btn{padding:.2rem .45rem;font-size:.7rem}.spouse-connector-badge{width:26px;height:26px}.person-drawer{inset:auto 0 0;width:100%;max-width:100%;height:84vh;height:84dvh;border-left:none;border-top:1px solid var(--border-strong);border-radius:22px 22px 0 0;transition:transform .2s ease-out}.drawer-drag-handle{display:flex}.drawer-header{padding:.55rem 1.1rem .75rem}.drawer-body{padding:1rem 1.1rem calc(2.5rem + env(safe-area-inset-bottom,0px))}.drawer-action-row{flex-wrap:wrap}.modal-backdrop{align-items:flex-end;padding:0}.modal-card{max-width:100%;max-height:92vh;max-height:92dvh;border-radius:22px 22px 0 0;border-bottom:none}.modal-body{padding:1rem 1.1rem calc(1.5rem + env(safe-area-inset-bottom,0px))}.form-grid-2{grid-template-columns:1fr}.section-container{padding:1rem .85rem 2.5rem}.directory-filters{grid-template-columns:1fr}.dir-action-btns{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.dir-action-btns .primary-btn{grid-column:span 2;height:38px;display:inline-flex;align-items:center;justify-content:center}.dir-action-btns .mini-btn{height:36px;display:inline-flex;align-items:center;justify-content:center;font-size:.74rem;padding:0 .5rem;white-space:nowrap}.health-scorecard{padding:.85rem 1rem;gap:.85rem}.health-score-ring{width:100%;justify-content:flex-start}.health-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;width:100%}.health-stat-pill{font-size:.72rem;padding:.35rem .5rem;justify-content:center;text-align:center}.health-tabs{display:flex;gap:.35rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.35rem;scroll-snap-type:x proximity}.health-tabs::-webkit-scrollbar{display:none}.health-tab-btn{flex:0 0 auto;font-size:.75rem;padding:.4rem .65rem;scroll-snap-align:start;border-radius:8px}.health-issue-card{flex-direction:column;align-items:stretch;gap:.65rem;padding:.8rem .9rem}.health-issue-main{width:100%}.health-issue-actions{display:flex;width:100%;gap:.45rem;padding-top:.55rem;border-top:1px dashed var(--border-subtle)}.health-issue-actions .mini-btn,.health-issue-actions .primary-btn{flex:1;height:38px;min-width:0;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:600;padding:0 .4rem;white-space:nowrap;border-radius:8px}.modal-actions #close-health-modal-btn{width:100%;height:42px;display:flex;align-items:center;justify-content:center;font-size:.88rem}.map-toolbar{flex-direction:column;align-items:stretch;gap:.45rem;padding:.45rem .75rem}.map-toolbar .focus-info{display:flex;justify-content:space-between;align-items:center;width:100%}.map-toolbar .tree-controls-group{width:100%;display:flex;gap:.35rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.map-toolbar .tree-controls-group::-webkit-scrollbar{display:none}.map-toolbar .control-pill{flex:1;min-width:105px;font-size:.72rem;padding:.25rem .5rem}.map-toolbar #start-story-tour-btn{white-space:nowrap;font-size:.72rem;padding:.25rem .55rem;flex-shrink:0}.map-timeline-bar{bottom:.75rem;width:calc(100% - 1.25rem);padding:.35rem .65rem;gap:.5rem;border-radius:14px}.timeline-play-btn{width:32px;height:32px;font-size:.85rem}.timeline-current-year{font-size:1rem;min-width:42px}.timeline-ticks span:nth-child(2),.timeline-ticks span:nth-child(4),.timeline-ticks span:nth-child(6),.timeline-ticks span:nth-child(7){display:none}.map-city-inspector{top:auto;bottom:.5rem;left:.5rem;right:.5rem;width:auto;max-width:none;max-height:55vh;border-radius:16px;padding:.85rem 1rem;box-shadow:0 -8px 30px #00000059;z-index:40}.map-story-card{top:.6rem;left:.5rem;right:.5rem;width:auto;max-width:none;padding:.85rem 1rem;z-index:40}.timeline-filters-grid{grid-template-columns:1fr;gap:.45rem}.timeline-mode-toggle{width:100%;display:flex}.mode-tab-btn{flex:1;text-align:center;padding:.4rem .5rem;font-size:.76rem}.timeline-list{padding-left:1.15rem}.timeline-lifespan-card:before{left:-1.72rem}.timeline-era-divider{margin-left:-1.15rem;padding-left:1.15rem}.timeline-era-pill{font-size:1rem;padding:.25rem .65rem}.tl-card-top{flex-direction:column;align-items:stretch;gap:.55rem}.tl-dates-block{text-align:left;align-items:flex-start;padding-top:.4rem;border-top:1px dashed var(--border-subtle)}.tl-card-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.tl-action-btn{width:100%;height:34px;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;padding:0}}@media(max-width:420px){.brand-meta,.focus-badge{display:none}}.map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 1.25rem;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.map-viewport-wrap{position:relative;flex:1;min-height:0;width:100%;height:100%;overflow:hidden;background:#d8e4df;background-image:radial-gradient(circle at 50% 50%,#ffffff40,#c8dcd766 75%,#aac3be99);user-select:none;touch-action:none}[data-theme=dark] .map-viewport-wrap{background:#131b17;background-image:radial-gradient(circle at 50% 50%,#1e2a2366,#121a15bf 80%,#0a100cf2)}.map-viewport-wrap .canvas-hud{position:absolute;top:.85rem;right:.85rem;z-index:25;box-shadow:0 4px 16px #0000002e}.map-stage{position:absolute;top:0;left:0;width:1200px;height:680px;transform-origin:0 0;cursor:grab;will-change:transform}.map-stage.is-dragging{cursor:grabbing}.migration-map-svg{width:1200px;height:680px;display:block}.map-sea-bg{fill:#d8e4df;transition:fill .3s}[data-theme=dark] .map-sea-bg{fill:#131b17}.map-land-mass{fill:#fcf6eb;stroke:#9d8b70;stroke-width:1.2;stroke-linejoin:round;filter:drop-shadow(0 2px 5px rgba(0,0,0,.07));transition:fill .3s,stroke .3s}[data-theme=dark] .map-land-mass{fill:#222c25;stroke:#4d5d51;filter:drop-shadow(0 2px 5px rgba(0,0,0,.4))}.map-graticule{stroke:#8c785f3d;stroke-width:.8;stroke-dasharray:4 4}[data-theme=dark] .map-graticule{stroke:#64786933}.map-graticule-text{font-family:Cormorant Garamond,Georgia,serif;font-size:11px;fill:#8c785f;font-style:italic}[data-theme=dark] .map-graticule-text{fill:#738879}.map-sea-label{font-family:Cormorant Garamond,Georgia,serif;font-size:14px;font-style:italic;letter-spacing:3px;fill:#465f5599;text-anchor:middle;pointer-events:none}[data-theme=dark] .map-sea-label{fill:#82a09166}.map-region-label{font-family:Cormorant Garamond,Georgia,serif;font-size:13px;font-weight:700;letter-spacing:2px;fill:#785f41b3;text-anchor:middle;pointer-events:none}[data-theme=dark] .map-region-label{fill:#b9a07880}.migration-arc{fill:none;stroke:#c59b27;stroke-width:2.6;stroke-dasharray:7 5;animation:arcDashFlow 2.4s linear infinite;filter:drop-shadow(0 0 3px rgba(197,155,39,.5));transition:opacity .4s ease,stroke-width .3s}.migration-arc.highlighted{stroke:#fc0;stroke-width:3.5;filter:drop-shadow(0 0 6px rgba(255,204,0,.8))}.migration-arc.dimmed{opacity:.15}@keyframes arcDashFlow{0%{stroke-dashoffset:48}to{stroke-dashoffset:0}}.city-marker{cursor:pointer;transition:opacity .3s}.city-marker:hover .city-pin{transform-box:fill-box;transform-origin:center;transform:scale(1.35);stroke:gold;filter:drop-shadow(0 0 6px rgba(255,215,0,.9))}.city-marker:hover .city-label-box{stroke:#b32d2e;stroke-width:1.6px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.city-marker:hover .city-label-text{font-weight:700}.city-marker.dimmed{opacity:.2}.city-pin{fill:#235340;stroke:#c59b27;stroke-width:2;transition:fill .2s,stroke .2s,transform .2s,filter .2s}.city-pin.root{fill:#b32d2e;stroke:gold;stroke-width:2.5}.city-pin.hub{fill:#235340;stroke:gold;stroke-width:2.5}.city-pulse-ring{fill:none;stroke:#c59b27;stroke-width:1.5;opacity:.8;animation:mapPulse 2.4s ease-out infinite}@keyframes mapPulse{0%{r:5;opacity:.9}to{r:20;opacity:0}}.city-label-box{fill:#fffdf8f0;stroke:#c59b27;stroke-width:1;rx:4;filter:drop-shadow(0 2px 4px rgba(0,0,0,.12));transition:stroke .2s,stroke-width .2s,filter .2s}[data-theme=dark] .city-label-box{fill:#1a231df0;stroke:#a88220}.city-label-text{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:11px;font-weight:600;fill:#25201b;text-anchor:middle;dominant-baseline:central}[data-theme=dark] .city-label-text{fill:#f0ebe1}.map-tooltip{position:absolute;left:0;top:0;z-index:30;min-width:220px;max-width:320px;padding:.75rem .9rem;border-radius:12px;background:var(--bg-surface);border:1.5px solid var(--accent-gold);box-shadow:0 10px 28px #00000047;font-size:.82rem;color:var(--text-primary);pointer-events:none;transition:opacity .15s ease,transform .15s ease;backdrop-filter:blur(8px)}.map-tooltip.hidden{display:none}.map-tip-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.35rem;border-bottom:1px solid var(--border-subtle);padding-bottom:.35rem}.map-tip-title{font-family:Cormorant Garamond,Georgia,serif;font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0}.map-tip-count{font-size:.78rem;font-weight:700;color:var(--accent-gold)}.map-tip-region{font-size:.74rem;color:var(--text-muted);font-style:italic;margin-bottom:.45rem}.map-tip-people{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.45rem}.map-tip-person-line{font-size:.8rem;color:var(--text-secondary);display:flex;align-items:center;gap:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-tip-footer{font-size:.72rem;font-weight:600;color:var(--accent-gold);text-align:right;padding-top:.25rem;border-top:1px dashed var(--border-subtle)}.map-story-card{position:absolute;top:1.25rem;left:1.25rem;width:calc(100% - 2.5rem);max-width:440px;background:var(--bg-surface);border:2px solid var(--accent-gold);border-radius:12px;padding:1rem 1.25rem;box-shadow:0 10px 30px #00000040;z-index:25;animation:fadeInDown .3s ease}.story-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.6rem}.story-step-badge{display:inline-block;background:#c5a0592e;color:var(--accent-gold);font-size:.75rem;font-weight:700;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--accent-gold)}.story-card-header h4{margin:0;font-size:1.05rem;font-family:Cormorant Garamond,Georgia,serif;font-weight:700;color:var(--text-primary);flex:1}.story-card-text{font-size:.88rem;line-height:1.5;color:var(--text-secondary);margin:0 0 1rem}.story-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:.6rem}.map-city-inspector{position:absolute;top:1.25rem;right:1.25rem;width:calc(100% - 2.5rem);max-width:380px;max-height:calc(100% - 130px);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:12px;padding:1rem 1.15rem;box-shadow:0 10px 30px #00000040;z-index:25;display:flex;flex-direction:column;overflow:hidden;animation:fadeInDown .3s ease}.city-inspector-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.city-inspector-header h4{margin:0;font-size:1.15rem;font-family:Cormorant Garamond,Georgia,serif;font-weight:700;color:var(--text-primary)}.city-inspector-subtitle{font-size:.78rem;color:var(--accent-gold);font-weight:600}.city-inspector-role{font-size:.82rem;color:var(--text-secondary);font-style:italic;margin:0 0 .75rem;line-height:1.4}.city-people-list{display:flex;flex-direction:column;gap:.45rem;overflow-y:auto;max-height:320px;padding-right:.25rem}.city-person-item{display:flex;align-items:center;justify-content:space-between;padding:.45rem .65rem;border-radius:8px;background:var(--bg-primary);border:1px solid var(--border-subtle);gap:.5rem}.city-person-name{font-size:.84rem;font-weight:600;color:var(--text-primary)}.city-person-meta{font-size:.72rem;color:var(--text-muted)}.map-timeline-bar{position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);width:calc(100% - 2.5rem);max-width:640px;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:999px;padding:.55rem 1.15rem;box-shadow:0 8px 24px #0003;display:flex;align-items:center;gap:1rem;z-index:20}.timeline-play-btn{background:var(--accent-gold);color:#1a1a1a;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.95rem;cursor:pointer;transition:transform .15s,background .15s;flex-shrink:0}.timeline-play-btn:hover{transform:scale(1.08);background:#deb238}.timeline-slider-track{flex:1;display:flex;flex-direction:column;gap:.2rem}.timeline-slider-track input[type=range]{width:100%;accent-color:var(--accent-gold);cursor:pointer;height:6px;border-radius:3px}.timeline-ticks{display:flex;justify-content:space-between;font-size:.68rem;color:var(--text-muted);font-weight:600}.timeline-current-year{font-size:1.2rem;font-weight:700;font-family:Cormorant Garamond,Georgia,serif;color:var(--accent-gold);min-width:52px;text-align:right;flex-shrink:0}@media print{.topbar,.tree-toolbar,.focus-actions,.canvas-hud-dock,.canvas-legend,.node-focus-btn,.collateral-branch-pill,.expand-branch-badge,.expand-ancestor-badge,.person-drawer,.drawer-backdrop,.modal-backdrop{display:none!important}body,.app-shell,.view-section,.tree-viewport{height:auto!important;overflow:visible!important;background:#fff!important}.person-node{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.modal-card.modal-extra-wide{max-width:980px}.share-card-container{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.share-card-canvas-wrapper{position:relative;max-width:340px;width:100%;border-radius:14px;overflow:hidden;box-shadow:0 16px 40px #0000008c;border:2px solid var(--accent-gold, #d4af37);background:#081410}.share-card-canvas-wrapper canvas{width:100%;height:auto;display:block}.share-card-actions{display:flex;flex-direction:column;gap:.6rem;width:100%;max-width:360px}.share-card-btn-row{display:flex;gap:.5rem}.share-card-btn-row .primary-btn{flex:1;padding:.75rem .5rem;font-size:.88rem;display:flex;align-items:center;justify-content:center;gap:.35rem}.poster-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.poster-option-group{display:flex;flex-direction:column;gap:.4rem}.poster-option-group label{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.poster-preview-card{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:12px;padding:1.25rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.poster-format-badge{display:inline-block;padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:700;background:var(--accent-gold-soft, rgba(212, 175, 55, .15));color:var(--accent-gold, #d4af37);border:1px solid var(--accent-gold, #d4af37)}.gedcom-dropzone{border:2px dashed var(--border-strong);border-radius:14px;padding:2.2rem 1.5rem;text-align:center;background:var(--bg-primary);cursor:pointer;transition:all .2s ease}.gedcom-dropzone:hover,.gedcom-dropzone.dragover{border-color:var(--accent-primary);background:var(--accent-soft)}.gedcom-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin:1rem 0}.gedcom-stat-pill{padding:.75rem;border-radius:10px;text-align:center;background:var(--bg-surface);border:1px solid var(--border-subtle)}.gedcom-stat-num{font-size:1.4rem;font-weight:700;font-family:Cormorant Garamond,Georgia,serif}.gedcom-stat-lbl{font-size:.75rem;color:var(--text-muted)}.gedcom-diff-table-wrap{max-height:380px;overflow-y:auto;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-surface)}.gedcom-diff-table{width:100%;border-collapse:collapse;font-size:.82rem}.gedcom-diff-table th{position:sticky;top:0;background:var(--bg-elevated);padding:.65rem .8rem;text-align:left;font-weight:600;border-bottom:1px solid var(--border-subtle);z-index:2}.gedcom-diff-table td{padding:.55rem .8rem;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.gedcom-status-tag{display:inline-block;padding:.18rem .5rem;border-radius:4px;font-size:.72rem;font-weight:600}.gedcom-status-new{background:#10b98129;color:#10b981}.gedcom-status-update{background:#f59e0b29;color:#f59e0b}.gedcom-status-same{background:#94a3b829;color:#94a3b8}.drawer-media-thumb{transition:transform .15s ease,box-shadow .15s ease}.drawer-media-thumb:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.media-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.85rem;margin-top:.75rem}.media-card-item{position:relative;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column}.media-card-item:hover{border-color:var(--accent-gold);transform:translateY(-2px);box-shadow:var(--shadow-md)}.media-card-thumb-wrap{width:100%;aspect-ratio:1;overflow:hidden;position:relative}.media-card-thumb-wrap img{width:100%;height:100%;object-fit:cover;display:block}.media-card-info{padding:.45rem .6rem;font-size:.75rem}.media-card-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card-year{color:var(--text-muted);font-size:.7rem}.lightbox-preview-wrap{max-width:100%;max-height:60vh;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px;background:#000}.lightbox-preview-wrap img{max-width:100%;max-height:60vh;object-fit:contain}#view-archive{overflow-y:auto!important;height:100%;flex:1;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--border-strong) var(--bg-primary)}#view-archive::-webkit-scrollbar{width:9px}#view-archive::-webkit-scrollbar-track{background:var(--bg-primary)}#view-archive::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px}#view-archive::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.archive-container{max-width:1340px;width:100%;margin:0 auto;padding:1.5rem 1.5rem 6.5rem;display:flex;flex-direction:column;gap:1.25rem;box-sizing:border-box}.archive-header-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;padding:1.6rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.archive-header-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-gold),#235340,var(--accent-gold))}.archive-header-main{display:flex;gap:1.25rem;align-items:flex-start}.archive-header-icon{font-size:2.8rem;line-height:1;background:var(--bg-elevated);padding:.85rem;border-radius:16px;border:1px solid var(--border-subtle);flex-shrink:0}.archive-header-badge{font-size:.72rem;font-weight:700;color:var(--accent-gold);letter-spacing:1px;text-transform:uppercase;margin-bottom:.35rem}.archive-header-title{font-family:Cormorant Garamond,Georgia,serif;font-size:1.95rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;line-height:1.25}.archive-header-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.6;max-width:950px}.archive-stats-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border-subtle)}.archive-stat-item{background:var(--bg-elevated);padding:.65rem .85rem;border-radius:10px;border:1px solid var(--border-subtle);text-align:center}.archive-stat-val{font-size:1.25rem;font-weight:700;color:var(--accent-primary);display:block}.archive-stat-lbl{font-size:.72rem;color:var(--text-muted)}.archive-controls-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;padding:1.1rem 1.3rem;display:flex;flex-direction:column;gap:.9rem;box-shadow:var(--shadow-sm)}.archive-search-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.archive-search-input-wrap{flex:1;min-width:280px;position:relative;display:flex;align-items:center}.archive-search-input-wrap .search-icon{position:absolute;left:.85rem;pointer-events:none;font-size:.95rem;opacity:.6}.archive-search-input-wrap input{padding-left:2.3rem;width:100%}.archive-view-mode-toggles{display:flex;gap:.35rem;background:var(--bg-elevated);padding:.25rem;border-radius:10px;border:1px solid var(--border-subtle)}.mode-toggle-btn{padding:.35rem .75rem;border-radius:7px;font-size:.78rem;font-weight:600;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s}.mode-toggle-btn.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.archive-categories-row{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:thin}.arch-chip{padding:.45rem .9rem;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.arch-chip:hover{border-color:var(--accent-gold);color:var(--text-primary)}.arch-chip.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 2px 8px #23534040}.archive-subfilters-row{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.archive-filter-group{display:flex;align-items:center;gap:.45rem;font-size:.8rem;color:var(--text-secondary)}.archive-results-count{margin-left:auto;font-size:.78rem;font-weight:600;color:var(--text-muted)}.archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(295px,1fr));gap:1.2rem}.archive-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:all .25s ease;cursor:pointer;position:relative;box-shadow:var(--shadow-sm)}.archive-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--accent-gold)}.arch-card-preview{height:155px;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-bottom:1px solid var(--border-subtle)}.arch-card-preview img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.archive-card:hover .arch-card-preview img{transform:scale(1.04)}.arch-card-icon-preview{display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.8rem}.arch-card-icon-preview span:first-child{font-size:2.5rem}.arch-card-top-badges{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.arch-format-badge{font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:6px;text-transform:uppercase;background:#000000b3;color:#fff;backdrop-filter:blur(4px)}.arch-type-badge{font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:6px;background:#c59e4be6;color:#1a2520;backdrop-filter:blur(4px)}.arch-card-body{padding:1rem 1.1rem;flex:1;display:flex;flex-direction:column}.arch-card-inst{font-size:.72rem;font-weight:600;color:var(--accent-gold);margin-bottom:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arch-card-title{font-size:.92rem;font-weight:700;color:var(--text-primary);line-height:1.35;margin-bottom:.45rem}.arch-card-desc{font-size:.78rem;color:var(--text-secondary);line-height:1.45;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.arch-card-footer{padding:.65rem 1.1rem;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;font-size:.72rem;color:var(--text-muted);background:var(--bg-elevated)}.arch-card-btn{font-size:.74rem;font-weight:600;color:var(--accent-primary);display:flex;align-items:center;gap:.25rem}.archive-timeline{position:relative;padding:1rem 0 2rem 2.2rem;border-left:2px solid var(--border-strong);margin-left:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.arch-timeline-item{position:relative;cursor:pointer}.arch-timeline-dot{position:absolute;left:-2.85rem;top:.75rem;width:20px;height:20px;border-radius:50%;background:var(--accent-gold);border:3px solid var(--bg-surface);box-shadow:0 0 0 2px var(--accent-gold);display:flex;align-items:center;justify-content:center;font-size:.65rem;color:#1a2520}.arch-timeline-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:1.1rem 1.3rem;transition:all .2s;box-shadow:var(--shadow-sm);display:flex;gap:1.25rem;align-items:center}.arch-timeline-card:hover{border-color:var(--accent-gold);box-shadow:var(--shadow-md);transform:translate(4px)}.arch-timeline-left{flex:1;min-width:0}.arch-timeline-date{font-size:.74rem;font-weight:700;color:var(--accent-gold);margin-bottom:.25rem}.arch-timeline-title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:.35rem}.arch-timeline-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.45}.arch-timeline-right{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;flex-shrink:0}.archive-modal-card{width:92vw;max-width:1120px;height:90vh;background:var(--bg-surface);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #00000073;border:1px solid var(--border-strong)}.archive-modal-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;gap:1rem;background:var(--bg-surface)}.archive-modal-title-wrap{display:flex;align-items:center;gap:.85rem;min-width:0}.archive-modal-badge{font-size:.7rem;font-weight:700;padding:.25rem .6rem;border-radius:6px;background:var(--accent-primary);color:#fff}.archive-modal-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.archive-modal-meta{font-size:.74rem;color:var(--text-muted);margin:.2rem 0 0}.archive-modal-actions{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.lightbox-tools{display:flex;gap:.35rem;align-items:center;background:var(--bg-elevated);padding:.2rem .4rem;border-radius:8px;border:1px solid var(--border-subtle)}.archive-modal-body{flex:1;overflow:auto;position:relative;background:#0f1714;display:flex;align-items:center;justify-content:center}.archive-modal-footer{padding:.65rem 1.5rem;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;background:var(--bg-surface)}.arch-counter-text{font-size:.78rem;font-weight:600;color:var(--text-muted)}.lightbox-image-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;cursor:grab}.lightbox-image-wrap:active{cursor:grabbing}.lightbox-image{max-width:95%;max-height:95%;object-fit:contain;transition:transform .1s ease-out;transform-origin:center center;user-select:none}.doc-text-reader{max-width:820px;width:100%;margin:2rem auto;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:2.5rem 3rem;box-shadow:0 8px 30px #0003;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;line-height:1.85;color:var(--text-primary);white-space:pre-wrap;position:relative}.doc-text-reader:before{content:"RESM\130  YAZI\15eMA METN\130  \2022  DE\11e\130\15eT\130R\130LEMEZ KAYIT";display:block;font-family:Segoe UI,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:1.5px;color:var(--accent-gold);border-bottom:2px solid var(--accent-gold);padding-bottom:.5rem;margin-bottom:1.5rem}.archive-pdf-iframe{width:100%;height:100%;border:none;background:#fff}@media(max-width:768px){.archive-container{padding:.85rem .85rem calc(72px + env(safe-area-inset-bottom,0px)) .85rem;gap:1rem}.archive-header-card{padding:1.1rem}.archive-header-icon{font-size:2rem;padding:.6rem}.archive-header-title{font-size:1.4rem}.archive-grid{grid-template-columns:1fr}.archive-timeline{margin-left:.75rem;padding-left:1.5rem}.arch-timeline-dot{left:-2.05rem;width:16px;height:16px}.archive-modal-card{width:100vw;height:100vh;border-radius:0}.doc-text-reader{padding:1.5rem;margin:1rem auto}.archive-search-input-wrap{min-width:100%}.archive-search-row{gap:.6rem}}