.reader{--reader-chrome:10rem;position:fixed;inset:0;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);color:var(--waraq);overflow:hidden}.reader,.reader-bar{background:var(--lazward)}.reader-bar{display:flex;align-items:center;gap:.75rem;padding:.6rem clamp(.75rem,2vw,1.5rem);-webkit-border-after:1px solid rgba(217,180,92,.28);border-block-end:1px solid rgba(217,180,92,.28);font-family:var(--ui);font-size:.85rem;min-block-size:3.25rem}.reader-bar .mast{font-family:var(--kufi);font-weight:700;font-size:1.05rem;color:var(--waraq);white-space:nowrap}.reader-bar .mast b{color:var(--dhahab-2)}.reader-bar .spacer{flex:1 1}.reader-btn{font-family:var(--ui);font-size:.8rem;color:var(--dhahab-2);background:transparent;border:1px solid rgba(217,180,92,.55);border-radius:4px;padding:.35rem .75rem;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.reader-btn:hover:not(:disabled){background:var(--dhahab);color:var(--lazward)}.reader-btn:disabled{opacity:.35;cursor:not-allowed}.reader-btn[aria-pressed=true]{background:var(--dhahab);color:var(--lazward)}.reader-stage{position:relative;padding:clamp(.5rem,2vh,1.5rem);overflow:hidden;touch-action:pan-y pinch-zoom}.reader-spread,.reader-stage{min-inline-size:0;display:flex;align-items:center;justify-content:center;min-block-size:0}.reader-spread{gap:.5rem;block-size:100%;will-change:transform}.reader-spread[data-turn=slide]{transition:transform .28s cubic-bezier(.22,.61,.36,1)}.reader-spread[data-turning=forward]{transform:translateX(6%)}.reader-spread[data-turning=backward]{transform:translateX(-6%)}.reader-page{position:relative;block-size:100%;min-block-size:0;display:flex;align-items:center;justify-content:center;background:var(--waraq-2);box-shadow:0 8px 32px rgba(0,0,0,.45)}.reader[data-spread=single] .reader-page[data-current=false]{display:none}@media (max-width:1023px){.reader[data-spread=auto] .reader-page[data-current=false]{display:none}.reader[data-spread=auto] .reader-page[data-current=true] img{max-inline-size:92vw}}.reader-page img{display:block;inline-size:auto;block-size:auto;max-block-size:calc(100vh - var(--reader-chrome));max-block-size:calc(100dvh - var(--reader-chrome));max-inline-size:45vw;object-fit:contain}.reader-page-flip{position:relative;display:flex;align-items:center;justify-content:center;transform-origin:center;transition:transform .4s ease}.reader-page[data-flipped] .reader-page-flip{transform:rotate(180deg)}.reader-flip{position:absolute;z-index:2;font-family:var(--ui);font-size:.75rem;color:var(--dhahab-2);background:rgba(20,18,16,.82);border:1px solid rgba(217,180,92,.55);border-radius:999px;padding:.3rem .7rem;cursor:pointer;opacity:.85;transition:opacity .15s ease,background .15s ease}.reader-flip:focus-visible,.reader-flip:hover{opacity:1;background:rgba(20,18,16,.95)}.reader-page[data-single=true] img,.reader[data-spread=single] .reader-page img{max-inline-size:92vw}.reader[data-night=true] .reader-page img{filter:brightness(.88)}.reader[data-night=true] .reader-page:after{content:"";position:absolute;inset:0;background:rgb(184 137 46/4%);pointer-events:none}.reader-stage[data-zoomed=true]{overflow:auto;place-items:start center}.reader-stage[data-zoomed=true] .reader-page{block-size:auto;max-inline-size:none}.reader-stage[data-zoomed=true] .reader-page img{max-block-size:none;max-inline-size:none;inline-size:180%}.reader-edge{position:absolute;inset-block:0;inline-size:clamp(48px,12%,120px);border:0;background:transparent;cursor:pointer;z-index:2}.reader-edge[data-dir=forward]{inset-inline-end:0}.reader-edge[data-dir=backward]{inset-inline-start:0}.reader-edge:focus-visible{background:rgb(217 180 92/12%)}.reader-foot{background:var(--lazward);-webkit-border-before:1px solid rgba(217,180,92,.28);border-block-start:1px solid rgba(217,180,92,.28);min-inline-size:0}.reader-progress{block-size:3px;background:rgba(217,180,92,.18)}.reader-progress>div{block-size:100%;background:var(--dhahab);transition:inline-size .25s ease}.reader-thumbs{display:flex;min-inline-size:0;gap:.4rem;padding:.5rem clamp(.5rem,2vw,1rem);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}.reader-thumb{flex:0 0 auto;inline-size:46px;padding:0;border:1px solid transparent;background:var(--lazward-2);cursor:pointer;scroll-snap-align:center;line-height:0;border-radius:2px}.reader-thumb img{inline-size:100%;block-size:auto;display:block;opacity:.65}.reader-thumb[aria-current=true]{border-color:var(--dhahab)}.reader-thumb[aria-current=true] img{opacity:1}.reader-pagelabel{font-family:var(--ui);font-size:.85rem;color:var(--dhahab-2);white-space:nowrap;min-inline-size:7.5rem;text-align:center}.reader-drawer{position:absolute;inset-block:0;inset-inline-start:0;inline-size:min(24rem,88vw);background:var(--lazward-2);-webkit-border-end:1px solid rgba(217,180,92,.35);border-inline-end:1px solid rgba(217,180,92,.35);padding:1.25rem;overflow-y:auto;z-index:5;--drawer-hidden:100%;transform:translateX(var(--drawer-hidden));transition:transform .2s ease}[dir=ltr] .reader-drawer{--drawer-hidden:-100%}.reader-drawer[data-open=true]{--drawer-hidden:0%}.reader-issue-date{margin-block:-.35rem .9rem;font-family:var(--ui);font-size:.85rem;color:var(--text-2)}.reader-drawer h2{font-family:var(--kufi);font-size:1.05rem;color:var(--dhahab-2);-webkit-margin-after:1rem;margin-block-end:1rem}.reader-toc-row{display:flex;align-items:baseline;gap:.6rem;padding-block:.55rem;-webkit-border-after:1px solid rgba(217,180,92,.16);border-block-end:1px solid rgba(217,180,92,.16)}.reader-toc-row .pg{font-family:var(--kufi);color:var(--dhahab);font-size:.95rem;min-inline-size:2.5rem}.reader-toc-row .ttl-line{display:flex;flex-direction:column;gap:.15rem;flex:1 1;min-inline-size:0}.reader-toc-row .ttl{font-family:var(--naskh);font-size:1.05rem;line-height:1.7}.reader-toc-row .byl{font-family:var(--ui,var(--kufi));font-size:.85rem;line-height:1.5;color:var(--hamish,rgba(240,232,214,.62))}.reader-toc-row .ttl-unnamed{font-style:italic;opacity:.68}.reader-toc-row .act{display:flex;gap:.35rem}.reader-scrim{position:absolute;inset:0;background:rgb(0 0 0/45%);z-index:4;border:0}.reader-hint{font-family:var(--ui);font-size:.75rem;color:rgba(250,246,237,.55)}@media (max-width:767px){.reader-bar .mast,.reader-hint{display:none}.reader-page img{max-inline-size:92vw}}@media (prefers-reduced-motion:reduce){.reader-drawer,.reader-page-flip,.reader-progress>div,.reader-spread{transition:none}}.reader-match{position:absolute;z-index:1;pointer-events:none;background:rgba(217,180,92,.38);mix-blend-mode:multiply;border-radius:2px;outline:2px solid rgba(217,180,92,.22);animation:reader-match-in .24s ease-out both}@keyframes reader-match-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.reader-match{animation:none}}.reader-issue-period{margin-block:-.7rem .9rem;font-family:var(--ui);font-size:.8rem;color:var(--text-2)}