:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#171512;background:#ece8df;font-family:Noto Naskh Arabic,Amiri,Segoe UI,Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{background-color:#ece8df;background-image:linear-gradient(90deg,#1815110d 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.viewer-shell{grid-template-rows:auto auto 1fr;min-height:100vh;display:grid}.viewer-toolbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#faf8f2f0;border-bottom:1px solid #17151229;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex;position:sticky;top:0}.viewer-title{gap:2px;min-width:160px;display:grid}.viewer-title__text{font-size:1.08rem;font-weight:800}.viewer-title__meta{color:#665f52;font-size:.9rem}.viewer-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px;display:flex}.control-button{color:#242019;cursor:pointer;background:#fffdf7;border:1px solid #b9a77b;border-radius:6px;min-height:38px;padding:6px 12px}.control-button:hover{background:#f5ecd7}.control-button:focus-visible,.thumbnail:focus-visible{outline-offset:2px;outline:3px solid #277da1}.control-button:disabled{cursor:not-allowed;opacity:.45}.viewer-status{color:#342f26;text-align:center;background:#fffdf7;border:1px solid #17151229;border-radius:8px;place-self:center;max-width:min(680px,100vw - 32px);margin:48px 16px;padding:18px 20px}.viewer-status[data-type=error]{color:#792222;border-color:#b34242}.book-stage{grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.thumbnail-panel{z-index:9;background:#faf8f2;border-inline-end:1px solid #17151229;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));align-content:start;gap:10px;width:min(380px,86vw);padding:14px;display:grid;position:fixed;inset-block:64px 0;inset-inline-start:0;overflow:auto;box-shadow:0 24px 60px #1715122e}.thumbnail{color:#28231c;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;gap:6px;padding:6px;display:grid}.thumbnail[aria-pressed=true]{background:#f5ecd7;border-color:#9a7b33}.thumbnail img{aspect-ratio:3/4.2;object-fit:cover;background:#ddd6c7;border-radius:4px;width:100%}.book-viewport{perspective:1800px;perspective-origin:50%;place-items:center;min-height:calc(100vh - 76px);padding:24px;display:grid;overflow:auto}.spread{width:min(1280px,100%);max-height:calc(100vh - 124px);transform:scale(var(--zoom,1));transform-origin:50%;transform-style:preserve-3d;filter:drop-shadow(0 28px 36px #19151038);direction:ltr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);transition:transform .16s,opacity .16s;display:grid;position:relative}.spread--single{grid-template-columns:minmax(0,1fr);width:min(720px,100%)}.spread--cover{width:min(620px,100%)}.spread:not(.spread--single):before{content:"";z-index:4;pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(90deg,#00000029,#0000 42%),linear-gradient(270deg,#ffffff38,#0000 48%);width:28px;position:absolute;inset-block:0;inset-inline-start:calc(50% - 14px)}.page{backface-visibility:hidden;min-width:0;transform-style:preserve-3d;background:#fdfbf5;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #251e1414,0 18px 40px #1a161133}.page:after{content:"";pointer-events:none;opacity:.42;background:linear-gradient(90deg,#00000014,#0000 16% 84%,#00000014);position:absolute;inset:0}.page--left{transform-origin:100%;border-radius:6px 0 0 6px;box-shadow:inset -10px 0 20px #1e181014,inset 0 0 0 1px #251e1414,-16px 18px 38px #1a161129}.page--right{transform-origin:0;border-radius:0 6px 6px 0;box-shadow:inset 12px 0 22px #1e181014,inset 0 0 0 1px #251e1414,16px 18px 38px #1a161129}.page--single{border-radius:6px}.page--cover{border-radius:8px 5px 5px 8px;box-shadow:inset -18px 0 24px #14100b29,inset 0 0 0 1px #251e141f,18px 24px 44px #1a16113d}.page--blank{box-shadow:inset 0 0 0 1px #17151214}.page img{object-fit:contain;background:#fff;width:100%;height:100%;max-height:calc(100vh - 124px);display:block}.spread--turn-next .page--left{z-index:5;animation:.52s cubic-bezier(.2,.7,.2,1) rtlFlipNext}.spread--turn-next .page--right{animation:.52s cubic-bezier(.2,.7,.2,1) rtlPageSettleRight}.spread--turn-previous .page--right,.spread--turn-previous .page--cover,.spread--turn-previous .page--single{z-index:5;animation:.52s cubic-bezier(.2,.7,.2,1) rtlFlipPrevious}.spread--turn-previous .page--left{animation:.52s cubic-bezier(.2,.7,.2,1) rtlPageSettleLeft}@keyframes rtlFlipNext{0%{filter:brightness(.88);transform:rotateY(-82deg)translateZ(2px)}58%{filter:brightness(1.04);transform:rotateY(8deg)translateZ(12px)}to{filter:brightness();transform:rotateY(0)translateZ(0)}}@keyframes rtlFlipPrevious{0%{filter:brightness(.88);transform:rotateY(82deg)translateZ(2px)}58%{filter:brightness(1.04);transform:rotateY(-8deg)translateZ(12px)}to{filter:brightness();transform:rotateY(0)translateZ(0)}}@keyframes rtlPageSettleRight{0%{transform:translate(-12px)rotateY(-4deg)}to{transform:translate(0)rotateY(0)}}@keyframes rtlPageSettleLeft{0%{transform:translate(12px)rotateY(4deg)}to{transform:translate(0)rotateY(0)}}@media (prefers-reduced-motion:reduce){.spread,.page{transition:none;animation:none!important}}@media (width<=760px){.viewer-toolbar{flex-direction:column;align-items:stretch;padding:10px}.viewer-actions{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.control-button{min-width:0;padding-inline:8px;font-size:.9rem}.book-viewport{min-height:calc(100vh - 148px);padding:12px}.spread,.page img{max-height:calc(100vh - 172px)}.thumbnail-panel{inset-block-start:132px}}