@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Crimson+Pro:ital,wght@0,300;0,400;0,600;1,400&display=swap";:root{--bg: #14161c;--bg-panel: #1c1f27;--bg-raised: #252935;--border: #333846;--text: #e6e2d8;--text-dim: #9a96a0;--accent: #c9a86a;--accent-dim: #8a7448;--link: #7fb4d9;--conflict: #d98e4a;--font-body: "Crimson Pro", "Iowan Old Style", Palatino, Georgia, serif;--font-heading: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;--ease: cubic-bezier(.22, 1, .36, 1);--col: 42rem;--topbar-h: 3.25rem;font-family:var(--font-body);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:17px;line-height:1.55;overflow-x:hidden}button{touch-action:manipulation;cursor:pointer;font:inherit;color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:active{transform:scale(.97)}a{color:var(--link)}.app{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:40;height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 .5rem;padding-top:env(safe-area-inset-top);background:#14161ceb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.wordmark{background:none;border:none;font-family:var(--font-heading);font-size:1.3rem;font-weight:600;letter-spacing:.05em;color:var(--accent);padding:.4rem .8rem}.topbar-btn{width:44px;height:44px;display:grid;place-items:center;background:none;border:none;border-radius:10px;color:var(--text-dim);transition:color .15s ease-out,background-color .15s ease-out}.topbar-btn:hover{color:var(--text);background:var(--bg-raised)}.topbar-spacer{width:44px}.content{flex:1;width:100%;max-width:var(--col);margin:0 auto;padding:1rem 1rem 4rem;padding-bottom:calc(4rem + env(safe-area-inset-bottom))}.app-loading,.app-error{display:grid;place-items:center;min-height:50dvh;color:var(--text-dim);text-align:center}.app-error code{background:var(--bg-raised);padding:.1rem .4rem;border-radius:4px;word-break:break-all}.placeholder-page{padding:3rem 0;color:var(--text-dim);text-align:center}.page-head{margin:.5rem 0 1.25rem}.page-head h1{font-family:var(--font-heading);font-size:2rem;line-height:1.15;margin:0 0 .25rem;color:var(--accent)}.page-sub{margin:0;color:var(--text-dim)}.page-desc{margin:.5rem 0 0}.page-hint{margin:.5rem 0 0;color:var(--text-dim);font-size:.9rem}.section-heading{font-family:var(--font-heading);font-size:1.4rem;margin:0 0 .2rem}.section-sub{margin:0 0 1rem;color:var(--text-dim)}.verse-chips{display:inline-flex;gap:.3rem;flex-wrap:wrap;vertical-align:middle}.verse-chip{font-size:.76rem;line-height:1.9;padding:0 .55rem;border:1px solid var(--border);border-radius:999px;color:var(--link);text-decoration:none;white-space:nowrap;transition:border-color .15s ease-out}.verse-chip:hover{border-color:var(--link)}.verse-count{color:var(--text-dim);font-size:.8rem;font-weight:400}.mini-chip{background:var(--bg-raised);border:1px solid var(--border);border-radius:999px;padding:.45rem .95rem;font-size:.95rem;min-height:44px;transition:border-color .15s ease-out}.mini-chip:hover{border-color:var(--accent-dim)}.lineage-chip{color:var(--accent);border-color:var(--accent-dim)}.link-btn{background:none;border:none;color:var(--link);text-decoration:underline;padding:.5rem}.hero{text-align:center;padding:2rem 0 2.5rem}.hero h1{font-family:var(--font-heading);font-size:clamp(1.9rem,6vw,2.6rem);line-height:1.15;margin:0 0 .6rem;color:var(--accent)}.hero-sub{color:var(--text-dim);max-width:34rem;margin:0 auto 1.4rem}.hero-search{display:inline-flex;align-items:center;gap:.6rem;width:100%;max-width:26rem;min-height:52px;padding:0 1.2rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;color:var(--text-dim);font-size:1rem;transition:border-color .15s ease-out}.hero-search:hover{border-color:var(--accent-dim)}.lineage-section{padding:.5rem 0 1.5rem}.lineage-cards{display:flex;flex-direction:column;gap:.9rem}.lineage-card{text-align:left;background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;padding:1.1rem 1.2rem;transition:border-color .18s ease-out,transform .12s var(--ease)}.lineage-card:hover{border-color:var(--accent-dim)}.lineage-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.lineage-card h3{font-family:var(--font-heading);font-size:1.3rem;margin:0;color:var(--accent)}.lineage-cite{color:var(--text-dim);font-size:.8rem;white-space:nowrap}.lineage-sub{margin:.1rem 0 .4rem;color:var(--text-dim);font-size:.9rem}.lineage-desc{margin:0 0 .8rem;font-size:.98rem}.lineage-endpoints{display:flex;align-items:center;gap:.6rem;color:var(--text);font-size:.9rem}.endpoint-line{flex:1;height:1px;background:repeating-linear-gradient(90deg,var(--accent-dim) 0 6px,transparent 6px 11px);position:relative}.endpoint-line:after{content:"";position:absolute;right:-1px;top:-3px;border:3.5px solid transparent;border-left-color:var(--accent-dim)}.how-section{padding:1rem 0;border-top:1px solid var(--border)}.how-list{margin:.6rem 0 0;padding-left:1.1rem}.how-list li{margin:.55rem 0;color:var(--text-dim)}.how-list strong{color:var(--text)}.home-footer{text-align:center;padding:1.5rem 0 0;border-top:1px solid var(--border)}.footer-meta{color:var(--text-dim);font-size:.82rem}.chain{list-style:none;margin:0;padding:0;position:relative}.chain-item{position:relative;padding-left:1.6rem}.chain-item:before{content:"";position:absolute;left:.55rem;top:0;bottom:0;width:2px;background:var(--border)}.chain-item:first-child:before{top:1rem}.chain-item:last-child:before{bottom:auto;height:1.4rem}.chain-card-row{position:relative;padding:.15rem 0}.chain-card-row:before{content:"";position:absolute;left:-1.6rem;top:50%;width:.62rem;height:.62rem;transform:translateY(-50%);margin-left:.28rem;border-radius:50%;background:var(--accent-dim)}.person-card{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;text-align:left;background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;padding:.7rem 1rem;min-height:52px;width:100%;transition:border-color .15s ease-out}.person-card:hover{border-color:var(--accent-dim)}.person-card-name{font-size:1.08rem;font-weight:600}.person-card-sub{color:var(--text-dim);font-size:.85rem}.person-card-years{color:var(--text-dim);font-size:.8rem;font-variant-numeric:tabular-nums}.chain-card{position:relative}.gen-num{position:absolute;right:.85rem;top:.6rem;color:var(--border);font-family:var(--font-heading);font-size:1.1rem}.chain-link{padding:.45rem 0 .45rem .2rem;font-size:.8rem;color:var(--text-dim);display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.chain-link.skipped{color:var(--conflict)}.skip-note{font-style:italic}.conflict-note{border:1px solid var(--conflict);background:#d98e4a12;border-radius:12px;padding:.7rem .9rem;margin:.5rem 0;font-size:.92rem}.conflict-note strong{color:var(--conflict)}.conflict-list{margin:.4rem 0 0;padding-left:1.1rem}.conflict-list li{margin:.35rem 0}.conflict-detail{color:var(--text-dim);font-size:.84rem;font-style:italic}.siblings-block{padding:.2rem 0 .5rem}.siblings-toggle{background:none;border:none;color:var(--text-dim);font-size:.85rem;text-decoration:underline;text-decoration-style:dotted;padding:.4rem .2rem;min-height:44px}.siblings-toggle:hover{color:var(--text)}.siblings-row{display:flex;flex-wrap:wrap;gap:.4rem;padding:.2rem 0 .4rem}.person-years{margin:.2rem 0 0;font-variant-numeric:tabular-nums}.variants-line{margin:.5rem 0 0;font-size:.95rem}.variant-kind{color:var(--text-dim);font-size:.82rem}.family-section{display:flex;flex-direction:column;gap:1.1rem;margin:1.2rem 0}.family-label{font-family:var(--font-body);font-size:.76rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);margin:0 0 .45rem}.family-row{display:flex;flex-wrap:wrap;gap:.5rem}.family-row .person-card{width:auto;min-width:9rem;flex:0 1 auto}.family-chip{border-radius:12px}.no-family{color:var(--text-dim);font-style:italic}.ties-section{margin:1.4rem 0;padding-top:1rem;border-top:1px solid var(--border)}.ties-list{margin:0;padding-left:1.1rem}.ties-list li{margin:.45rem 0}.tie-note{color:var(--text-dim);font-size:.85rem;font-style:italic}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);display:flex;flex-direction:column;padding:.6rem 1rem calc(1rem + env(safe-area-inset-bottom));padding-top:calc(.6rem + env(safe-area-inset-top));overflow-y:auto;animation:fade-in .15s ease-out}.search-head{display:flex;gap:.6rem;align-items:center;position:sticky;top:0;background:var(--bg);padding:.3rem 0 .6rem}.search-head input{flex:1;min-height:48px;padding:0 1rem;border-radius:12px;border:1px solid var(--accent-dim);background:var(--bg-panel);color:var(--text);font:inherit;font-size:1rem}.search-head input:focus{outline:none;box-shadow:0 0 0 1px var(--accent-dim)}.search-cancel{background:none;border:none;color:var(--link);min-height:48px;padding:0 .5rem}.search-hint{color:var(--text-dim);margin:1rem 0 .6rem}.search-empty{text-align:center;padding:2rem 1rem}.search-starters{padding-top:.4rem}.search-results-list{list-style:none;margin:.4rem 0 0;padding:0}.search-result{width:100%;display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;text-align:left;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.05);padding:.8rem .4rem;min-height:52px;border-radius:8px;transition:background-color .12s ease-out}.search-result.active{background:var(--bg-panel)}.hit-name{font-size:1.05rem}.hit-name em{color:var(--accent);font-style:normal}.hit-disambig{color:var(--text-dim);font-size:.88rem}.hit-era{margin-left:auto;color:var(--text-dim);font-size:.8rem;font-variant-numeric:tabular-nums}.about-page h2{font-family:var(--font-heading);color:var(--accent);font-size:1.3rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.home>*,.lineage-view>*,.person-view>*,.about-page>*{animation:rise-in .28s var(--ease) both}.home>*:nth-child(2),.lineage-view>*:nth-child(2){animation-delay:.05s}.home>*:nth-child(3),.lineage-view>*:nth-child(3){animation-delay:.1s}.home>*:nth-child(4){animation-delay:.15s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}button:active{transform:none}}@media(min-width:768px){.content{padding:1.5rem 2rem 5rem}.lineage-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.hero{padding:3rem 0}}.variants-block{margin:.6rem 0 0}.variants-line{margin:.25rem 0;font-size:.95rem}.variants-line em{font-style:normal;color:var(--text)}.variant-kind{color:var(--text-dim);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.variant-cite{color:var(--text-dim);font-size:.8rem}.variants-more{background:none;border:none;color:var(--link);font-size:.85rem;text-decoration:underline;padding:.75rem .5rem;margin:-.75rem 0}.group-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.group-grid .person-card{width:100%}.group-count{color:var(--text-dim);font-size:.9rem}@media(max-width:380px){.group-grid{grid-template-columns:1fr}}.person-bio{margin:0 0 1.2rem;padding:.9rem 1.1rem;background:var(--bg-panel);border-left:3px solid var(--accent-dim);border-radius:0 12px 12px 0;font-size:1.02rem;line-height:1.6}