/* =========================================================
   قارئ المكتبة
   ========================================================= */
:root{--bg:#efeae0;--paper:#fbf8f0;--ink:#111a18;--muted:#68706b;--cyan:#42c8c7;--orange:#ff751f;--font:"Alyamama","Al Yamama",Tahoma,Arial,sans-serif}
*{box-sizing:border-box}
body.reader-page{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font)}
.reader-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:10px 16px;background:var(--paper);border-bottom:2px solid var(--ink)}
.reader-back{display:grid;place-items:center;width:40px;height:40px;border:2px solid var(--ink);background:#fff;font-size:20px;font-weight:800;color:var(--ink);text-decoration:none;box-shadow:3px 3px 0 var(--ink)}
.reader-title{flex:1;min-width:0;display:grid}
.reader-title small{font-size:11px;font-weight:800;color:#6b45e7}
.reader-title strong{font-size:17px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reader-tools{display:flex;align-items:center;gap:6px}
.reader-tools button,.reader-tools a{display:grid;place-items:center;width:38px;height:38px;border:1.5px solid var(--ink);background:#fff;font-size:18px;font-weight:800;color:var(--ink);text-decoration:none;cursor:pointer}
.reader-tools button:hover,.reader-tools a:hover{background:var(--cyan)}
.reader-page-no{font-size:13px;font-weight:800;white-space:nowrap;margin-inline-end:4px}
.reader-progress{position:absolute;inset-inline:0;bottom:-2px;height:4px}
.reader-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--orange),var(--cyan));transition:width .2s}
.reader-pages{display:flex;flex-direction:column;align-items:center;gap:18px;padding:24px 12px 80px;direction:ltr}
.reader-sheet{background:#fff;box-shadow:0 2px 0 rgba(0,0,0,.05),6px 6px 0 rgba(17,26,24,.85);border:1.5px solid var(--ink);max-width:none}
.reader-sheet canvas{display:block}
.reader-loading{font-size:18px;font-weight:800;margin-top:20vh;direction:rtl}
.reader-note{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 18px;font-weight:700;box-shadow:4px 4px 0 var(--orange);z-index:30}
body.reader-dark{--bg:#14191a;--paper:#1d2426}
body.reader-dark .reader-bar{color:#eef2f1}
body.reader-dark .reader-title small{color:#a996ff}
body.reader-dark .reader-sheet{border-color:#000;box-shadow:6px 6px 0 #000}
body.reader-dark .reader-sheet canvas{filter:invert(.92) hue-rotate(180deg)}
@media(max-width:600px){
  .reader-bar{gap:8px;padding:8px 10px}
  .reader-page-no{display:none}
  .reader-tools button,.reader-tools a{width:34px;height:34px}
  .reader-pages{padding:14px 6px 70px;gap:10px}
}