@import "https://fonts.googleapis.com/css2?family=Aref+Ruqaa:wght@400;700&family=Reem+Kufi:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Outfit:wght@300;400;500;600&display=swap";@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Amiri-Regular.woff2)format("woff2")}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/Amiri-Bold.woff2)format("woff2")}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/NotoNaskhArabic-Regular.woff2)format("woff2")}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/NotoNaskhArabic-Bold.woff2)format("woff2")}@font-face{font-family:Scheherazade New;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ScheherazadeNew-Regular.woff2)format("woff2")}@font-face{font-family:Scheherazade New;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/ScheherazadeNew-Bold.woff2)format("woff2")}:root{--bg:#efe6d2;--bg-paper:#f5eedd;--panel:#faf5e8;--ink:#2c2417;--ink-soft:#6b5f47;--ink-faint:#9b8d6e;--line:#d8cab0;--line-soft:#e4d8bf;--gold:#a8842c;--gold-deep:#876626;--green:#1d4034;--accent:#8a3a23;--sacred-red:#b42318;--shadow:#3c2e1221;--glow:#a8842c29;--fs:1}[data-theme=night]{--bg:#141009;--bg-paper:#18130b;--panel:#211a0f;--ink:#ece0c4;--ink-soft:#b6a784;--ink-faint:#7d7053;--line:#382c19;--line-soft:#2a2113;--gold:#d2ab4f;--gold-deep:#b88f37;--green:#5a907a;--accent:#d08a5a;--sacred-red:#ff6b5f;--shadow:#00000080;--glow:#d2ab4f2e}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Outfit,system-ui,sans-serif;transition:background .5s,color .5s}#root{min-height:100vh}.paper-bg{z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 50% -10%, var(--glow), transparent 55%), radial-gradient(100% 60% at 50% 120%, #1d40340d, transparent 60%);position:fixed;inset:0}.paper-bg:after{content:"";opacity:.5;mix-blend-mode:multiply;background-image:repeating-linear-gradient(0deg,#785a1e05 0 2px,#0000 2px 4px),repeating-linear-gradient(90deg,#785a1e05 0 2px,#0000 2px 4px);position:absolute;inset:0}.no-texture .paper-bg:after{display:none}.ar{direction:rtl;font-family:Amiri,Noto Naskh Arabic,Scheherazade New,serif}.display-aref{font-family:Aref Ruqaa,Amiri,serif}.display-kufi{font-family:Reem Kufi,Amiri,serif}.display-amiri{font-family:Amiri,Noto Naskh Arabic,serif;font-weight:700}.fr-serif{font-family:Cormorant Garamond,serif}.label{text-transform:uppercase;letter-spacing:.22em;font-family:Outfit,sans-serif}.diamond{background:var(--gold);width:7px;height:7px;display:inline-block;transform:rotate(45deg)}.rub{color:var(--gold)}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}::selection{background:var(--glow)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}::-webkit-scrollbar-track{background:0 0}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}.app-wrap{z-index:1;--fs:1;position:relative}.cover{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:48px 22px;display:flex;position:relative}.cover-frame{width:100%;max-width:560px;padding:54px 30px 46px;animation:.9s both fadeUp;position:relative}.cover-rule{color:var(--ink-faint);justify-content:center;align-items:center;gap:14px;max-width:320px;margin:0 auto;display:flex}.cover-rule .ln{background:linear-gradient(90deg, transparent, var(--line), transparent);flex:1;height:1px}.basmala{color:var(--gold-deep);letter-spacing:.01em;opacity:.9;margin-bottom:30px;font-size:19px}.cover-collection{color:var(--ink-faint);margin-bottom:26px;font-size:10.5px}.cover-title{color:var(--green);margin:6px 0 0;font-size:clamp(48px,12vw,86px);font-weight:700;line-height:1}.cover-sub-ar{color:var(--ink);margin-top:18px;font-size:clamp(20px,5vw,27px);font-weight:400}.cover-orn{color:var(--gold);margin:24px 0;font-size:26px;line-height:1}.cover-prophet{color:var(--gold-deep);margin:0 0 4px;font-size:clamp(17px,4.5vw,22px)}.cover-fr-title{color:var(--ink-soft);margin-top:30px;font-size:15px}.cover-fr-sub{color:var(--ink-soft);margin-top:4px;max-width:360px;margin-inline:auto;font-size:17px;font-style:italic}.cover-cta{background:var(--green);color:var(--bg-paper);letter-spacing:.14em;text-transform:uppercase;box-shadow:0 10px 30px -12px var(--shadow);border-radius:2px;align-items:center;gap:12px;margin-top:38px;padding:15px 30px;font-size:12.5px;transition:transform .25s,box-shadow .25s,background .3s;display:inline-flex}.cover-cta:hover{box-shadow:0 16px 36px -14px var(--shadow);transform:translateY(-2px)}.cover-cta .ar{text-transform:none;letter-spacing:0;opacity:.85;font-size:16px}.cover-meta{color:var(--ink-faint);letter-spacing:.12em;flex-direction:column;align-items:center;gap:6px;padding:0 16px;font-size:10px;display:flex;position:absolute;bottom:26px;left:0;right:0}.corner{border:1.5px solid var(--gold);opacity:.6;width:26px;height:26px;position:absolute}.corner.tl{border-bottom:0;border-right:0;top:8px;left:8px}.corner.tr{border-bottom:0;border-left:0;top:8px;right:8px}.corner.bl{border-top:0;border-right:0;bottom:8px;left:8px}.corner.br{border-top:0;border-left:0;bottom:8px;right:8px}.min-orn .corner,.min-orn .cover-orn{opacity:0}.topbar{z-index:30;background:color-mix(in srgb, var(--bg-paper) 88%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;height:60px;padding:0 16px;display:flex;position:sticky;top:0}.tb-title{text-align:center;flex:1;min-width:0}.tb-title .a{color:var(--ink);font-size:17px;line-height:1.1}.tb-title .f{color:var(--ink-faint);letter-spacing:.12em;margin-top:2px;font-size:10px}.icon-btn{width:40px;height:40px;color:var(--ink-soft);border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background .2s,color .2s;display:inline-flex}.icon-btn:hover{background:var(--line-soft);color:var(--ink)}.icon-btn.on{color:var(--gold-deep)}.tb-cluster{align-items:center;gap:2px;display:flex}.fontsize-grp{border:1px solid var(--line);border-radius:20px;align-items:center;display:inline-flex}.fontsize-grp button{width:34px;height:32px;color:var(--ink-soft);justify-content:center;align-items:center;font-size:13px;display:inline-flex}.fontsize-grp button:hover{color:var(--ink)}.fontsize-grp .div{background:var(--line);width:1px;height:16px}.lang-toggle{border:1px solid var(--line);border-radius:20px;align-items:center;gap:2px;height:32px;padding:2px;display:inline-flex}.lang-toggle button{height:26px;color:var(--ink-faint);letter-spacing:.06em;border-radius:16px;padding:0 11px;font-size:11px;transition:all .2s}.lang-toggle button.sel{background:var(--green);color:var(--bg-paper)}.lang-toggle .ar{font-family:Amiri,serif;font-size:14px}.progress-line{background:var(--line-soft);z-index:29;height:2px;position:sticky;top:60px}.progress-line .fill{background:linear-gradient(90deg, var(--gold), var(--gold-deep));height:100%;transition:width .5s}.reader{max-width:720px;margin:0 auto;padding:8px 24px 160px}.ch-head{text-align:center;padding:52px 0 30px;animation:.7s both fadeUp}.ch-medallion{justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 22px;display:flex;position:relative}.ch-medallion .ring{border:1px solid var(--gold);position:absolute;inset:0;transform:rotate(45deg)}.ch-medallion .ring2{border:1px solid var(--line);border-radius:50%;position:absolute;inset:8px}.ch-medallion .num{color:var(--gold-deep);font-family:Aref Ruqaa,serif;font-size:24px}.ch-title-ar{color:var(--green);font-size:clamp(30px,7vw,42px);line-height:1.15}.ch-title-fr{color:var(--ink-faint);letter-spacing:.2em;text-transform:uppercase;margin-top:14px;font-size:12px}.ch-gloss{color:var(--ink-soft);margin-top:12px;font-family:Cormorant Garamond,serif;font-size:19px;font-style:italic}.ch-sep{max-width:240px;color:var(--gold);justify-content:center;align-items:center;gap:16px;margin:26px auto 6px;display:flex}.ch-sep .ln{background:linear-gradient(90deg, transparent, var(--line));flex:1;height:1px}.ch-sep .ln.r{background:linear-gradient(90deg, var(--line), transparent)}.bayt{margin:0 auto;padding:82px 0 38px;scroll-margin-top:110px;scroll-margin-bottom:160px;animation:.6s both fadeUp;position:relative}.bayt+.bayt{border-top:1px solid var(--line-soft)}.min-orn .bayt+.bayt{border-top-color:#0000}.bayt-ar{color:var(--ink);font-family:Amiri,serif;line-height:1.95;font-size:calc(31px * var(--fs));direction:rtl;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 26px;display:flex}.bayt-ar.display-aref{font-family:Aref Ruqaa,Amiri,serif}.bayt-ar.display-kufi{font-family:Reem Kufi,Amiri,serif}.bayt-ar.display-amiri{font-family:Amiri,Noto Naskh Arabic,serif}.bayt-ar .shatr{white-space:normal}.bayt-ar .mid{background:var(--gold);opacity:.8;flex:none;width:6px;height:6px;transform:rotate(45deg)}.bayt-ar.quatrain{flex-direction:column;gap:4px}.bayt-ar.quatrain .line{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 26px;display:flex}.bayt-tr{text-align:center;font-size:calc(24px * var(--fs));color:var(--gold-deep);letter-spacing:.01em;margin-top:16px;font-family:Cormorant Garamond,serif;font-style:normal;line-height:1.55}.audio-time{font-variant-numeric:tabular-nums;opacity:.85}.bayt-fr{text-align:center;font-family:Cormorant Garamond,serif;font-size:calc(20px * var(--fs));color:var(--ink-soft);margin-top:14px;max-width:560px;margin-inline:auto;line-height:1.5}.bayt-num{color:var(--ink-faint);opacity:.55;font-family:Amiri,serif;font-size:11px;position:absolute;top:17px;right:-2px}.lang-ar-only .bayt-fr,.lang-ar-only .bayt-tr,.lang-ar-only .ch-gloss{display:none}.lang-fr-only .bayt-ar{font-size:calc(22px * var(--fs));opacity:.5}.lang-fr-only .bayt-fr{font-size:calc(22px * var(--fs));color:var(--ink);margin-top:18px}.bottom-nav{z-index:28;padding:14px max(16px, env(safe-area-inset-left)) calc(14px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--bg-paper) 90%, transparent);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-btn{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--line);border-radius:2px;align-items:center;gap:9px;padding:9px 16px;font-size:11px;transition:all .2s;display:inline-flex}.nav-btn:hover:not(:disabled){border-color:var(--gold);color:var(--ink)}.nav-btn:disabled{opacity:.3;cursor:default}.nav-btn .ar{text-transform:none;letter-spacing:0;font-family:Amiri,serif;font-size:14px}.dots{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.dots span{background:var(--line);cursor:pointer;border-radius:1px;width:7px;height:7px;transition:all .3s;transform:rotate(45deg)}.dots span.on{background:var(--gold);transform:rotate(45deg)scale(1.25)}.scrim{z-index:40;background:#140f086b;animation:.3s fadeIn;position:fixed;inset:0}.drawer{z-index:41;background:var(--bg-paper);border-right:1px solid var(--line);width:min(420px,88vw);box-shadow:30px 0 60px -30px var(--shadow);flex-direction:column;animation:.4s cubic-bezier(.2,.7,.2,1) both drawerIn;display:flex;position:fixed;top:0;bottom:0;left:0}@keyframes drawerIn{0%{transform:translate(-100%)}to{transform:none}}.drawer-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:flex-start;padding:26px 26px 18px;display:flex}.drawer-head .ar{color:var(--green);font-size:26px}.drawer-head .fr{color:var(--ink-faint);letter-spacing:.2em;text-transform:uppercase;margin-top:4px;font-size:11px}.toc-list{flex:1;padding:10px 14px 28px;overflow-y:auto}.toc-item{text-align:left;border-radius:3px;align-items:center;gap:16px;width:100%;padding:15px 14px;transition:background .2s;display:flex;position:relative}.toc-item:hover{background:var(--line-soft)}.toc-item.cur{background:color-mix(in srgb, var(--gold) 12%, transparent)}.toc-num{color:var(--gold-deep);text-align:center;flex:none;width:30px;font-family:Aref Ruqaa,serif;font-size:18px}.toc-txt .a{color:var(--ink);font-family:Amiri,serif;font-size:19px;line-height:1.2}.toc-txt .f{color:var(--ink-faint);letter-spacing:.1em;margin-top:3px;font-size:11px}.drawer-foot{padding:16px 26px calc(20px + env(safe-area-inset-bottom));border-top:1px solid var(--line-soft);color:var(--ink-faint);letter-spacing:.1em;text-align:center;font-size:10px}.bayt-num{cursor:pointer;background:0 0;border:0}.bayt-num:hover{color:var(--gold-deep);opacity:1}.bayt-active{background:color-mix(in srgb, var(--gold) 8%, transparent);border-radius:6px}.bayt-active .bayt-ar,.bayt-active .bayt-tr{color:var(--gold-deep)}.bayt-active .bayt-fr{color:var(--ink)}.kw{border-radius:4px;transition:color .15s,background .15s}.kw-on{color:var(--accent);background:color-mix(in srgb, var(--gold) 18%, transparent)}.audio-bar{left:50%;bottom:calc(74px + env(safe-area-inset-bottom));z-index:27;background:color-mix(in srgb, var(--panel) 96%, transparent);border:1px solid var(--line);box-shadow:0 10px 30px -14px var(--shadow);-webkit-backdrop-filter:blur(12px);border-radius:30px;flex-wrap:wrap;align-items:center;gap:14px;max-width:min(680px,96vw);padding:8px 14px;display:flex;position:fixed;transform:translate(-50%)}.audio-bar--off{opacity:.7}.audio-msg{color:var(--ink-faint);letter-spacing:.06em;font-size:11px}.audio-play{background:var(--green);width:44px;height:44px;color:var(--bg-paper);border-radius:50%;flex:none;justify-content:center;align-items:center;transition:transform .2s;display:inline-flex}.audio-play:hover{transform:scale(1.06)}.audio-center{flex-direction:column;flex:160px;gap:5px;min-width:130px;display:flex}.audio-status{color:var(--ink-soft);letter-spacing:.08em;font-size:11px}.audio-progress{cursor:pointer;background:color-mix(in srgb, var(--gold) 16%, transparent);border-radius:6px;height:8px;position:relative}.audio-progress:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.audio-progress-fill{background:linear-gradient(90deg, var(--gold), var(--gold-deep));border-radius:6px;transition:width .15s linear;position:absolute;top:0;bottom:0;left:0}.audio-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.audio-lang{height:32px}.audio-lang button,.audio-karaoke button{min-height:32px;padding:0 8px}.audio-speed{flex-direction:column;align-items:center;gap:2px;display:flex}.audio-speed-val{color:var(--gold-deep);letter-spacing:.04em;font-size:10px}.audio-speed input[type=range]{width:84px;accent-color:var(--green);height:20px}.search-panel{z-index:41;background:var(--bg-paper);border:1px solid var(--line);width:min(560px,96vw);max-height:80vh;box-shadow:0 30px 60px -30px var(--shadow);border-top:0;border-radius:0 0 12px 12px;flex-direction:column;animation:.25s both fadeUp;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.search-head{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:14px;display:flex}.search-ic{color:var(--ink-faint);display:inline-flex}.search-input{color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-family:inherit;font-size:15px}.search-results{padding:6px 8px 14px;overflow-y:auto}.search-empty{text-align:center;color:var(--ink-faint);padding:28px 14px;font-size:13px}.search-item{text-align:left;border-radius:6px;width:100%;padding:11px 12px;transition:background .15s;display:block}.search-item:hover{background:var(--line-soft)}.search-meta{letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:4px;font-size:10px;display:block}.search-fr{color:var(--ink-soft);font-family:Cormorant Garamond,serif;font-size:16px;line-height:1.4;display:block}.search-fr mark,.search-item mark{background:color-mix(in srgb, var(--gold) 30%, transparent);color:var(--ink);border-radius:2px}.drawer-actions{gap:4px;display:flex}.toc-item{align-items:stretch;gap:0;padding:0;display:flex}.toc-main{text-align:left;background:0 0;flex:1;align-items:center;gap:16px;min-width:0;padding:15px 14px;display:flex}.toc-fav{width:44px;color:var(--ink-faint);flex:none;justify-content:center;align-items:center;display:inline-flex}.toc-fav.on,.toc-fav:hover{color:var(--accent)}.dots{flex-wrap:nowrap;max-width:50vw;padding:4px 0;overflow-x:auto}.dots::-webkit-scrollbar{height:0}.state-msg{text-align:center;max-width:720px;color:var(--ink-soft);margin:0 auto;padding:80px 24px;font-family:Cormorant Garamond,serif;font-size:20px}.drawer-overlay{z-index:44;pointer-events:none;position:fixed;inset:0}.drawer-overlay.open{pointer-events:auto}.drawer-overlay.set-overlay:before{content:"";opacity:0;background:#140f086b;transition:opacity .3s;position:absolute;inset:0}.drawer-overlay.set-overlay.open:before{opacity:1}.settings-drawer{z-index:45;background:var(--bg-paper);border-left:1px solid var(--line);width:min(360px,90vw);box-shadow:-30px 0 60px -30px var(--shadow);flex-direction:column;transition:transform .4s cubic-bezier(.2,.7,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.settings-drawer.open{transform:none}.set-body{padding:20px 22px calc(28px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:22px;display:flex;overflow-y:auto}.set-section{flex-direction:column;gap:9px;display:flex}.set-label{color:var(--gold-deep);letter-spacing:.18em;font-size:10px}.set-quicknav{grid-template-columns:1fr;gap:8px;display:grid}.set-quicknav-btn{border:1px solid var(--line);min-height:44px;color:var(--ink-soft);background:color-mix(in srgb, var(--bg-paper) 88%, var(--gold) 12%);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;transition:border-color .2s,background .2s,color .2s;display:flex}.set-quicknav-btn:hover{border-color:var(--gold);color:var(--ink)}.set-quicknav-btn.sel{border-color:var(--gold);color:var(--ink);background:color-mix(in srgb, var(--gold) 16%, transparent)}.set-quicknav-ar{color:var(--gold-deep);white-space:nowrap;font-size:18px;line-height:1.1}.set-quicknav-fr{text-align:right;overflow-wrap:anywhere;font-size:12.5px;line-height:1.2}.set-feedback-row{flex-direction:column;gap:10px;display:flex}.set-feedback-count{color:var(--ink-faint);font-size:12px}.set-feedback-actions{flex-wrap:wrap;gap:8px;display:flex}.set-feedback-btn{border:1px solid var(--line);min-height:38px;color:var(--ink-soft);background:var(--bg-paper);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:inline-flex}.set-feedback-btn:hover:not(:disabled){border-color:var(--gold);color:var(--ink)}.set-feedback-btn:disabled{opacity:.45;cursor:default}.set-offline-row{flex-direction:column;gap:10px;display:flex}.set-offline-copy{color:var(--ink-soft);font-size:12px;line-height:1.45}.set-offline-progress{background:color-mix(in srgb, var(--gold) 14%, transparent);border-radius:999px;height:8px;position:relative;overflow:hidden}.set-offline-progress span{background:linear-gradient(90deg, var(--gold), var(--gold-deep));width:0;transition:width .25s;position:absolute;inset:0 auto 0 0}.set-offline-error{color:var(--sacred-red);font-size:12px;line-height:1.35}.set-offline-status{color:var(--gold-deep);font-size:12px;line-height:1.35}.set-segmented{border:1px solid var(--line);border-radius:8px;align-self:flex-start;display:inline-flex;overflow:hidden}.set-segmented button{color:var(--ink-soft);border-right:1px solid var(--line-soft);padding:8px 14px;font-size:12.5px;transition:background .2s,color .2s}.set-segmented button:last-child{border-right:0}.set-segmented button.sel{background:var(--green);color:var(--bg-paper)}.set-palettes{flex-direction:column;gap:8px;display:flex}.set-palette{border:1px solid var(--line);border-radius:8px;align-items:center;gap:12px;padding:8px 10px;transition:border-color .2s,background .2s;display:flex}.set-palette:hover{border-color:var(--gold)}.set-palette.sel{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 10%, transparent)}.set-swatches{border-radius:4px;flex:none;gap:0;display:inline-flex;overflow:hidden}.set-swatches span{width:20px;height:20px;display:inline-block}.set-palette-name{color:var(--ink);font-size:12.5px}.set-fontsize{border:1px solid var(--line);border-radius:8px;align-self:flex-start;align-items:center;gap:14px;padding:4px 10px;display:inline-flex}.set-fontsize button{color:var(--ink-soft);padding:4px 6px;font-size:15px}.set-fontsize button:hover{color:var(--gold-deep)}.set-fontsize-val{color:var(--ink-faint);text-align:center;min-width:38px;font-size:12px}.set-reset{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;align-self:flex-start;margin-top:6px;padding:8px 0;font-size:11px}.set-reset:hover{text-decoration:underline}.annotation-btn{width:42px;height:42px;color:var(--gold-deep);opacity:.92;border:1px solid color-mix(in srgb, var(--gold) 42%, transparent);background:color-mix(in srgb, var(--bg-paper) 88%, var(--gold) 12%);border-radius:999px;justify-content:center;align-items:center;transition:opacity .2s,color .2s,background .2s,border-color .2s,transform .2s;display:inline-flex;position:absolute;top:10px;right:82px;box-shadow:0 6px 18px #32240c14}.annotation-btn svg{width:19px;height:19px}.annotation-btn:hover{opacity:1;color:var(--ink);border-color:var(--gold);background:color-mix(in srgb, var(--gold) 22%, transparent);transform:translateY(-1px)}.annotation-btn.on{color:var(--accent);opacity:1;border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--bg-paper))}.bayt-ref{border:1px solid var(--line-soft);min-width:44px;color:var(--ink-faint);text-align:center;background:color-mix(in srgb, var(--bg-paper) 86%, transparent);border-radius:999px;padding:2px 7px;font-size:10px;line-height:1.5;position:absolute;top:17px;right:30px}.bayt-tools{align-items:center;gap:8px;display:flex;position:absolute;top:10px;left:4px}.bayt-tools .annotation-btn,.bayt-tools .feedback-btn{width:42px;min-width:42px;height:42px;color:var(--gold-deep);opacity:.92;border:1px solid color-mix(in srgb, var(--gold) 42%, transparent);background:color-mix(in srgb, var(--bg-paper) 88%, var(--gold) 12%);border-radius:999px;justify-content:center;align-items:center;transition:opacity .2s,color .2s,background .2s,border-color .2s,transform .2s;display:inline-flex;position:static;box-shadow:0 6px 18px #32240c14}.bayt-tools .feedback-btn{color:var(--sacred-red);border-color:color-mix(in srgb, var(--sacred-red) 42%, transparent)}.bayt-tools .annotation-btn svg,.bayt-tools .feedback-btn svg{width:19px;height:19px}.bayt-tools .feedback-btn svg{stroke-width:2.4px}.bayt-tools .annotation-btn:hover,.bayt-tools .feedback-btn:hover{opacity:1;color:var(--ink);border-color:var(--gold);background:color-mix(in srgb, var(--gold) 22%, transparent);transform:translateY(-1px)}.bayt-tools .feedback-btn:hover{color:var(--sacred-red);border-color:var(--sacred-red);background:color-mix(in srgb, var(--sacred-red) 10%, var(--bg-paper))}.bayt-tools .annotation-btn.on,.bayt-tools .feedback-btn.on{color:var(--accent);opacity:1;border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--bg-paper))}.bayt-tools .feedback-btn.on{color:var(--sacred-red);border-color:var(--sacred-red);background:color-mix(in srgb, var(--sacred-red) 12%, var(--bg-paper))}.annotation-note{background:color-mix(in srgb, var(--gold) 8%, transparent);border-left:2px solid var(--gold);max-width:560px;font-family:Cormorant Garamond,serif;font-style:italic;font-size:calc(16px * var(--fs));color:var(--ink-soft);white-space:pre-wrap;border-radius:4px;margin:14px auto 0;padding:10px 16px;line-height:1.5}.feedback-note{border-left:2px solid var(--accent);max-width:560px;color:var(--ink-faint);letter-spacing:.05em;text-transform:uppercase;background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:4px;margin:10px auto 0;padding:8px 14px;font-size:12px}.annotation-overlay{z-index:60;background:#140f0880;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.annotation-modal{background:var(--bg-paper);border:1px solid var(--line);width:min(480px,96vw);box-shadow:0 30px 60px -30px var(--shadow);border-radius:12px;flex-direction:column;gap:14px;padding:22px;animation:.25s both fadeUp;display:flex}.annotation-title{color:var(--gold-deep);letter-spacing:.16em;font-size:10px}.annotation-textarea{resize:vertical;border:1px solid var(--line);background:var(--panel);width:100%;min-height:96px;color:var(--ink);border-radius:8px;outline:none;padding:12px 14px;font-family:Cormorant Garamond,serif;font-size:16px;line-height:1.5}.annotation-textarea:focus{border-color:var(--gold)}.annotation-actions{justify-content:flex-end;gap:10px;display:flex}.ann-btn{letter-spacing:.04em;border-radius:8px;padding:9px 18px;font-size:12.5px;transition:background .2s,color .2s}.ann-btn.ghost{color:var(--ink-soft);border:1px solid var(--line)}.ann-btn.ghost:hover{background:var(--line-soft)}.ann-btn.danger{color:var(--accent)}.ann-btn.primary{background:var(--green);color:var(--bg-paper)}.ann-btn.primary:hover{filter:brightness(1.08)}.feedback-modal-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.feedback-select{border:1px solid var(--line);background:var(--panel);min-height:36px;color:var(--ink);border-radius:8px;padding:6px 10px;font-size:12px}.section-screen{max-width:760px;margin:0 auto;padding-bottom:40px}.section-head{text-align:center;padding:18px 0 8px}.section-orn{color:var(--gold);margin-bottom:10px;font-size:24px;line-height:1}.section-title-ar{color:var(--green);font-size:clamp(30px,7vw,44px);line-height:1.2}.section-subtitle{color:var(--ink-soft);margin-top:6px;font-family:Cormorant Garamond,serif;font-size:18px;font-style:italic}.section-playall{margin-top:14px}.playall-btn{background:var(--green);min-height:44px;color:var(--bg-paper);letter-spacing:.08em;border-radius:30px;align-items:center;gap:8px;padding:10px 20px;font-size:12px;transition:transform .2s,filter .2s;display:inline-flex}.playall-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.playall-btn svg{width:16px;height:16px}.section-body{margin-top:18px}.section-block{border-top:1px solid var(--line-soft);border-radius:6px;padding:24px 4px;transition:background .3s}.section-block:first-child{border-top:0}.section-block.active{background:color-mix(in srgb, var(--gold) 8%, transparent)}.section-block-head{color:var(--gold-deep);text-align:center;margin-bottom:12px;font-family:Cormorant Garamond,serif;font-size:19px}.section-ar{font-family:Amiri,serif;font-size:calc(24px * var(--fs));color:var(--ink);text-align:center;direction:rtl;line-height:2}.section-fr{font-family:Cormorant Garamond,serif;font-size:calc(18px * var(--fs));color:var(--ink-soft);text-align:center;margin-top:14px;max-width:620px;margin-inline:auto;line-height:1.65}.section-block-audio{justify-content:center;gap:10px;margin-top:16px;display:flex}.section-block-play{border:1px solid var(--line);letter-spacing:.08em;min-height:40px;color:var(--ink-soft);border-radius:24px;align-items:center;gap:7px;padding:8px 16px;font-size:11px;transition:all .2s;display:inline-flex}.section-block-play:hover{border-color:var(--gold);color:var(--ink)}.section-block-play svg{width:14px;height:14px}.section-icon-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.section-icon-item{border-top:1px solid var(--line-soft);align-items:flex-start;gap:12px;min-width:0;padding:12px 0;display:flex}.section-icon-symbol{border:1px solid var(--line);width:42px;height:42px;color:var(--gold-deep);background:color-mix(in srgb, var(--bg-paper) 88%, var(--gold) 12%);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.section-icon-symbol svg{width:19px;height:19px}.section-icon-symbol--alert{color:var(--sacred-red);border-color:color-mix(in srgb, var(--sacred-red) 42%, transparent)}.section-icon-symbol--alert svg{stroke-width:2.4px}.section-icon-copy{min-width:0;color:var(--ink-soft);flex-direction:column;gap:4px;font-size:14px;line-height:1.45;display:flex}.section-icon-copy strong{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;font-size:13px}.section-nav{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;margin-top:30px;padding-top:20px;display:flex}.section-nav .nav-btn{min-height:44px}.reader-end-nav{justify-content:center;margin:24px 0 190px;display:flex}.reader-end-nav .nav-btn{min-height:44px}.sacred-term,.bayt-active .sacred-term,.kw .sacred-term,.kw-on .sacred-term,.section-block.active .sacred-term{color:var(--sacred-red);-webkit-text-fill-color:var(--sacred-red)}.harakat,.diacritic,.bayt-active .harakat,.bayt-active .diacritic,.kw .harakat,.kw .diacritic,.kw-on .harakat,.kw-on .diacritic,.section-block.active .harakat,.section-block.active .diacritic{color:#0000;-webkit-text-fill-color:transparent;text-shadow:0 0 0 var(--sacred-red), 0 0 .35px var(--sacred-red)}.icon-btn{min-width:40px;min-height:40px}.nav-btn{min-height:40px}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:3px}.lang-toggle button,.set-segmented button{min-height:36px}@media (width<=560px){.reader{padding:4px 18px 164px}.hide-sm{display:none}.topbar{gap:6px;padding:0 10px}.bayt-ar{gap:6px 14px}.bayt{padding-top:88px}.bayt-num{right:0}.bayt-ref{right:30px}.annotation-btn{right:82px}.bayt-tools{gap:6px;left:0}.audio-bar{width:min(100vw - 12px,560px);max-width:calc(100vw - 12px);bottom:calc(72px + env(safe-area-inset-bottom));border-radius:18px;grid-template-columns:38px minmax(0,1fr);grid-template-areas:"play center""controls controls";align-items:center;gap:6px 8px;padding:6px 8px;display:grid}.audio-bar--off{justify-content:center;display:flex}.audio-play{grid-area:play;width:38px;height:38px}.audio-center{grid-area:center;gap:3px;min-width:0}.audio-status{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.audio-progress{height:7px}.audio-controls{scrollbar-width:none;flex-wrap:nowrap;grid-area:controls;gap:6px;padding-bottom:1px;display:flex;overflow:auto hidden}.audio-controls::-webkit-scrollbar{display:none}.audio-lang,.audio-karaoke{flex:none;height:30px}.audio-lang button,.audio-karaoke button{height:28px;min-height:28px;padding:0 7px;font-size:10px}.audio-speed{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-paper) 82%, transparent);border-radius:18px;flex-direction:row;flex:none;gap:5px;min-height:30px;padding:0 5px}.audio-speed-val{text-align:center;min-width:32px}.audio-speed input[type=range]{width:66px}.section-screen{padding-left:4px;padding-right:4px;padding-bottom:calc(116px + env(safe-area-inset-bottom))}.section-icon-legend{grid-template-columns:1fr}.section-nav{bottom:calc(10px + env(safe-area-inset-bottom));z-index:30;border:1px solid var(--line);background:color-mix(in srgb, var(--bg-paper) 94%, transparent);box-shadow:0 18px 42px -24px var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;margin:28px -8px 0;padding:9px;position:sticky}.section-nav .nav-btn{flex:1 1 0;justify-content:center;min-width:0;min-height:46px;padding-inline:10px;font-size:12px}.section-nav .nav-btn span{overflow-wrap:anywhere;line-height:1.15}}