@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Frank+Ruhl+Libre:wght@400;500;700;900&display=swap";:root{--bg: #f1e8d4;--bg-soft: #e8dcc0;--bg-deep: #ddcfa8;--ink: #2a1f14;--ink-soft: #6b5840;--ink-faint: #9a8a6e;--rule: #b9a47e;--accent: #8b2c1c;--accent-soft: #a8392a;--accent-pale: #e8b8ac}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);font-family:Cormorant Garamond,Georgia,serif;font-size:17px;line-height:1.5;min-height:100vh}body{background-image:radial-gradient(circle at 20% 10%,rgba(180,150,90,.08),transparent 50%),radial-gradient(circle at 80% 80%,rgba(120,80,30,.06),transparent 50%);padding:2.5rem 1.5rem 4rem}.container{max-width:720px;margin:0 auto}header{text-align:center;padding-bottom:1.75rem;margin-bottom:2.5rem;border-bottom:1px solid var(--rule);position:relative}header:after{content:"";position:absolute;bottom:-4px;left:50%;width:8px;height:8px;background:var(--bg);border:1px solid var(--rule);transform:translate(-50%) rotate(45deg)}h1{font-family:Frank Ruhl Libre,serif;font-weight:500;font-size:2.4rem;letter-spacing:-.01em;line-height:1.1;margin-bottom:.35rem}h1 .heb{font-weight:700;margin-right:.5rem}h1 .sep{color:var(--ink-faint);font-weight:300;margin:0 .4rem}.subtitle{font-style:italic;color:var(--ink-soft);font-size:1.05rem;letter-spacing:.02em}.selectors{display:grid;grid-template-columns:1.6fr 1fr;gap:1rem;margin-bottom:2.5rem}.field label{display:block;font-style:italic;color:var(--ink-soft);font-size:.9rem;margin-bottom:.35rem;letter-spacing:.03em}select{width:100%;background:var(--bg-soft);border:1px solid var(--rule);padding:.65rem 2rem .65rem .8rem;font-family:Cormorant Garamond,serif;font-size:1.2rem;color:var(--ink);border-radius:2px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%236b5840' stroke-width='1.2' fill='none'/></svg>");background-repeat:no-repeat;background-position:right .8rem center;transition:border-color .15s}select:hover{border-color:var(--ink-soft)}select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.current-book{text-align:center;margin-bottom:0}.zoom-bridge{height:36px;width:100%;overflow:visible}.zoom-bridge svg{width:100%;height:100%;display:block;overflow:visible}.zoom-bridge polygon{fill:var(--accent-pale);fill-opacity:.35;stroke:var(--accent);stroke-width:1;vector-effect:non-scaling-stroke;transition:points .45s cubic-bezier(.4,0,.2,1)}.cb-label{font-style:italic;color:var(--ink-soft);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.6rem}.cb-position{font-family:Frank Ruhl Libre,serif;font-weight:500;font-size:2.3rem;letter-spacing:-.01em;line-height:1.05}.cb-heb{font-family:Frank Ruhl Libre,serif;font-weight:400;font-size:1.45rem;color:var(--ink-soft);margin-top:.15rem;margin-bottom:.4rem;direction:rtl}.cb-verses{font-style:italic;color:var(--ink-soft);font-size:.95rem;margin-bottom:1.2rem}.bar-large{position:relative;height:40px;background:var(--accent-pale);border:1px solid var(--rule);border-radius:2px;overflow:hidden}.bar-large .bar-fill{position:absolute;top:0;left:0;bottom:0;background:linear-gradient(180deg,var(--accent-soft),var(--accent));transition:width .45s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 -2px 4px #0000002e}.overall{margin-bottom:1.75rem}.bar-meta{display:flex;justify-content:space-between;align-items:baseline;font-style:italic;color:var(--ink-soft);font-size:.9rem;margin-bottom:.5rem}.bar-meta .label{letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-style:normal}.bar-segmented{position:relative;height:30px;background:var(--bg-soft);border:1px solid var(--rule);border-radius:2px;margin-top:0}.book-segments{position:absolute;inset:0;display:flex;overflow:hidden}.book-seg{position:relative;height:100%;background:var(--bg-soft);transition:filter .15s,background .4s;cursor:default}.book-seg:hover{filter:brightness(1.15)}.book-seg:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(4px);background:var(--ink);color:var(--bg);padding:.35rem .6rem;border-radius:2px;font-size:.82rem;font-style:normal;font-family:Cormorant Garamond,serif;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s;z-index:10;letter-spacing:.02em}.book-seg:before{content:"";position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) translateY(4px);border:6px solid transparent;border-top-color:var(--ink);width:0;height:0;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s;z-index:10}.book-seg:hover:after,.book-seg:hover:before{opacity:1;transform:translate(-50%) translateY(0)}.section-dividers{position:absolute;inset:0;pointer-events:none}.section-divider{position:absolute;top:-3px;bottom:-3px;width:1px;background:var(--ink-soft)}.book-dividers{position:absolute;inset:0;pointer-events:none;z-index:2}.book-divider{position:absolute;top:0;bottom:0;width:1px;background:#2a1f148c}.bar-meta-below{margin-top:.45rem;margin-bottom:0}.bar-section-labels{display:flex;margin-top:.45rem;font-style:italic;font-size:.85rem;color:var(--ink-soft)}.bar-section-labels span{text-align:center;letter-spacing:.05em}.percentage{text-align:center;margin:2.25rem 0 1.75rem}.percentage-value{font-family:Frank Ruhl Libre,serif;font-weight:500;font-size:3.8rem;color:var(--accent);line-height:1;letter-spacing:-.02em}.percentage-label{font-style:italic;color:var(--ink-soft);font-size:1rem;margin-top:.3rem;letter-spacing:.04em}@media(max-width:520px){body{padding:1.5rem 1rem 3rem;font-size:16px}h1{font-size:1.9rem}.selectors{grid-template-columns:1fr}.cb-position{font-size:1.9rem}.percentage-value{font-size:3rem}.book-seg:after{font-size:.75rem}}