html:has(.reader){scroll-behavior:smooth}.reader{--bg:var(--color-bg);--paper:var(--color-paper);--paper2:var(--color-paper2);--line:var(--color-line);--ink:var(--color-ink);--muted:var(--color-muted);--gold:var(--color-gold);--gold2:var(--color-gold2);--green:var(--color-green);--ui:var(--font-ui);--serif:var(--font-serif);--quran:var(--font-quran);--fs:20px;--lh:2.1;--measure:44rem;--top-h:59px;background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--ui)}.reader .top{z-index:40;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.reader .topin{align-items:center;gap:14px;max-width:1400px;margin:0 auto;padding:10px 18px;display:flex}.reader .brand{align-items:center;gap:10px;font-size:19px;font-weight:700;display:flex}.reader .seal{border:2px solid var(--gold);width:38px;height:38px;font-family:var(--serif);color:var(--gold2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:19px;display:flex}.reader .brand small{color:var(--muted);margin-top:-3px;font-size:11px;font-weight:400;display:block}.reader .spacer{flex:1}.reader .tools{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.reader .tbtn{cursor:pointer;background:var(--paper2);border:1px solid var(--line);color:var(--ink);font-family:var(--ui);border-radius:9px;padding:8px 12px;font-size:13px}.reader .tbtn:hover{border-color:var(--gold)}.reader .tbtn.back{align-items:center;gap:7px;font-weight:600;display:flex}.reader .progress{background:var(--gold);width:0;height:2px;position:absolute;bottom:-1px;right:0}.reader .searchbox{background:var(--paper2);border:1px solid var(--line);border-radius:9px;align-items:center;min-width:180px;padding:6px 12px;display:flex}.reader .searchbox input{color:var(--ink);font-family:var(--ui);background:0 0;border:none;outline:none;width:100%;font-size:14px}.reader .layout{grid-template-columns:300px 1fr;align-items:start;max-width:1400px;margin:0 auto;display:grid}.reader aside{top:var(--top-h);height:calc(100vh - var(--top-h));border-inline-start:1px solid var(--line);padding:22px 16px 60px;position:sticky;overflow-y:auto}.reader .toc-title{font-family:var(--ui);letter-spacing:1.5px;color:var(--muted);margin:0 0 14px;font-size:12px;font-weight:700}.reader .toc a{color:var(--muted);border-inline-start:2px solid #0000;border-radius:8px;padding:7px 12px;font-size:14px;line-height:1.6;display:block}.reader .toc a:hover{background:var(--paper2);color:var(--ink)}.reader .toc a.lv2{padding-inline-start:26px;font-size:13.5px}.reader .toc a.lv3{opacity:.85;padding-inline-start:38px;font-size:13px}.reader .toc a.active{color:var(--gold2);border-inline-start-color:var(--gold);background:var(--paper2);font-weight:600}.reader main{min-width:0;padding:0 30px 120px}.reader .cover{text-align:center;border-bottom:1px solid var(--line);margin-bottom:20px;padding:80px 20px 70px;position:relative}.reader .cover .orn{color:var(--gold);letter-spacing:8px;opacity:.75;margin-bottom:22px;font-size:28px}.reader .cover h1{font-family:var(--serif);margin:0 0 18px;font-size:clamp(30px,5vw,46px);font-weight:700;line-height:1.45}.reader .cover .sub{color:var(--muted);max-width:640px;margin:0 auto 26px;font-size:17px;line-height:1.9}.reader .ded{font-family:var(--serif);color:var(--gold2);margin-top:10px;font-size:19px;line-height:2}.reader .startbtn{background:linear-gradient(180deg, var(--gold2), var(--gold));color:#08251b;font-family:var(--ui);cursor:pointer;border:none;border-radius:10px;margin-top:30px;padding:14px 30px;font-size:15px;font-weight:700}.reader .book{max-width:var(--measure);font-family:var(--serif);font-size:var(--fs);line-height:var(--lh);color:var(--ink);margin:0 auto}.reader .book h2{font-family:var(--serif);border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--top-h) + 20px);margin:64px 0 6px;padding-bottom:12px;font-size:1.55em;font-weight:700}.reader .book h2:before{content:"﴿ ";color:var(--gold);font-size:.8em}.reader .book h2:after{content:" ﴾";color:var(--gold);font-size:.8em}.reader .book h3{font-family:var(--serif);color:var(--gold2);scroll-margin-top:calc(var(--top-h) + 20px);margin:40px 0 4px;font-size:1.22em;font-weight:700}.reader .book h4{font-family:var(--ui);color:var(--green);letter-spacing:.3px;scroll-margin-top:calc(var(--top-h) + 20px);margin:30px 0 2px;font-size:.82em;font-weight:600}.reader .book p{text-align:justify;text-justify:inter-word;margin:0 0 20px}.reader blockquote{background:var(--paper);border-inline-start:3px solid var(--gold);border-radius:0 10px 10px 0;margin:26px 0;padding:20px 26px;position:relative}.reader blockquote p{color:var(--ink);margin:0;font-size:1.02em}.reader .src{font-family:var(--ui);color:var(--muted);margin-top:12px;font-size:.62em;line-height:1.7;display:block}.reader .ayah{text-align:center;border:1px solid var(--gold);background:linear-gradient(180deg, color-mix(in srgb, var(--gold) 8%, transparent), transparent);border-radius:14px;max-width:90%;margin:30px auto;padding:26px 30px}.reader .ayah .txt{font-family:var(--quran);color:var(--ink);font-size:1.12em;line-height:2.3}.reader .ayah .txt:before{content:"﴿ ";color:var(--gold)}.reader .ayah .txt:after{content:" ﴾";color:var(--gold)}.reader .ayah .src{margin-top:14px}.reader .poem{text-align:center;margin:26px 0;padding:22px 0}.reader .bayt{grid-template-columns:1fr auto 1fr;align-items:baseline;gap:10px;margin-bottom:10px;font-size:.98em;display:grid}.reader .bayt .sadr{text-align:left}.reader .bayt .ajz{text-align:right}.reader .bayt .dot{color:var(--gold);opacity:.7}.reader .bayt.single{display:block}.reader .poem .src{text-align:center}.reader mark{background:var(--gold);color:#08251b;border-radius:3px;padding:0 2px}.reader .search-count{color:var(--muted);white-space:nowrap;flex:none;margin-inline-start:8px;font-size:12px}.reader .search-count.none{color:var(--color-danger)}.reader .fab{z-index:35;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:22px;left:22px}.reader .fab button{border:1px solid var(--line);background:var(--paper2);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:50%;font-size:17px}.reader .fab button:hover{border-color:var(--gold)}.reader .menubtn,.reader .toc-backdrop{display:none}.reader footer{text-align:center;color:var(--muted);font-family:var(--ui);border-top:1px solid var(--line);margin-top:40px;padding:30px;font-size:13px}@media (max-width:980px){.reader .layout{grid-template-columns:1fr}.reader aside{inset:var(--top-h) 0 0 auto;background:var(--bg);z-index:38;width:290px;transition:all .25s;position:fixed;transform:translate(100%)}.reader aside.open{transform:translate(0)}.reader main{padding:0 18px 100px}.reader .menubtn{display:block}.reader .searchbox{min-width:120px}.reader .toc-backdrop{inset:var(--top-h) 0 0 0;z-index:37;cursor:pointer;background:#04100c99;border:none;display:block;position:fixed}}@media (max-width:640px){.reader .topin{flex-wrap:wrap;gap:8px;padding:8px 12px}.reader .brand-text{display:none}.reader .tbtn.back{padding:8px 10px}.reader .back-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.reader .tools{display:contents}.reader .searchbox{flex:100%;order:1;min-width:0}}