:root{--reader-bg:#e9e5dc;--reader-paper:#fffcf5;--reader-text:#292d29;--forest:#102f26;--gold:#c6a56e;--border:#dfd6c5;--ui:'IBM Plex Sans Arabic',Tahoma,sans-serif;--kufi:'Noto Kufi Arabic',Tahoma,sans-serif;--naskh:'Noto Naskh Arabic',serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--ui);color:#21322a;background:var(--reader-bg)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #cbb078;outline-offset:2px}[hidden]{display:none!important}.reader-shell{display:flex;flex-direction:column;overflow:hidden}.reader-topbar{height:67px;flex-shrink:0;background:var(--forest);color:#f7ecdd;border-bottom:1px solid #b89c6559;display:flex;justify-content:space-between;align-items:center;padding:0 24px;gap:10px}.reader-top-start{display:flex;align-items:center;gap:13px;min-width:220px}.back-library{font-size:24px;color:#e1c390;border:1px solid #ffffff2b;border-radius:5px;padding:2px 12px}.mini-brand{width:42px;height:42px}.reader-book-title{display:flex;flex-direction:column}.reader-book-title strong{font:700 17px/1.5 var(--ui);max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-book-title small{font:400 11px var(--naskh);color:#cfba91}.reader-top-center{font:500 13px var(--kufi);color:#e8d6b2}.reader-top-center span{font-size:18px;margin:0 7px;color:#bda069}.reader-top-actions{display:flex;gap:7px}.icon-btn{height:36px;min-width:38px;color:#e8dbc2;border:1px solid #ffffff2c;background:transparent;border-radius:5px;font-size:20px}.reader-tools{height:60px;flex-shrink:0;background:#fcfaf5;border-bottom:1px solid #d8d1c3;display:flex;align-items:center;justify-content:center;gap:38px;padding:6px 20px;box-shadow:0 3px 11px #0000000a;z-index:9}.tool-group{display:flex;align-items:center;gap:8px}.tool-group button,.tool-group select{border:1px solid #e7dfd1;background:#fffdf7;border-radius:5px;color:#355441;padding:8px 11px;font:600 12px var(--ui)}.tool-group button:hover{background:#eee6d5}.tool-group select{max-width:145px}.tool-label{font:500 11px var(--kufi);white-space:nowrap;color:#7a756a;display:flex;align-items:center;gap:7px}.tool-sep{height:25px;width:1px;background:#d7c9b3;margin:0 9px}#font-display{font:600 12px var(--ui);min-width:28px;text-align:center}.reader-settings{position:absolute;z-index:18;left:15%;right:15%;top:128px;background:#fffdf8;border:1px solid #d7c8a8;box-shadow:0 24px 65px #152b1f35;border-radius:0 0 12px 12px}.settings-inner{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;font:500 12px var(--kufi)}.settings-inner label{display:flex;align-items:center;gap:10px}.settings-inner select{border:1px solid #dccfb7;border-radius:5px;padding:8px;background:#fff}.settings-inner input[type=range]{width:100px;accent-color:#1b5e3f}.settings-inner input[type=checkbox]{accent-color:#1b5e3f;width:16px;height:16px}.reader-minor{border:1px solid #cbb583;border-radius:5px;background:#f2e8d8;color:#344d3d;padding:7px 14px}.reader-workspace{display:grid;grid-template-columns:265px minmax(0,1fr) 275px;flex:1;min-height:0;direction:rtl}.reader-aside{background:#f9f7f1;overflow:auto;min-height:0;display:flex;flex-direction:column}.toc-aside{border-left:1px solid #dfd7ca}.notes-aside{border-right:1px solid #dfd7ca}.aside-title{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 13px;border-bottom:1px solid #e7dfd0}.aside-title h2{font:700 15px var(--ui);color:#264d37;margin:0}.aside-close{border:0;background:transparent;color:#8b806c;font-size:25px;display:none}.toc-search{padding:16px 15px}.toc-search input{height:39px;background:#fff;border:1px solid #e4dac9;border-radius:5px;width:100%;font:400 11px var(--kufi);padding:0 13px;outline:none}.toc-tree{padding:3px 11px;flex:1;overflow:auto}.toc-tree button{display:block;text-align:right;width:100%;border:0;background:none;font:500 12px/1.8 var(--naskh);color:#35423a;padding:8px 10px;border-radius:5px}.toc-tree button:hover{background:#efeee2;color:#166340}.toc-tree button.active{background:#e4ede2;color:#145337;border-right:3px solid #2c7950}.toc-tree .toc-child{padding-right:16px}.toc-tree .toc-child .toc-child{padding-right:9px}.toc-tree ul{list-style:none;margin:0;padding:0}.toc-tree li{margin-bottom:2px}.aside-footer{padding:17px 14px;border-top:1px solid #e5dfd3;color:#ad9870;font:400 10px var(--kufi);text-align:center}.muted-message{font:400 12px/2 var(--kufi);color:#a09b8e;padding:16px}.reader-main{display:flex;min-width:0;flex-direction:column;background:var(--reader-bg);padding:17px 24px 0;position:relative}.reading-frame{flex:1;min-height:0;background:var(--reader-paper);border:1px solid #dfd3bd;box-shadow:0 4px 21px #5a4c3421,inset 0 0 0 6px #ffffff32;border-radius:4px;position:relative;display:flex;flex-direction:column}.reading-frame:before{content:'';position:absolute;top:9px;bottom:9px;right:9px;left:9px;border:1px solid #d6c9b04d;pointer-events:none}.book-marginalia{height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:23px;color:#b49463;font:600 12px var(--ui);padding:12px 15px 0;position:relative;z-index:2}.book-marginalia b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%;color:#776e5d}#epub-viewer{flex:1;min-height:0;margin:0 44px 7px;position:relative;overflow:hidden}#epub-viewer iframe{border:0!important}.reader-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#95815f}.loading-emblem{font-size:70px;color:#c1a06a}.reader-loading p{font:600 16px var(--ui)}.reader-loading small{font:400 11px var(--ui)}.page-bottom-ornament{height:32px;text-align:center;color:#beaa83;font-size:18px;flex-shrink:0}.bottom-bar{height:56px;display:flex;align-items:center;justify-content:space-between;gap:9px;color:#738176;font:500 11px var(--kufi)}.reader-pager{display:flex;gap:8px}.reader-pager button{border:1px solid #d2c7b3;background:#faf8f1;color:#2e6348;padding:7px 14px;border-radius:5px;font:600 10px var(--kufi)}#save-status{color:#928161}.notes-tabs{display:flex;padding:13px;gap:7px}.notes-tabs button{flex:1;border:1px solid #e5dac8;background:#fffbf5;border-radius:5px;padding:10px;font:500 11px var(--kufi);color:#827869}.notes-tabs button.active{background:#18543b;color:#fff;border-color:#18543b}.notes-list{flex:1;overflow:auto;padding:4px 13px}.highlight-item,.bookmark-item{background:#fffdf8;border:1px solid #e7ddcb;border-radius:6px;padding:12px;margin-bottom:10px}.highlight-item .sample,.bookmark-item .sample{font:400 15px/1.9 var(--naskh);margin:0 0 8px;display:block;text-align:right;width:100%;border:0;color:#4a493d;background:transparent;cursor:pointer}.highlight-item .note-text{font:400 11px/1.7 var(--kufi);color:#59725e}.note-actions{display:flex;gap:10px}.note-actions button{border:0;background:none;color:#916c44;font:500 10px var(--kufi);padding:4px 0}.tag-color{height:4px;width:44px;border-radius:2px;margin-bottom:10px;background:#dcc17c}.selection-menu{position:fixed;z-index:35;bottom:22px;left:50%;transform:translateX(-50%);width:min(540px,calc(100vw - 30px));background:#fffdf8;border:1px solid #cdb888;border-radius:12px;box-shadow:0 25px 80px #0d241f65;padding:17px 20px}.selection-menu-header,.footnote-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7ddcd;padding-bottom:9px}.selection-menu-header strong,.footnote-head strong{font:700 16px var(--ui);color:#20563c}.selection-menu-header button,.footnote-head button{background:none;border:0;font-size:24px;color:#8a7b65}.selection-menu>p{font:400 16px/1.75 var(--naskh);max-height:95px;overflow:auto;margin:10px 0}.selection-menu label{display:flex;gap:15px;align-items:center;font:500 11px var(--kufi);color:#7a725f}.colors-row{display:flex;gap:8px}.color-dot{width:25px;height:25px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #c4bba9}.color-dot.active{box-shadow:0 0 0 2px #244f3a}.color-dot[data-color=gold]{background:#edd27e}.color-dot[data-color=green]{background:#b6d8b6}.color-dot[data-color=rose]{background:#e9bec0}.color-dot[data-color=blue]{background:#b9d4ef}.selection-menu textarea{width:100%;border:1px solid #dfd3be;background:#fffcf6;border-radius:5px;margin-top:12px;padding:9px;font:400 12px/1.6 var(--kufi);resize:vertical}.selection-actions{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.selection-actions button{flex:1;white-space:nowrap;border:1px solid #ddd0b7;background:#f8f0df;border-radius:5px;padding:11px 10px;color:#3c5944;font:600 11px var(--kufi)}.selection-actions .gold-button{background:#16543a;color:#fff;border-color:#16543a}.footnote-popup{position:fixed;z-index:31;bottom:90px;right:20%;max-width:min(460px,90vw);padding:16px 20px;border:1px solid #ceb789;border-radius:10px;background:#fffdf7;box-shadow:0 13px 60px #121b1745}.footnote-popup #footnote-content{font:400 17px/2 var(--naskh);max-height:220px;overflow:auto;margin-top:9px}.reader-toast{position:fixed;z-index:50;bottom:15px;right:50%;transform:translateX(50%);background:#183e2d;color:#fff;border:1px solid #beab77;padding:13px 22px;border-radius:7px;font:500 12px var(--kufi);box-shadow:0 10px 20px #0004}.overlay{position:fixed;inset:0;background:#0008;z-index:21}body[data-reader-theme=white]{--reader-paper:#ffffff;--reader-bg:#efefed}body[data-reader-theme=sepia]{--reader-paper:#f4e8d1;--reader-bg:#e5d6bd}body[data-reader-theme=dark]{--reader-paper:#202724;--reader-bg:#121b18;--reader-text:#e9e6df;--border:#39443b}body[data-reader-theme=dark] .reading-frame{border-color:#445149}body[data-reader-theme=dark] .book-marginalia b{color:#c1b49c}body[data-reader-theme=dark] .bottom-bar{color:#b3bdb2}body[data-reader-theme=dark] .reader-pager button{background:#29382e;color:#e4d6b6;border-color:#4b594b}body[data-reader-theme=dark] .page-bottom-ornament{color:#af935d}
@media(max-width:1230px){.reader-workspace{grid-template-columns:240px minmax(0,1fr) 235px}.reader-main{padding:12px 13px 0}#epub-viewer{margin:0 25px}.reader-tools{gap:12px}.reader-top-center{display:none}.tool-group{gap:4px}}
@media(max-width:990px){.reader-workspace{display:block;position:relative;min-height:0}.reader-main{height:100%;padding:9px 9px 0}.reader-aside{position:fixed;right:0;top:0;bottom:0;width:min(310px,85vw);z-index:25;box-shadow:0 0 30px #0004;transform:translateX(110%);transition:transform .22s}.reader-aside.open{transform:translateX(0)}.notes-aside{right:auto;left:0;transform:translateX(-110%)}.notes-aside.open{transform:translateX(0)}.aside-close{display:block}.reader-tools{overflow:auto;justify-content:flex-start;gap:12px;height:62px;padding:6px 10px}.reader-settings{left:10px;right:10px}.settings-inner{justify-content:flex-start}.reader-topbar{padding:0 11px}.reader-top-start{min-width:0}.reader-book-title strong{max-width:180px}.mini-brand{display:none}.reader-top-actions{margin-right:auto}#epub-viewer{margin:0 20px}}
@media(max-width:600px){.reader-topbar{height:58px}.back-library{padding:1px 7px}.reader-book-title strong{font-size:14px;max-width:140px}.reader-book-title small{font-size:10px}.icon-btn{height:32px;min-width:30px}.desktop-only{display:none}.reader-tools{height:56px}.tool-group button,.tool-group select{padding:7px;font-size:10px}.reader-main{padding:5px 5px 0}.reading-frame{border-radius:0}.reading-frame:before{inset:4px}.book-marginalia{height:40px;font-size:10px;gap:8px}#epub-viewer{margin:0 8px 3px}.page-bottom-ornament{height:22px}.bottom-bar{height:44px;font-size:9px;padding:0 5px}#save-status{display:none}.reader-pager button{padding:5px;font-size:9px}.reader-settings{top:114px}.settings-inner{gap:12px;font-size:11px}.selection-menu{bottom:5px;padding:13px}.selection-actions button{font-size:10px}.footnote-popup{right:5vw;bottom:65px}}

.selection-menu .quote-style{margin-top:11px;display:flex;justify-content:space-between;gap:12px}.quote-style select{padding:5px 8px;border:1px solid #dfd3bc;border-radius:5px;background:#fffaf2;color:#364f3b;font:500 11px var(--kufi)}