.book-dialog{color-scheme:only light;width:min(1220px,96vw);max-width:96vw;height:min(940px,94dvh);max-height:94dvh;margin:auto;padding:0;border:1px solid #ead5df;border-radius:24px;background:#fcf8fa;color:#442537;overflow:hidden;box-shadow:0 25px 100px #250b2040;grid-template-rows:auto auto minmax(0,1fr) auto}
.book-dialog[open]{display:grid}.book-dialog::backdrop{background:#250c20b8;backdrop-filter:blur(5px)}
.book-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 24px;background:#fff;border-bottom:1px solid #eedde6}.book-toolbar h2{font-size:21px;color:#7e2247;margin:0}.book-toolbar p{font-size:12px;color:#8a7180;margin:3px 0 0;overflow-wrap:anywhere}.book-dialog button{font-family:"IBM Plex Sans Arabic",Tahoma,Arial;cursor:pointer}.book-toolbar button{border:0;border-radius:50%;width:40px;height:40px;background:#f8edf2;color:#7e2247;font-size:28px;flex-shrink:0}.book-status{font-size:13px;text-align:center;margin:8px 16px;color:#806575}.book-status:empty{display:none}.book-status.book-error{color:#9d264b;padding:12px}
.book-stage{display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;padding:20px 25px;overflow:hidden;direction:ltr}.book-volume{margin:auto;direction:ltr;filter:drop-shadow(0 10px 12px #44253720)}.book-page{background:#fffaf2;overflow:hidden;border:0}.book-page-content{height:100%;width:100%;position:relative;background:#fff}.book-page img{width:100%;height:100%;object-fit:contain;display:block;user-select:none}.book-page-number{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);font:10px "IBM Plex Sans Arabic",Tahoma,Arial;color:#765c6b;background:#ffffffdf;padding:1px 6px;border-radius:8px}.book-page.--left .book-page-content:after,.book-page.--right .book-page-content:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to left,#44253714,transparent 8%)}.book-page.--right .book-page-content:after{background:linear-gradient(to right,#44253714,transparent 8%)}
.book-controls{background:#fff;border-top:1px solid #eedde6;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#7e2247}.book-navigation,.book-options{display:flex;align-items:center;gap:12px}.book-navigation{direction:rtl}.book-navigation button{width:42px;height:40px;border:0;border-radius:50%;background:#7e2247;color:#fff;font-size:22px}.book-counter{min-width:88px;text-align:center;font-size:13px;direction:ltr}.book-options button{display:flex;gap:7px;align-items:center;border:1px solid #ead5df;background:#fff;color:#7e2247;border-radius:20px;padding:8px 12px;font-size:18px;min-height:40px}.book-options span{font-size:11px}.book-options button[aria-pressed=false]{opacity:.6}.book-controls small{font-size:10px;color:#917887}.book-dialog button:disabled{opacity:.3;cursor:default}.book-dialog:fullscreen,.book-dialog.book-expanded{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.book-dialog.book-expanded{position:fixed;inset:0}.book-dialog .stf__parent{box-sizing:content-box}
@media(max-width:650px){.book-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:0}.book-toolbar{padding:12px 15px}.book-toolbar h2{font-size:18px}.book-toolbar p{font-size:10px}.book-stage{padding:12px 15px}.book-controls{padding:10px 13px;gap:8px;justify-content:center}.book-controls small{width:100%;text-align:center}.book-options{gap:6px}.book-options span{display:none}.book-options button{width:39px;justify-content:center;padding:7px}.book-navigation{gap:8px}.book-navigation button{width:38px;height:38px}.book-counter{min-width:72px}}
@media(prefers-reduced-motion:reduce){.book-dialog::backdrop{backdrop-filter:none}}

html.book-is-open{overflow:hidden}
.book-page img.book-image-fit{object-fit:fill}
.book-toolbar{grid-row:1}.book-status{grid-row:2}.book-stage{grid-row:3}.book-controls{grid-row:4}

/* Vector glyphs avoid font-baseline offsets inside circular controls. */
.book-dialog .book-navigation button,.book-dialog .book-toolbar [data-book-close]{position:relative;display:block;padding:0;line-height:0;font-size:0}
.book-dialog .book-navigation button::before,.book-dialog [data-book-close]::before{content:"";display:block;position:absolute;inset:0;margin:auto;width:22px;height:22px;background:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain}
.book-dialog .book-navigation button::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h16m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.book-dialog [data-book-close]::before{width:20px;height:20px;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 6 12 12M18 6 6 18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.book-dialog [data-book-next]::before,.book-dialog[data-direction=ltr] [data-book-prev]::before{transform:rotate(180deg)}
.book-dialog[data-direction=ltr] [data-book-next]::before{transform:none}