:root{--parchment:#f3ebdd;--walnut:#593b2c;--gold:#b49359;--blue:#202e47;--ink:#29251f;--light:#e5bc7a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--walnut);color:var(--parchment);font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--light);outline-offset:5px}button{touch-action:manipulation}svg{display:block}a{color:inherit;text-decoration:none}.experience{background:radial-gradient(75% 65% at 50% 48%,#442b1a 0%,#2d190d 38%,#170c06 72%,#0c0603 100%);width:100%;height:100svh;min-height:650px;position:relative;overflow:hidden}.stage{opacity:0;touch-action:none;transition:opacity .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.stage[data-ready=true]{opacity:1}.stage canvas{cursor:pointer;touch-action:none}.loading{z-index:10;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(75% 65% at 50% 48%,#442b1af0 0%,#2d190df5 38%,#170c06fa 72%,#0c0603 100%);flex-direction:column;justify-content:center;align-items:center;gap:22px;transition:opacity .6s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0}.loading-emblem-wrap{justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:relative}.loading-emblem-wrap svg{width:52px;height:52px;color:var(--light);filter:drop-shadow(0 2px 20px #e5bc7a8c);z-index:2;animation:2.8s ease-in-out infinite emblemBreath}.loading-ring{border:1px dashed #e5bc7a59;border-radius:50%;animation:18s linear infinite ringSpin;position:absolute;inset:0;box-shadow:0 0 25px #e5bc7a1f}.loading-ring:before{content:"";border:1px solid #e5bc7a26;border-radius:50%;position:absolute;inset:-6px}.loading-ring:after{content:"";background:var(--light);width:6px;height:6px;box-shadow:0 0 10px var(--light), 0 0 20px #e5bc7acc;border-radius:50%;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.loading-pulse{pointer-events:none;background:radial-gradient(circle,#e5bc7a38 0%,#0000 70%);border-radius:50%;width:70px;height:70px;animation:2.8s ease-in-out infinite auraPulse;position:absolute}.loading span{letter-spacing:1.5px;color:#f3ebdd;opacity:.85;text-shadow:0 2px 10px #000000e6;font:italic 14px/1.4 Georgia,serif;animation:2.8s ease-in-out infinite textGlow}@keyframes ringSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes auraPulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:.8;transform:scale(1.3)}}@keyframes emblemBreath{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 4px 26px #e5bc7ad9);transform:scale(1.06)}}@keyframes textGlow{0%,to{opacity:.7}50%{opacity:1;color:#fffaf0}}.atmosphere{pointer-events:none;background:linear-gradient(#19110c78,#0000 26% 63%,#1a100aad),radial-gradient(at 50% 45%,#0000 25%,#180e084d 100%);position:absolute;inset:0}.evening .atmosphere{background:linear-gradient(#0c090799,#0000 30% 65%,#0f0a06cc),radial-gradient(at 60% 40%,#0000,#0f090573)}.topbar{z-index:3;justify-content:space-between;align-items:center;gap:24px;padding:32px 44px;display:flex;position:absolute;top:0;left:0;right:0}.brand{align-items:center;gap:13px;display:flex}.brand-logo{object-fit:contain;-webkit-user-select:none;user-select:none;width:auto;height:80px;display:block}.brand>svg{width:42px;height:42px;color:var(--light)}.brand h1{letter-spacing:-1px;margin:0;font:32px/1 Georgia,Times New Roman,serif}.brand h1 span{letter-spacing:0;color:#e5bc7a;margin-left:13px;font-size:18px}.brand p{letter-spacing:1.3px;color:#e5d7c4;margin:9px 0 0;font-size:10px}.edition-label{text-align:center;letter-spacing:2px;color:#eee1c9;font-size:9px;position:absolute;left:50%;transform:translate(-50%)}.gold-dot{background:var(--light);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-inline-end:9px;display:inline-block}.edition-sub{letter-spacing:.4px;color:#d8c5ab;margin-top:8px;font:italic 12px Georgia,serif;display:block}.top-actions{align-items:center;gap:15px;display:flex}.lighting{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#241a1459;border:1px solid #f3ebdd2b;border-radius:30px;gap:3px;margin:0;padding:4px;display:flex}.lighting button{color:#e9ddca;background:0 0;border:0;border-radius:24px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;display:flex}.lighting button[aria-pressed=true]{background:var(--parchment);color:var(--ink);box-shadow:0 2px 8px #0002}.lighting svg{stroke:currentColor;stroke-width:1.5px;fill:none;width:15px;height:15px}.info-button{color:var(--parchment);background:#241a1440;border:1px solid #f3ebdd38;border-radius:50%;width:32px;height:32px;font:italic 18px Georgia,serif}.invitation{text-align:center;pointer-events:none;position:absolute;top:130px;left:0;right:0}.eyebrow{letter-spacing:3px;color:#e8d4b1;font-size:9px}.invitation h2{letter-spacing:-.4px;margin:12px 0;font:29px Georgia,Times New Roman,serif}.invitation p{letter-spacing:.3px;color:#e5d5c0;margin:0;font-size:11px}.book-action{text-align:center;white-space:nowrap;width:calc(100% - 40px);max-width:540px;position:absolute;bottom:75px;left:50%;transform:translate(-50%)}.open-button{background:var(--parchment);color:var(--ink);letter-spacing:.3px;border:1px solid #f8f2e6;border-radius:35px;align-items:center;gap:14px;margin:auto;padding:14px 24px;font-size:12px;transition:background .2s,transform .2s;display:flex;box-shadow:0 8px 30px #21150d33}.open-button:hover:not(:disabled){background:#fff7e7;transform:translateY(-2px)}.open-button svg{color:#876d3c;width:22px;height:22px}.action-arrow{margin-left:20px;font-size:19px;font-weight:400}.book-action>p{white-space:normal;color:#e0ccb0;letter-spacing:.3px;margin:15px 0 0;font-size:10px;line-height:1.6}.bottom-bar{z-index:3;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:28px;left:44px;right:44px}.prototype-note{letter-spacing:1.8px;color:#e0ccb0;align-items:flex-start;gap:2px;font-size:8px;display:flex}.prototype-note .gold-dot{width:4px;height:4px;margin-top:3px}.prototype-note small{letter-spacing:.3px;color:#cdbda7;margin-top:7px;font-size:10px;display:block}.zoom-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#241a1466;border:1px solid #f3ebdd2b;border-radius:30px;align-items:center;gap:3px;padding:4px;display:flex}.zoom-controls button{width:30px;height:30px;color:var(--parchment);background:0 0;border:0;border-radius:50%;font-size:19px}.zoom-controls button:hover:not(:disabled){background:#f3ebdd15}.zoom-controls output{color:#e8d7bb;text-align:center;font-variant-numeric:tabular-nums;min-width:38px;font-size:10px}.zoom-divider{background:#f3ebdd25;width:1px;height:15px;margin:0 3px}.scene-message{text-align:center;z-index:2;background:radial-gradient(#79543d,#39271f);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.scene-message svg{width:80px;color:var(--light)}.scene-message h2{font:28px Georgia,serif}.scene-message p{color:#e0ccb0;max-width:380px;font-size:13px;line-height:1.8}.scene-message button,.dialog-done{background:var(--parchment);color:var(--ink);border:0;border-radius:24px;margin-top:20px;padding:12px 24px;font-size:12px}.about-dialog{background:var(--parchment);color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border:1px solid #b4935966;border-radius:16px;width:calc(100% - 32px);max-width:440px;max-height:85svh;padding:30px;overflow:auto;box-shadow:0 30px 100px #0005}.about-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17120e99}.dialog-heading{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.dialog-heading svg{color:#96753f;width:40px}.dialog-heading button{color:var(--ink);background:0 0;border:0;width:36px;height:36px;font-size:28px}.about-dialog .eyebrow{color:#836532;letter-spacing:2px;font-size:9px}.about-dialog h2{margin:14px 0 22px;font:28px Georgia,serif}.about-dialog p{color:#625647;font-size:13px;line-height:1.8}.dialog-detail{border-top:1px solid #b4935940;margin-top:24px;padding-top:22px}.dialog-detail>span{font:18px Georgia,serif}.dialog-done{background:var(--blue);color:var(--parchment);width:100%;margin-top:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.noscript{background:var(--parchment);color:var(--ink);text-align:center;z-index:5;padding:30px;position:fixed;inset:40% 20%}@media (min-height:900px){.invitation{top:150px}.book-action{bottom:95px}}@media (max-width:800px){.topbar{padding:24px}.brand-logo{height:70px}.edition-label{display:none}.bottom-bar{left:24px;right:24px}.invitation{top:125px}.invitation h2{font-size:26px}}@media (max-width:500px){.experience{min-height:600px}.topbar{gap:10px;padding:20px 18px}.brand{gap:8px}.brand-logo{height:60px}.brand>svg{width:33px}.brand h1{font-size:26px}.brand h1 span{margin-left:8px;font-size:15px}.brand p{letter-spacing:.7px;font-size:8px}.top-actions{gap:8px}.lighting button{padding:8px}.lighting button span{display:none}.info-button{width:28px;height:28px;font-size:16px}.invitation{top:120px}.invitation h2{font-size:24px}.invitation p{padding:0 20px;font-size:10px}.eyebrow{letter-spacing:2px;font-size:8px}.book-action{bottom:100px}.book-action>p{font-size:9px}.bottom-bar{bottom:23px;left:18px;right:18px}.prototype-note{letter-spacing:1px;font-size:7px}.prototype-note small{font-size:9px}.zoom-controls button{width:27px}.open-button{padding:13px 21px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (min-width:801px) and (max-height:800px){.invitation{top:105px}.invitation h2{font-size:26px}}.is-open .invitation{display:none}.reader-controls{z-index:3;text-align:center;width:min(90vw,510px);color:var(--parchment);position:absolute;bottom:68px;left:50%;transform:translate(-50%)}.spread-navigation{justify-content:center;align-items:center;gap:22px;display:flex}.reader-controls>button,.reader-controls .spread-navigation>button,.reader-controls .reader-actions>button,.flat-entry,.flat-error button{color:#f3ebdd;cursor:pointer;font:inherit;background:#29251fe8;border:1px solid #b4935966;border-radius:24px;padding:9px 17px;font-size:12px}.spread-navigation>button{justify-content:center;align-items:center;min-width:48px;min-height:44px;padding:3px 12px;font-size:23px;display:inline-flex}.spread-navigation>button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.reader-controls>button:disabled,.reader-controls .spread-navigation>button:disabled,.reader-controls .reader-actions>button:disabled{opacity:.35;cursor:default}.spread-label{min-width:110px;font-size:12px}.spread-label output{margin-top:3px;font-size:20px;display:block}.reader-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:9px;display:flex}.navigation-dialog{text-align:start;max-height:min(85svh,750px);overflow-y:auto}.navigation-dialog h2{font-size:24px}.navigation-dialog label{margin:15px 0 6px;font-size:13px;display:block}.navigation-dialog select,.navigation-dialog input{color:#29251f;width:100%;min-height:44px;font:inherit;background:#fffaf0;border:1px solid #b4935980;border-radius:9px;padding:9px}.page-jump{align-items:center;gap:8px;display:flex}.navigation-dialog button{color:#f3ebdd;background:#202e47}.navigation-dialog .dialog-heading button{min-width:40px}.bookmark-list,.reading-data-actions{flex-wrap:wrap;gap:8px;display:flex}.navigation-help{font-size:12px}.correction-report{margin-top:22px;font-size:13px}.correction-report summary{cursor:pointer}.correction-report textarea{resize:vertical;color:#29251f;width:100%;font:inherit;background:#fffaf0;border:1px solid #b4935980;border-radius:9px;margin-bottom:10px;padding:10px;display:block}.review-badge{z-index:2;color:#f3ebdd;pointer-events:none;background:#202e47e8;border:1px solid #b49359;border-radius:8px;max-width:240px;padding:7px 10px;font-size:11px;position:absolute;inset-block-start:100px;inset-inline-start:20px}.experience{--translation-width:min(35vw, 420px)}.has-translation .stage{inset-inline-end:var(--translation-width)}.has-translation .reader-controls{left:calc((100% - var(--translation-width)) / 2)}html[dir=rtl] .has-translation .reader-controls{left:calc((100% + var(--translation-width)) / 2)}.translation-panel{z-index:4;width:calc(var(--translation-width) - 32px);color:#29251f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f3ebdd;border:1px solid #b4935970;border-radius:14px;padding:20px;position:absolute;inset-block:108px 80px;inset-inline-end:16px;overflow-y:auto;box-shadow:0 16px 45px #0004}.translation-heading{z-index:1;background:#f3ebdd;justify-content:space-between;align-items:center;gap:10px;padding-block:8px;display:flex;position:sticky;top:0}.translation-heading h2{margin:0;font-size:19px;font-weight:400}.translation-panel button{cursor:pointer;color:#f3ebdd;font:inherit;background:#202e47;border:1px solid #b4935980;border-radius:20px;min-height:40px;padding:8px 14px}.translation-heading button{min-width:40px;padding:0;font-size:23px}.translation-panel label{margin:17px 0 6px;font-size:12px;display:block}.translation-panel select{color:#29251f;background:#fffaf0;border:1px solid #b4935980;border-radius:8px;width:100%;min-height:44px;padding:8px}.translation-picker{background:#fffaf05c;border:1px solid #b4935940;border-radius:12px;padding:0 12px 14px}.translation-picker input{box-sizing:border-box;color:#29251f;width:100%;min-height:44px;font:inherit;background:#fffaf0;border:1px solid #b4935980;border-radius:8px;padding:10px}.translation-picker :is(input,select):focus-visible{outline-offset:2px;outline:2px solid #b49359}.translation-picker select{text-overflow:ellipsis;font:inherit;font-size:13px}.translation-verses p{white-space:pre-line;overflow-wrap:anywhere}.translation-missing{opacity:.72;font-style:italic}.ui-language-group{margin-block-end:18px}.ui-language-label{color:var(--ink);margin-bottom:7px;font-size:13px;display:block}.ui-language-picker{position:relative}.ui-language-picker summary{cursor:pointer;min-height:44px;color:var(--ink);-webkit-user-select:none;user-select:none;background:#fffaf0;border:1px solid #b4935980;border-radius:9px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;list-style:none;display:flex}.ui-language-picker summary::-webkit-details-marker{display:none}.ui-language-flag{background:50%/contain no-repeat;border-radius:3px;flex:0 0 24px;width:24px;height:18px;display:inline-block;box-shadow:0 1px 3px #00000026}.ui-language-name{font-weight:500}.ui-language-chevron{opacity:.7;margin-inline-start:auto;font-size:14px}.ui-language-options{z-index:10;box-sizing:border-box;background:#fffaf0;border:1px solid #b4935980;border-radius:9px;width:100%;max-height:250px;margin-top:5px;padding:6px;position:absolute;overflow-y:auto;box-shadow:0 10px 25px #0000001f}.ui-language-options button{text-align:start;color:#29251f;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:13px;display:flex}.ui-language-check{color:#96753f;margin-inline-start:auto;font-weight:700}.quick-language-picker{position:relative}.quick-language-trigger{-webkit-user-select:none;user-select:none;list-style:none}.quick-language-trigger::-webkit-details-marker{display:none}.quick-language-flag{background:50%/cover no-repeat;border-radius:2px;width:22px;height:16px;display:block}.quick-language-menu{top:calc(100% + 8px);background:var(--parchment);width:220px;max-height:320px;color:var(--ink);z-index:100;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border:1px solid #b4935980;border-radius:12px;padding:6px;position:absolute;inset-inline-end:0;overflow-y:auto;box-shadow:0 12px 35px #00000059}.quick-language-menu button{text-align:start;color:#29251f;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13px;display:flex}.quick-language-menu button:hover,.quick-language-menu button.is-selected{background:#e6dbc7}.translation-picker-label{margin:17px 0 6px;font-size:12px;display:block}.translation-language-picker{position:relative}.translation-language-picker summary{cursor:pointer;background:#fffaf0;border:1px solid #b4935980;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:8px 10px;font-size:13px;display:flex}.translation-language-picker summary::-webkit-details-marker{display:none}.translation-language-picker summary>:last-child{margin-inline-start:auto}.translation-flag{background:50%/contain no-repeat;border-radius:2px;flex:0 0 24px;width:24px;height:18px;display:inline-block}.translation-language-options{background:#fffaf0;border:1px solid #b4935980;border-radius:8px;max-height:230px;margin-top:5px;padding:6px;overflow-y:auto}.translation-language-options button{text-align:start;color:#29251f;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px;font-size:13px;display:flex}.translation-language-options button[aria-pressed=true],.translation-language-options button:hover{background:#e6dbc7}.translation-language-options small{opacity:.7;margin-inline-start:auto}.translation-attribution{font-size:12px;line-height:1.65}.translation-panel a{color:#593b2c;text-decoration:underline}.translation-range{font-size:12px}.translation-note{color:#625647;font-size:12px;line-height:1.6}.translation-verses{margin:20px 0;padding:0;list-style:none}.translation-verses li{border-top:1px solid #b4935940;padding:16px 0}.verse-reference{color:#593b2c;font-size:12px}.translation-verses li>p{white-space:pre-wrap;margin:8px 0 12px;font-size:16px;line-height:1.85}.translation-verses summary,.translation-source summary{cursor:pointer;font-size:13px}.translation-footnotes{white-space:pre-wrap;margin-top:12px;font-size:14px;line-height:1.8}.translation-source{border-top:1px solid #b4935980;padding-top:16px;font-size:12px;line-height:1.8}.source-transcript{white-space:pre-wrap}.has-translation .flat-spread figure{width:calc(min(calc((100vw - var(--translation-width) - 70px) / 2), 470px) * var(--page-zoom))}@media (max-width:900px){.has-translation .stage{inset-inline-end:0}.has-translation .reader-controls,html[dir=rtl] .has-translation .reader-controls{left:50%}.translation-panel{width:auto;padding:18px;inset:120px 12px 265px}.translation-panel button{min-height:44px}.has-translation .flat-spread figure{width:calc((100vw - 40px) * var(--page-zoom))}}@media (max-width:600px){.reader-actions{gap:5px}.reader-actions button{min-width:44px;min-height:44px;padding:8px 10px;font-size:10px}.navigation-dialog button,.lighting button,.info-button{min-width:44px;min-height:44px}.review-badge{max-width:175px;font-size:9px;inset-block-start:126px}}.reader-controls>p{margin:9px 0 0;font-size:11px}.flat-entry{margin:10px auto 0;display:block}.motion-setting{align-items:center;gap:9px;margin-block:20px;display:flex}.about-dialog a{color:#593b2c}.flat-reader{z-index:1;background:#593b2c;padding:22px;position:absolute;inset:105px 0 225px;overflow:auto}.flat-spread{justify-content:safe center;align-items:start;gap:10px;width:max-content;min-width:100%;display:flex}.flat-spread figure{width:calc(min(41vw, 470px) * var(--page-zoom));flex-shrink:0;margin:0}.flat-spread img{width:100%;height:auto;display:block;box-shadow:0 10px 25px #0005}.flat-spread figcaption{text-align:center;color:#f3ebdd;padding:8px;font-size:12px}.flat-error{color:#f3ebdd;text-align:center;padding:15px}.is-flat .atmosphere{display:none}@media (max-width:600px){.reader-controls{bottom:95px}.flat-reader{padding:16px;top:120px;bottom:240px}.flat-spread{flex-direction:column;align-items:center}.flat-spread figure{width:calc((100vw - 40px) * var(--page-zoom))}.reader-controls>p{font-size:10px}}.language-select{max-width:112px;min-height:34px;color:var(--parchment);cursor:pointer;background:#29251f;border:1px solid #f3ebdd38;border-radius:20px;padding:6px 10px;font:12px Arial,sans-serif}.zoom-controls{direction:ltr}html[dir=rtl] .experience{font-family:Tahoma,Arial,sans-serif}html[dir=rtl] .eyebrow,html[dir=rtl] .edition-label,html[dir=rtl] .brand p,html[dir=rtl] .prototype-note{letter-spacing:0}html[dir=rtl] .invitation h2,html[dir=rtl] .about-dialog h2{font-family:Tahoma,Arial,sans-serif;line-height:1.5}@media (max-width:1100px){.edition-label{display:none}}@media (max-width:600px){.language-select{font-size:11px;position:absolute;inset-block-start:78px;inset-inline-end:18px}}@media (max-width:360px){.brand h1{font-size:22px}.brand>svg{width:27px}.brand p{font-size:7px}}@font-face{font-family:Sakina Quran;src:url(/fonts/amiri-quran/e2a47644762d16bd/AmiriQuran-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:block}.arabic-reader{color:var(--ink);z-index:1;padding:20px;position:absolute;inset:105px 0 225px;overflow:auto}.arabic-reader-surface{background:var(--parchment);border:1px solid var(--gold);border-radius:16px;max-width:900px;margin-inline:auto;padding:clamp(18px,3vw,38px)}.arabic-reader h2{margin-top:0;font-family:Georgia,serif}.text-source,.text-review-note{font-size:13px;line-height:1.6}.text-source a{text-decoration:underline}.text-options{flex-wrap:wrap;gap:16px;margin-block:20px;display:flex}.text-options label{flex-direction:column;flex:160px;gap:7px;font-size:14px;display:flex}.text-options select,.text-search input{min-height:44px;color:var(--ink);font:inherit;background:#fff9;border:1px solid #b4935980;border-radius:8px;min-width:0;padding:8px}.text-options input{width:100%;min-height:30px;accent-color:var(--blue)}.text-search label{margin-bottom:8px;display:block}.text-search>div{gap:8px;display:flex}.text-search input{flex:1;width:100%}.arabic-reader button{background:var(--blue);color:var(--parchment);border:1px solid #b4935980;border-radius:8px;min-height:44px;padding:8px 12px;font:14px Arial,sans-serif}.arabic-reader button:focus-visible,.arabic-reader input:focus-visible,.arabic-reader select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.arabic-verses{font-synthesis:none;overflow-wrap:break-word;margin-block:24px;padding:0;font-family:Sakina Quran;list-style:none}.arabic-verses>li{border-bottom:1px solid #b4935944;padding-block:18px}.arabic-verses p{white-space:pre-wrap;margin:0}.arabic-verse-tools{align-items:center;gap:12px;margin-top:16px;font:14px Arial,sans-serif;display:flex}.text-search-results{border-block:1px solid #b4935966;margin-block:20px;padding-block:18px}.text-search-results ol{padding-inline-start:24px}.text-search-results li{padding-block:8px}.text-search-results li button{text-align:start;width:100%;font-family:Arial,sans-serif;line-height:1.8;display:block}.text-search-results li bdi{font-family:Arial,sans-serif;display:block}.text-license pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.6}@media (max-width:900px){.arabic-reader{padding:12px;top:120px;bottom:255px}.text-options{gap:10px}}.arabic-verses li[aria-current=location]{outline:2px solid var(--gold);outline-offset:8px;background:#b493591a}.arabic-reader h2{margin-bottom:8px}.arabic-reader .text-source{margin-block:8px}.arabic-reader .text-options{margin-block:12px}.arabic-search-tools>summary{cursor:pointer;min-height:44px;padding-block:10px}.arabic-search-tools .text-search{padding-block:10px}.text-settings>summary{cursor:pointer;min-height:44px;padding-block:10px}.reader-toolbar{z-index:5;width:min(100% - 48px,960px);color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f3ebddf2;border:1px solid #b4935966;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:8px;display:flex;position:absolute;top:104px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #160d0926}.reader-view-switch,.reader-utilities{align-items:center;gap:5px;display:flex}.reader-view-switch{background:#593b2c0d;border-radius:11px;padding:3px}.reader-toolbar :is(.reader-view-switch,.reader-utilities)>button,.navigation-dialog button{min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;padding:9px 15px;font:13px Arial,sans-serif}.reader-toolbar :is(.reader-view-switch,.reader-utilities)>button:hover:not(:disabled){background:#b493591f}.reader-toolbar :is(.reader-view-switch,.reader-utilities)>button[aria-pressed=true]{background:var(--blue);color:var(--parchment);box-shadow:0 3px 8px #202e4720}.reader-toolbar .toolbar-icon{min-width:44px;padding-inline:8px;font-size:23px}.reader-toolbar :is(.reader-view-switch,.reader-utilities)>button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.reader-toolbar :is(.reader-view-switch,.reader-utilities)>button:disabled{cursor:default;opacity:.4}.navigation-dialog button{background:var(--blue);color:var(--parchment);border-color:#b4935955}.reader-tools-actions{grid-template-columns:1fr 1fr;gap:10px;margin-block:18px;display:grid}.is-open .prototype-note{display:none}.is-open .zoom-controls{margin-inline-start:auto}.is-text .zoom-controls{display:none}.spread-navigation>button{background:#29251fbb;border-color:#b4935960}.flat-reader,.arabic-reader,.translation-panel{inset-block:182px 130px}.arabic-reader-surface{padding:clamp(18px,2.5vw,30px)}.arabic-reader .text-source{color:#625647;font-size:11px}.text-search{margin-block:22px 14px}.text-search>.text-search-field{background:#fffaf2;border:1px solid #b4935966;border-radius:12px;align-items:center;gap:8px;padding:5px;display:flex;box-shadow:0 2px 8px #593b2c07}.text-search-field:focus-within{outline:2px solid var(--gold);outline-offset:2px}.text-search-field>svg{color:#79694f;flex:0 0 21px;width:21px;height:21px;margin-inline-start:10px}.text-search .text-search-field input{box-shadow:none;background:0 0;border:0;outline:none;min-width:0;padding-inline:5px}.arabic-reader .text-search .search-clear{color:#79694f;background:0 0;border:0;min-width:36px;padding-inline:8px;font-size:22px}.arabic-reader .text-search .search-submit{border-radius:8px;padding-inline:18px}.text-reading-controls{border-bottom:1px solid #b493593d;flex-wrap:wrap;align-items:end;gap:14px;padding-block:2px 18px;display:flex}.text-reading-controls label{color:#79694f;flex-direction:column;gap:6px;font-size:11px;display:flex}.text-reading-controls select{max-width:100%;min-height:44px;color:var(--ink);background:#fff8;border:1px solid #b4935944;border-radius:9px;padding:8px 10px;font:13px Arial,sans-serif}.text-script-control{flex:180px}.text-spacing-control{flex:130px}.text-size-control{background:#fff8;border:1px solid #b4935944;border-radius:9px;align-items:center;gap:4px;height:44px;display:flex;overflow:hidden}.arabic-reader .text-size-control button{color:var(--blue);background:0 0;border:0;border-radius:0;min-width:40px;padding-inline:10px}.text-size-control output{text-align:center;color:#79694f;min-width:28px;font:12px Arial,sans-serif}.arabic-reader .text-size-control button:disabled{opacity:.3;cursor:default}.text-search-results{padding-top:8px}.text-search-results ol{padding:0;list-style:none}.arabic-reader .text-search-results li button{color:var(--ink);background:#fff8;border:1px solid #b4935944;border-radius:10px;padding:14px 16px}.arabic-reader .text-search-results li button:hover{border-color:var(--gold);background:#fffaf2}.search-result-heading{color:#79694f;justify-content:space-between;gap:12px;margin-bottom:9px;font:12px Arial,sans-serif;display:flex}.search-result-excerpt{font:18px/1.9 Arial,sans-serif;display:block}@media (max-width:700px){.reader-toolbar{border-radius:15px;flex-direction:column;gap:6px;width:calc(100% - 24px);padding:7px;top:122px}.reader-view-switch{width:100%}.reader-view-switch>button{flex:1}.reader-utilities{justify-content:space-between;width:100%}.reader-toolbar :is(.reader-view-switch,.reader-utilities)>button{padding:8px 12px;font-size:12px}.reader-toolbar .toolbar-icon{font-size:22px}.flat-reader,.arabic-reader{padding:12px;inset-block:250px 142px}.translation-panel{inset-block:250px 142px}.is-open:not(.is-flat) .stage{inset-block-start:120px}.reader-controls{bottom:69px}.reader-controls>p{margin-top:5px}.arabic-reader-surface{border-radius:12px;padding:18px}.arabic-reader h2{font-size:21px}.text-search{margin-top:16px}.text-search-field>svg{display:none}.arabic-reader .text-search .search-submit{padding-inline:12px}.text-reading-controls{gap:10px}.text-script-control{flex:135px}.text-spacing-control{flex-basis:100%}}.reader-toolbar :is(.reader-view-switch,.reader-utilities)>button[aria-pressed=true]:hover:not(:disabled){background:var(--blue)}.search-result-excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.bottom-bar{pointer-events:none}.bottom-bar .zoom-controls{pointer-events:auto}.top-actions{display:none}.edition-label{position:absolute;left:50%;transform:translate(-50%)}.reader-top-actions{z-index:5;top:24px;align-items:center;gap:14px;display:flex;position:absolute;inset-inline-end:80px}.reader-corner{align-items:center;gap:8px;display:flex}.reader-top-actions .reader-lighting{top:auto;position:static;inset-inline:auto;transform:none}.quiet-icon{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--parchment);cursor:pointer;background:#29251fc9;border:1px solid #b4935966;border-radius:50%;justify-content:center;align-items:center;padding:11px;display:inline-flex}.quiet-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.quiet-icon:hover:not(:disabled){border-color:var(--gold);background:#593b2c}.quiet-icon[aria-pressed=true]{background:var(--parchment);color:var(--blue)}.quiet-icon:disabled{opacity:.3;cursor:default}.controls-visibility{z-index:6;top:24px;position:absolute;inset-inline-end:20px;box-shadow:0 3px 16px #0002}.is-open:not(.is-flat) .stage{inset-block-start:0}.reader-controls{width:min(94vw,500px);bottom:24px}.spread-navigation{gap:12px}.reader-controls .page-browser{background:0 0;border-color:#0000;border-radius:10px;min-width:108px;padding:3px 8px;font-size:12px}.reader-controls .page-browser:hover{border-color:#b4935944}.reader-controls .translation-icon{width:44px;height:44px;margin-inline-start:8px;padding:10px}.reader-close{min-height:38px;margin:12px auto 0;display:block}.reader-book-actions{justify-content:center;gap:8px;margin-top:10px;display:flex}.reader-book-actions>button{min-width:0;min-height:38px;color:var(--parchment);font:inherit;cursor:pointer;background:#29251fe8;border:1px solid #b4935966;border-radius:24px;padding:8px 14px;font-size:12px}.reader-book-actions .reader-close{margin:0}.reader-book-actions .reader-continue{color:var(--blue);background:#f3ebdd}.reader-book-actions>button:disabled{opacity:.35;cursor:default}.experience:not(.is-open) .spread-navigation{display:none}.experience:not(.is-open) .reader-close{background:var(--parchment);min-height:44px;color:var(--blue);padding:10px 26px;font-size:14px}.reader-controls>p{opacity:.65;margin-top:7px;font-size:10px}.flat-reader,.arabic-reader,.translation-panel{inset-block:112px 166px}.reader-settings{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:20px;width:min(380px,100vw - 24px);max-width:none;height:calc(100svh - 24px);max-height:none;margin:0;padding:24px;position:fixed;inset-block:12px;inset-inline:auto 12px;overflow-y:auto}.reader-settings .dialog-heading{align-items:center;gap:16px}.reader-settings h2{margin:0;font-size:24px}.reader-settings h3{color:#79694e;margin:28px 0 12px;font:13px Arial,sans-serif}.reader-settings label:not(.motion-setting){flex-direction:column;gap:8px;margin-top:16px;font-size:13px;display:flex}.reader-settings select{color:var(--ink);width:100%;min-height:44px;font:inherit;background:#fff8;border:1px solid #b4935955;border-radius:8px;padding:10px}.reader-settings input[type=range]{width:100%;accent-color:var(--blue);min-height:36px}.reader-settings button{min-height:44px;color:var(--ink);cursor:pointer;background:#fff7;border:1px solid #b4935955;border-radius:9px;padding:10px 14px;font:13px Arial,sans-serif}.settings-views{gap:8px;display:flex}.settings-views>button{flex:1}.settings-views.layout-icons>button{justify-content:center;align-items:center;min-height:48px;padding:10px;display:inline-flex}.settings-views.layout-icons svg{display:block}.settings-views button[aria-pressed=true]{background:var(--blue);color:var(--parchment)}.settings-secondary{border-top:1px solid #b4935944;margin-top:24px;padding-top:20px}.settings-secondary summary{cursor:pointer;margin-bottom:14px;font-size:13px}.controls-hidden .topbar,.controls-hidden .reader-top-actions,.controls-hidden .reader-corner,.controls-hidden .reader-controls,.controls-hidden .bottom-bar,.controls-hidden .invitation,.controls-hidden .review-badge{display:none}.controls-hidden .controls-visibility{opacity:.6}.controls-hidden .controls-visibility:hover,.controls-hidden .controls-visibility:focus-visible{opacity:1}.embedded-reading-tools .reader-tools-actions{display:flex}.embedded-reading-tools .reading-data-actions{margin-block:16px}.embedded-reading-tools .correction-report textarea{width:100%}.reader-controls .spread-navigation{position:relative}.reader-controls .translation-icon{margin:0;position:absolute;inset-inline-start:calc(50% + 124px)}@media (max-width:360px){.reader-controls .page-browser{min-width:84px}.reader-controls .translation-icon{inset-inline-start:calc(50% + 100px)}}.reader-settings .dialog-heading{z-index:1;background:var(--parchment);padding-block:6px;position:sticky;top:0}.quiet-icon[aria-pressed=true]:hover:not(:disabled){background:var(--parchment);color:var(--blue)}.controls-hidden .controls-visibility[aria-pressed=true]{color:var(--parchment);opacity:.8;background:#29251fcc}.controls-hidden .controls-visibility[aria-pressed=true]:hover,.controls-hidden .controls-visibility[aria-pressed=true]:focus-visible{background:var(--parchment);color:var(--blue);opacity:1}.reader-lighting{z-index:5;top:24px;position:absolute;inset-inline-end:250px}.reader-controls .bookmark-toggle{padding:10px;position:absolute;inset-inline-end:calc(50% + 124px)}.mushaf-search{z-index:7;top:88px;background:var(--parchment);width:min(400px,100vw - 32px);max-height:calc(100svh - 250px);color:var(--ink);border:1px solid #b4935977;border-radius:18px;padding:22px;position:absolute;inset-inline-end:24px;overflow-y:auto;box-shadow:0 16px 60px #0005}.mushaf-search h2{margin:0;padding-inline-end:32px;font-size:25px}.mushaf-search .text-search{margin-top:18px}.mushaf-search .text-source{font-size:11px}.mushaf-search .search-panel-close{top:12px;width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:25px;position:absolute;inset-inline-end:12px}.mushaf-search .text-search-field{flex-wrap:wrap}.mushaf-search .text-search-field input{width:100%;min-width:0}.mushaf-search .text-search-results ol{padding:0;list-style:none}.mushaf-search .text-search-results li button{text-align:start;width:100%;color:var(--ink);cursor:pointer;background:#fff6;border:1px solid #b4935944;border-radius:10px;margin-block:4px;padding:12px}.mushaf-search .search-result-heading{justify-content:space-between;gap:8px;font:12px Arial,sans-serif;display:flex}.mushaf-search .arabic-reader-surface{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.mushaf-search .text-search-field button,.mushaf-search .text-search-results>button{background:var(--blue);color:var(--parchment);cursor:pointer;border:1px solid #b4935955;border-radius:8px;padding:8px 10px}.mushaf-search .text-search-results>p{font-size:12px;line-height:1.6}.quiet-go-to{min-height:44px;color:var(--parchment);cursor:pointer;background:#29251fcc;border:1px solid #b4935977;border-radius:24px;align-items:center;gap:7px;padding:9px 13px;font:12px Arial,sans-serif;display:inline-flex}.quiet-go-to svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:18px;height:18px}.quiet-go-to:hover{border-color:var(--gold);background:#593b2c}.reader-lighting{inset-inline-end:345px}.warsh-review{background:var(--parchment);min-height:100svh;color:var(--ink);padding:24px max(20px,50vw - 500px)}.warsh-review header,.warsh-review nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.warsh-review p{line-height:1.7}.warsh-review-notice{border:1px solid var(--gold);background:#b4935915;border-radius:10px;padding:14px}.warsh-review button,.warsh-review select{border:1px solid var(--gold);border-radius:9px;min-height:44px;padding:8px 12px}.warsh-review button{background:var(--blue);color:var(--parchment);cursor:pointer}.warsh-review button:disabled{opacity:.35}.warsh-review label{align-items:center;gap:12px;display:flex}.warsh-review-page{width:min(100%,800px);height:auto;margin:24px auto;display:block;box-shadow:0 6px 25px #29251f22}.flat-spread .scan-page{background:#fff;display:block;position:relative}.flat-verse-highlight{pointer-events:none;mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0}.flat-verse-highlight rect{fill:#e5b94f;fill-opacity:.4}.verse-selection{z-index:5;color:var(--parchment);background:#29251fe8;border:1px solid #b4935977;border-radius:12px;align-items:center;gap:14px;padding:8px 14px;font:12px Arial,sans-serif;display:flex;position:absolute;top:83px;left:50%;transform:translate(-50%)}.verse-selection small{opacity:.8;margin-top:3px;font-size:10px;display:block}.verse-selection button{color:inherit;cursor:pointer;background:0 0;border:0;min-width:32px;min-height:32px;font-size:22px}.verse-selection{top:auto;bottom:142px}@font-face{font-family:Sakina Warsh;src:url(/quran/madinah-warsh/quranpedia-v1-review/font.ttf)format("truetype");font-display:block}.warsh-text .arabic-verses,.warsh-text .search-result-excerpt{font-family:Sakina Warsh,serif}.edition-switch-help{color:#79694e;font:12px/1.7 Arial,sans-serif}.translation-picker,.translation-picker>*,.translation-panel{min-inline-size:0}.translation-language-picker summary>span,.translation-language-options button>span{overflow-wrap:anywhere;min-width:0}.translation-edition-picker .translation-language-options button{align-items:start}.translation-edition-picker small{margin:5px 0 0;line-height:1.5;display:block}.translation-attribution{overflow-wrap:anywhere}.is-open:not(.is-flat) .stage{inset-block:0}.stage[data-pannable=true]{cursor:grab;touch-action:none}.stage[data-pannable=true]:active{cursor:grabbing}.reader-location{z-index:3;max-width:min(85vw,620px);color:var(--parchment);text-align:center;pointer-events:none;background:#29251f70;border-block:1px solid #b4935955;border-radius:24px;justify-content:center;align-items:center;gap:14px;padding:10px 20px;display:flex;position:absolute;top:104px;left:50%;transform:translate(-50%)}.reader-location-surah{font-family:Georgia,serif;font-size:17px}.reader-location-juz{color:#e5bc7a;flex-shrink:0;font-size:12px}.has-translation .reader-location{left:calc((100% - var(--translation-width)) / 2);max-width:calc(100% - var(--translation-width) - 50px)}html[dir=rtl] .has-translation .reader-location{left:calc((100% + var(--translation-width)) / 2)}.is-flat .flat-reader,.is-text .arabic-reader{inset-block-start:160px}.controls-hidden .reader-controls{display:block}.controls-hidden .bottom-bar{display:flex}.controls-hidden.is-open:not(.is-flat) .stage{inset-block:0}.controls-hidden.is-flat .flat-reader,.controls-hidden.is-text .arabic-reader{inset-block-start:24px}@media (max-width:900px){.has-translation .reader-location,html[dir=rtl] .has-translation .reader-location{max-width:85vw;left:50%}}.translation-chapter{min-width:0;margin-block:22px}.translation-chapter-heading{text-align:center;background:#e6dbc760;border:1px solid #b4935960;border-radius:12px;padding:15px}.translation-chapter-heading h3{color:#202e47;overflow-wrap:anywhere;margin:0;font:18px/1.5 Georgia,serif}.translation-chapter-heading>span{margin-top:6px;font-size:20px;display:block}.translation-chapter-heading small{color:#79694e;margin-top:8px;font-size:11px;display:block}.translation-chapter-end{color:#79694e;text-align:center;border-block:1px solid #b4935944;flex-wrap:wrap;justify-content:center;gap:6px;margin:20px 0 28px;padding-block:12px;font-size:12px;display:flex}.translation-chapter-heading .translation-chapter-number{letter-spacing:.05em;color:#79694e;margin:0 0 8px;font:11px Arial,sans-serif}.translation-chapter-heading h3{font-size:24px;font-weight:500;line-height:1.4}.translation-chapter-heading .translation-chapter-arabic{margin-top:9px;font-size:20px}.translation-chapter-heading .translation-chapter-pronunciation{color:#79694e;margin-top:7px;font:12px Georgia,serif}.flat-reader[data-pannable=true] .flat-spread,.flat-reader[data-pannable=true] .flat-spread .scan-page{cursor:grab;-webkit-user-select:none;user-select:none}.flat-reader[data-dragging=true] .flat-spread,.flat-reader[data-dragging=true] .flat-spread .scan-page{cursor:grabbing}.experience{--reader-top:158px;--reader-bottom:166px;--reader-quiet-top:64px;min-height:0}.reader-controls .spread-navigation>.page-browser{overflow:visible}.compact-reader-settings,.compact-zoom-reset{display:none}.settings-views{flex-wrap:wrap}.settings-views>button{overflow-wrap:anywhere;flex:100px;min-width:0}.flat-reader>.flat-error{z-index:2;margin:0;position:absolute;inset:12px 0 auto}.flat-reader[data-loaded=false] .flat-spread{visibility:hidden}.flat-spread.single-page{--single-page-width:calc(100vw - 48px);flex-direction:column;justify-content:safe center;align-items:safe center;min-height:100%}.has-translation .flat-spread.single-page{--single-page-width:calc(100vw - var(--translation-width) - 48px)}.flat-spread.single-page figure,.has-translation .flat-spread.single-page figure{width:calc(min(var(--single-page-width), (100svh - var(--reader-top) - var(--reader-bottom) - 80px) * 2048 / 2928) * var(--page-zoom))}.flat-spread.two-page{--flat-width:calc(100vw - 64px);flex-direction:row;justify-content:safe center;align-items:safe center;gap:12px;min-height:100%}.has-translation .flat-spread.two-page{--flat-width:calc(100vw - var(--translation-width) - 64px)}.flat-spread.two-page figure,.has-translation .flat-spread.two-page figure{width:calc(min(var(--flat-width) / 2, (100svh - var(--reader-top) - var(--reader-bottom) - 80px) * 2048 / 2928) * var(--page-zoom))}.floating-layout-toggle{z-index:6;top:96px;position:absolute;inset-inline-end:28px;box-shadow:0 4px 18px #0004}.controls-hidden .floating-layout-toggle{opacity:.6}.controls-hidden .floating-layout-toggle:hover,.controls-hidden .floating-layout-toggle:focus-visible{opacity:1}@media (max-width:1024px){.floating-layout-toggle{top:calc(44px + var(--compact-top,8px));width:38px;min-width:38px;height:38px;min-height:38px;padding:8px;inset-inline-end:max(16px, env(safe-area-inset-right,0px))}}@media (min-width:1025px) and (max-width:1400px){.edition-label{display:none}}@media (max-width:1024px),(max-height:540px) and (orientation:landscape){.experience{--compact-top:max(8px, env(safe-area-inset-top,0px));--compact-bottom:max(12px, env(safe-area-inset-bottom,0px));--reader-top:80px;--reader-bottom:76px;--reader-quiet-top:50px}.experience.is-open{--reader-bottom:124px}.experience.is-open:not(.is-text){--reader-top:92px}.experience.is-open:not(.is-flat)[data-pages-status=error]{--reader-bottom:184px}.reader-top-actions{top:var(--compact-top);inset-inline:max(12px, env(safe-area-inset-left,0px)) max(56px, env(safe-area-inset-right,0px));justify-content:center;gap:6px;max-width:500px;margin-inline:auto}.reader-top-actions .reader-lighting{flex:120px;gap:2px;min-width:0;max-width:200px;height:38px;padding:2px;position:static;inset:auto;transform:none}.reader-top-actions .reader-lighting button{white-space:nowrap;flex:1;justify-content:center;min-width:0;min-height:32px;padding:4px 6px;font-size:11px}.reader-corner{gap:6px;position:static}.reader-top-actions .layout-toggle{top:40px;width:36px;min-width:36px;height:36px;min-height:36px;position:absolute;inset-inline-end:-44px}.reader-corner>.quiet-go-to,.reader-corner>.saved-bookmarks-trigger{display:none}.reader-top-actions .quiet-icon,.controls-visibility{width:38px;min-width:38px;height:38px;min-height:38px;padding:8px}.controls-visibility,.controls-hidden .controls-visibility{top:var(--compact-top);inset-inline-end:max(12px, env(safe-area-inset-right,0px))}.quick-language-picker{position:static}.quick-language-menu{max-height:calc(100svh - var(--reader-top) - var(--reader-bottom));inset-inline-end:0}.topbar{top:calc(44px + var(--compact-top));justify-content:center;padding:0 12px}.brand{gap:6px}.brand-logo{height:60px}.brand>svg{width:22px;height:22px}.brand h1{font-size:20px}.brand h1 span{margin-left:6px;font-size:13px}.brand p,.edition-label,.review-badge,.is-open .topbar{display:none}.reader-location,.has-translation .reader-location,html[dir=rtl] .has-translation .reader-location{top:calc(44px + var(--compact-top));background:0 0;border:0;gap:8px;width:max-content;max-width:calc(100% - 104px);padding:4px 12px;left:50%}.reader-location-surah{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.reader-location-juz{font-size:11px}.reader-controls,.controls-hidden .reader-controls,.has-translation .reader-controls,html[dir=rtl] .has-translation .reader-controls{width:calc(100% - 24px);max-width:420px;left:50%;bottom:var(--compact-bottom);display:block}.reader-controls .spread-navigation{gap:6px;padding:0;display:flex}.reader-controls .spread-navigation>button{flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:8px;font-size:22px;position:static;inset:auto}.reader-controls .spread-navigation>.page-browser{flex:0 108px;width:auto;min-width:72px;padding:1px 4px;line-height:1.1}.reader-controls .page-browser>span{font-size:10px}.reader-controls .page-browser output{white-space:nowrap;font-size:18px;line-height:1.2}.bottom-bar,.controls-hidden .bottom-bar,.experience:not(.is-open) .spread-navigation{display:none}.reader-close{min-height:44px;margin:0 auto}.reader-book-actions{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;max-width:360px;margin:8px auto 0;display:grid}.reader-book-actions>button{overflow-wrap:anywhere;padding:6px 10px;font-size:11px;line-height:1.35}.experience:not(.is-open) .reader-book-actions{display:flex}.reader-controls>p{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.experience[data-pages-status=error] .reader-controls>p,.experience[data-pages-status=loading].is-open:not(.is-flat) .reader-controls>p{clip-path:none;width:auto;height:auto;max-height:24px;margin:4px 0 0;font-size:10px;position:static;overflow-y:auto}.flat-reader,.arabic-reader,.translation-panel,.is-flat .flat-reader,.is-text .arabic-reader{inset-block:var(--reader-top) var(--reader-bottom)}.has-translation .stage{inset-inline-end:0}.has-translation .flat-spread.single-page{--single-page-width:calc(100vw - 48px)}.has-translation .flat-spread.two-page{--flat-width:calc(100vw - 64px)}.translation-panel,.mushaf-search{inset:var(--reader-top) 12px var(--reader-bottom);width:auto;max-height:none;padding:16px;overflow-y:auto}.mushaf-search{box-shadow:0 12px 35px #0005}.controls-hidden.is-flat .flat-reader,.controls-hidden.is-text .arabic-reader{inset-block-start:var(--reader-quiet-top)}.reader-settings{height:calc(100svh - 24px);max-height:calc(100dvh - 24px);padding:18px}.navigation-dialog{max-height:calc(100dvh - 24px)}.compact-reader-settings{gap:12px;margin-block:16px;display:grid}.compact-zoom-reset{z-index:4;bottom:calc(var(--reader-bottom) + 8px);border-radius:24px;gap:6px;width:auto;min-width:80px;height:44px;padding:8px 12px;font-size:12px;display:inline-flex;position:absolute;inset-inline-end:max(12px, env(safe-area-inset-right,0px))}.compact-zoom-reset>:first-child{font-size:22px}.verse-selection~.compact-zoom-reset{bottom:calc(var(--reader-bottom) + 60px)}.verse-selection{top:auto;bottom:var(--reader-bottom);max-width:calc(100vw - 24px);font-size:11px}.invitation{top:calc(var(--reader-top) + 14px)}.invitation h2{font-size:clamp(20px,3.5vw,26px)}.invitation p{font-size:11px}}.experience.is-open{--dock-height:56px;--audio-strip-height:56px;--dock-gap:10px;--dock-bottom:max(12px, env(safe-area-inset-bottom,0px));--reader-bottom:144px}.experience.is-open[data-audio=true]{--reader-bottom:204px}.experience.is-open.controls-hidden{--reader-bottom:96px}.experience.is-open.controls-hidden[data-audio=true]{--reader-bottom:156px}.experience.is-open .reader-controls{bottom:var(--dock-bottom);width:max-content;max-width:calc(100% - 24px)}.experience.is-open[data-audio=true] .reader-controls{bottom:calc(var(--dock-bottom) + var(--audio-strip-height) + var(--dock-gap))}.experience.is-open .spread-navigation{height:var(--dock-height);background:#29251fe8;border:1px solid #b4935960;border-radius:30px;align-items:center;gap:4px;padding:5px 8px;display:flex;box-shadow:0 8px 24px #0003}.experience.is-open .reader-controls .spread-navigation>button{background:0 0;border:0;border-radius:50%;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:10px;position:static;inset:auto}.experience.is-open .reader-controls .spread-navigation>button:hover:not(:disabled){background:#b493591c}.experience.is-open .reader-controls .spread-navigation>.page-browser{border-radius:12px;flex:0 108px;width:108px;min-width:80px;padding:2px 6px}.experience.is-open .reader-controls .page-browser>span{font-size:10px}.experience.is-open .reader-controls .page-browser output{white-space:nowrap;font-size:17px;line-height:1.2}.experience.is-open .reader-controls>p{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.experience.is-open[data-pages-status=error]:not(.is-flat) .reader-controls>p{clip-path:none;width:auto;max-width:300px;height:auto;margin:8px auto;position:static}.experience.is-open[data-pages-status=error]:not(.is-flat){--reader-bottom:220px}.experience.is-open[data-pages-status=error][data-audio=true]:not(.is-flat){--reader-bottom:280px}.experience.is-open .bottom-bar{bottom:var(--dock-bottom)}.experience.is-open .prototype-note{display:none}.experience.is-open .verse-selection{top:auto;bottom:calc(var(--dock-bottom) + var(--dock-height) + 8px)}.experience.is-open[data-audio=true] .verse-selection{bottom:calc(var(--dock-bottom) + var(--dock-height) + var(--dock-gap) + var(--audio-strip-height) + 8px)}.experience.is-open .flat-reader,.experience.is-open .arabic-reader,.experience.is-open .translation-panel,.experience.is-open .mushaf-search{bottom:var(--reader-bottom)}.audio-player{z-index:6;left:50%;bottom:var(--dock-bottom);width:min(500px,100% - 24px);height:var(--audio-strip-height);color:var(--parchment);background:#29251ff2;border:1px solid #b4935966;border-radius:16px;align-items:center;gap:10px;padding:5px 8px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 8px 24px #0003}.audio-player button{width:44px;height:44px;color:inherit;background:0 0;border:0;border-radius:50%;flex:0 0 44px;place-items:center;padding:10px;display:grid}.audio-player .audio-play-toggle{border:1px solid #b49359}.audio-player button:hover:not(:disabled){background:#b493591c}.audio-player svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.audio-strip-copy{flex:1;align-items:center;gap:14px;min-width:0;font-size:12px;display:flex}.audio-strip-reciter{text-overflow:ellipsis;white-space:nowrap;flex:50%;min-width:0;overflow:hidden}.audio-player output{border-inline-start:1px solid #b4935944;flex:50%;min-width:0;padding-inline-start:12px}.audio-player output>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.audio-player small{opacity:.7;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;display:block;overflow:hidden}.audio-options{width:min(480px,100% - 32px);max-width:none;max-height:min(75dvh,620px);color:var(--parchment);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#29251f;border:1px solid #b4935980;border-radius:22px;margin:0 auto;padding:24px;position:fixed;inset:auto 0 24px;overflow-y:auto;box-shadow:0 20px 80px #0008}.audio-options::backdrop{background:#120d0999}.audio-options-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.audio-options-heading h2{margin:0;font:22px Georgia,serif}.audio-options-heading button{width:44px;height:44px;color:inherit;background:0 0;border:1px solid #b4935944;border-radius:50%;padding:0;font-size:24px}.audio-options-current{border-bottom:1px solid #b4935933;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-block:18px 24px;padding-bottom:18px;display:flex}.audio-options-current small{opacity:.7}.audio-options-current button{min-height:44px;color:inherit;background:0 0;border:1px solid #b4935980;border-radius:22px;padding:8px 16px}.audio-reciter-list{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.audio-reciter-list legend{color:#d2bd94;margin-bottom:12px;font-size:12px}.audio-reciter-choice{cursor:pointer;border:1px solid #b4935933;border-radius:12px;align-items:center;gap:12px;min-height:64px;padding:12px 14px;display:flex}.audio-reciter-choice[data-selected=true]{background:#b493591a;border-color:#b49359}.audio-reciter-choice:focus-within{outline:2px solid var(--gold);outline-offset:3px}.audio-reciter-choice input{accent-color:#b49359;flex:none;width:18px;height:18px}.audio-reciter-choice span{min-width:0}.audio-reciter-choice strong{overflow-wrap:anywhere;font-size:14px;font-weight:400}.audio-reciter-choice small{opacity:.7;margin-top:6px;font-size:12px;display:block}.audio-options .audio-source{color:#d2bd94;margin-top:24px;font-size:11px;text-decoration:underline;display:inline-block}.reader-settings .settings-close-mushaf{width:100%;min-height:44px;margin-block:18px 8px}.reader-settings{overscroll-behavior:contain;scrollbar-gutter:stable;width:min(440px,100vw - 24px);padding:20px}.reader-settings .dialog-heading{border-bottom:1px solid #b4935933;margin:-20px -8px 20px;padding:20px 8px 12px;top:-20px}.reader-settings .settings-section{background:#fff4;border:1px solid #b4935944;border-radius:16px;margin-block:14px;padding:18px}.reader-settings .settings-section>h3:first-child{color:var(--ink);margin:0 0 18px;font:20px Georgia,serif}.reader-settings .settings-section h3:not(:first-child){margin-block:22px 10px}.reader-settings .settings-section>label:first-of-type{margin-top:0}.reader-settings .edition-switch-help{opacity:.75;margin-block:8px 0;font-size:12px;line-height:1.6}.reader-settings .settings-lighting>span{margin-bottom:10px;font-size:13px;display:block}.reader-settings .compact-reader-settings{gap:10px;margin-block:20px;display:grid}.reader-settings .motion-setting{align-items:center;gap:10px;min-height:44px;margin:0;font-size:13px;line-height:1.5;display:flex}.reader-settings .motion-setting input{width:18px;height:18px;accent-color:var(--blue);flex:none}.reader-settings .ui-language-group{margin:0}.reader-settings .ui-language-label{display:none}.reader-settings .ui-language-picker{width:100%}.reader-settings .ui-language-options{max-height:260px;box-shadow:none;margin-top:10px;position:static;overflow-y:auto}.reader-settings .settings-actions{gap:10px;display:grid}.reader-settings .settings-close-mushaf{margin:0}.reader-settings .settings-secondary{background:#fff4;border:1px solid #b4935944;border-radius:16px;margin-top:18px;padding:18px}.reader-settings .settings-secondary>summary{min-height:24px;margin:0;font-weight:600}.reader-settings .settings-secondary[open]>summary{margin-bottom:18px}.reader-settings button:focus-visible,.reader-settings summary:focus-visible,.reader-settings select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.reader-top-actions{gap:0;inset-inline:auto 80px}.reader-top-actions.has-layout-shortcut{inset-inline-end:132px}.header-layout-toggle{z-index:6;top:24px;position:absolute;inset-inline-end:80px}.reader-top-actions .reader-corner{gap:8px}.controls-visibility{inset-inline:auto 20px}.reader-top-actions .quiet-go-to{justify-content:center;width:44px;min-width:44px;height:44px;padding:11px}.reader-top-actions .quiet-go-to span{display:none}.reader-top-actions .quiet-go-to svg{width:21px;height:21px}.reader-top-actions .quiet-icon,.controls-visibility{width:44px;min-width:44px;height:44px;min-height:44px}.reader-settings .settings-bookmarks{width:100%;margin-top:18px}.controls-hidden .reader-location{background:0 0;border:0;max-width:calc(100% - 140px);top:20px}.controls-hidden .controls-visibility{inset-inline:auto 20px}.controls-hidden .bottom-bar,.controls-hidden .bookmark-toggle,.controls-hidden .translation-icon,.controls-hidden .compact-zoom-reset{display:none}.controls-visibility:focus-visible,.reader-top-actions button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media (max-width:1024px),(max-height:540px) and (orientation:landscape){.reader-top-actions{top:var(--compact-top);margin:0;inset-inline-start:max(12px, env(safe-area-inset-left));inset-inline-end:auto}.reader-top-actions.has-layout-shortcut{inset-inline-end:auto}.header-layout-toggle{top:var(--compact-top);inset-inline-end:calc(max(12px, env(safe-area-inset-right)) + 52px)}.reader-corner>.quiet-go-to{display:inline-flex}.controls-visibility,.controls-hidden .controls-visibility{top:var(--compact-top);inset-inline-start:auto;inset-inline-end:max(12px, env(safe-area-inset-right))}.reader-location,.has-translation .reader-location,html[dir=rtl] .has-translation .reader-location{top:calc(50px + var(--compact-top));max-width:calc(100% - 24px)}.controls-hidden .reader-location{top:calc(8px + var(--compact-top));max-width:calc(100% - 132px)}}@media (max-width:540px){.reader-settings{width:100%;height:auto;max-height:90dvh;padding:18px 16px max(18px, env(safe-area-inset-bottom));border-radius:22px 22px 0 0;margin:0;inset:auto 0 0}.reader-settings .dialog-heading{margin:-18px -4px 16px;padding-top:18px;top:-18px}.reader-settings .settings-section{padding:16px}}.experience.is-open.has-translation .reader-controls,.has-translation .audio-player{left:calc((100% - var(--translation-width)) / 2)}html[dir=rtl] .experience.is-open.has-translation .reader-controls,html[dir=rtl] .has-translation .audio-player{left:calc((100% + var(--translation-width)) / 2)}.has-translation .audio-player{width:min(500px, calc(100% - var(--translation-width) - 24px))}@media (max-width:1024px),(max-height:540px) and (orientation:landscape){.experience.is-open{--reader-bottom:164px}.experience.is-open[data-audio=true]{--reader-bottom:224px}.experience.is-open.controls-hidden{--reader-bottom:112px}.experience.is-open.controls-hidden[data-audio=true]{--reader-bottom:172px}.experience.is-open .reader-controls{width:max-content;max-width:calc(100% - 16px)}.audio-player{gap:6px;width:min(500px,100% - 16px)}.audio-strip-copy{gap:8px;font-size:11px}.audio-player output{padding-inline-start:8px}.audio-options{width:100%;max-height:80dvh;padding:20px 20px max(20px, env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;inset:auto 0 0}.experience.is-open.has-translation .reader-controls,html[dir=rtl] .experience.is-open.has-translation .reader-controls,.has-translation .audio-player,html[dir=rtl] .has-translation .audio-player{left:50%}.has-translation .audio-player{width:min(500px,100% - 16px)}}.arabic-verses p[role=button]{cursor:pointer}.arabic-verses p[role=button]:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.is-mobile-reader>:is(.stage,.atmosphere,.topbar,.invitation,.reader-top-actions,.reader-location,.reader-controls,.bottom-bar,.controls-visibility,.header-layout-toggle,.verse-selection,.compact-zoom-reset,.review-badge,.loading,.translation-panel){display:none}.mobile-reader{z-index:4;color:#e5c99c;isolation:isolate;background:radial-gradient(at 50% 40%,#2d190d,#170c06);position:absolute;inset:0;overflow:hidden}.mobile-page-viewport{inset:calc(44px + env(safe-area-inset-top,0px)) 0 calc(52px + env(safe-area-inset-bottom,0px));touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;position:absolute;overflow:hidden;container-type:size}.mobile-page-track{direction:ltr;width:100%;height:100%;display:flex}.mobile-page-panel{flex:0 0 100%;justify-content:center;align-items:center;min-width:0;height:100%;display:flex}.mobile-scan{width:min(100cqw, calc(100cqh * var(--mobile-page-ratio)));max-width:100%;height:auto;max-height:100%;position:relative;overflow:hidden}.mobile-scan img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.mobile-verse-highlight{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.mobile-verse-highlight rect{fill:#dbac3970;mix-blend-mode:multiply}.mobile-reader-header{height:calc(44px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);justify-content:flex-end;align-items:center;padding-inline:8px;display:flex;position:absolute;inset:0 0 auto}.mobile-reader .reader-location{width:auto;max-width:calc(100% - 52px);color:inherit;background:0 0;border:0;gap:8px;margin-inline:auto;padding:0 8px;position:static;transform:none}.mobile-reader .reader-location-surah{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.mobile-reader .reader-location-juz{color:inherit;font-size:11px}.mobile-reader-bar{min-height:52px;padding:4px 6px max(4px,env(safe-area-inset-bottom));background:#21150ff5;border-top:1px solid #b4935933;justify-content:space-between;align-items:center;gap:0;display:flex;position:absolute;inset:auto 0 0}.mobile-reader button{min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.mobile-reader button:disabled{opacity:.3;cursor:default}.mobile-reader button:focus-visible{outline-offset:-2px;outline:2px solid}.mobile-reader svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.mobile-reader .mobile-verse-highlight{stroke:none;width:100%;height:100%}.mobile-reader .mobile-page-number{flex:1;font-size:15px}.mobile-reader .audio-player{width:auto;height:44px;box-shadow:none;color:inherit;background:0 0;border:0;border-radius:0;gap:0;padding:0;position:static;transform:none}.mobile-reader .audio-strip-copy{display:none}.mobile-reader .audio-player .audio-play-toggle{border:0}.mobile-reader .audio-player button{color:inherit}.mobile-reader .audio-options{color:var(--parchment);pointer-events:auto}.mobile-reader-header,.mobile-reader-bar{transition:opacity .18s}.mobile-reader[data-controls-hidden=true] :is(.mobile-reader-header,.mobile-reader-bar){opacity:0;pointer-events:none}.mobile-reader .mobile-reader-restore{inset-inline-end:4px;bottom:max(4px,env(safe-area-inset-bottom));opacity:.8;background:#21150fe6;position:absolute}.mobile-page-message{color:#f3ebdd;text-align:center;background:#21150ff5;border:1px solid #b4935955;border-radius:12px;width:min(90%,340px);padding:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.mobile-reader-header,.mobile-reader-bar{transition:none}}.verse-action-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:16px;display:flex}.verse-action-heading p{margin:0}.audio-options :is(.verse-action-heading,.verse-action-tabs,.verse-translation) button,.audio-options .verse-play{min-height:44px;color:inherit;cursor:pointer;background:#b4935914;border:1px solid #b4935966;border-radius:12px;padding:10px 14px}.audio-options button:disabled{opacity:.5;cursor:default}.verse-action-tabs{background:#17130f;border:1px solid #b4935944;border-radius:28px;gap:4px;margin-bottom:22px;padding:4px;display:flex}.audio-options .verse-action-tabs button{color:#c7bca9;min-width:0;font:inherit;background:0 0;border:0;border-radius:24px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:13px;line-height:1.4;display:flex}.verse-action-tabs svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 18px;width:18px;height:18px}.audio-options .verse-action-tabs button[aria-selected=true]{color:#281d12;background:#e0c18b;font-weight:600;box-shadow:0 2px 8px #0003}.verse-action-heading button[aria-pressed=true]{background:#b493593b;border-color:#d2bd94}.audio-options .verse-play{color:#281d12;width:100%;min-height:64px;font:inherit;background:linear-gradient(135deg,#e4c994,#caa76b);border-color:#e4c994;border-radius:18px;justify-content:center;align-items:center;gap:14px;margin-bottom:24px;padding:12px 18px;font-size:16px;font-weight:600;display:flex;box-shadow:0 4px 18px #0003}.verse-play-icon{border:1px solid #281d1255;border-radius:50%;flex:0 0 38px;place-items:center;height:38px;display:grid}.verse-play-icon svg{width:22px;height:22px}.verse-translation-selectors{gap:14px;display:grid}.verse-language-field{gap:8px;font-size:13px;display:grid}.verse-translation .translation-language-picker summary{color:inherit;background:#29251f;border-color:#b4935966;border-radius:10px}.verse-translation .translation-language-options{background:#211b15;border-color:#b4935966}.audio-options .verse-translation .translation-language-options button{color:#f3ebdd;font:inherit;background:0 0;border:0;justify-content:flex-start;gap:10px;font-size:13px;display:flex}.audio-options .verse-translation .translation-language-options button:hover,.audio-options .verse-translation .translation-language-options button[aria-pressed=true]{background:#b4935933}.verse-translation .translation-language-picker summary:focus-visible{outline-offset:3px;outline:2px solid #d2bd94}.verse-translation label{gap:8px;font-size:13px;display:grid}.verse-translation select{width:100%;min-width:0;min-height:44px;color:inherit;background:#29251f;border:1px solid #b4935966;border-radius:10px;padding:8px}.verse-translation .verse-translation-card{color:#30271c;overflow-wrap:anywhere;background:#f1e6d2;border:1px solid #b4935955;border-radius:16px;margin-block:20px;padding:20px;font-size:17px;line-height:1.9}.verse-translation-card>p{margin:0}.verse-translation-card details{border-top:1px solid #70523433;margin-top:16px;padding-top:12px;font-size:14px}.verse-translation .translation-attribution{overflow-wrap:anywhere;font-size:12px;line-height:1.7}.audio-options .translation-note{color:#d2bd94;opacity:1}.verse-bookmark-list{gap:8px;display:grid}.verse-bookmark-list>div{gap:8px;display:flex}.verse-bookmark-list>div>button:first-child{text-align:start;flex:1;min-width:0}.verse-bookmark-list small{opacity:.7;margin-top:4px;display:block}.verse-bookmark-list>div>button:last-child{flex:0 0 44px}.audio-options button:focus-visible,.audio-options select:focus-visible{outline-offset:3px;outline:2px solid #d2bd94}.reader-view-picker{color:#f3ebdd;background:#29221b;border:1px solid #b4935977;border-radius:16px;width:min(280px,100vw - 16px);margin:0;padding:6px;position:fixed;inset:auto;box-shadow:0 10px 35px #0006}.reader-view-picker:popover-open{gap:4px;display:grid}.reader-view-picker>button,.mobile-reader .reader-view-picker>button{width:100%;min-height:52px;color:inherit;text-align:start;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:flex}.reader-view-picker>button:hover,.reader-view-picker>button[aria-checked=true],.mobile-reader .reader-view-picker>button[aria-checked=true]{background:#b493592b}.reader-view-picker svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 22px;width:22px;height:22px}.view-picker-check{color:#e0c18b;margin-inline-start:auto}.reader-view-picker button:focus-visible{outline-offset:-2px;outline:2px solid #e0c18b}.mobile-reader-header>button{flex:0 0 44px}.mobile-reader .reader-location{flex:1;min-width:0;max-width:calc(100% - 88px);margin-inline:0 auto}.mobile-reader .reader-location-juz{flex-shrink:0}.reader-close-pill{color:#e8d7b8;min-height:44px;font:inherit;cursor:pointer;background:#29251fe8;border:1px solid #b4935955;border-radius:24px;justify-content:center;align-items:center;gap:7px;padding:8px 16px;font-size:12px;display:inline-flex}.reader-controls>.reader-close-pill{white-space:nowrap;margin:0;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.reader-close-pill svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}.reader-close-pill:hover:not(:disabled){background:#393025;border-color:#b4935999}.reader-close-pill:disabled{opacity:.35;cursor:default}.reader-close-pill:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.mobile-reader-header>.mobile-close-mushaf{flex:0 auto;gap:5px;max-width:42%;padding-inline:7px;font-size:11px}.mobile-close-mushaf span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-close-mushaf svg{flex-shrink:0;width:18px;height:18px}.mobile-reader-header .reader-location{overflow:hidden}.landscape-3d .landscape-close-mushaf{z-index:6;top:max(4px,env(safe-area-inset-top,0px));left:var(--landscape-left);text-align:center;overflow-wrap:anywhere;background:0 0;border:0;border-radius:10px;flex-direction:column;gap:2px;width:48px;padding:5px 2px;font-size:9px;line-height:1.15;position:absolute}.landscape-close-mushaf svg{width:17px;height:17px}.audio-page-heading{color:#d2bd94;justify-content:space-between;align-items:center;gap:12px;margin-block:18px;font-size:14px;display:flex}.experience.landscape-3d.is-open{--reader-top:8px;--reader-quiet-top:8px;--reader-bottom:8px;--landscape-left:calc(env(safe-area-inset-left,0px) + 8px);--landscape-right:calc(env(safe-area-inset-right,0px) + 8px);height:100dvh}.experience.landscape-3d.is-open:not(.is-flat) .stage{inset:env(safe-area-inset-top,0px) calc(env(safe-area-inset-right,0px) + 64px) env(safe-area-inset-bottom,0px) calc(env(safe-area-inset-left,0px) + 64px)}.experience.landscape-3d.is-open.controls-hidden:not(.is-flat) .stage{inset-inline:calc(env(safe-area-inset-left,0px) + 8px) calc(env(safe-area-inset-right,0px) + 8px)}.landscape-left-rail,.landscape-right-rail{z-index:4;top:max(4px, env(safe-area-inset-top,0px));bottom:max(4px, env(safe-area-inset-bottom,0px));pointer-events:none;background:#21160fcc;border:1px solid #b4935926;border-radius:14px;width:48px;position:absolute}.landscape-left-rail{left:var(--landscape-left)}.landscape-right-rail{right:var(--landscape-right)}.landscape-3d>:is(.topbar,.reader-location,.bottom-bar,.invitation,.review-badge){display:none}.landscape-3d .reader-top-actions{top:calc(50% - 78px);inset-inline:auto;left:calc(var(--landscape-left) + 2px);width:44px;max-width:none;margin:0;position:absolute;right:auto}.landscape-3d .reader-top-actions .reader-corner:not(:popover-open){display:contents}.landscape-3d .reader-corner:not(:popover-open)>:is(button,.reader-location){display:none}.landscape-3d .reader-top-actions .reader-corner:popover-open{inset:max(8px,env(safe-area-inset-top,0px)) auto auto calc(env(safe-area-inset-left,0px) + 64px);width:min(290px,100vw - 88px);max-height:calc(100dvh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));color:#f3ebdd;background:#29221b;border:1px solid #b4935966;border-radius:16px;gap:4px;margin:0;padding:8px;display:grid;position:fixed;overflow-y:auto;box-shadow:0 10px 35px #0006}.landscape-3d .reader-corner>button{width:100%;height:auto;min-height:44px;color:inherit;font:inherit;text-align:start;background:0 0;border:0;border-radius:10px;justify-content:flex-start;gap:12px;padding:10px 12px;font-size:13px;display:flex}.landscape-3d .reader-corner>button svg{flex:0 0 21px}.landscape-3d .reader-corner>button:hover{background:#b493592b}.landscape-3d .reader-corner>.quiet-go-to span{display:inline}.landscape-3d .reader-corner .reader-location{color:#d2bd94;background:0 0;border:0;max-width:100%;margin:0;padding:10px;position:static;transform:none}.landscape-3d .header-layout-toggle{top:calc(50% - 22px);inset-inline:auto;left:calc(var(--landscape-left) + 2px);right:auto}.landscape-3d .controls-visibility{top:calc(50% + 34px);inset-inline:auto;left:calc(var(--landscape-left) + 2px);right:auto}.landscape-3d .landscape-menu-trigger,.landscape-3d .header-layout-toggle,.landscape-3d .controls-visibility,.experience.landscape-3d.is-open .reader-controls .spread-navigation>button,.experience.landscape-3d.is-open .reader-controls .spread-navigation>.page-browser,.experience.landscape-3d .audio-player button{box-shadow:none;color:var(--parchment);background:0 0;border:0;border-radius:10px}.experience.landscape-3d.is-open .reader-controls .spread-navigation>button:hover:not(:disabled),.experience.landscape-3d.is-open .reader-controls .spread-navigation>.page-browser:hover,.landscape-3d .audio-player button:hover:not(:disabled),.landscape-3d .landscape-menu-trigger:hover,.landscape-3d .header-layout-toggle:hover,.landscape-3d .controls-visibility:hover{color:#fff;background:#b493592b}.experience.landscape-3d .reader-controls,.experience.landscape-3d.has-translation .reader-controls,html[dir=rtl] .experience.landscape-3d.has-translation .reader-controls{top:calc(50% - 114px);right:var(--landscape-right);width:48px;max-width:none;height:132px;margin:0;bottom:auto;left:auto;transform:none}.experience.landscape-3d.is-open .reader-controls .spread-navigation{width:48px;height:132px;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;gap:0;padding:0 2px}.landscape-3d .spread-navigation>.bookmark-toggle{display:none!important}.experience.landscape-3d.is-open .reader-controls .spread-navigation>button{flex:0 0 44px;justify-content:center;align-items:center;width:44px;min-width:44px;padding:0;font-size:26px;font-weight:600;line-height:1;display:flex}.experience.landscape-3d.is-open .reader-controls .spread-navigation>button:disabled{opacity:.35;color:var(--parchment)}.experience.landscape-3d.is-open .reader-controls .spread-navigation>.page-browser{flex:0 0 44px;gap:0;width:44px;min-width:44px;padding:0}.landscape-3d .page-browser>span{display:none}.landscape-3d .page-browser output{color:var(--parchment);white-space:nowrap;font-size:13px;font-weight:600}.experience.landscape-3d .audio-player{top:calc(50% + 26px);right:calc(var(--landscape-right) + 2px);width:44px;height:88px;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;gap:0;padding:0;display:flex;position:absolute;bottom:auto;left:auto;transform:none}.landscape-3d .audio-strip-copy{display:none}.landscape-3d .audio-player .audio-play-toggle{border:0}.landscape-3d .audio-player button{border-radius:8px;flex:0 0 44px}.landscape-3d .verse-selection{top:auto;bottom:max(4px,env(safe-area-inset-bottom,0px));max-width:calc(100% - 150px);left:50%}.experience.landscape-3d .compact-zoom-reset{top:auto;bottom:max(4px,env(safe-area-inset-bottom,0px));left:calc(var(--landscape-left) + 2px);flex-direction:column;width:44px;min-width:44px;padding:2px;font-size:10px;right:auto}.experience.landscape-3d.controls-hidden .controls-visibility{top:max(8px,env(safe-area-inset-top,0px));left:var(--landscape-left);background:#21160fbb;right:auto}.experience.landscape-3d.controls-hidden :is(.reader-controls,.audio-player,.compact-zoom-reset){display:none}.landscape-3d :is(.mushaf-search,.translation-panel){top:max(8px,env(safe-area-inset-top,0px));bottom:max(8px,env(safe-area-inset-bottom,0px))}@media (max-height:280px){.experience.landscape-3d .reader-controls{top:calc(50% - 110px)}.experience.landscape-3d .audio-player{top:calc(50% + 22px)}}.reader-settings{color:#34291e;background:#f4ede0;border:1px solid #b4935944;border-radius:20px;width:min(540px,100vw - 24px);max-height:min(90dvh,860px);padding:24px;overflow:hidden}.reader-settings[open]{flex-direction:column;display:flex}.reader-settings .dialog-heading{background:0 0;border:0;flex:none;margin:0;padding:0 0 12px;position:static}.reader-settings .dialog-heading h2{font-size:clamp(24px,4vw,32px)}.reader-settings .dialog-heading>button{background:0 0;border:0;font-size:26px}.reader-settings .settings-tabs{border-bottom:1px solid #b4935944;flex:none;gap:8px;display:flex}.reader-settings .settings-tabs>button{color:#796a56;min-width:0;min-height:44px;font:inherit;overflow-wrap:anywhere;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:1;padding:8px 4px;font-size:14px}.reader-settings .settings-tabs>button[aria-selected=true]{color:#997037;border-bottom-color:#ae8a50;font-weight:600}.settings-tab-content{overscroll-behavior:contain;min-height:0;padding:4px 3px 12px;overflow-y:auto}.reader-settings .settings-section{background:0 0;border:0;border-radius:0;margin:0;padding:20px 0 4px}.reader-settings .settings-panel-title{display:none}.reader-settings .settings-section>h3:first-child{margin-bottom:14px;font-size:22px}.reader-settings .settings-section h3:not(:first-child){margin-block:22px 12px;font-size:20px}.reader-settings label,.reader-settings .settings-lighting>span{color:#534532}.reader-settings select{color:#34291e;background:#fff5;border-color:#b4935955;border-radius:9px;min-height:44px}.reader-settings .edition-switch-help{color:#7d705d;opacity:1;font-size:12px;line-height:1.5}.settings-view-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.reader-settings .settings-view-card{color:#34291e;cursor:pointer;background:#fff2;border:1px solid #b493593b;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:0;min-height:154px;padding:10px 8px 14px;display:flex;position:relative}.reader-settings .settings-view-card[aria-pressed=true]{color:#34291e;background:#b4935910;border-color:#ae8a50;box-shadow:inset 0 0 0 1px #ae8a5033}.reader-settings .settings-view-card:hover:not(:disabled){border-color:#ae8a50}.reader-settings .settings-view-card:disabled{opacity:.45;cursor:default}.settings-view-art{mix-blend-mode:darken;background:url(/images/settings/reading-views.webp) 0 0/200% 200% no-repeat;flex:0 0 104px;width:104px;height:104px;display:block}.settings-view-art.art-pages{background-position:100% 0}.settings-view-art.art-text{background-position:0 100%}.settings-view-art.art-mobile{background-position:100% 100%}.settings-view-name{overflow-wrap:anywhere;font:19px Georgia,serif}.settings-view-card small{color:#7d705d;font-size:11px;font-weight:400;line-height:1.4}.settings-view-check{top:9px;color:#fff;background:#ae8a50;border-radius:50%;width:22px;height:22px;font-size:14px;line-height:22px;display:none;position:absolute;inset-inline-end:9px}.settings-view-card[aria-pressed=true] .settings-view-check{display:block}.reader-settings .settings-views{background:#e9dfcc66;border:1px solid #b4935944;border-radius:10px;gap:0;padding:3px;display:flex}.reader-settings .settings-views>button{color:#534532;background:0 0;border:0;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:44px;padding:7px 10px;font-size:12px;display:inline-flex}.reader-settings .settings-views>button[aria-pressed=true]{color:#fffaf0;background:#ae8a50}.reader-settings .layout-icons svg{flex:0 0 18px;width:18px;height:18px}.reader-settings .settings-browse-row,.reader-settings .settings-bookmarks{border:0;color:#534532;text-align:start;background:0 0;border-block:1px solid #b4935933;border-radius:0;justify-content:space-between;align-items:center;width:100%;min-height:48px;margin:18px 0 0;padding:12px 0;display:flex}.reader-settings .settings-browse-row:after,.reader-settings .settings-bookmarks:after{content:"›";font-size:22px}html[dir=rtl] .reader-settings :is(.settings-browse-row,.settings-bookmarks):after{content:"‹"}.reader-settings .compact-reader-settings{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px}.reader-settings .compact-reader-settings>button{color:#906b36;background:0 0;border:0;min-height:44px;padding:6px;font-size:12px;text-decoration:underline}.reader-settings input[type=range],.reader-settings .motion-setting input{accent-color:#ae8a50}.reader-settings .motion-setting{border-top:1px solid #b4935933;padding-top:16px}.reader-settings .motion-setting input{appearance:none;cursor:pointer;background:#c8bdac;border:0;border-radius:20px;width:36px;height:22px;position:relative}.reader-settings .motion-setting input:before{content:"";background:#fffaf0;border-radius:50%;width:16px;height:16px;position:absolute;top:3px;left:3px}.reader-settings .motion-setting input:checked{background:#ae8a50}.reader-settings .motion-setting input:checked:before{left:17px}.reader-settings .motion-setting input:focus-visible{outline-offset:3px;outline:2px solid #ae8a50}.reader-settings .settings-secondary{background:0 0;border:0;border-top:1px solid #b4935933;border-radius:0;margin-top:16px;padding:14px 0}.reader-settings button:focus-visible,.reader-settings select:focus-visible,.reader-settings summary:focus-visible{outline-color:#ae8a50}@media (max-width:600px){.reader-settings{width:calc(100vw - 16px);max-height:calc(100dvh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border-radius:16px;padding:18px}.settings-view-art{flex-basis:88px;width:88px;height:88px}.reader-settings .settings-view-card{min-height:144px}}@media (max-height:500px) and (orientation:landscape){.reader-settings{max-height:calc(100dvh - 16px)}.settings-view-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-view-art{flex-basis:70px;width:70px;height:70px}.settings-view-name{font-size:15px}}.reader-settings{max-width:540px;height:min(820px,90dvh)}.reader-settings .settings-section h3{color:#34291e;font-family:Georgia,serif;font-weight:400}@media (max-width:600px){.reader-settings{height:calc(100dvh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}}@media (max-height:500px) and (orientation:landscape){.reader-settings{height:calc(100dvh - 16px)}}.text-reader-tools>summary,.translation-panel-options>summary{display:none}.text-reader-tools-content{min-width:0}.experience:not(.is-open){grid-template-rows:auto minmax(160px,1fr) auto;gap:12px;height:100dvh;padding:112px 24px 24px;display:grid;overflow-y:auto}.experience:not(.is-open)>.invitation{grid-row:1;margin:0;padding-inline:8px;position:static;inset:auto}.experience:not(.is-open)>.stage{grid-row:2;min-height:160px;position:relative;inset:auto;overflow:hidden}.experience:not(.is-open)>.reader-controls{grid-row:3;justify-self:center;width:auto;max-width:100%;margin:0;position:static;transform:none}.experience:not(.is-open) .reader-book-actions{margin:0}.experience:not(.is-open)>.bottom-bar{display:none}.experience:not(.is-open) .invitation h2{margin-block:6px}.experience:not(.is-open) .invitation p{max-width:560px;margin-inline:auto;line-height:1.5}@media (max-width:700px),(max-width:1024px) and (max-height:540px) and (pointer:coarse){.experience:not(.is-open){padding:calc(64px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));gap:8px}.experience:not(.is-open) .invitation .eyebrow{letter-spacing:1px;font-size:8px}.experience:not(.is-open) .invitation h2{font-size:22px}.experience:not(.is-open) .invitation p{font-size:11px}.experience.is-open.is-flat:not(.is-mobile-reader),.experience.is-open.has-translation:not(.is-mobile-reader){--dock-bottom:max(6px,env(safe-area-inset-bottom,0px));--reader-bottom:calc(64px + env(safe-area-inset-bottom,0px));--reader-top:calc(94px + env(safe-area-inset-top,0px));height:100dvh}.experience.is-open.is-flat:not(.is-mobile-reader).controls-hidden{--reader-bottom:12px;--reader-top:12px;--reader-quiet-top:12px}.experience.is-open:is(.is-flat,.has-translation):not(.is-mobile-reader)>.reader-controls{z-index:8;left:8px;right:auto;bottom:var(--dock-bottom);width:calc(100% - 16px);max-width:none;transform:none}.experience.is-open:is(.is-flat,.has-translation):not(.is-mobile-reader)[data-audio=true]>.reader-controls{width:calc(100% - 112px)}.experience.is-open:is(.is-flat,.has-translation):not(.is-mobile-reader) .spread-navigation{gap:0;width:100%;min-height:48px;padding:2px}.experience.is-open:is(.is-flat,.has-translation):not(.is-mobile-reader) .spread-navigation>.bookmark-toggle{display:none}.experience.is-open:is(.is-flat,.has-translation):not(.is-mobile-reader) .spread-navigation>.page-browser{flex:auto;width:auto;min-width:40px;padding:2px}.experience.is-open:is(.is-flat,.has-translation):not(.is-mobile-reader) .page-browser>span{display:none}.experience.is-open:is(.is-flat,.has-translation):not(.is-mobile-reader) .page-browser output{font-size:14px}.experience.is-open:is(.is-flat,.has-translation):not(.is-mobile-reader)>.audio-player{z-index:8;left:auto;right:8px;bottom:var(--dock-bottom);gap:0;width:96px;height:52px;padding:2px;transform:none}.experience.is-open:is(.is-flat,.has-translation):not(.is-mobile-reader)>.audio-player .audio-strip-copy{display:none}.experience.is-open:is(.is-flat,.has-translation):not(.is-mobile-reader)>.audio-player>button{flex:0 0 44px;width:44px;height:44px}.experience.is-open.is-flat:not(.is-mobile-reader).controls-hidden>:is(.reader-controls,.audio-player){display:none}.experience.is-open.is-flat:not(.is-mobile-reader) .flat-reader{inset-block:var(--reader-top) var(--reader-bottom)}.experience.is-open.is-flat:not(.is-mobile-reader) .flat-spread{min-height:100%}.experience.is-open.is-text{--reader-top:calc(60px + env(safe-area-inset-top,0px))}.experience.is-open.is-text>:is(.topbar,.reader-location,.review-badge,.compact-zoom-reset){display:none}.experience.is-open.is-text .reader-top-actions{top:max(6px,env(safe-area-inset-top,0px));left:auto;right:max(8px,env(safe-area-inset-right,0px));inset-inline-start:auto;inset-inline-end:max(8px,env(safe-area-inset-right,0px))}.experience.is-open.is-text .reader-corner>:is(.quiet-go-to,button[aria-controls=mushaf-search]){display:none}.experience.is-open.is-text>.controls-visibility{top:max(6px,env(safe-area-inset-top,0px));inset-inline-end:calc(60px + env(safe-area-inset-right,0px))}.experience.is-open.is-flat:not(.is-mobile-reader) .reader-close-pill{top:max(6px,env(safe-area-inset-top,0px));max-width:calc(100vw - 220px);padding-inline:10px;font-size:11px;position:fixed;bottom:auto;left:8px;transform:none}.experience.is-open.is-flat:not(.is-text):not(.is-mobile-reader) .reader-close-pill{top:auto;bottom:calc(var(--reader-bottom) + 4px);max-width:calc(100vw - 32px);left:50%;transform:translate(-50%)}.experience.is-open.is-text .arabic-reader{inset:var(--reader-top) 6px var(--reader-bottom);background:var(--parchment);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;overscroll-behavior:contain;touch-action:pan-y;border-radius:14px;padding:0;overflow-y:auto}.experience.is-open.is-text .arabic-reader-surface{border:0;border-radius:14px;min-height:100%;padding:14px}.experience.is-open.is-text .arabic-reader h2{margin:0 0 8px;font-size:19px}.arabic-reader .text-reader-tools>summary{color:#59452e;cursor:pointer;background:#e8dcc8;border:1px solid #b4935955;border-radius:10px;align-items:center;min-height:44px;padding:8px 12px;font-size:13px;list-style:none;display:flex}.arabic-reader .text-reader-tools>summary:after{content:"⌄";margin-inline-start:auto}.arabic-reader .text-reader-tools>summary::-webkit-details-marker{display:none}.arabic-reader .text-reader-tools[open]>summary{margin-bottom:10px}.arabic-reader .text-reader-tools-content{padding:4px 0 12px}.arabic-reader .text-source{font-size:10px}.arabic-reader .arabic-verses{margin-top:12px;padding-top:0}.experience.is-open.has-translation:not(.is-mobile-reader)>:is(.reader-top-actions,.header-layout-toggle,.controls-visibility,.reader-location,.verse-selection,.compact-zoom-reset),.experience.is-open.has-translation:not(.is-mobile-reader) .reader-close-pill{display:none}.experience.is-open.has-translation:not(.is-mobile-reader)>.translation-panel{z-index:7;inset:max(6px,env(safe-area-inset-top,0px)) max(6px,env(safe-area-inset-right,0px)) var(--reader-bottom) max(6px,env(safe-area-inset-left,0px));color:#f3ebdd;overscroll-behavior:contain;touch-action:pan-y;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#211b15;border-radius:16px;width:auto;max-height:none;padding:12px 14px 20px;position:absolute;overflow-y:auto}.experience.has-translation .translation-heading{background:#211b15;margin:-1px -2px 10px;padding-block:10px;top:-12px}.experience.has-translation .translation-heading h2{font-size:18px}.experience.has-translation .translation-heading button{color:#e0c18b;background:0 0;border-color:#b4935955;min-width:44px;min-height:44px}.translation-panel-options>summary{cursor:pointer;background:#b493591a;border:1px solid #b4935955;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:10px 12px;font-size:12px;list-style:none;display:flex}.translation-panel-options>summary>bdi{overflow-wrap:anywhere;margin-inline-start:auto}.translation-panel-options>summary::-webkit-details-marker{display:none}.translation-panel-options .translation-picker{background:#ffffff05;margin-top:8px}.translation-panel .translation-language-picker summary,.translation-panel .translation-language-options{color:#f3ebdd;background:#29251f;border-color:#b4935955}.translation-panel .translation-language-options button{color:#f3ebdd;background:0 0}.translation-panel .translation-range{color:#d2bd94;margin-block:10px;font-size:11px}.translation-panel .translation-chapter-heading{color:#e0c18b;background:#b4935914;border-color:#b4935944;margin-top:16px;padding:12px}.translation-panel .translation-verses li{color:#30271c;background:#f1e6d2;border:1px solid #b4935955;border-radius:14px;margin-bottom:12px;padding:14px}.translation-panel .translation-verses p{margin:6px 0;font-size:17px;line-height:1.85}.translation-panel .translation-attribution,.translation-panel .translation-note,.translation-panel .translation-source{color:#d2bd94;font-size:11px}.translation-panel a{color:#e0c18b}}@media (max-width:700px) and (orientation:landscape),(max-width:1024px) and (max-height:540px) and (pointer:coarse){.experience.is-open.is-flat:not(.is-text):not(.is-mobile-reader){--reader-top:calc(56px + env(safe-area-inset-top,0px))}.experience.is-open.is-flat:not(.is-text):not(.is-mobile-reader)>.reader-location{display:none}.experience.is-open.is-flat:not(.is-text):not(.is-mobile-reader) .reader-close-pill{bottom:auto;left:50%;top:max(6px,env(safe-area-inset-top,0px));max-width:calc(100vw - 360px);transform:translate(-50%)}}@media (max-width:700px),(max-width:1024px) and (max-height:540px) and (pointer:coarse){.experience.is-open.is-text:not(.is-mobile-reader){--reader-top:calc(60px + env(safe-area-inset-top,0px))}.experience.is-text>.stage{touch-action:pan-y}.experience.is-open.is-flat:not(.is-text):not(.is-mobile-reader):not(.controls-hidden):not(.has-translation){--reader-bottom:calc(116px + env(safe-area-inset-bottom,0px))}.experience.is-open.is-flat:not(.is-text):not(.is-mobile-reader) .reader-close-pill{bottom:calc(64px + env(safe-area-inset-bottom,0px))}}@media (max-width:700px) and (orientation:landscape),(max-width:1024px) and (max-height:540px) and (pointer:coarse){.experience.is-open.is-flat:not(.is-text):not(.is-mobile-reader):not(.controls-hidden):not(.has-translation){--reader-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.experience.is-open.is-flat:not(.is-text):not(.is-mobile-reader) .reader-close-pill{bottom:auto}}@media (max-width:700px),(max-width:1024px) and (max-height:540px) and (pointer:coarse){.experience:not(.is-open){grid-template-rows:auto auto minmax(160px,1fr) auto}.experience:not(.is-open)>.topbar{grid-row:1;justify-content:center;padding:0;position:static}.experience:not(.is-open)>.invitation{grid-row:2}.experience:not(.is-open)>.stage{grid-row:3}.experience:not(.is-open)>.reader-controls{grid-row:4}.experience.is-open.is-flat:not(.is-mobile-reader) .flat-reader{container-type:size}.experience.is-open.is-flat:not(.is-mobile-reader) .flat-spread.single-page figure{width:calc(min(100cqw - 24px, (100cqh - 36px) * 2048 / 2928) * var(--page-zoom))}.experience.is-open.is-flat:not(.is-mobile-reader) .flat-spread.two-page figure{width:calc(min((100cqw - 40px) / 2, (100cqh - 36px) * 2048 / 2928) * var(--page-zoom))}.experience.is-open:is(.is-flat,.has-translation) .translation-icon[aria-pressed=true]{color:#e0c18b;background:#b493592b}.arabic-reader .arabic-verse-tools button{color:#705234;background:0 0;border-color:#0000;padding-inline:8px;font-size:11px}.translation-panel .translation-chapter-heading{text-align:start;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:10px 12px;display:grid}.translation-panel .translation-chapter-heading h3{color:#f1e6d2;grid-area:2/1;font-size:20px;line-height:1.35}.translation-panel .translation-chapter-heading .translation-chapter-number{color:#d2bd94;margin:0;font-size:10px}.translation-panel .translation-chapter-heading .translation-chapter-arabic{grid-area:2/2;margin:0;font-size:18px}.translation-panel .translation-chapter-heading .translation-chapter-pronunciation{display:none}.translation-panel .translation-chapter-heading small{color:#d2bd94;grid-area:1/2;margin:0;font-size:10px}}@media (max-width:700px) and (orientation:landscape),(max-width:1024px) and (max-height:540px) and (pointer:coarse){.experience:not(.is-open){grid-template-rows:auto minmax(120px,1fr) auto;grid-template-columns:minmax(140px,.8fr) minmax(0,1.2fr)}.experience:not(.is-open)>.topbar{grid-area:1/1}.experience:not(.is-open)>.topbar .brand-logo{height:40px}.experience:not(.is-open)>.invitation{grid-area:2/1;align-self:center}.experience:not(.is-open)>.stage{grid-area:1/2/3;min-height:120px}.experience:not(.is-open)>.reader-controls{grid-area:3/2}}@media (max-width:700px),(max-width:1024px) and (max-height:540px) and (pointer:coarse){.experience.is-open.is-text:not(.is-mobile-reader) .reader-close-pill{left:auto;right:auto;inset-inline-start:8px}.experience.is-open.is-flat:not(.is-mobile-reader) .flat-reader{padding:8px}.experience.is-open.is-text .arabic-reader{inset-inline:max(6px,env(safe-area-inset-left,0px)) max(6px,env(safe-area-inset-right,0px))}.experience.is-open:is(.is-flat,.has-translation):not(.is-mobile-reader)>.reader-controls{left:max(8px,env(safe-area-inset-left,0px));width:calc(100% - max(8px,env(safe-area-inset-left,0px)) - max(8px,env(safe-area-inset-right,0px)))}.experience.is-open:is(.is-flat,.has-translation):not(.is-mobile-reader)[data-audio=true]>.reader-controls{width:calc(100% - max(8px,env(safe-area-inset-left,0px)) - max(8px,env(safe-area-inset-right,0px)) - 102px)}.experience.is-open:is(.is-flat,.has-translation):not(.is-mobile-reader)>.audio-player{right:max(8px,env(safe-area-inset-right,0px))}html[dir] .experience.is-open:is(.is-flat,.has-translation):not(.is-mobile-reader)>.reader-controls{left:max(8px,env(safe-area-inset-left,0px));right:auto;transform:none}.experience.is-open.is-flat:not(.is-mobile-reader):not(.controls-hidden):has(>.verse-selection){--reader-top:calc(136px + env(safe-area-inset-top,0px))}.experience.is-open.is-text:not(.is-mobile-reader):not(.controls-hidden):has(>.verse-selection){--reader-top:calc(106px + env(safe-area-inset-top,0px))}.experience.is-open.is-flat:not(.is-mobile-reader)>.verse-selection{top:calc(86px + env(safe-area-inset-top,0px));border-radius:12px;max-width:calc(100% - 16px);min-height:44px;padding:2px 6px 2px 12px;font-size:11px;bottom:auto;left:50%;transform:translate(-50%)}.experience.is-open.is-flat:not(.is-mobile-reader)>.verse-selection small{display:none}.experience.is-open.is-flat:not(.is-mobile-reader)>.verse-selection button{min-width:44px;min-height:40px}.experience.is-open.is-text:not(.is-mobile-reader)>.verse-selection{top:calc(56px + env(safe-area-inset-top,0px))}}@media (max-width:700px) and (orientation:landscape),(max-width:1024px) and (max-height:540px) and (pointer:coarse){.experience.is-open.is-flat:not(.is-mobile-reader):not(.controls-hidden):has(>.verse-selection){--reader-top:calc(106px + env(safe-area-inset-top,0px))}.experience.is-open.is-flat:not(.is-mobile-reader)>.verse-selection{top:calc(56px + env(safe-area-inset-top,0px))}}@media (max-width:700px),(max-width:1024px) and (max-height:540px) and (pointer:coarse){.experience.is-open:is(.is-flat,.has-translation):not(.is-mobile-reader)>.reader-controls{height:auto;top:auto}.experience.is-open:is(.is-flat,.has-translation):not(.is-mobile-reader) .reader-controls .spread-navigation{flex-direction:row;height:52px}.experience.is-open:is(.is-flat,.has-translation):not(.is-mobile-reader)>.audio-player{flex-direction:row;top:auto}.experience.is-open:is(.is-flat,.has-translation):not(.is-mobile-reader) .reader-controls .spread-navigation{display:flex}.experience.is-open.has-translation>.reader-controls>:is(p,button){display:none}}@media (max-width:700px) and (orientation:landscape),(max-width:1024px) and (max-height:540px) and (pointer:coarse){.experience.has-translation .translation-heading{min-height:44px;margin-bottom:6px;padding-block:0}.translation-panel .translation-range{display:none}.translation-panel .translation-chapter-heading{margin-top:10px;padding:8px 12px}.translation-panel .translation-chapter-heading :is(.translation-chapter-number,small){display:none}.translation-panel .translation-chapter-heading h3,.translation-panel .translation-chapter-heading .translation-chapter-arabic{grid-row:1}}@media (max-width:1024px),(pointer:coarse) and (max-width:1400px){.experience{--closed-book-scale:1.35}}@media (max-width:700px) and (orientation:landscape),(max-width:1024px) and (max-height:540px) and (pointer:coarse){.experience{--closed-book-scale:1.65}}.experience.landscape-3d>.reader-controls{z-index:5}.experience.landscape-3d:not(.has-translation):has(.spread-navigation>.translation-icon)>.reader-controls{height:176px;top:calc(50% - 132px)}.experience.landscape-3d.is-open:not(.has-translation):has(.spread-navigation>.translation-icon) .reader-controls .spread-navigation{height:176px}.experience.landscape-3d:not(.has-translation):has(.spread-navigation>.translation-icon)>.audio-player{top:calc(50% + 44px)}.experience.landscape-3d.is-open .reader-controls .spread-navigation>.translation-icon svg{width:22px;height:22px}#reader-experience[data-reader-shell=true]{--shell-side:84px;--shell-top:64px;--shell-bottom:76px;--reader-top:0px;--reader-quiet-top:0px;--reader-bottom:0px;height:100dvh;min-height:0}#reader-experience[data-reader-shell=true]:has(>.audio-player){--shell-bottom:140px}#reader-experience[data-reader-shell=true].controls-hidden{--shell-top:12px;--shell-side:12px;--shell-bottom:12px}#reader-experience[data-reader-shell=true].controls-hidden:has(>.audio-player){--shell-bottom:76px}#reader-experience[data-reader-shell=true]>.stage{inset:var(--shell-top) var(--shell-side) var(--shell-bottom);border-radius:8px;overflow:hidden;container-type:size}#reader-experience[data-reader-shell=true].has-translation>.stage{inset-inline-end:calc(var(--translation-width) + 16px)}#reader-experience[data-reader-shell=true]>:is(.topbar,.invitation,.bottom-bar,.landscape-left-rail,.landscape-right-rail,.landscape-close-mushaf){display:none}#reader-experience[data-reader-shell=true]>.reader-location{background:0 0;border:0;max-width:calc(100% - 180px);min-height:40px;padding:6px 16px;display:flex;top:12px;bottom:auto;left:50%;transform:translate(-50%)}#reader-experience[data-reader-shell=true].controls-hidden>.reader-location{display:none}#reader-experience[data-reader-shell=true]>.reader-top-actions{inset:50% auto auto 14px;z-index:6;width:54px;margin:0;display:flex;inset-inline:auto;transform:translateY(-50%)}#reader-experience[data-reader-shell=true] .reader-corner{background:#29251ff2;border:1px solid #b4935966;border-radius:28px;flex-direction:column;gap:4px;padding:5px;display:flex;position:static}#reader-experience[data-reader-shell=true] .reader-corner>button{width:44px;min-width:44px;height:44px;margin:0;position:static}#reader-experience[data-reader-shell=true]>:is(.header-layout-toggle,.reader-theme-toggle,.controls-visibility){left:auto;right:16px;inset-inline:auto 16px;width:44px;min-width:44px;height:44px;min-height:44px;color:var(--parchment);z-index:6;background:#29251ff2;border:1px solid #b4935966;border-radius:50%;place-items:center;margin:0;padding:10px;display:grid;position:absolute;top:calc(50% - 76px);bottom:auto;transform:none}#reader-experience[data-reader-shell=true]>.reader-theme-toggle{top:calc(50% - 24px)}#reader-experience[data-reader-shell=true]>.controls-visibility{top:calc(50% + 28px)}#reader-experience .reader-theme-toggle svg,#reader-experience .audio-launcher svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}#reader-experience[data-reader-shell=true].controls-hidden>.reader-top-actions{display:none}#reader-experience[data-reader-shell=true].controls-hidden>.controls-visibility{opacity:.75;top:12px;right:12px}#reader-experience[data-reader-shell=true]>.reader-controls{top:auto;bottom:max(10px,env(safe-area-inset-bottom,0px));z-index:5;flex-direction:row;justify-content:center;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 24px);height:auto;display:flex;left:50%;right:auto;transform:translate(-50%)}#reader-experience[data-reader-shell=true] .reader-controls .spread-navigation{flex-direction:row;width:auto;height:52px;padding:4px 6px;display:flex}#reader-experience[data-reader-shell=true] .reader-controls>.reader-close-pill{max-width:140px;font-size:12px;position:static;inset:auto;transform:none}#reader-experience[data-reader-shell=true] .reader-controls .verse-selection{background:0 0;border:0;max-width:160px;padding:0 4px;font-size:12px;display:flex;position:static;inset:auto;transform:none}#reader-experience[data-reader-shell=true] .verse-selection small{display:none}#reader-experience[data-reader-shell=true] .verse-selection button{min-width:32px;min-height:44px}#reader-experience[data-reader-shell=true].controls-hidden>.reader-controls{display:none}#reader-experience[data-reader-shell=true]>.audio-launcher{z-index:6;flex-direction:column;gap:4px;display:flex;position:absolute;top:calc(50% + 112px);left:19px}#reader-experience .audio-launcher button{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--parchment);background:#29251ff2;border:1px solid #b4935966;border-radius:50%;padding:10px}#reader-experience[data-reader-shell=true]>.audio-player{flex-direction:row;width:min(500px,100% - 32px);height:56px;display:flex;position:absolute;inset:auto auto 72px 50%;transform:translate(-50%)}#reader-experience[data-reader-shell=true].controls-hidden>.audio-player{bottom:12px}#reader-experience[data-reader-shell=true].controls-hidden>.audio-launcher{top:auto;bottom:12px;left:12px}#reader-experience[data-reader-shell=true] .flat-reader{padding:8px;position:absolute;inset:0;overflow:auto;container-type:size}#reader-experience[data-reader-shell=true] .flat-spread{min-height:100%;padding:0}#reader-experience[data-reader-shell=true] .flat-spread.single-page figure{width:calc(min(100cqw - 16px,(100cqh - 40px) * 2048 / 2928) * var(--page-zoom))}#reader-experience[data-reader-shell=true] .flat-spread.two-page figure{width:calc(min((100cqw - 28px) / 2,(100cqh - 40px) * 2048 / 2928) * var(--page-zoom))}#reader-experience[data-reader-shell=true] .arabic-reader{max-height:none;inset:0}#reader-experience[data-reader-shell=true]>.compact-zoom-reset{top:auto;bottom:calc(var(--shell-bottom) + 8px);right:20px}#reader-experience[data-reader-shell=true]>.translation-panel{top:var(--shell-top);bottom:var(--shell-bottom)}.navigation-sections{gap:8px;margin-block:12px 20px;display:flex}.navigation-sections button{min-height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid #b4935966;border-radius:12px;flex:1;padding:10px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s}.navigation-sections button[aria-selected=true],.navigation-sections button[aria-pressed=true]{border-color:var(--gold);background:#b4935930;font-weight:600}.navigation-sections button:hover:not(:disabled){border-color:var(--gold)}.navigation-sections button:disabled{opacity:.45;cursor:not-allowed}.navigation-dialog .arabic-reader,.navigation-dialog .mushaf-search-content{background:0 0;width:100%;max-height:none;padding:0;position:static}.navigation-dialog .arabic-tools{position:static}.navigation-dialog .text-search-results{max-height:min(42vh,360px);padding-inline-end:4px;overflow-y:auto}#reader-experience .mobile-view-tools{align-items:center;display:flex}#reader-experience .mobile-reader-header{height:calc(92px + env(safe-area-inset-top,0px));padding-bottom:40px}#reader-experience .mobile-reader-header>.reader-location{width:max-content;max-width:calc(100% - 20px);min-height:32px;position:absolute;top:auto;bottom:4px;left:50%;transform:translate(-50%)}#reader-experience .mobile-reader-header>button[aria-pressed]{display:none}#reader-experience .mobile-page-viewport{inset-block:calc(92px + env(safe-area-inset-top,0px)) calc(56px + env(safe-area-inset-bottom,0px))}#reader-experience .mobile-reader .audio-launcher{flex-shrink:0;display:flex}#reader-experience .mobile-reader .audio-launcher button{background:0 0;border:0}#reader-experience .mobile-reader .audio-player{background:#29251f;border:1px solid #b4935966;border-radius:16px;width:auto;height:52px;padding:4px;position:absolute;bottom:calc(100% + 8px);left:8px;right:8px}#reader-experience .mobile-reader .audio-strip-copy{display:flex}#reader-experience .mobile-reader .audio-strip-reciter{display:none}#reader-experience .mobile-reader[data-controls-hidden=true]:has(.audio-player) .mobile-reader-bar{opacity:1;pointer-events:auto;visibility:hidden}#reader-experience .mobile-reader[data-controls-hidden=true] .audio-player{visibility:visible;bottom:0;right:54px}@media (max-width:700px){#reader-experience[data-reader-shell=true]{--shell-side:8px;--shell-top:110px;--shell-bottom:68px}#reader-experience[data-reader-shell=true]:has(>.audio-player){--shell-bottom:132px}#reader-experience[data-reader-shell=true]>.reader-top-actions{width:auto;top:8px;left:8px;transform:none}#reader-experience[data-reader-shell=true] .reader-corner{flex-direction:row;gap:0;padding:0}#reader-experience[data-reader-shell=true] .reader-corner>.bookmark-toggle{display:none}#reader-experience[data-reader-shell=true]>:is(.header-layout-toggle,.reader-theme-toggle,.controls-visibility){top:8px;right:108px}#reader-experience[data-reader-shell=true]>.reader-theme-toggle{right:58px}#reader-experience[data-reader-shell=true]>.controls-visibility{right:8px}#reader-experience[data-reader-shell=true]>.reader-location{max-width:calc(100% - 24px);top:62px}#reader-experience[data-reader-shell=true]>.audio-launcher{top:60px;left:8px}#reader-experience[data-reader-shell=true]>.reader-controls{gap:4px}#reader-experience[data-reader-shell=true] .reader-controls>.reader-close-pill{width:44px;padding:10px}#reader-experience[data-reader-shell=true] .reader-close-pill>span{display:none}#reader-experience[data-reader-shell=true] .reader-controls .verse-selection{max-width:110px;font-size:11px}#reader-experience[data-reader-shell=true].has-translation>.stage{inset-inline:var(--shell-side)}#reader-experience[data-reader-shell=true]>.translation-panel{inset:var(--shell-top) 8px var(--shell-bottom);width:auto}}#reader-experience[data-reader-shell=true]>.reader-top-actions{inset-inline:auto;left:14px;right:auto}#reader-experience[data-reader-shell=true] .reader-corner>button{justify-content:center;align-items:center;padding:10px;display:inline-flex}#reader-experience[data-reader-shell=true].controls-hidden>.audio-launcher{display:none}#reader-experience[data-reader-shell=true].controls-hidden>.audio-launcher:has(button+button){display:flex}#reader-experience[data-reader-shell=true] .audio-player .audio-strip-copy{display:flex}#reader-experience[data-reader-shell=true] .audio-player .audio-expand{display:grid}@media (max-width:700px){#reader-experience[data-reader-shell=true]>.reader-top-actions{left:8px}#reader-experience[data-reader-shell=true] .reader-corner>.bookmark-toggle{display:inline-flex}#reader-experience[data-reader-shell=true] .reader-corner>.translation-icon{display:none}}#reader-experience .mobile-reader-bar{flex-wrap:wrap}#reader-experience .mobile-page-viewport{top:var(--mobile-header-height,92px);bottom:var(--mobile-footer-height,56px)}#reader-experience .mobile-reader:has(.audio-player) .mobile-page-viewport{bottom:calc(var(--mobile-footer-height,56px) + 64px)}#reader-experience .mobile-reader[data-controls-hidden=true] .mobile-page-viewport{inset:0}@media (max-width:700px){#reader-experience[data-reader-shell=true] .reader-corner>.translation-icon{display:inline-flex}#reader-experience[data-reader-shell=true] .reader-controls:has(.verse-selection){flex-wrap:wrap}#reader-experience[data-reader-shell=true]:has(.reader-controls .verse-selection){--shell-bottom:116px}#reader-experience[data-reader-shell=true]:has(.reader-controls .verse-selection):has(>.audio-player){--shell-bottom:180px}#reader-experience[data-reader-shell=true] .reader-controls .verse-selection{flex-basis:100%;order:-1;justify-content:center;max-width:100%}#reader-experience[data-reader-shell=true]:has(.verse-selection)>.audio-player{bottom:120px}}@media (max-width:400px){#reader-experience[data-reader-shell=true]{--shell-top:156px}#reader-experience[data-reader-shell=true]>:is(.header-layout-toggle,.reader-theme-toggle,.controls-visibility){top:60px}#reader-experience[data-reader-shell=true]>.reader-location{top:112px}}#reader-experience .mobile-reader[data-controls-hidden=true] .mobile-reader-bar{visibility:hidden}#reader-experience[data-reader-shell=true] .reader-controls .page-browser{flex-direction:column;justify-content:center;gap:2px;display:flex}#reader-experience.day .mobile-reader{background:radial-gradient(#795638,#442b1a)}#reader-experience.evening .mobile-scan,#reader-experience.evening .flat-spread{filter:brightness(.88)}#reader-experience[data-reader-shell=true].controls-hidden{--shell-top:64px}#reader-experience .mobile-reader[data-controls-hidden=true] .mobile-page-viewport{bottom:52px}#reader-experience .mobile-reader[data-controls-hidden=true]:has(.audio-player) .mobile-page-viewport{bottom:64px}