@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700&display=swap');
:root{--green:#07583d;--green2:#0b6b49;--deep:#043c2a;--cream:#f8f3e6;--paper:#fffdf8;--gold:#d4a63d;--line:#dfd2b2;--muted:#747a74;--shadow:0 12px 36px rgba(24,42,34,.12)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:'Tajawal',system-ui,sans-serif;background:#e8e6df;color:#153d32;overflow:hidden}button,input{font:inherit}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app{height:100dvh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.topbar{min-height:64px;padding:8px max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));background:rgba(255,253,248,.97);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:9px;z-index:20}.return-site,.icon-button,.edition-button,.tool-button,.zoom-value{border:1px solid var(--line);background:var(--paper);color:var(--deep);border-radius:13px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:700}.return-site{padding:0 13px;white-space:nowrap}.icon-button{width:42px;padding:0;cursor:pointer}.brand{min-width:0;flex:1;padding:0 4px}.brand strong,.brand small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand strong{font-size:.96rem}.brand small{font-size:.72rem;color:var(--muted)}.edition-switch{display:flex;gap:5px}.edition-button{padding:0 10px;cursor:pointer}.edition-button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.viewer{position:relative;overflow:auto;overscroll-behavior:contain;display:flex;justify-content:center;padding:18px;background:linear-gradient(180deg,#eceae5,#dfddd6)}.page-stage{width:100%;display:flex;justify-content:center;align-items:flex-start}.paper{background:white;box-shadow:0 8px 30px rgba(0,0,0,.14);display:flex;justify-content:center;align-items:flex-start;transition:filter .2s}.paper canvas{display:block;max-width:none}.reading-progress{position:fixed;left:0;right:0;bottom:64px;height:3px;background:transparent;z-index:18}.reading-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green2),var(--gold));transition:width .18s}.toolbar{min-height:64px;padding:7px max(10px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:rgba(255,253,248,.98);border-top:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:6px;z-index:19;overflow-x:auto;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.tool-button,.zoom-value{height:42px;padding:0 11px;cursor:pointer;white-space:nowrap}.tool-button:disabled{opacity:.4;cursor:not-allowed}.icon-only{width:42px;padding:0;font-size:1.15rem}.page-control{height:42px;border:1px solid var(--line);border-radius:13px;background:var(--paper);display:flex;align-items:center;gap:6px;padding:0 8px;white-space:nowrap}.page-control input{width:52px;height:30px;border:0;border-radius:8px;background:#f7f1e4;text-align:center;outline:none;color:var(--deep)}.zoom-value{min-width:68px}.tool-sep{width:1px;height:28px;background:var(--line);margin:0 2px}.loading{position:absolute;inset:0;display:grid;place-items:center;background:rgba(248,243,230,.68);z-index:15}.loading.hidden{display:none}.loading-card{background:white;border:1px solid var(--line);border-radius:18px;padding:20px 26px;text-align:center;box-shadow:var(--shadow)}.loading-card small{display:block;color:var(--muted);margin-top:4px}.spinner{width:28px;height:28px;border:3px solid #ddd;border-top-color:var(--green);border-radius:50%;margin:0 auto 10px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-box{display:none;margin:auto;padding:18px;background:#fff;border:1px solid #dfb4a8;border-radius:14px}.error-box.active{display:block}.reader-drawer{position:fixed;inset:0;z-index:60;display:none}.reader-drawer.open{display:block}.drawer-backdrop{position:absolute;inset:0;background:rgba(2,28,19,.35);backdrop-filter:blur(2px)}.reader-panel{position:absolute;top:0;right:0;height:100%;width:min(410px,94vw);background:var(--cream);box-shadow:-14px 0 40px rgba(0,0,0,.18);padding:18px;overflow:auto;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.panel-head strong,.panel-head small{display:block}.panel-head small{color:var(--muted);font-size:.75rem}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.panel-action{border:1px solid var(--line);background:var(--paper);border-radius:14px;min-height:72px;padding:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--deep);font-weight:700;cursor:pointer}.panel-action svg{width:22px;height:22px}.panel-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#efe7d4;border-radius:13px;padding:4px;position:sticky;top:-18px;z-index:3}.panel-tab{border:0;background:transparent;border-radius:10px;height:40px;color:var(--deep);font-weight:700;cursor:pointer}.panel-tab.active{background:var(--green);color:white}.panel-section{display:none;padding-top:13px}.panel-section.active{display:block}.reader-search{display:grid;grid-template-columns:1fr auto;gap:7px}.reader-search input{height:44px;border:1px solid var(--line);border-radius:13px;background:var(--paper);padding:0 13px;outline:none}.reader-search button{height:44px;border:0;border-radius:13px;background:var(--green);color:white;padding:0 16px;font-weight:700}.search-status,.panel-empty{color:var(--muted);font-size:.88rem;padding:12px 4px}.search-results,.outline-list{display:grid;gap:7px}.search-result,.outline-item{width:100%;border:1px solid var(--line);background:var(--paper);border-radius:13px;padding:10px 12px;text-align:right;color:var(--deep);cursor:pointer}.search-result b,.outline-item b{display:block}.search-result small{display:block;color:var(--muted);margin-top:3px;line-height:1.5}.outline-item{padding-right:calc(12px + var(--indent,0px))}.thumbs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.thumb-card{border:1px solid var(--line);background:var(--paper);border-radius:13px;padding:7px;cursor:pointer;color:var(--deep);font-weight:700}.thumb-card.active{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.thumb-canvas-wrap{aspect-ratio:3/4;background:#eee9df;border-radius:9px;display:grid;place-items:center;overflow:hidden;margin-bottom:5px}.thumb-card canvas{display:block;max-width:100%;max-height:100%}.print-frame{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none;bottom:0;left:0}.toast{position:fixed;left:50%;bottom:86px;transform:translate(-50%,18px);background:var(--deep);color:white;border:1px solid rgba(212,166,61,.65);border-radius:13px;padding:9px 14px;opacity:0;pointer-events:none;transition:.2s;z-index:90;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}body.night-reader{background:#12221d}.night-reader .viewer{background:#15231f}.night-reader .paper{filter:invert(.9) hue-rotate(180deg) brightness(.86) contrast(.92)}.night-reader .topbar,.night-reader .toolbar{background:rgba(12,42,31,.98);border-color:#365347}.night-reader .brand,.night-reader .return-site,.night-reader .icon-button,.night-reader .edition-button,.night-reader .tool-button,.night-reader .zoom-value{color:#f6ecd5}.night-reader .return-site,.night-reader .icon-button,.night-reader .edition-button,.night-reader .tool-button,.night-reader .zoom-value,.night-reader .page-control{background:#153d31;border-color:#365347}.night-reader .page-control input{background:#0f2d24;color:#f6ecd5}
@media(max-width:760px){.topbar{min-height:58px;padding-top:6px;padding-bottom:6px}.return-site{width:42px;padding:0}.return-site span{display:none}.brand strong{font-size:.84rem}.brand small{display:none}.edition-button{width:38px;padding:0}.edition-button span{display:none}.viewer{padding:7px}.toolbar{justify-content:flex-start;min-height:58px;padding-top:5px}.tool-button,.zoom-value{height:38px;font-size:.82rem;padding:0 9px}.tool-button span{display:none}.tool-button:first-child span,.tool-button:nth-of-type(2) span{display:none}.icon-only{width:38px}.page-control{height:38px}.page-control input{height:28px;width:46px}.zoom-value{min-width:58px}.reading-progress{bottom:58px}.action-grid{grid-template-columns:repeat(3,1fr)}.reader-panel{width:min(390px,96vw);padding:15px}.panel-tabs{top:-15px}.toast{bottom:76px}}
@media(max-width:380px){.edition-switch{display:none}.action-grid{grid-template-columns:repeat(2,1fr)}}