.qa{--qa-gold:#e6b35a;--qa-gold-ink:#1f1705;--qa-brand:#e3b048;--qa-brand-ink:#221a06;--qa-line:var(--app-border);--qa-panel:var(--app-surface);--qa-raised:var(--app-surface-raised);--qa-radius:6px;--app-muted:hsla(42,54%,89%,.7);height:100svh;display:flex;flex-direction:column;overflow:hidden;background:var(--app-bg);color:var(--app-fg);font-family:var(--font-inter),var(--font-noto-naskh),system-ui,sans-serif;font-size:14px}html[data-theme=light] .qa{--app-muted:rgba(34,28,16,.72);--qa-gold:#a8731c;--qa-gold-ink:#fcf9f0;--qa-brand:#cf9d33;--qa-brand-ink:#221a06}.qa[dir=rtl]{font-family:var(--font-noto-naskh),var(--font-inter),system-ui,sans-serif}.qa button{cursor:pointer}.qa button:disabled{cursor:default;opacity:.45}.qa-bar{gap:16px;height:56px;flex-shrink:0;padding-inline:14px;border-bottom:1px solid var(--qa-line);background:var(--qa-panel)}.qa-bar,.qa-bar-start{display:flex;align-items:center}.qa-bar-start{gap:12px;min-width:0;flex:1}.qa-bar-center{display:flex;justify-content:center}.qa-bar-end{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:1}.qa-brand{display:inline-flex;align-items:center;gap:8px;color:var(--app-fg);font-family:var(--font-serif),Georgia,serif;white-space:nowrap;--brand-tile:#3a2e14;--brand-ink:#e3b048;font-size:19px}html[data-theme=light] .qa-brand{--brand-tile:#1a150c}.qa[dir=rtl] .qa-brand{font-family:var(--font-noto-naskh),serif;font-weight:700}.qa-app-name{margin:0;font-family:inherit;line-height:inherit;padding-inline-start:12px;border-inline-start:1px solid var(--qa-line);font-size:13.5px;font-weight:500}.qa-app-name,.qa-title{color:var(--app-muted);white-space:nowrap}.qa-title{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:13px}.qa-lang{padding:0 10px;height:34px;display:inline-flex;align-items:center;border-radius:var(--qa-radius);color:var(--app-muted);font-size:13px}.qa-lang:hover{color:var(--app-fg);background:var(--qa-raised)}.qa .site-icon-button{height:34px;min-width:34px;border-radius:var(--qa-radius);color:var(--app-muted)}.qa .site-icon-button:hover{color:var(--app-fg);background:var(--qa-raised)}.qa-main{flex:1;min-height:0;position:relative}.qa-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 14px;border:1px solid var(--qa-line);border-radius:var(--qa-radius);background:var(--qa-raised);color:var(--app-fg);font-size:13px;font-weight:500;white-space:nowrap;transition:background-color .15s,border-color .15s}.qa-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--qa-gold) 60%,var(--qa-line))}.qa-btn.is-primary{background:var(--qa-brand);border-color:var(--qa-brand);color:var(--qa-brand-ink);font-weight:600}.qa-btn.is-primary:hover:not(:disabled){background:color-mix(in srgb,var(--qa-brand) 86%,#fff)}html[data-theme=light] .qa-btn.is-primary:hover:not(:disabled){background:color-mix(in srgb,var(--qa-brand) 86%,#000)}.qa-btn.is-quiet{background:transparent;border-color:transparent;color:var(--app-muted)}.qa-btn.is-quiet:hover:not(:disabled){color:var(--app-fg);background:var(--qa-raised)}.qa-icon{width:34px;height:34px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--qa-radius);color:var(--app-muted)}.qa-icon svg{width:19px;height:19px}.qa-icon:hover:not(:disabled){color:var(--app-fg);background:var(--qa-raised)}.qa-icon.is-on{color:var(--qa-gold);background:color-mix(in srgb,var(--qa-gold) 14%,transparent)}.qa-input{width:100%;height:36px;padding:0 10px;border:1px solid var(--qa-line);border-radius:var(--qa-radius);background:var(--app-bg);color:var(--app-fg);font-size:13.5px}.qa-input:focus{outline:2px solid color-mix(in srgb,var(--qa-gold) 55%,transparent);outline-offset:0}.qa-field{display:flex;flex-direction:column;gap:6px}.qa-field>span{font-size:12px;color:var(--app-muted)}.qa-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-size:13.5px}.qa-switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;order:2;position:relative;flex-shrink:0;width:34px;height:20px;border-radius:10px;background:var(--qa-line);transition:background-color .15s;cursor:pointer}.qa-switch input:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s}.qa-switch input:checked{background:var(--qa-brand)}.qa-switch input:checked:after{transform:translateX(14px)}.qa[dir=rtl] .qa-switch input:checked:after{transform:translateX(-14px)}.qa-about{position:fixed;inset:0;z-index:60;display:flex;justify-content:center;padding:24px 16px;background:color-mix(in srgb,var(--app-bg) 70%,transparent);backdrop-filter:blur(4px)}.qa-about[hidden]{display:none}.qa-about-sheet{position:relative;width:min(760px,100%);max-height:100%;overflow-y:auto;padding:36px clamp(20px,5vw,48px);border:1px solid var(--qa-line);border-radius:12px;background:var(--qa-panel);box-shadow:0 24px 60px #0006}.qa-about-close{position:sticky;top:0;float:inline-end;height:32px;padding:0 12px;border:1px solid var(--qa-line);border-radius:var(--qa-radius);background:var(--qa-raised);color:var(--app-fg);font-size:12.5px}.qa-prose{line-height:1.75}.qa-prose .qa-eyebrow{color:var(--qa-gold);font-size:12px;letter-spacing:.08em}.qa-prose h2{font-size:32px;margin:6px 0 12px}.qa-prose h2,.qa-prose h3{font-family:var(--font-serif),var(--font-noto-naskh),serif;font-weight:400}.qa-prose h3{font-size:21px;margin:28px 0 8px}.qa-prose p{color:var(--app-muted);margin-bottom:10px}.qa-prose details{padding:12px 0;border-bottom:1px solid var(--qa-line)}.qa-prose summary{cursor:pointer;font-weight:500}.qa-prose details p{margin:8px 0 0}.qa-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:24px}.qa-links a{color:var(--qa-gold)}.fw-app .qa-main{overflow-y:auto}.fw-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--qa-line);border-radius:8px;background:var(--qa-panel)}.fw-source{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:24px 24px 22px;text-align:start}.fw-source+.fw-source{border-inline-start:1px solid var(--qa-line)}.fw-source.is-dragging{background:color-mix(in srgb,var(--qa-gold) 10%,var(--qa-panel));outline:2px dashed var(--qa-gold);outline-offset:-8px}.fw-source-icon{display:inline-flex;color:var(--qa-gold)}.fw-source-icon svg{width:20px;height:20px}.fw-source h3{font-size:21px}.fw-source p{flex:1;color:var(--app-muted);font-size:13.5px;line-height:1.6}.fw-source small{font-size:12px;opacity:.8}.fw-source .qa-btn{width:100%;height:40px}.fw-privacy{margin-top:18px;font-size:13px;color:var(--app-muted)}.fw-error{max-width:640px;margin:0 auto 24px;padding:16px 18px;border-inline-start:3px solid var(--qa-gold);border-radius:var(--qa-radius);background:var(--qa-panel)}.fw-error p{margin-bottom:12px}.fw-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.fw{display:grid;grid-template-columns:minmax(0,1fr) 340px;height:100%}.fw-stage{display:flex;flex-direction:column;min-width:0;min-height:0}.fw-media{--fw-media-h:40vh;position:relative;flex:none;display:flex;justify-content:center;padding-bottom:12px;background:var(--app-bg)}.fw-media video{height:var(--fw-media-h);width:auto;max-width:100%;background:transparent;-o-object-fit:contain;object-fit:contain}.fw-media video,.fw-youtube{display:block;border-radius:6px}.fw-youtube{width:min(100%,calc(var(--fw-media-h) * 16 / 9));aspect-ratio:16/9;overflow:hidden}.fw-synced iframe{pointer-events:none;transition:opacity .3s}.fw-synced[data-ready=false] iframe{opacity:0}.fw-youtube iframe{width:100%;height:100%;border:0}.fw-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 18px;border-bottom:1px solid var(--qa-line);background:var(--qa-panel)}.fw-status p{flex:1;font-size:13px;color:var(--app-muted)}.fw-progress{flex:1 0 100%;height:3px;border-radius:2px;background:var(--qa-line);overflow:hidden}.fw-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--qa-brand),var(--qa-gold));transition:width .4s ease}.fw-live{flex-direction:column;align-items:stretch}.fw-live-intro{display:flex;flex-direction:column;gap:3px;font-size:13.5px}.fw-live-intro span{color:var(--app-muted);line-height:1.6}.fw-live-state{display:inline-flex;align-items:center;gap:9px;font-size:13.5px}.fw-live-state b{font-weight:500;color:var(--app-muted);font-variant-numeric:tabular-nums}.fw-dot{position:relative;width:9px;height:9px;border-radius:50%;background:var(--qa-line)}.fw-dot.is-on{background:#d4493b}.fw-dot.is-on:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid #d4493b;opacity:0;animation:live-pulse 2.4s ease-out infinite}.fw-notice{padding:8px 12px;border-inline-start:2px solid var(--qa-gold);background:var(--app-bg);font-size:13px;line-height:1.6}.fw{--fw-hl:#efc070;--fw-hl-ink:var(--fw-hl);--fw-size:1;--fw-font:var(--font-uthmani)}html[data-theme=light] .fw{--fw-hl-ink:color-mix(in srgb,var(--fw-hl) 52%,#2a1a00)}.fw[data-font=amiri]{--fw-font:var(--font-amiri)}.fw[data-font=naskh]{--fw-font:var(--font-noto-naskh)}.fw-reader-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-bottom:1px solid var(--qa-line)}.fw-reader-where{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--app-muted);font-size:12.5px}.fw-seg{display:inline-flex;padding:3px;border:1px solid var(--qa-line);border-radius:10px;background:var(--app-bg)}.fw-seg button{height:28px;padding:0 12px;border-radius:7px;color:var(--app-muted);font-size:12.5px;font-weight:500;white-space:nowrap;transition:background-color .15s,color .15s}.fw-seg button:hover{color:var(--app-fg)}.fw-seg button.is-on{background:var(--qa-raised);color:var(--app-fg);box-shadow:0 1px 2px #0003,0 0 0 1px var(--qa-line)}.fw-seg.is-full{display:flex}.fw-seg.is-full button{flex:1;padding:0 6px}.fw-reader{position:relative;flex:1;min-height:160px;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:24px clamp(20px,5vw,64px);text-align:center}.fw-reader.is-page{justify-content:flex-start;padding:14px clamp(12px,3vw,40px) 24px}.fw-verse-block{display:flex;flex-direction:column;gap:14px;animation:fw-in .25s ease-out}@keyframes fw-in{0%{opacity:0}}.fw-label{display:inline-flex;align-items:center;justify-content:center;gap:10px;color:var(--app-muted);font-size:13px;letter-spacing:.02em}.fw-verse{font-family:var(--fw-font),var(--font-amiri),serif;font-size:calc(clamp(28px, 3vw, 46px) * var(--fw-size));line-height:2.05;color:var(--app-fg)}.no-picture .fw-verse{font-size:calc(clamp(34px, 4.2vw, 68px) * var(--fw-size))}.fw-verse>span:not(.fw-mark){border-radius:.18em;cursor:pointer;transition:color .18s ease,background-color .2s ease}.fw-verse>span.is-next{color:color-mix(in srgb,var(--app-fg) 62%,transparent)}.fw-verse>span.is-past{color:var(--app-fg)}.fw-verse>span.is-now{color:var(--fw-hl-ink)}.fw-verse.is-plain>span{color:var(--app-fg)}.fw-verse>span.is-hidden{color:transparent;background:color-mix(in srgb,var(--app-fg) 9%,transparent);box-shadow:0 0 0 .04em color-mix(in srgb,var(--app-fg) 10%,transparent) inset}.fw-verse>span:hover:not(.is-now):not(.is-hidden){background:color-mix(in srgb,var(--fw-hl) 12%,transparent)}.fw-mark{color:var(--fw-hl-ink);cursor:default}.fw-translation{max-width:860px;margin-inline:auto;font-family:var(--font-serif),var(--font-noto-naskh),serif;font-size:calc(clamp(17px, 1.4vw, 21px) * (.6 + var(--fw-size) * .4));line-height:1.7;color:color-mix(in srgb,var(--app-fg) 80%,transparent)}.fw-around{max-width:900px;margin-inline:auto;font-family:var(--fw-font),serif;font-size:calc(clamp(18px, 1.6vw, 24px) * var(--fw-size));line-height:1.9;color:color-mix(in srgb,var(--app-fg) 46%,transparent);cursor:pointer;transition:color .2s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fw-around:hover{color:color-mix(in srgb,var(--app-fg) 60%,transparent)}.fw-around.is-before{-webkit-mask:linear-gradient(0deg,#000 40%,transparent);mask:linear-gradient(0deg,#000 40%,transparent)}.fw-around.is-after{-webkit-mask:linear-gradient(180deg,#000 40%,transparent);mask:linear-gradient(180deg,#000 40%,transparent)}.fm{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.fm-head{display:flex;align-items:center;justify-content:center;gap:6px}.fm-page{min-width:110px;color:var(--app-muted);font-size:12.5px;font-variant-numeric:tabular-nums}.fm-back{color:var(--fw-hl)!important}.fm-leaf{--leaf-paper:#f8f0dc;--leaf-ink:#2a2213;--leaf-accent:#9a6f16;position:relative;padding:clamp(18px,3.4vw,38px) clamp(16px,3.4vw,40px) clamp(14px,2.6vw,28px);border:1px solid #d8c492;border-radius:4px;background:var(--leaf-paper);color:var(--leaf-ink);box-shadow:0 24px 50px -34px #000b}.fm-leaf:before{content:"";position:absolute;inset:7px;border:1px solid #d8c49288;border-radius:2px;pointer-events:none}.fm-lines{--ml-max:calc(44px * var(--fw-size))}.fm-lines[data-layout=lines]{font-family:var(--fw-font),serif}.fm-state{padding:40px 0;color:var(--app-muted)}.fm-word{border-radius:.16em;cursor:pointer;transition:color .3s ease,background-color .3s ease,opacity .3s}.fm-word.is-ahead,.fm-word.is-read{color:var(--leaf-ink)}.fm-word.in-ayah{background:#e3b04833}.fm-word.is-past{color:var(--leaf-ink)}.fm-word.is-next{color:color-mix(in srgb,var(--leaf-ink) 72%,transparent)}.fm-word.is-now{color:#6b3f00;background:#e3b04880}.fm-word.is-hidden{color:transparent;background:color-mix(in srgb,var(--leaf-ink) 9%,transparent)}.fm-word:hover{background:#e3b04840}.fm .ml-end[data-current]{background:#e3b04866}.fw-empty p:last-child,.fw-waiting{color:var(--app-muted)}.fw-empty p:first-child{font-family:var(--font-serif),serif;font-size:22px;margin-bottom:6px}.fw-unsure{justify-content:center;min-width:18px;height:18px;padding-inline:6px;border-radius:9px;font-size:11px;background:var(--qa-raised)}.fw-report,.fw-unsure{display:inline-flex;align-items:center;color:var(--app-muted)}.fw-report{gap:5px;height:24px;padding:0 8px;border:1px solid transparent;border-radius:12px;background:none;font:inherit;font-size:12px;cursor:pointer;opacity:.7;transition:opacity .15s,border-color .15s,color .15s}.fw-report svg{width:13px;height:13px}.fw-report:focus-visible,.fw-report:hover{opacity:1;border-color:var(--qa-line);color:var(--qa-gold)}@media (max-width:700px){.fw-report span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}.fw-transport{display:flex;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid var(--qa-line);background:var(--qa-panel)}.fw-play{width:42px;height:42px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--qa-brand);color:var(--qa-brand-ink)}.fw-play svg{width:18px;height:18px}.fw-time{flex-shrink:0;margin-inline:6px;font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--app-muted)}.fw-scrub{position:relative;flex:1;height:26px}.fw-scrub-track{position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;border-radius:2px;background:var(--qa-line);overflow:hidden}.fw-scrub-track span{display:block;height:100%;background:var(--qa-gold)}.fw-scrub i{position:absolute;top:50%;width:2px;height:10px;margin:-5px 0 0 -1px;border-radius:1px;background:color-mix(in srgb,var(--app-fg) 45%,transparent);pointer-events:none}.fw-scrub i.is-now{height:14px;margin-top:-7px;background:var(--fw-hl)}.fw-scrub input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.fw-speed{min-width:52px;font-variant-numeric:tabular-nums}.fw-side{display:flex;flex-direction:column;min-height:0;border-inline-start:1px solid var(--qa-line);background:var(--qa-panel)}.fw-display{border-bottom:1px solid var(--qa-line)}.fw-display-body{display:flex;flex-direction:column;gap:16px;padding:4px 18px 18px}.fw-swatches{display:flex;gap:8px}.fw-swatches button{width:26px;height:26px;border-radius:50%;border:2px solid var(--qa-panel);box-shadow:0 0 0 1px var(--qa-line);transition:transform .15s}.fw-swatches button:hover{transform:scale(1.08)}.fw-swatches button.is-on{box-shadow:0 0 0 2px var(--app-fg)}.fw-size>span{display:flex;justify-content:space-between}.fw-size b{font-weight:500;font-variant-numeric:tabular-nums}.fw-size input{accent-color:var(--qa-gold)}.fw-list{list-style:none;flex:1;min-height:120px;overflow-y:auto;scroll-behavior:smooth}.fw-list button{width:100%;display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:var(--qa-radius);text-align:start;color:var(--app-fg);font-size:13.5px}.fw-list button:hover:not(:disabled){background:var(--qa-raised)}.fw-list li.is-now button{background:color-mix(in srgb,var(--fw-hl) 16%,transparent);color:var(--fw-hl-ink);font-weight:600}.fw-list li.is-done .fw-list-name{color:var(--app-muted)}.fw-list button:disabled{opacity:1}.fw-list-time{min-width:44px;flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums;color:var(--app-muted)}.fw-list-name{flex:1}.fw-list-empty{padding:16px 10px;color:var(--app-muted);font-size:13px}.fw-export{padding:14px 16px;border-top:1px solid var(--qa-line)}.fw-export h2{font-size:13px;font-weight:600;margin-bottom:10px}.fw-export p{margin-top:8px;font-size:12px;color:var(--app-muted)}.fw-studio{margin:0 16px 12px;height:42px}.fw-credit{margin:0 16px 8px;color:var(--app-muted);font-size:12px}.fw-credit:hover{color:var(--qa-gold)}.fw-shortcuts{padding:10px 16px 14px;border-top:1px solid var(--qa-line);color:var(--app-muted);font-size:11.5px;line-height:1.6}.fw-origin{color:var(--app-fg)}.fw-origin b{font-weight:600}.fw.is-focus{grid-template-columns:minmax(0,1fr);background:var(--app-bg)}.fw.is-focus .fw-side{display:none}.fw.is-focus .fw-media{--fw-media-h:28vh}.fw.is-focus .fw-verse{font-size:calc(clamp(38px, 5vw, 84px) * var(--fw-size))}.fw-pick-notice{max-width:640px;margin:0 auto 16px}.fw-working{display:flex;flex-direction:column;align-items:center;gap:18px;max-width:460px;margin:0 auto}.fw-working-title{font-family:var(--font-serif),var(--font-noto-naskh),serif;font-size:clamp(22px,2.2vw,28px)}.fw-steps{list-style:none;width:100%;display:flex;flex-direction:column;gap:8px;text-align:start}.fw-steps li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--qa-line);color:var(--app-muted);font-size:14px;transition:border-color .2s,color .2s}.fw-steps li.is-done,.fw-steps li.is-now{color:var(--app-fg)}.fw-steps li b{margin-inline-start:auto;font-weight:600;font-variant-numeric:tabular-nums;color:var(--qa-brand)}.fw-step-mark{width:24px;height:24px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--qa-raised);font-size:12px;font-weight:600}.fw-steps li.is-now .fw-step-mark{background:var(--qa-brand);color:var(--qa-brand-ink)}.fw-steps li.is-done .fw-step-mark{background:color-mix(in srgb,var(--qa-brand) 18%,transparent);color:var(--qa-brand)}.fw-working-note{color:var(--app-muted);font-size:13px;line-height:1.6}@media (max-width:900px){.qa-brand span,.qa-title{display:none}.fw-app .qa-main{overflow-y:auto}.fw{display:flex;flex-direction:column;height:auto;min-height:100%}.fw-media{--fw-media-h:30vh}.fw-reader{min-height:42vh;flex:none}.fw-transport{position:sticky;bottom:0;z-index:2}.fw-side{border-inline-start:0;border-top:1px solid var(--qa-line)}.fw-list{max-height:50vh}.fw-sources{grid-template-columns:minmax(0,1fr)}.fw-source+.fw-source{border-inline-start:0;border-top:1px solid var(--qa-line)}.fw-reader.is-page{min-height:60vh}}@media (prefers-reduced-motion:reduce){.fw-verse-block{animation:none}.fw-verse>span{transition:none}}@media (max-width:520px){.qa-bar{gap:8px;padding-inline:10px}.fw-time,.qa-lang{display:none}}.fw-media-handle{position:absolute;left:0;right:0;bottom:0;height:12px;display:flex;align-items:center;justify-content:center;cursor:row-resize;touch-action:none}.fw-media-handle span{width:44px;height:4px;border-radius:2px;background:var(--qa-line);transition:background-color .15s,width .15s}.fw-media-handle:hover span,.fw-resizing .fw-media-handle span{width:64px;background:var(--qa-gold)}.fw-resizing,.fw-resizing *{cursor:row-resize!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fw-resizing iframe{pointer-events:none}.fw-side-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 10px 6px 18px}.qa[dir=rtl] .fw-side-head{padding:10px 18px 6px 10px}.fw-side-head h2{font-size:13px;font-weight:650;letter-spacing:.02em;text-transform:uppercase;color:var(--app-muted)}.qa[dir=rtl] .fw-side-head h2{text-transform:none;letter-spacing:0}.fw-side[hidden]{display:none}.fw.no-panel{grid-template-columns:minmax(0,1fr)}.fw-panel-toggle.is-on{color:var(--app-fg);background:var(--qa-raised)}.qa-bar .qa-btn svg{width:17px;height:17px}.fw-source.is-soon{background:color-mix(in srgb,var(--app-bg) 40%,var(--qa-panel))}.fw-source.is-soon h2,.fw-source.is-soon p{opacity:.72}.fw-soon{align-self:flex-start;margin-top:auto;padding:5px 10px;border:1px dashed var(--qa-line);border-radius:999px;color:var(--app-muted);font-size:12.5px;font-weight:600}.fw-ready{z-index:5;top:14px;padding:10px 18px 10px 12px;border:1px solid color-mix(in srgb,var(--qa-gold) 45%,var(--qa-line));border-radius:10px;font-size:13.5px;animation:fw-ready 3.6s ease forwards;pointer-events:none}.fw-later,.fw-ready{position:absolute;left:50%;display:flex;align-items:center;gap:12px;background:var(--qa-panel);box-shadow:0 18px 40px -20px #0009;transform:translateX(-50%)}.fw-later{z-index:6;bottom:14px;max-width:calc(100% - 28px);padding:8px 10px 8px 16px;border:1px solid var(--qa-line);border-radius:10px;font-size:13px;color:var(--app-muted)}.fw-later.is-ready{border-color:color-mix(in srgb,var(--qa-gold) 55%,var(--qa-line));color:var(--app-fg)}.fw-later .hl-spinner{width:14px;height:14px}.fw-ready b{display:block;font-size:14.5px;font-weight:650}.fw-ready>span:last-child{color:var(--app-muted)}.fw-ready-mark{width:30px;height:30px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--qa-gold);color:var(--qa-gold-ink)}.fw-ready-mark svg{width:18px;height:18px}.fw-check-path{stroke-dasharray:22;stroke-dashoffset:22;animation:fw-tick .45s ease-out .25s forwards}@keyframes fw-tick{to{stroke-dashoffset:0}}@keyframes fw-ready{0%{opacity:0;transform:translate(-50%,-8px) scale(.97)}82%,9%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-4px)}}.fw-stage{position:relative}@media (prefers-reduced-motion:reduce){.fw-ready{animation:none}.fw-check-path{animation:none;stroke-dashoffset:0}}.fm-state{color:#6d624b!important}.fm-folio{margin-top:10px;text-align:center;color:var(--leaf-accent);font-size:13px;font-variant-numeric:tabular-nums}.fm-head{gap:4px}.fm-page{color:var(--app-fg)}.fw-pick-about{margin-top:56px;padding-top:32px;border-top:1px solid var(--qa-line)}.fw-pick-about .qa-prose{max-width:760px}.fw-pick-about .qa-eyebrow,.fw-pick-about .qa-prose>h2,.fw-pick-about .qa-prose>h2+p{display:none}.fw-pick-about .qa-prose>h3:first-of-type{margin-top:0}.qa-badge{flex-shrink:0;padding:2px 8px;border:1px solid color-mix(in srgb,var(--qa-gold) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--qa-gold) 12%,transparent);color:var(--qa-gold);font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.qa-badge:hover{background:color-mix(in srgb,var(--qa-gold) 22%,transparent)}.qa[dir=rtl] .qa-badge{letter-spacing:0;text-transform:none;font-size:11px}.fw-pick{position:relative;isolation:isolate;max-width:1180px;margin:0 auto;padding:clamp(28px,7vh,84px) 24px 64px}.fw-pick-haa{position:absolute;z-index:-1;top:-30px;inset-inline-end:-3%;width:min(600px,52%);height:auto;color:var(--qa-gold);opacity:.07;pointer-events:none}.fw-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:clamp(28px,5vw,76px)}.fw-eyebrow{color:var(--qa-gold);font-size:12px;font-weight:600;letter-spacing:.14em}.qa[dir=rtl] .fw-eyebrow{letter-spacing:0;font-size:13px}.fw-hero h1{margin-top:12px;font-family:var(--font-serif),var(--font-noto-naskh),serif;font-size:clamp(40px,5.2vw,68px);font-weight:400;line-height:1.02;letter-spacing:-1.4px}.qa[dir=rtl] .fw-hero h1{font-family:var(--font-noto-naskh),serif;font-weight:700;line-height:1.4;letter-spacing:0}.fw-hero-text>p{max-width:520px;margin-top:18px;color:var(--app-muted);font-size:17px;line-height:1.7}.fw-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.qa-btn.is-large{height:46px;padding:0 20px;border-radius:8px;font-size:14.5px}.qa-btn.is-large svg{width:19px;height:19px}.fw-hero-text>p.fw-hero-hint{margin-top:12px;font-size:12.5px}.fw-demo{--fw-hl:#efc070;--fw-hl-ink:var(--fw-hl);--fw-size:1;--fw-font:var(--font-uthmani);margin:0;overflow:hidden;border:1px solid var(--qa-line);border-radius:12px;background:var(--qa-panel);box-shadow:0 32px 70px -50px #000}html[data-theme=light] .fw-demo{--fw-hl-ink:color-mix(in srgb,var(--fw-hl) 52%,#2a1a00)}.fw-demo-head{display:flex;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--qa-line);color:var(--app-muted);font-size:12.5px}.fw-demo-head span:first-child{color:var(--app-fg);font-family:var(--font-noto-naskh),serif}.fw-demo-body{display:flex;flex-direction:column;justify-content:center;gap:12px;min-height:250px;padding:26px clamp(18px,3vw,34px) 18px;text-align:center}.fw-demo .fw-verse{font-size:clamp(28px,2.7vw,42px);cursor:default}.fw-demo .fw-verse>span{cursor:default}.fw-demo .fw-translation{min-height:3.4em;font-size:16px}.fw-demo-track{position:relative;height:38px;margin:0 18px;border-top:1px solid var(--qa-line)}.fw-demo-track>span{background:var(--qa-gold);transition:width .5s ease}.fw-demo-track:before,.fw-demo-track>span{position:absolute;left:0;top:18px;height:3px;border-radius:2px}.fw-demo-track:before{content:"";right:0;background:var(--qa-line)}.fw-demo-track i{position:absolute;top:14px;width:2px;height:11px;margin-left:-1px;border-radius:1px;background:color-mix(in srgb,var(--app-fg) 40%,transparent)}.fw-demo-track i.is-now{top:12px;height:15px;background:var(--fw-hl)}.fw-drop-veil{position:fixed;z-index:30;inset:56px 0 0;display:none;place-items:center;border:2px dashed var(--qa-gold);background:color-mix(in srgb,var(--app-bg) 84%,transparent);pointer-events:none}.fw-pick.is-dragging .fw-drop-veil{display:grid}.fw-drop-veil span{display:inline-flex;align-items:center;gap:14px;color:var(--qa-gold);font-family:var(--font-serif),var(--font-noto-naskh),serif;font-size:28px}.fw-drop-veil svg{width:34px;height:34px}.fw-shelf{margin-top:56px}.fw-shelf h2{font-family:var(--font-serif),var(--font-noto-naskh),serif;font-size:26px;font-weight:400}.qa[dir=rtl] .fw-shelf h2{font-family:var(--font-noto-naskh),serif;font-weight:700;font-size:22px}.fw-shelf-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin-bottom:18px}.fw-shelf-head p{max-width:640px;margin-top:6px;color:var(--app-muted);font-size:14px;line-height:1.65}.fw-surahs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.fw-surah-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 10px 16px;border:1px solid var(--qa-line);border-radius:10px;background:var(--qa-panel);color:var(--app-fg);transition:border-color .15s,transform .15s}.fw-surah-card:hover:not(:disabled){border-color:color-mix(in srgb,var(--qa-gold) 55%,var(--qa-line));transform:translateY(-2px)}.fw-surah-card:disabled{opacity:1}.fw-surahs:has(.is-busy) .fw-surah-card:not(.is-busy){opacity:.5}.fw-surah-num{color:var(--app-muted);font-size:11px;font-variant-numeric:tabular-nums}.fw-surah-ar{font-family:var(--font-amiri),var(--font-noto-naskh),serif;font-size:30px;line-height:1.55}.fw-surah-en{color:var(--app-muted);font-size:12.5px;white-space:nowrap}.fw-surah-busy{position:absolute;bottom:0;inset-inline-start:0;height:3px;background:var(--qa-gold);transition:width .3s ease}.fw-recents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.fw-recent{display:flex;flex-direction:column;gap:4px;overflow:hidden;padding:14px 16px 0;border:1px solid var(--qa-line);border-radius:10px;background:var(--qa-panel);color:var(--app-fg);text-align:start;transition:border-color .15s}.fw-recent:hover:not(:disabled){border-color:color-mix(in srgb,var(--qa-gold) 55%,var(--qa-line))}.fw-recent-title{overflow:hidden;font-family:var(--font-amiri),var(--font-noto-naskh),serif;font-size:19px;line-height:1.6;white-space:nowrap;text-overflow:ellipsis}.fw-recent-meta{color:var(--app-muted);font-size:12.5px}.fw-recent-bar{display:block;height:3px;margin:10px -16px 0;background:var(--qa-line)}.fw-recent-bar span{display:block;height:100%;background:var(--qa-gold)}.fw-shelf .fw-sources{margin-top:16px}.fw-source h3{display:flex;align-items:center;gap:10px;font-family:var(--font-serif),var(--font-noto-naskh),serif;font-size:20px;font-weight:400}.fw-link-row{display:flex;gap:8px}.fw-link-row .qa-btn{width:auto;flex-shrink:0;height:36px}.fw-where{display:flex;flex-direction:column;align-items:center;gap:2px}.fw-where-surah{font-family:var(--fw-font),var(--font-amiri),serif;font-size:calc(19px * (.7 + var(--fw-size) * .3));line-height:1.7;color:var(--qa-gold)}.fw-where .fw-label{font-variant-numeric:tabular-nums}.fw-ayah-rule{width:min(300px,56%);height:2px;margin:-4px auto 2px;overflow:hidden;border-radius:1px;background:var(--qa-line)}.fw-ayah-rule span{display:block;height:100%;background:var(--fw-hl);transform-origin:right;transition:transform .15s linear}.fw-resume{height:30px;border-color:color-mix(in srgb,var(--qa-gold) 55%,var(--qa-line));color:var(--qa-gold)}.fw-repeat{position:relative}.fw-repeat b{position:absolute;top:2px;inset-inline-end:1px;min-width:15px;height:15px;padding-inline:3px;display:grid;place-items:center;border-radius:8px;background:var(--qa-gold);color:var(--qa-gold-ink);font-size:9.5px;font-weight:700;line-height:1}.fw-scrub-tip{position:absolute;z-index:3;bottom:calc(100% + 4px);display:inline-flex;gap:8px;padding:5px 9px;border-radius:6px;background:var(--app-fg);color:var(--app-bg);font-size:12px;white-space:nowrap;transform:translateX(-50%);pointer-events:none}.fw-scrub-tip b{font-weight:500;opacity:.65;font-variant-numeric:tabular-nums}.fw-side-head{padding:10px 10px 8px 12px;border-bottom:1px solid var(--qa-line)}.qa[dir=rtl] .fw-side-head{padding:10px 12px 8px 10px}.fw-tabs{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--qa-line);border-radius:10px;background:var(--app-bg)}.fw-tabs button{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 14px;border-radius:7px;color:var(--app-muted);font-size:13px;font-weight:500;transition:background-color .15s,color .15s}.fw-tabs button:hover{color:var(--app-fg)}.fw-tabs button.is-on{background:var(--qa-raised);color:var(--app-fg);box-shadow:0 1px 2px #0003,0 0 0 1px var(--qa-line)}.fw-tabs b{min-width:20px;padding:1px 6px;border-radius:8px;background:color-mix(in srgb,var(--qa-gold) 16%,transparent);color:var(--qa-gold);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.fw-display{flex:1;min-height:0;overflow-y:auto;border-bottom:0}.fw-display-body{padding:16px 18px 18px}.fw-display .fw-shortcuts{border-top:1px solid var(--qa-line)}.fw-list{padding:0 8px 8px}.fw-list-surah{position:sticky;z-index:1;top:0;display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:14px 10px 6px;background:var(--qa-panel)}.fw-list-surah span:first-child{font-family:var(--fw-font),var(--font-amiri),serif;font-size:18px;line-height:1.6;color:var(--qa-gold)}.fw-list-surah span:last-child:not(:first-child){color:var(--app-muted);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase}.fw-list button{gap:10px;padding:7px 10px}.fw-list-num{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--qa-line);border-radius:50%;color:var(--app-muted);font-size:11.5px;font-variant-numeric:tabular-nums;transition:background-color .2s,color .2s,border-color .2s}.fw-list-name{min-width:0}.fw-list-text{display:block;overflow:hidden;font-family:var(--fw-font),var(--font-amiri),serif;font-size:17px;line-height:1.75;white-space:nowrap;text-overflow:ellipsis;text-align:right}.fw-list li.is-now button{font-weight:400}.fw-list li.is-now .fw-list-num{border-color:var(--fw-hl);background:var(--fw-hl);color:#1f1705;font-weight:700}.fw-list li.is-done .fw-list-text{opacity:.55}.fw-list li.is-done .fw-list-num{color:color-mix(in srgb,var(--app-muted) 70%,transparent)}@media (max-width:1100px){.fw-surahs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.fw-hero{grid-template-columns:minmax(0,1fr)}.fw-pick-haa{width:90%;top:-10px}.fw-recents{grid-template-columns:minmax(0,1fr)}.fw-shelf{margin-top:44px}.fw-display{overflow:visible}}@media (max-width:520px){.fw-pick{padding-inline:16px}.fw-surahs{grid-template-columns:repeat(2,minmax(0,1fr))}.fw-hero-actions .qa-btn{flex:1 1 100%}.fw-demo-body{min-height:210px}}@media (prefers-reduced-motion:reduce){.fw-surah-card:hover:not(:disabled){transform:none}.fw-ayah-rule span,.fw-demo-track>span{transition:none}}.fw-pick>.fw-error,.fw-pick>.fw-pick-notice{max-width:640px;margin:36px 0 0}@media (max-width:640px){.fw-app .qa-bar-end .qa-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.fw-app .qa-bar-end .qa-btn{width:34px;padding:0}.fw-transport{flex-wrap:wrap;justify-content:center;row-gap:4px;padding:8px 12px 10px}.fw-scrub,.fw-time{order:-1;flex:1 0 100%}.fw-time{display:inline;margin:0;text-align:center;font-size:11.5px}}