.topnav{height:var(--nav-h);align-items:center;gap:var(--space-6);padding:0 var(--space-5);-webkit-backdrop-filter:saturate(1.1)blur(12px);backdrop-filter:saturate(1.1)blur(12px);border-bottom:1px solid var(--line);z-index:20;background:#fcfaf7d1;background:lab(98.3925% .107348 1.52057/.82);display:flex;position:sticky;top:0}.topnav__brand{-webkit-user-select:none;user-select:none;align-items:baseline;gap:0;display:flex}.topnav__mark{letter-spacing:-.03em;color:var(--ink);font-size:1.0625rem;font-weight:800}.topnav__sub{letter-spacing:-.03em;color:var(--accent);font-size:1.0625rem;font-weight:800}.topnav__tabs{align-items:center;gap:var(--space-1);display:flex}.topnav__tab{border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--ink-soft);transition:color var(--duration-fast) var(--ease), background var(--duration-fast) var(--ease);align-items:center;gap:.45rem;padding:.4rem .7rem;font-weight:550;display:inline-flex}.topnav__tab:hover{color:var(--ink);background:var(--paper-sunken)}.topnav__tab[aria-current=page]{color:var(--accent-ink);background:var(--accent-soft)}@media (max-width:560px){.topnav{gap:var(--space-3);padding:0 var(--space-3)}.topnav__tab span{display:none}}
.detail{top:var(--space-4);right:var(--space-4);bottom:var(--space-4);width:360px;max-width:calc(100vw - 2 * var(--space-4));background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);padding:var(--space-5);z-index:15;gap:var(--space-3);animation:detail-in var(--duration-normal) var(--ease);flex-direction:column;display:flex;position:absolute;overflow-y:auto}@media (max-width:760px){.detail{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:100%;max-height:72dvh;padding:var(--space-4);animation:sheet-in var(--duration-normal) var(--ease);border-bottom:none;inset:auto 0 0}}@keyframes sheet-in{0%{opacity:0;transform:translateY(16px)}}@keyframes detail-in{0%{opacity:0;transform:translate(12px)}}.detail__head{justify-content:space-between;align-items:center;display:flex}.detail__headLeft{align-items:center;gap:var(--space-3);display:flex}.detail__back{font-size:var(--text-xs);color:var(--ink-soft);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease);align-items:center;gap:.25rem;padding:.2rem .45rem;font-weight:600;display:inline-flex}.detail__back:hover{background:var(--paper-sunken);color:var(--ink)}.detail__backIcon{transform:scaleX(-1)}.detail__kind{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:.35rem;font-weight:600;display:inline-flex}.detail__close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--ink-faint);transition:all var(--duration-fast) var(--ease);place-items:center;display:grid}.detail__close:hover{color:var(--ink);background:var(--paper-sunken)}.detail__title{font-size:var(--text-lg)}.detail__subtitle{font-size:var(--text-sm);color:var(--ink-soft);margin-top:calc(-1 * var(--space-2))}.detail__body{gap:var(--space-3);flex-direction:column;display:flex}.detail__meta{gap:var(--space-3);font-size:var(--text-sm);display:flex}.detail__metaLabel{color:var(--ink-faint);flex:0 0 64px}.detail__metaValue{color:var(--ink);font-weight:500}.detail__family{gap:var(--space-2);flex-direction:column;display:flex}.detail__family .detail__metaLabel{flex:none}.detail__prose{font-size:var(--text-sm);color:var(--ink-soft);line-height:1.65}.detail__link{font-size:var(--text-sm);width:fit-content;font-weight:550}.detail__verses{gap:var(--space-4);flex-direction:column;display:flex}.detail__verse{gap:var(--space-1);flex-direction:column;display:flex}.detail__verseTag{font-size:var(--text-xs);letter-spacing:.06em;color:var(--accent);font-weight:700}.detail__verseText{font-size:var(--text-base);line-height:1.7}.detail__jumps{gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--line);flex-direction:column;display:flex}.detail__jump{border:1px solid var(--line);border-radius:var(--radius);font-size:var(--text-sm);color:var(--ink);transition:all var(--duration-fast) var(--ease);justify-content:space-between;align-items:center;padding:.6rem .8rem;font-weight:550;display:flex}.detail__jump:hover{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft)}.detail__related{gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--line);flex-direction:column;display:flex}.detail__chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{border:1px solid var(--line);background:var(--paper);font-size:var(--text-xs);color:var(--ink-soft);transition:all var(--duration-fast) var(--ease);border-radius:999px;align-items:center;gap:.3rem;max-width:100%;padding:.3rem .55rem;display:inline-flex}.chip:hover{border-color:var(--line-strong);color:var(--ink);background:var(--paper-sunken)}.chip svg{flex:none}.chip[data-kind=person]{color:var(--hue-person)}.chip[data-kind=place]{color:var(--hue-place)}.chip[data-kind=event]{color:var(--hue-event)}.chip[data-kind=verse]{color:var(--accent-ink);font-variant-numeric:tabular-nums}.detail__occ{gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--line);flex-direction:column;display:flex}.detail__more{font-size:var(--text-xs);color:var(--ink-faint)}
.reading{height:100%;position:relative;overflow-y:auto}.reading__bar{z-index:6;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#fcfaf7d9;background:lab(98.3925% .107348 1.52057/.85);display:flex;position:sticky;top:0}.reading__nav{gap:var(--space-2);display:flex}.reading__pick{border:1px solid var(--line);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--ink);background:var(--paper-raised);transition:border-color var(--duration-fast) var(--ease);align-items:center;gap:.35rem;padding:.4rem .75rem;font-weight:600;display:inline-flex}.reading__pick:hover{border-color:var(--line-strong)}.reading__pick svg{color:var(--ink-faint);transform:rotate(90deg)}.reading__versions{gap:var(--space-1);display:flex}.reading__version{border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--ink-faint);padding:.3rem .6rem;font-weight:600}.reading__version[aria-pressed=true]{color:var(--accent-ink);background:var(--accent-soft)}.reading__scrim{z-index:8;position:fixed;inset:0}.reading__menu{top:56px;left:var(--space-5);z-index:9;background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-panel);padding:var(--space-4);max-height:70dvh;animation:detail-in var(--duration-fast) var(--ease);position:absolute;overflow-y:auto}.reading__menu--book{width:min(620px, calc(100vw - 2 * var(--space-5)))}.reading__menu--chapter{width:min(420px, calc(100vw - 2 * var(--space-5)))}.reading__group{margin-bottom:var(--space-4)}.reading__group .eyebrow{margin-bottom:var(--space-2);display:block}.reading__bookGrid{gap:var(--space-1);grid-template-columns:repeat(auto-fill,minmax(112px,1fr));display:grid}.reading__bookItem{text-align:left;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--ink-soft);padding:.4rem .6rem}.reading__bookItem:hover{background:var(--paper-sunken);color:var(--ink)}.reading__bookItem[aria-current]{color:var(--accent-ink);background:var(--accent-soft);font-weight:600}.reading__chapterGrid{gap:var(--space-1);grid-template-columns:repeat(auto-fill,minmax(44px,1fr));display:grid}.reading__chapterItem{aspect-ratio:1;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--ink-soft);place-items:center;display:grid}.reading__chapterItem:hover{background:var(--paper-sunken);color:var(--ink)}.reading__chapterItem[aria-current]{color:var(--paper-raised);background:var(--accent);font-weight:700}.reading__col{max-width:var(--measure);padding:var(--space-8) var(--space-5) var(--space-10);margin:0 auto}.reading__header{gap:var(--space-2);margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--line);flex-direction:column;display:flex}.reading__title{font-size:var(--text-display);letter-spacing:-.035em;font-weight:800}.reading__chap{font-size:var(--text-md);color:var(--accent);font-weight:600}.reading__loading{color:var(--ink-faint);font-size:var(--text-sm);padding:var(--space-6) 0}.reading__verses{flex-direction:column;display:flex}.reading__verse{font-size:var(--text-md);color:var(--ink);letter-spacing:-.003em;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease);margin:0 -.6rem;padding:.3rem .6rem;line-height:1.95}.reading__verse:hover{background:var(--paper-sunken)}.reading__verse[data-selected]{background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent)}.reading__vnum{color:var(--ink-ghost);vertical-align:.4em;margin-right:.35rem;font-size:.6875rem;font-weight:700}.reading__pager{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--line);display:flex}.reading__pager button{border:1px solid var(--line);border-radius:var(--radius);font-size:var(--text-sm);color:var(--ink);transition:all var(--duration-fast) var(--ease);padding:.5rem 1rem;font-weight:550}.reading__pager button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-ink)}.reading__pager button:disabled{opacity:.35;cursor:default}@media (max-width:640px){.reading__bar{padding:var(--space-2) var(--space-3)}.reading__col{padding:var(--space-6) var(--space-4) var(--space-10)}.reading__menu{left:var(--space-3);right:var(--space-3)}}
.people{flex-direction:column;height:100%;display:flex;overflow:hidden}.people__bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--line);flex:none;display:flex}.people__search{align-items:center;gap:var(--space-2);border:1px solid var(--line);border-radius:var(--radius);max-width:420px;color:var(--ink-faint);background:var(--paper-raised);flex:1;padding:.5rem .75rem;display:flex}.people__search input{font:inherit;font-size:var(--text-sm);color:var(--ink);background:0 0;border:none;outline:none;width:100%}.people__search input::placeholder{color:var(--ink-faint)}.people__sort{gap:var(--space-1);display:flex}.people__sort button{border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--ink-faint);padding:.35rem .7rem;font-weight:600}.people__sort button[aria-pressed=true]{color:var(--accent-ink);background:var(--accent-soft)}.people__inner{min-height:0;padding:var(--space-5);flex:1;overflow-y:auto}.people__count{max-width:760px;margin:0 auto var(--space-3);font-size:var(--text-sm);color:var(--ink-faint)}.people__list{gap:var(--space-1);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));max-width:760px;margin:0 auto;padding:0;list-style:none;display:grid}.people__row{justify-content:space-between;align-items:baseline;gap:var(--space-3);text-align:left;border-radius:var(--radius-sm);width:100%;transition:all var(--duration-fast) var(--ease);border:1px solid #0000;padding:.6rem .75rem;display:flex}.people__row:hover{background:var(--paper-sunken)}.people__row[data-selected]{background:var(--accent-soft);border-color:color-mix(in oklch, var(--accent) 30%, transparent)}.people__name{font-size:var(--text-base);color:var(--ink);white-space:nowrap;font-weight:600}.people__detail{align-items:baseline;gap:var(--space-2);font-size:var(--text-xs);color:var(--ink-faint);display:flex;overflow:hidden}.people__en{color:var(--ink-faint)}.people__vc{color:var(--accent-ink);white-space:nowrap}@media (max-width:640px){.people__bar{flex-direction:column;align-items:stretch}.people__list{grid-template-columns:1fr}}.people__sentinel{height:1px}
.timeline{flex-direction:column;height:100%;display:flex;overflow:hidden}.timeline--empty{color:var(--ink-faint);place-items:center;display:grid}.timeline__toolbar{gap:var(--space-1);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--line);flex:none;display:flex}.timeline__era{font-size:var(--text-sm);color:var(--ink-soft);border:1px solid var(--line);transition:all var(--duration-fast) var(--ease);border-radius:999px;padding:.4rem .85rem;font-weight:550}.timeline__era:hover{border-color:var(--line-strong);color:var(--ink)}.timeline__era[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--paper-raised)}.timeline__scroll{min-height:0;padding:0 var(--space-6) var(--space-8);flex:1;overflow:auto}.timeline__inner{min-width:980px;position:relative}.timeline__axis{z-index:6;height:34px;padding-top:var(--space-3);margin-bottom:var(--space-4);background:var(--paper);border-bottom:1px solid var(--line-strong);position:sticky;top:0}.timeline__tick{position:absolute;top:0;transform:translate(-50%)}.timeline__tickLabel{font-size:var(--text-xs);color:var(--ink-faint);font-weight:600}.timeline__section{margin-bottom:var(--space-4)}.timeline__sectionToggle{margin-bottom:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-raised);color:var(--ink-soft);transition:all var(--duration-fast) var(--ease);align-items:center;gap:.4rem;padding:.4rem .7rem;display:inline-flex;position:sticky;left:0}.timeline__sectionToggle:hover{border-color:var(--line-strong);color:var(--ink)}.timeline__sectionToggle svg{transition:transform var(--duration-fast) var(--ease);color:var(--ink-faint)}.timeline__section[data-open] .timeline__sectionToggle svg{transform:rotate(90deg)}.timeline__sectionLabel{margin-bottom:var(--space-3);display:block}.timeline__band{width:100%;position:relative}.timeline__grid{background:var(--line);opacity:.6;width:1px;position:absolute;top:0;bottom:0}.timeline__event{white-space:nowrap;align-items:center;gap:.35rem;height:22px;display:inline-flex;position:absolute;transform:translate(-4px)}.timeline__eventDot{background:var(--hue-event);width:8px;height:8px;transition:all var(--duration-fast) var(--ease);border-radius:2px;flex:none;transform:rotate(45deg)}.timeline__eventLabel{font-size:var(--text-xs);color:var(--ink-soft);transition:color var(--duration-fast) var(--ease)}.timeline__event:hover .timeline__eventLabel{color:var(--ink)}.timeline__event[data-selected] .timeline__eventDot{background:var(--accent);transform:rotate(45deg)scale(1.3)}.timeline__event[data-selected] .timeline__eventLabel{color:var(--accent-ink);font-weight:700}.timeline__bar{background:color-mix(in oklch, var(--hue-person) 14%, var(--paper));border:1px solid color-mix(in oklch, var(--hue-person) 30%, transparent);min-width:6px;height:19px;transition:all var(--duration-fast) var(--ease);border-radius:999px;align-items:center;padding:0 .5rem;display:flex;position:absolute;overflow:visible}.timeline__bar:hover{background:color-mix(in oklch, var(--hue-person) 22%, var(--paper));z-index:3}.timeline__barName{color:var(--hue-person);white-space:nowrap;font-size:11px;font-weight:550}.timeline__bar[data-selected]{background:var(--accent);border-color:var(--accent);z-index:4}.timeline__bar[data-selected] .timeline__barName{color:var(--paper-raised);font-weight:700}
.app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app__stage{flex:1;min-height:0;position:relative}.app__loading{height:100%;color:var(--ink-faint);font-size:var(--text-sm);place-items:center;display:grid}