@import "https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;0,6..72,700;1,6..72,400;1,6..72,500&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--paper:#fdf8eb;--paper-dark:#f3ead0;--paper-warm:#f8efd1;--ink:#2a2418;--ink-soft:#2a2418b8;--ink-faint:#2a24186b;--ink-ghost:#2a241829;--rule:#7a541e38;--ochre:#c2570b;--ochre-soft:#c2570b1f;--leaf:#3f7d4f;--font-display:"Newsreader", Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--rad-sm:2px;--rad:4px;--sidebar-w:320px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{background:var(--paper);height:100%;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;padding:0}html{background-image:radial-gradient(1200px 700px at 15% 0,#c2570b0b,#0000 60%),radial-gradient(900px 600px at 90% 100%,#3f7d4f09,#0000 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 0.1 0 0 0 0 0.07 0 0 0 0 0.04 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}input{font-family:inherit}a{color:var(--ochre);text-decoration:none;transition:opacity .2s}a:hover{opacity:.7}::selection{background:var(--ochre-soft);color:var(--ink)}.app{grid-template-columns:var(--sidebar-w) 1fr;height:100dvh;display:grid}.sidebar{background:var(--paper-warm);border-right:1px solid var(--rule);flex-direction:column;display:flex;overflow:hidden;box-shadow:6px 0 24px -16px #3c28082e}.main{flex-direction:column;display:flex;overflow-y:auto}.sidebar-header{border-bottom:1px dashed var(--rule);padding:22px 22px 14px}.masthead{align-items:flex-start;gap:12px;display:flex}.masthead-mark{color:var(--ochre);margin-top:4px;font-size:28px;line-height:.8}.masthead-text{flex-direction:column;display:flex}.masthead-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:32px;font-weight:700;line-height:1}.masthead-sub{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-top:6px;font-size:9px}.masthead-blurb{font-family:var(--font-display);color:var(--ink-soft);margin:14px 0 0;font-size:12.5px;font-style:italic;line-height:1.55}.sidebar-search{background:var(--paper);border:1px solid var(--rule);border-radius:var(--rad);color:var(--ink-soft);align-items:center;margin:14px 18px 0;padding:8px 10px;transition:all .2s;display:flex;position:relative}.sidebar-search:focus-within{border-color:var(--ochre);box-shadow:0 0 0 2px var(--ochre-soft)}.sidebar-search input{color:var(--ink);font-size:12.5px;font-family:var(--font-display);background:0 0;border:none;outline:none;flex:1;margin-left:8px}.sidebar-search input::placeholder{color:var(--ink-faint);font-style:italic}.sidebar-search-clear{width:18px;height:18px;color:var(--ink-faint);border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:all .18s;display:flex}.sidebar-search-clear:hover{background:var(--ochre-soft);color:var(--ochre)}.sidebar-list{scrollbar-width:thin;flex:1;padding:12px 12px 18px;overflow-y:auto}.sidebar-list::-webkit-scrollbar{width:6px}.sidebar-list::-webkit-scrollbar-thumb{background:var(--rule);border-radius:3px}.sidebar-section{margin-bottom:18px}.sidebar-section-title{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);border-bottom:1px dashed var(--rule);align-items:center;gap:6px;margin-bottom:4px;padding:0 8px 6px;font-size:9px;display:flex}.sidebar-section-title:before{content:"";background:var(--ochre);border-radius:50%;width:4px;height:4px}.sidebar-item{border-radius:var(--rad);text-align:left;align-items:center;gap:10px;width:100%;padding:8px 10px;transition:all .18s;display:flex;position:relative}.sidebar-item:hover{background:#c2570b0f}.sidebar-item:focus{outline:none}.sidebar-item:focus-visible{background:#3f7d4f12;outline:none;box-shadow:0 0 0 2px #3f7d4f38}.sidebar-item:focus-visible:before{content:"";background:var(--leaf);border-radius:1px;width:2px;position:absolute;top:8px;bottom:8px;left:0}.sidebar-item.is-active{background:var(--ochre-soft)}.sidebar-item.is-active:before{content:"";background:var(--ochre);border-radius:1px;width:2px;position:absolute;top:8px;bottom:8px;left:0}.sidebar-item-dot{border:1px solid;border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:inset 0 -1px 2px #0000002e}.sidebar-item-text{flex-direction:column;min-width:0;display:flex}.sidebar-item-name{font-family:var(--font-display);color:var(--ink);font-size:14px;font-weight:500;line-height:1.2}.sidebar-item.is-active .sidebar-item-name{color:var(--ochre);font-weight:600}.sidebar-item-sci{font-family:var(--font-display);color:var(--ink-faint);margin-top:1px;font-size:10.5px;font-style:italic;line-height:1.2}.sidebar-empty{text-align:center;font-family:var(--font-display);color:var(--ink-faint);padding:28px 12px 18px;font-style:italic}.sidebar-empty-title{color:var(--ink-soft);margin-bottom:4px;font-size:15px}.sidebar-empty-sub{font-size:12px}.sidebar-footer{border-top:1px dashed var(--rule);font-family:var(--font-mono);letter-spacing:.1em;color:var(--ink-faint);padding:12px 18px 14px;font-size:9px}.sidebar-footer-top{text-transform:uppercase;align-items:center;gap:8px;display:flex}.sidebar-exit{color:var(--ink-faint);text-transform:uppercase;margin-left:auto}.sidebar-exit:hover{color:var(--ochre)}.sidebar-footer-cite{font-style:italic;font-family:var(--font-display);letter-spacing:normal;text-transform:none;color:var(--ink-faint);margin-top:6px;font-size:10px;line-height:1.4}.main-toolbar{z-index:5;background:var(--paper);border-bottom:1px solid var(--rule);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:space-between;align-items:center;padding:14px 36px;display:flex;position:sticky;top:0}.toolbar-tabs{background:var(--paper-warm);border:1px solid var(--rule);border-radius:var(--rad);gap:4px;padding:3px;display:flex}.toolbar-tab{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);border-radius:var(--rad-sm);padding:6px 16px;font-size:10px;transition:all .2s}.toolbar-tab:hover{color:var(--ink)}.toolbar-tab.is-active{background:var(--paper);color:var(--ochre);font-weight:700;box-shadow:0 1px 3px #3c280814}.toolbar-meta{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;display:flex}.toolbar-meta-key{color:var(--ink-faint)}.toolbar-meta-val{color:var(--ink);font-weight:600}.toolbar-meta-sep{color:var(--ink-ghost)}.detail{max-width:760px;margin:0 auto;padding:36px 36px 80px}.detail-header{margin-bottom:24px}.detail-eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ochre);background:var(--ochre-soft);border:1px solid #c2570b40;border-radius:2px;align-items:center;gap:8px;margin-bottom:18px;padding:5px 10px;font-size:9.5px;display:inline-flex}.detail-eyebrow-mark{font-size:8px}.detail-eyebrow-sep{color:var(--ink-faint)}.detail-name{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);margin:0 0 6px;font-size:56px;font-weight:700;line-height:.95}.detail-sci{font-family:var(--font-display);color:var(--ink-soft);font-size:18px;font-style:italic}.detail-alt{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-top:8px;font-size:10px}.detail-plate{background:var(--paper-warm);border:1px solid var(--rule);border-radius:var(--rad);justify-content:center;margin:28px 0 32px;padding:12px 12px 4px;display:flex;box-shadow:inset 0 1px #fff9,0 30px 60px -30px #3c280838}.detail-plate svg{max-width:100%;height:auto;display:block}.detail-section{border-top:1px dashed var(--rule);margin:28px 0 0;padding-top:18px}.detail-section:first-of-type{border-top:none;margin-top:0;padding-top:0}.detail-section-title{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:8px;margin:0 0 12px;font-size:9.5px;font-weight:700;display:flex}.detail-section-title:before{content:"";background:var(--ochre);border-radius:50%;width:5px;height:5px}.detail-section-title:after{content:"";background:linear-gradient(90deg, var(--rule), transparent);flex:1;height:1px}.detail-prose{font-family:var(--font-display);color:var(--ink);margin:0;font-size:16px;line-height:1.6}.detail-facts{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.detail-facts li{font-family:var(--font-display);color:var(--ink);padding-left:20px;font-size:14.5px;line-height:1.55;position:relative}.detail-facts li:before{content:"◦";color:var(--ochre);font-size:16px;position:absolute;top:0;left:4px}.detail-parents{flex-wrap:wrap;gap:10px;display:flex}.parent-chip{background:var(--paper-warm);border:1px solid var(--rule);border-radius:var(--rad);align-items:center;gap:10px;padding:10px 16px;transition:all .2s;display:flex}.parent-chip:hover{background:var(--paper);border-color:var(--ochre);transform:translateY(-1px);box-shadow:0 2px 12px -4px #c2570b2e}.parent-chip-dot{border:1px solid #0003;border-radius:50%;width:12px;height:12px;box-shadow:inset 0 -1px 2px #0000002e}.parent-chip-name{font-family:var(--font-display);color:var(--ink);font-size:14px;font-weight:600}.parent-chip-sci{font-family:var(--font-display);color:var(--ink-faint);font-size:12px;font-style:italic}.sources-list{counter-reset:src;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.source-item{counter-increment:src;font-family:var(--font-display);color:var(--ink-soft);padding-left:32px;font-size:12.5px;line-height:1.5;position:relative}.source-item:before{content:counter(src);border:1px solid var(--rule);width:22px;height:22px;font-family:var(--font-mono);color:var(--ochre);background:var(--paper-warm);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;top:0;left:0}.source-short{color:var(--ink);font-size:13px;font-weight:600;display:block}.source-full{margin-top:2px;font-style:italic;display:block}.source-link{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ochre);border-bottom:1px dotted var(--ochre);margin-top:4px;font-size:10px;display:inline-block}.genealogy-wrap{flex-direction:column;align-items:stretch;padding:28px 36px 60px;display:flex}.genealogy-eyebrow{font-family:var(--font-display);color:var(--ink-soft);text-align:center;margin-bottom:4px;font-size:13px;font-style:italic}.genealogy-hint{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);text-align:center;margin-bottom:12px;font-size:9px}.genealogy-scroll{background:var(--paper-warm);border:1px solid var(--rule);border-radius:var(--rad);padding:14px;overflow-x:auto;box-shadow:0 30px 60px -30px #3c28082e}.genealogy-svg{min-width:880px;display:block}.genealogy-node text{pointer-events:none;-webkit-user-select:none;user-select:none}.genealogy-node circle{transition:transform .2s,stroke .2s}.genealogy-node:hover circle:first-of-type{filter:brightness(1.06)}@media (width<=920px){.app{grid-template-columns:1fr}.sidebar{z-index:10;border-right:none;border-bottom:1px solid var(--rule);max-height:50vh;position:sticky;top:0}.detail-name{font-size:42px}.detail{padding:24px 20px 60px}.main-toolbar{padding:12px 20px}}@media (width<=560px){.detail-name{font-size:34px}.detail-plate{padding:8px}.detail{padding:18px 16px 60px}.toolbar-meta-key{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}