.booklets-shell{width:min(72rem,100%);margin:0 auto;padding:1.25rem 1.25rem 4rem}.booklets-hero{margin:0 0 1.5rem}.booklets-kicker{margin:0 0 .35rem;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.booklets-hero h1{margin:0 0 .45rem}.booklets-hero .muted{max-width:40rem;line-height:1.5}.booklets-search{display:flex;gap:.65rem;margin-top:1.1rem;max-width:40rem}.booklets-search .field{flex:1}.booklets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:1.1rem}.booklet-card{display:flex;flex-direction:column;color:inherit;text-decoration:none;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-height:100%}.booklet-card:hover{border-color:#ff9e1b73}.booklet-cover{aspect-ratio:2 / 3;background:#0c0c0f;overflow:hidden}.booklet-cover img{width:100%;height:100%;object-fit:cover;display:block}.booklet-cover-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.8rem;padding:.75rem;text-align:center}.booklet-card-body{padding:.75rem .8rem .9rem;display:flex;flex-direction:column;gap:.25rem;flex:1}.booklet-card-body h2{margin:0;font-size:.95rem;line-height:1.25}.booklet-card-body .muted{font-size:.8rem}.booklets-hits{display:flex;flex-direction:column;gap:.75rem}.booklet-hit{display:grid;grid-template-columns:4.2rem 1fr;gap:.9rem;padding:.85rem .95rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:inherit;text-decoration:none}.booklet-hit:hover{border-color:#ff9e1b73}.booklet-hit img{width:4.2rem;height:6.3rem;object-fit:cover;border-radius:6px;background:#0c0c0f}.booklet-hit h3{margin:0 0 .2rem;font-size:1.05rem}.booklet-hit .chapter{color:var(--accent);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;font-weight:700;margin:0 0 .35rem}.booklet-hit .excerpt{margin:0;color:var(--text);line-height:1.45;font-size:.95rem}@keyframes ca-hit-flash{0%{background:#ff9e1b7a}to{background:#ff9e1b29}}.booklet-hit mark{background:#ff9e1b29;color:inherit;padding:0 .1em;border-radius:2px;animation:ca-hit-flash .55s ease-out 1 forwards}.reader-shell{width:100%;flex:1 1 auto;min-height:0;height:100%;display:flex;flex-direction:column}.reader-app{flex:1;min-height:0;display:flex;flex-direction:column}.reader-boot{padding:2rem 1.25rem}.reader-bar-wrap{position:relative;top:0;z-index:9;flex-shrink:0;background:#070708e6;backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.reader-bar{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem .75rem;padding:.55rem .9rem}.reader-bar-left{display:flex;align-items:center;gap:.55rem;min-width:0;flex:1}.reader-bar h1{margin:0;font-size:1.05rem;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-page-meta{font-size:.82rem;flex-shrink:0}.reader-search-toggle{display:none;align-items:center;justify-content:center;padding:.35rem .45rem;min-width:2.1rem}.reader-search-icon{width:1.1rem;height:1.1rem;color:var(--muted);display:block}.reader-search{display:flex;align-items:center;gap:.45rem;margin:0 .9rem .55rem;background:#0c0c0f;border:1px solid var(--border);border-radius:8px;padding:.2rem .55rem .2rem .4rem}.reader-search input[type=search]{flex:1;min-width:0;border:0;background:transparent;color:var(--text);font:inherit;font-weight:600;font-size:.9rem;padding:.28rem .15rem;outline:none}.reader-scope{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--muted);white-space:nowrap;font-weight:650}.reader-search-results{position:absolute;left:.75rem;right:.75rem;top:100%;max-height:min(42vh,18rem);overflow:auto;background:#0c0c0f;border:1px solid var(--border);border-radius:0 0 12px 12px;box-shadow:0 16px 40px #00000073;padding:.25rem .35rem .35rem;z-index:10}.reader-search-empty{padding:.65rem .75rem;margin:0}.reader-hit{display:flex;flex-direction:column;gap:.15rem;width:100%;text-align:left;border:0;background:transparent;color:var(--text);padding:.55rem .6rem;border-radius:8px}.reader-hit:hover{background:var(--bg-hover)}.reader-hit span{font-size:.85rem;color:var(--muted);line-height:1.4}.reader-layout{display:grid;grid-template-columns:13.5rem minmax(0,1fr);flex:1;min-height:0;height:100%;position:relative}.reader-toc{border-right:1px solid var(--border);background:#0c0c0f;overflow:auto;padding:.75rem .45rem 2rem;min-height:0}.reader-toc h2{margin:.65rem .55rem .35rem;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.reader-toc button{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--text);padding:.32rem .55rem;border-radius:8px;font:inherit;font-size:.9rem}.reader-toc button:hover,.reader-toc button.is-current{background:var(--accent-dim);color:var(--accent)}.reader-toc-files{display:flex;gap:.4rem;margin:1rem .45rem 0}.reader-stage{position:relative;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column}.reader-page{flex:1;min-height:0;overflow:auto;padding:1.25rem 2.6rem 1.5rem;touch-action:pan-y;overscroll-behavior-x:none}.reader-page.is-swiping{user-select:none}.reader-paper{width:min(46rem,100%);margin:0 auto;background:#121215;border:1px solid var(--border);border-radius:14px;padding:1.75rem 1.6rem 2.5rem}.reader-paper .cover-art{width:min(16rem,70%);margin:0 auto 1.5rem;display:block;border-radius:8px}.reader-chapter{margin:0}.reader-chapter h2{margin:0 0 .85rem}.reader-html{line-height:1.65;font-size:1.05rem}.reader-html p{margin:.75rem 0}.reader-html figure{margin:1.2rem 0;text-align:center}.reader-html figcaption{color:var(--muted);font-size:.88rem;margin-top:.4rem}.reader-html .seg{scroll-margin-top:1.2rem;border-radius:6px}.reader-html mark.hit{background:#ff9e1b29;color:inherit;padding:0 .08em;border-radius:2px;animation:ca-hit-flash .55s ease-out 1 forwards}.reader-html img{max-width:100%;height:auto;border-radius:6px}.reader-turn{position:absolute;top:50%;z-index:5;width:1.75rem;height:3.25rem;padding:0;border:0;background:transparent;color:#f3f1ee;opacity:.5;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 3px rgba(0,0,0,.85)) drop-shadow(0 0 1px rgba(0,0,0,.95));cursor:pointer}.reader-turn:disabled{opacity:.18;cursor:default}.reader-turn-next{right:.9rem;left:auto;transform:translate(50%,-50%)}.reader-turn-prev{left:.9rem}.reader-turn svg{display:block;width:100%;height:100%}.reader-turn:hover:not(:disabled),.reader-turn:focus-visible{opacity:.92}.reader-turn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(min-width:901px){.reader-bar-wrap{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem .75rem;padding:.55rem .9rem}.reader-bar{display:contents}.reader-bar-left{order:1;flex:0 1 auto}.reader-mode-switch{order:1;margin-left:.35rem;margin-right:auto}.reader-search{order:2;flex:1 1 12rem;max-width:28rem;margin:0}.reader-toc-btn{order:3;display:none}}@media(max-width:900px){.reader-search-toggle{display:inline-flex}.reader-search{display:none}.reader-bar-wrap.is-search-open .reader-search{display:flex}.reader-layout{grid-template-columns:1fr}.reader-toc{display:none}.reader-toc.is-open{display:block;position:absolute;z-index:9;inset:0 auto auto 0;width:min(18rem,90vw);max-height:50vh;border-bottom:1px solid var(--border);border-right:1px solid var(--border)}.reader-turn{width:1.55rem;height:2.85rem}.reader-turn-prev{left:.55rem;transform:translateY(-50%)}.reader-turn-next{right:.55rem;left:auto;transform:translateY(-50%)}.reader-page{padding:1rem 1.7rem 1.5rem}.booklets-search{flex-direction:column}}.reader-html .scripture-ref{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em;cursor:pointer}.reader-html .scripture-ref:hover{color:#ffb347}.booklet-ref-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:.45rem 0 0}.booklet-ref-chip{font-size:.78rem;font-weight:700}.reader-mode-switch{display:inline-flex;align-items:center;gap:2px;margin:0 .15rem;padding:2px;background:#0c0c0f;border:1px solid var(--border);border-radius:8px}.reader-mode-switch button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:.8rem;font-weight:700;letter-spacing:.02em;padding:.28rem .6rem;border-radius:6px;cursor:pointer}.reader-mode-switch button:hover{color:var(--text);background:var(--bg-hover)}.reader-mode-switch button.is-on{background:var(--accent-dim);color:var(--accent)}.reader-mode-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.reader-layout.is-pdf{grid-template-columns:1fr;height:100%;min-height:0}.reader-layout.is-pdf .reader-toc{display:none}.reader-page.is-pdf{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding:.9rem 1.3rem 1.4rem}.pdf-view{flex:1 1 auto;min-height:0;width:100%}.pdf-view,.pdf-reader{display:flex;flex-direction:column}.pdf-reader{flex:1 1 auto;min-height:0;height:100%}.pdf-view-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .8rem;padding:0 0 .8rem}.pdf-invert-toggle{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;font-weight:700;color:var(--text);cursor:pointer}.pdf-invert-toggle input{accent-color:var(--accent)}.pdf-hint{font-size:.78rem}.pdf-pages{display:flex;flex-direction:column;align-items:center;gap:1.1rem;padding-bottom:2rem}.pdf-page{position:relative;overflow:hidden;flex:none;background:#16161a;border:1px solid #24242b;box-shadow:0 10px 30px #0006}.pdf-page.is-pending{width:min(46rem,100%);min-height:58vh;border-radius:4px}.pdf-page canvas{position:absolute;display:block;background:#fefefe;filter:invert(1) hue-rotate(180deg)}.pdf-pages:not(.is-inverted) .pdf-page canvas{filter:none}.pdf-loading{color:var(--muted);padding:2rem 1rem;text-align:center}.pdf-loading a{color:var(--accent)}.pdf-view{--pdf-fallback: #faf8f2;position:relative}.pdf-reader{position:relative;width:100%}.pdf-reader-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .9rem;padding:0 0 .8rem;font-size:.85rem}.pdf-reader-bar .muted.pdf-bar-hint{margin-right:auto}.pdf-invert-toggle,.pdf-crop{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;color:var(--text);cursor:pointer;user-select:none}.pdf-invert-toggle input{accent-color:var(--accent);cursor:pointer}.pdf-crop{cursor:default}.pdf-crop input[type=range]{accent-color:var(--accent);width:7rem}.pdf-crop-val{min-width:2.6rem;font-variant-numeric:tabular-nums;color:var(--muted);font-weight:600}.pdf-stage{position:relative;overflow:hidden;margin:0 auto;background:var(--pdf-fallback)}.pdf-reader.is-dark .pdf-stage{background:#16161a}.pdf-stage.is-transitioning{cursor:wait}.pdf-turn{position:absolute;inset:0;will-change:transform}.pdf-turn-inner{position:absolute;inset:0;overflow:hidden}.pdf-natural,.pdf-main{position:absolute;top:0;left:0;display:block;background:var(--pdf-fallback)}.pdf-reader.is-dark .pdf-natural,.pdf-reader.is-dark .pdf-main{background:#16161a}.pdf-natural{opacity:0;pointer-events:none}.pdf-main{box-shadow:0 10px 30px #00000073}.pdf-reader:not(.is-dark) .pdf-main{box-shadow:0 8px 26px #0000002e}.pdf-img-hit{position:absolute;border-radius:3px;cursor:pointer;background:#fff0;transition:box-shadow .12s ease}.pdf-img-hit:hover,.pdf-img-hit.is-inverted{box-shadow:inset 0 0 0 2px var(--accent)}.pdf-image-menu,.pdf-img-menu{position:absolute;z-index:12;min-width:11rem;padding:.5rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;box-shadow:0 18px 46px #0000008c}.pdf-img-menu-title{display:block;padding:.15rem .35rem .4rem;font-size:.78rem;font-weight:700;color:var(--muted)}.pdf-img-menu button{display:block;width:100%;text-align:left;margin:.15rem 0}.pdf-reader.is-editor .pdf-natural{opacity:1}.pdf-reader.is-dark .pdf-img-hit.is-inverted{box-shadow:none}.reader-layout.is-pdf,.reader-layout.is-pdf .reader-stage{height:100%;min-height:0}.reader-layout.is-pdf .reader-page{height:100%;min-height:0;display:flex;flex-direction:column}.reader-layout.is-pdf .pdf-view{flex:1 1 auto;min-height:0;width:100%}.pdf-reader{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.pdf-reader-bar{flex:0 0 auto}.pdf-stage{flex:1 1 auto;min-height:0}@media(max-width:900px){.reader-layout.is-pdf{grid-template-columns:1fr}.reader-layout.is-pdf .reader-boot,.reader-layout.is-pdf .reader-bar-wrap{display:none}.reader-layout.is-pdf .reader-page,.reader-layout.is-pdf .pdf-view{padding:0}.pdf-view{height:100dvh}.pdf-view>.pdf-reader{height:100%}.pdf-reader.is-pdf{height:100%}.pdf-stage{height:100%!important}.pdf-view-bar{flex-wrap:wrap;gap:.35rem .7rem}}
