:root{--paper: #fbf8f2;--paper-raised: #fffdf9;--ink: #23201b;--ink-soft: #5c554a;--ink-faint: #8d857a;--rule: #e3ddd1;--rule-soft: #efeae0;--accent: #7a4b21;--accent-soft: #f0e4d6;--mark: #fdf0c9;--danger: #8a2f22;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--measure: 34rem;--sidebar-w: 19rem;--topbar-h: 3.25rem;color-scheme:light}:root[data-theme=dark]{--paper: #16151a;--paper-raised: #1e1d23;--ink: #e8e3d9;--ink-soft: #a8a196;--ink-faint: #78716a;--rule: #302e36;--rule-soft: #26242b;--accent: #d2a273;--accent-soft: #33291f;--mark: #3a3220;--danger: #d98a7a;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.app{display:flex;flex-direction:column;min-height:100%}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:.5rem;height:var(--topbar-h);padding:0 .75rem;background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--rule)}.spacer{flex:1}.icon-button{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:6px}.icon-button:hover{background:var(--rule-soft)}.burger,.burger:before,.burger:after{display:block;width:1.05rem;height:1.5px;background:var(--ink);content:""}.burger{position:relative}.burger:before{position:absolute;top:-5px}.burger:after{position:absolute;top:5px}.crumb{display:flex;align-items:baseline;gap:.4rem;padding:.3rem .5rem;border-radius:6px;font-family:var(--serif);font-size:1.02rem}.crumb:hover{background:var(--rule-soft)}.crumb-ch{color:var(--ink-soft);font-variant-numeric:tabular-nums}.layout-toggle{display:flex;padding:2px;border:1px solid var(--rule);border-radius:7px;background:var(--paper-raised)}.layout-toggle button{padding:.28rem .62rem;border-radius:5px;font-size:.78rem;color:var(--ink-soft);white-space:nowrap}.layout-toggle button.is-active{background:var(--accent-soft);color:var(--accent);font-weight:600}.body{display:flex;flex:1;align-items:flex-start}.scrim{display:none}.sidebar{position:sticky;top:var(--topbar-h);flex:0 0 var(--sidebar-w);width:var(--sidebar-w);height:calc(100vh - var(--topbar-h));display:flex;flex-direction:column;border-right:1px solid var(--rule);background:var(--paper)}.sidebar-search{padding:.7rem;border-bottom:1px solid var(--rule-soft)}.sidebar-search input{width:100%;padding:.45rem .6rem;font:inherit;font-size:.85rem;color:var(--ink);background:var(--paper-raised);border:1px solid var(--rule);border-radius:6px}.sidebar-scroll{flex:1;overflow-y:auto;padding-bottom:2rem;overscroll-behavior:contain}.book-group h2{margin:0;padding:.9rem .85rem .35rem;font-family:var(--serif);font-size:.72rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint)}.book-group ul{margin:0;padding:0;list-style:none}.book-button{display:flex;flex-direction:column;gap:1px;width:100%;padding:.4rem .85rem;text-align:left;border-left:2px solid transparent}.book-button:hover{background:var(--rule-soft)}.book-button.is-current{border-left-color:var(--accent);background:var(--accent-soft)}.book-la{font-family:var(--serif);font-size:.94rem;line-height:1.25}.book-en{font-size:.72rem;color:var(--ink-faint)}.chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(2rem,1fr));gap:3px;padding:.45rem .85rem .75rem}.chapter-grid button{padding:.3rem 0;font-size:.76rem;font-variant-numeric:tabular-nums;color:var(--ink-soft);border:1px solid var(--rule-soft);border-radius:4px}.chapter-grid button:hover{border-color:var(--accent);color:var(--accent)}.chapter-grid button.is-current{background:var(--accent);border-color:var(--accent);color:var(--paper);font-weight:600}.empty{padding:1rem .85rem;font-size:.83rem;color:var(--ink-faint)}.main{flex:1;min-width:0;padding:2rem 1.5rem 5rem}.chapter{margin:0 auto;max-width:74rem}.layout-latin .chapter,.layout-english .chapter{max-width:46rem}.chapter-head{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--rule)}.chapter-head h1{display:flex;align-items:baseline;gap:.55rem;margin:0;font-family:var(--serif);font-size:clamp(1.5rem,3.4vw,2.05rem);font-weight:600;letter-spacing:-.01em}.title-ch{color:var(--ink-faint);font-variant-numeric:tabular-nums}.title-en{margin:.25rem 0 0;font-size:.85rem;color:var(--ink-faint)}.summary{margin:.9rem 0 0;max-width:var(--measure);font-family:var(--serif);font-size:.94rem;font-style:italic;line-height:1.55;color:var(--ink-soft)}.prologue{margin:0 0 2.5rem;padding:1.1rem 1.25rem;max-width:var(--measure);background:var(--paper-raised);border:1px solid var(--rule-soft);border-radius:8px}.prologue h2{margin:0 0 .6rem;font-family:var(--serif);font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint)}.prologue p{margin:0 0 .75rem;font-family:var(--serif);font-size:.95rem;line-height:1.65}.prologue-note{font-family:var(--sans)!important;font-size:.75rem!important;color:var(--ink-faint);margin-bottom:0!important}.verse{display:grid;grid-template-columns:2.2rem minmax(0,1fr) minmax(0,1fr);gap:0 1.75rem;padding:.28rem 0;scroll-margin-top:calc(var(--topbar-h) + 1.5rem)}.layout-latin .verse,.layout-english .verse{grid-template-columns:2.2rem minmax(0,1fr)}.layout-latin .col-en,.layout-english .col-la{display:none}.verse.has-para{margin-top:1.35rem}.verse.is-marked{background:var(--mark);border-radius:5px;transition:background .5s ease}.verse-num{padding-top:.3rem;font-size:.7rem;font-variant-numeric:tabular-nums;color:var(--ink-faint);text-align:right;align-self:start}.verse-num:hover{color:var(--accent)}.col p{margin:0;font-family:var(--serif);font-size:1.02rem;line-height:1.72;max-width:var(--measure);text-wrap:pretty}.col-la p{color:var(--ink)}.col-en p{color:var(--ink-soft)}.is-poetry .col p{padding-left:1.1rem;border-left:2px solid var(--rule-soft)}.col-en .absent{color:var(--ink-faint);-webkit-user-select:none;user-select:none}.no-english .col-la p{color:var(--ink)}.notes{margin-top:.3rem}.notes-toggle{font-size:.7rem;color:var(--ink-faint);border-bottom:1px dotted currentColor}.notes-toggle:hover{color:var(--accent)}.notes-list{margin:.45rem 0 0;padding:.6rem .8rem;list-style:none;background:var(--paper-raised);border-left:2px solid var(--rule);border-radius:0 5px 5px 0}.notes-list li{font-size:.82rem;line-height:1.55;color:var(--ink-soft)}.notes-list li+li{margin-top:.5rem}.pager{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:3rem auto 0;padding-top:1.25rem;max-width:74rem;border-top:1px solid var(--rule)}.pager button{padding:.45rem .85rem;font-size:.85rem;color:var(--ink-soft);border:1px solid var(--rule);border-radius:6px}.pager button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pager button:disabled{opacity:.35;cursor:default}.pager-mid{font-family:var(--serif);font-size:.85rem;color:var(--ink-faint)}.notice{margin:3rem auto;max-width:var(--measure);text-align:center;color:var(--ink-faint)}.theme-toggle,.offline-open{font-size:.95rem;line-height:1;color:var(--ink-soft)}.theme-toggle:hover,.offline-open:hover,.has-audio{color:var(--accent)}.book-button .has-audio{margin-left:.35rem;font-size:.75rem;opacity:.7}.chapter-grid button.has-audio{border-color:var(--accent-soft)}.chapter-grid button.has-audio:after{content:"";display:block;width:3px;height:3px;margin:1px auto 0;border-radius:50%;background:var(--accent);opacity:.75}.chapter-grid button.is-current.has-audio:after{background:currentColor}.col-la .w{border-radius:3px;padding:.04em .06em;margin:0 -.06em;transition:background-color 90ms linear}.col-la .w.is-spoken{background:var(--mark);color:var(--ink)}.verse.is-speaking .verse-num{color:var(--accent);font-weight:600}.col-la .w[data-seek]{cursor:pointer}.col-la .w[data-seek]:hover{background:var(--accent-soft)}.player{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--paper-raised);border-top:1px solid var(--rule);font-size:.8rem;color:var(--ink-soft)}.player-play{flex:none;width:2.1rem;height:2.1rem;border-radius:50%;border:1px solid var(--rule);background:var(--paper);color:var(--accent);font-size:.7rem;line-height:1;cursor:pointer}.player-play:hover:not(:disabled){border-color:var(--accent)}.player-play:disabled{opacity:.4;cursor:default}.player-time{flex:none;font-variant-numeric:tabular-nums;color:var(--ink-faint)}.player-scrub{flex:1;min-width:4rem;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:2px;cursor:pointer;background:linear-gradient(to right,var(--accent) 0 var(--progress, 0%),var(--rule) var(--progress, 0%) 100%)}.player-scrub::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:11px;height:11px;border-radius:50%;background:var(--accent);border:none}.player-scrub::-moz-range-thumb{width:11px;height:11px;border:none;border-radius:50%;background:var(--accent)}.player-follow{flex:none;display:flex;align-items:center;gap:.3rem;cursor:pointer;-webkit-user-select:none;user-select:none}.player-rate select{background:var(--paper);color:var(--ink-soft);border:1px solid var(--rule);border-radius:5px;padding:.15rem .25rem;font-size:.78rem}.player-error{color:var(--danger)}.player-offline{flex:none;width:1.8rem;height:1.8rem;border-radius:50%;border:1px solid var(--rule);background:var(--paper);color:var(--ink-faint);font-size:.8rem;line-height:1;cursor:pointer}.player-offline:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.player-offline.is-saved{border-color:var(--accent);color:var(--accent)}.player-offline.is-failed{border-color:var(--danger);color:var(--danger)}.player-offline:disabled{cursor:default;opacity:.6}.player{padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}.sheet{position:fixed;z-index:20;right:0;bottom:0;top:0;width:min(30rem,100vw);display:flex;flex-direction:column;background:var(--paper-raised);border-left:1px solid var(--rule);padding-bottom:env(safe-area-inset-bottom)}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem .6rem;border-bottom:1px solid var(--rule)}.sheet-head h2{margin:0;font-family:var(--serif);font-size:1.05rem;font-weight:600}.sheet-close{border:none;background:none;color:var(--ink-faint);font-size:1.5rem;line-height:1;cursor:pointer;padding:0 .25rem}.sheet-note{margin:0;padding:.7rem 1rem;font-size:.8rem;color:var(--ink-soft)}.dl-actions{display:flex;gap:.5rem;padding:0 1rem .8rem}.dl-all,.dl-clear{flex:1;padding:.55rem .7rem;font-size:.82rem;border:1px solid var(--rule);border-radius:6px;background:var(--paper);color:var(--ink);cursor:pointer}.dl-all:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.dl-clear{flex:0 0 auto;color:var(--ink-faint)}.dl-all:disabled,.dl-clear:disabled{opacity:.45;cursor:default}.dl-progress{padding:0 1rem .8rem}.dl-bar{height:4px;border-radius:2px;background:var(--rule);overflow:hidden}.dl-bar span{display:block;height:100%;background:var(--accent);transition:width .2s linear}.dl-line{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.45rem;font-size:.78rem;color:var(--ink-soft)}.dl-line button{border:1px solid var(--rule);border-radius:5px;background:var(--paper);color:var(--ink-soft);padding:.2rem .5rem;font-size:.75rem;cursor:pointer}.dl-failed{margin:.4rem 0 0;font-size:.75rem;color:var(--danger)}.dl-books{list-style:none;margin:0;padding:0 0 1rem;overflow-y:auto;flex:1;border-top:1px solid var(--rule-soft)}.dl-books li{display:grid;grid-template-columns:1fr auto 2rem;align-items:center;gap:.6rem;padding:.45rem 1rem;border-bottom:1px solid var(--rule-soft)}.dl-book-name{display:flex;flex-direction:column;min-width:0}.dl-book-name .book-la{font-family:var(--serif);font-size:.88rem}.dl-book-name .book-en{font-size:.72rem;color:var(--ink-faint)}.dl-size{font-size:.75rem;color:var(--ink-faint);font-variant-numeric:tabular-nums;white-space:nowrap}.dl-books button{width:1.8rem;height:1.8rem;border-radius:50%;border:1px solid var(--rule);background:var(--paper);color:var(--ink-faint);cursor:pointer;font-size:.8rem;line-height:1}.dl-books li.is-saved button{border-color:var(--accent);color:var(--accent)}.dl-books button:disabled{opacity:.4;cursor:default}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:40rem){.player-follow,.player-total{display:none}}.notice-error{color:var(--danger)}.notice .detail{font-size:.78rem;opacity:.8}@media(max-width:900px){.verse{grid-template-columns:1.9rem minmax(0,1fr);gap:0 .85rem}.col-en{grid-column:2;margin-top:.4rem;padding-left:.85rem;border-left:2px solid var(--rule-soft)}.layout-parallel .col-en p{font-size:.94rem}}@media(max-width:760px){.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#00000059;opacity:0;pointer-events:none;transition:opacity .2s ease}.scrim.is-open{opacity:1;pointer-events:auto}.sidebar{position:fixed;top:0;left:0;z-index:50;height:100dvh;transform:translate(-100%);transition:transform .22s ease;box-shadow:0 0 40px #0000002e}.sidebar.is-open{transform:none}.main{padding:1.25rem 1rem 4rem}.layout-toggle button{padding:.28rem .45rem;font-size:.72rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}