:root{color-scheme:light;font-family:Instrument Sans,Helvetica Neue,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(220,203,168,.42),transparent 24%),linear-gradient(180deg,#f5f2ea,#ede7db);color:#211a12;--paper: rgba(255, 253, 248, .92);--line: rgba(90, 70, 38, .14);--ink: #211a12;--muted: #6f6252;--accent: #9e7344;--accent-strong: #7e5b2d;--focus: #294d75;--panel-width: 320px}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{min-height:100vh}button,input,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:20px;align-items:start;padding:12px 20px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5f2eae6;border-bottom:1px solid var(--line)}.topbar-tools{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.topbar h1{margin:0;font-size:clamp(1.7rem,5vw,2.4rem);line-height:1}.brand-kicker,.picker-label,.detail-kicker{margin:0 0 6px;color:var(--muted);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.canvas-layout{position:relative;min-height:calc(100vh - 88px)}.canvas-layout.has-open-inspector{--canvas-right-safe: calc(var(--panel-width) + 40px)}.canvas-layout.has-collapsed-inspector{--canvas-right-safe: 18px}.chart-panel{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;display:flex;align-items:stretch;background:radial-gradient(circle at top left,rgba(240,228,201,.34),transparent 24%),linear-gradient(180deg,#f6efe0,#efe5d0)}#family-chart{min-height:66vh;width:100%;flex:1;display:flex;align-items:stretch;justify-content:stretch;background:linear-gradient(180deg,#fffcf733,#f6eedf14),repeating-linear-gradient(180deg,rgba(122,90,47,.035) 0,rgba(122,90,47,.035) 1px,transparent 1px,transparent 112px);overflow:hidden;overscroll-behavior:none;touch-action:none}#family-chart>.f3,#family-chart .f3,#family-chart .f3-cont,#family-chart #f3Canvas{width:100%;flex:1;overscroll-behavior:none;touch-action:none}svg.main_svg{width:100%!important;min-height:66vh;height:100%!important}svg.main_svg path,svg.main_svg line,svg.main_svg polyline{stroke:#746a5c8f!important;stroke-width:2.4px!important;opacity:1!important}svg.main_svg text{fill:var(--ink)!important}.card{border:0!important;background:transparent!important;box-shadow:none!important}.person-card{width:100%;min-height:112px;padding:14px 14px 18px;border:2px solid #d8dde6;border-radius:16px;background:#fffdf9;box-shadow:0 8px 18px #20252d0f;text-align:left;color:inherit}.person-card__badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;background:#c4ad8e24;color:var(--muted)}.person-card h3{margin:10px 0 8px;font-size:1rem;line-height:1.18}.person-card__dates p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.35}.person-card.is-female{border-color:#f1a6b6}.person-card.is-male{border-color:#74d0eb}.search-box{position:relative;width:min(420px,100%)}.search-input{width:100%;padding:12px 16px;border-radius:16px;border:1px solid var(--line);background:#fffffff0;color:var(--ink)}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;display:grid;gap:8px;padding:10px;border-radius:18px;background:#fffdf8fa;border:1px solid var(--line);box-shadow:0 18px 36px #31251624}.search-results[hidden]{display:none}.search-result,.secondary-button,.source-button{border:1px solid var(--line);border-radius:14px;background:#ffffffeb;color:var(--ink);cursor:pointer;transition:background .14s ease,transform .14s ease,border-color .14s ease}.search-result{display:grid;gap:4px;padding:12px 14px;text-align:left}.search-result span{color:var(--muted);font-size:.86rem}.search-result:hover,.secondary-button:hover,.source-button:hover{transform:translateY(-1px);background:#fff;border-color:#7e5b2d47}.inspector{position:absolute;top:90px;right:18px;bottom:84px;z-index:11;width:min(var(--panel-width),calc(100vw - 36px));display:flex;flex-direction:column;gap:10px;padding:0;border-radius:18px;background:#faf8f2f0;border:1px solid var(--line);box-shadow:0 20px 40px #3125161f;overflow:hidden}.inspector.is-collapsed{width:auto;bottom:auto;top:16px;padding:0;gap:0;background:transparent;border:0;box-shadow:none;overflow:visible}.inspector-body{display:grid;gap:10px;padding:0 14px 14px;overflow:auto}.inspector.is-collapsed .inspector-body{display:none}.inspector-top{display:flex;justify-content:flex-end;padding:14px 14px 6px;background:linear-gradient(180deg,#faf8f2fa,#faf8f2b8)}.secondary-button{padding:8px 12px}.inspector.is-collapsed .secondary-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8f5;box-shadow:0 8px 18px #3125160f}.picker{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.detail-card{padding:4px 0 0;border-radius:0;background:transparent;border:0}.detail-card h2{margin:0 0 10px;font-family:Iowan Old Style,Palatino Linotype,serif;font-size:clamp(2.1rem,3vw,2.7rem);line-height:1.04}.detail-dates,.muted{margin:0;color:var(--muted);line-height:1.5;font-size:1rem}.facts{margin:18px 0 0;display:grid;gap:12px}.facts div{padding:16px;border-radius:18px;background:#ffffffc2;border:1px solid rgba(90,70,38,.08);box-shadow:inset 0 1px #fff9}.facts dt{margin:0 0 4px;color:var(--muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.facts dd{margin:0;line-height:1.5}.source-list{display:grid;gap:10px}.source-button{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;width:100%;padding:12px 14px;text-align:left}.source-button span{color:var(--muted);font-size:.84rem;white-space:nowrap}.source-button:disabled{cursor:not-allowed;opacity:.55}.detail-note{margin:18px 0 0;line-height:1.6}.floating-focus{position:absolute;right:var(--canvas-right-safe, 20px);bottom:18px;z-index:10;display:flex;gap:8px;align-items:center;padding:8px;border-radius:16px;background:#fffdf8f5;border:1px solid var(--line);box-shadow:0 8px 18px #31251614}.focus-chip{display:inline-flex;align-items:center;padding:0 12px;min-height:36px;border-radius:14px;background:#294d7514;color:var(--focus);font-weight:600}.source-modal{width:min(92vw,1200px);padding:0;border:0;border-radius:28px;background:transparent}.source-modal::backdrop{background:#1a130a85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.source-modal__surface{position:relative;padding:22px 22px 18px;border-radius:28px;background:#fffaf1fa;box-shadow:0 32px 90px #0000003d}.source-modal__nav{position:absolute;top:16px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:1px solid var(--line);background:#ffffffe6;color:var(--ink);font:inherit;font-size:1.1rem;cursor:pointer}.source-modal__nav:disabled{opacity:.45;cursor:default}.source-modal__nav--prev{left:16px}.source-modal__nav--next{right:88px}.source-modal__close{position:absolute;top:16px;right:16px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:#ffffffe6;color:var(--ink);font:inherit;cursor:pointer}.source-modal__title{margin:0 0 14px;padding:0 150px 0 56px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}.source-modal__meta{margin:-6px 0 14px;padding:0 150px 0 56px;color:var(--muted);font-size:.9rem}.source-modal__image{display:block;width:100%;max-height:78vh;object-fit:contain;border-radius:18px;background:#f4ecdb}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:960px){.canvas-layout.has-open-inspector,.canvas-layout.has-collapsed-inspector{--canvas-right-safe: 18px}.topbar{flex-direction:column;align-items:stretch}.topbar-tools{justify-content:stretch}.search-box{width:100%}.inspector{left:18px;right:18px;top:auto;bottom:88px;width:auto;max-height:40vh}.inspector.is-collapsed{left:auto;right:18px;top:auto;bottom:142px;width:auto}.floating-focus{left:18px;right:18px;justify-content:flex-start}.source-modal__nav--next{right:76px}.source-modal__title,.source-modal__meta{padding-right:120px}}