.q-ico{width:18px;height:18px;-webkit-mask:var(--q-ico) center / contain no-repeat;-webkit-mask:var(--q-ico) center / contain no-repeat;mask:var(--q-ico) center / contain no-repeat;forced-color-adjust:none;background-color:currentColor;flex:none;display:inline-block}.q-ico--play{--q-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z'/%3E%3C/svg%3E")}.q-ico--memorise{--q-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21V7'/%3E%3Cpath d='m16 12 2 2 4-4'/%3E%3Cpath d='M22 6V4a1 1 0 0 0-1-1h-5a4 4 0 0 0-4 4 4 4 0 0 0-4-4H3a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h6a3 3 0 0 1 3 3 3 3 0 0 1 3-3h6a1 1 0 0 0 1-1v-1.3'/%3E%3C/svg%3E")}.q-ico--check{--q-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}.q-page{padding-top:clamp(18px,3vw,32px)}.q-field{gap:6px;min-width:0;display:grid}.q-field>label,.q-field>span{color:var(--ink-secondary);font-size:14px;font-weight:600}.q-field select,.q-search input{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-height:48px;color:var(--ink);font:inherit;border-radius:12px;padding-inline:14px;font-size:16px}.q-search input::placeholder{color:var(--ink-tertiary);opacity:1}.q-answer{flex-wrap:wrap;gap:10px;display:flex}.q-note{color:var(--ink-secondary);align-items:flex-start;gap:8px;margin:0;font-size:15px;line-height:1.55;display:flex}.q-note svg{flex:none;width:18px;height:18px;margin-top:3px}.q-note--error{color:var(--error)}.q-spin{animation:1s linear infinite q-spin}@keyframes q-spin{to{transform:rotate(360deg)}}.q-chip{border:1px solid var(--border-strong);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.q-chip:hover{border-color:var(--primary);color:var(--primary)}.q-chip svg{width:16px;height:16px}.q-credit{border-top:1px solid var(--border);color:var(--ink-tertiary);margin:28px 0 0;padding-top:16px;font-size:14px;line-height:1.65}.q-seg{flex-wrap:wrap;gap:8px;display:flex}.q-seg--stack{flex-direction:column;align-items:stretch}.q-seg__item{display:inline-flex;position:relative}.q-seg__item input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.q-seg__item span{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-height:44px;color:var(--ink);border-radius:999px;align-items:center;padding:0 14px;font-size:15px;font-weight:500;line-height:1.3;display:inline-flex}.q-seg--stack .q-seg__item span{border-radius:12px;padding-block:8px}.q-seg__item input:checked+span{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground);font-weight:600}.q-seg__item input:focus-visible+span{outline:3px solid var(--primary);outline-offset:2px}.q-seg__item:hover input:not(:checked)+span{border-color:var(--primary)}.q-opt,.q-size{border:0;min-width:0;margin:0;padding:0}.q-opt legend,.q-size legend{color:var(--ink-secondary);margin-bottom:8px;padding:0;font-size:14px;font-weight:600}.q-ihead{padding-block:clamp(24px,4vw,48px) 8px}.q-ihead__grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:end;gap:clamp(20px,4vw,48px);display:grid}.q-ihead__grid .s-lead{max-width:58ch}.q-ihead__side{gap:12px;display:grid}.q-ihead__side .s-btn{justify-self:start}@media (max-width:820px){.q-ihead__grid{grid-template-columns:1fr;align-items:start}}.q-continue{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);color:var(--ink);transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"kicker arrow""title arrow""sub arrow";gap:2px 12px;padding:20px 22px;text-decoration:none;display:grid;position:relative}.q-continue:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.q-continue__kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--primary);grid-area:kicker;font-size:13px;font-weight:600}.q-continue__title{letter-spacing:-.01em;grid-area:title;font-size:26px;font-weight:600;line-height:1.3}.q-continue__sub{color:var(--ink-secondary);grid-area:sub;font-size:15px}.q-continue__arrow{width:26px;height:26px;color:var(--primary);grid-area:arrow;align-self:center}[dir=rtl] .q-continue__kicker{letter-spacing:0;text-transform:none;font-size:14px}[dir=rtl] .q-continue__title{letter-spacing:0;font-weight:700;line-height:1.5}.q-popular{padding-block:clamp(24px,4vw,40px) 8px}.q-pop{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 0;padding:0;list-style:none;display:grid}@media (max-width:980px){.q-pop{grid-template-columns:repeat(2,minmax(0,1fr))}}.q-popcard{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"num ar""num en";align-items:center;column-gap:12px;min-height:84px;padding:12px 14px;display:grid}.q-popcard__num{border:1.5px solid var(--gold-bright);min-width:40px;height:40px;color:var(--primary);font-variant-numeric:tabular-nums;border-radius:999px;grid-area:num;place-items:center;padding-inline:4px;font-size:13px;font-weight:600;display:grid}.q-popcard__ar{font-family:var(--font-quran), "Amiri", serif;color:var(--ink);grid-area:ar;font-size:24px;font-weight:700;line-height:1.5}.q-popcard__en{color:var(--ink-secondary);grid-area:en;font-size:14px;line-height:1.4}@media (max-width:560px){.q-popcard__meaning{display:none}}.q-all{padding-block:clamp(28px,5vw,56px) 0}.q-all .gold-rule{margin-block:12px 18px}.q-finder__controls{flex-wrap:wrap;align-items:flex-end;gap:12px 16px;display:flex}.q-field--grow{flex:300px}.q-finder__controls .q-field:not(.q-field--grow){flex:0 280px}@media (max-width:640px){.q-finder__controls .q-field:not(.q-field--grow){flex:100%}}.q-search{position:relative}.q-search svg{inset-inline-start:14px;width:18px;height:18px;color:var(--ink-tertiary);pointer-events:none;position:absolute;top:50%;translate:0 -50%}.q-search input{padding-inline-start:42px}.q-finder__status{color:var(--ink-tertiary);margin:14px 0 0;font-size:14px}.q-finder__jump{margin:12px 0 0}.q-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.q-sura{background:var(--surface);border:1px solid var(--border);min-height:78px;color:var(--ink);transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 16px;text-decoration:none;display:grid}.q-sura:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.q-sura__num{border:1.5px solid var(--gold-bright);width:40px;height:40px;color:var(--primary);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:14px;font-weight:600;display:grid}.q-sura__main{gap:1px;min-width:0;display:grid}.q-sura__name{font-size:17px;font-weight:600;line-height:1.3}.q-sura__name--ar{font-family:var(--font-quran), "Amiri", serif;font-size:24px;font-weight:700;line-height:1.5}.q-sura__meaning{color:var(--ink-secondary);font-size:14px;line-height:1.35}.q-sura__meta{color:var(--ink-tertiary);font-size:13px;line-height:1.4}.q-sura__ar{font-family:var(--font-quran), "Amiri", serif;color:var(--ink);white-space:nowrap;font-size:24px;font-weight:700;line-height:1.5}.q-head{text-align:center;padding:6px 0 18px}.q-head .gold-rule{margin-inline:auto}.q-head__kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin:0 0 4px;font-size:13px;font-weight:600}[dir=rtl] .q-head__kicker{letter-spacing:0;text-transform:none;font-size:15px}.q-head__ar{font-family:var(--font-quran), "Amiri", serif;color:var(--ink);margin:0;font-size:clamp(34px,5.4vw,56px);font-weight:700;line-height:1.65}h1.q-head__ar{font-size:clamp(40px,6.4vw,64px)}.q-head__meaning{margin:0 auto}.q-facts{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.q-facts li{border:1px solid var(--border-strong);background:var(--surface);min-height:32px;color:var(--ink-secondary);border-radius:999px;align-items:center;padding:0 12px;font-size:14px;display:inline-flex}.q-head--start{text-align:start}.q-head--start .gold-rule{margin-inline:0}.q-controls{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:14px 24px;padding:10px 0 18px;display:flex}.q-switch{border:1px solid var(--border-strong);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding-inline:10px 16px;font-size:15px;font-weight:500;display:inline-flex}.q-switch:hover{border-color:var(--primary)}.q-switch__track{background:var(--surface-inset);border:1px solid var(--border-strong);width:38px;height:22px;transition:background-color var(--duration-fast) ease;border-radius:999px;flex:none;position:relative}.q-switch__thumb{top:2px;background:var(--ink-tertiary);width:16px;height:16px;transition:inset-inline-start var(--duration-base) var(--ease-out);border-radius:50%;position:absolute;inset-inline-start:2px}.q-tlswitch{justify-items:center;gap:4px;display:grid}.q-tlswitch__status:empty{display:none}.q-tlswitch__status,.q-tlswitch__error{color:var(--ink-tertiary);font-size:14px}.q-tlswitch__error{color:var(--error)}.q-linkbtn{min-height:44px;color:var(--primary);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 6px;font-weight:600;text-decoration:underline}.q-switch[aria-pressed=true] .q-switch__track{background:var(--primary);border-color:var(--primary)}.q-switch[aria-pressed=true] .q-switch__thumb{background:var(--primary-foreground);inset-inline-start:18px}.q-bismillah{text-align:center;transition:background-color var(--duration-base) ease;border-radius:16px;margin:14px 0 0;padding:6px 14px 14px}.q-bismillah .ar-quran{text-align:center;margin:0}.q-bism__en{color:var(--ink-tertiary);margin:0;font-size:15px}.q-bismillah.is-current,.q-ayah.is-current{background:color-mix(in srgb, var(--primary) 9%, var(--surface))}.q-note-9{text-align:center;color:var(--ink-tertiary);margin:16px 0 0;font-size:15px}.q-ayahs{margin:10px 0 0;padding:0;list-style:none}.q-ayah{border-bottom:1px solid var(--border);transition:background-color var(--duration-base) ease;content-visibility:auto;contain-intrinsic-size:auto 280px;border-radius:14px;margin-inline:-12px;padding:12px 12px 18px;scroll-margin-top:84px;scroll-margin-bottom:120px;position:relative}.q-ayah.is-current{border-bottom-color:#0000}.q-ayah.is-current:before{content:"";background:var(--gold-bright);border-radius:3px;width:3px;position:absolute;inset-block:12px;inset-inline-start:0}.q-ayah__bar{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.q-ayah__num{min-width:44px;min-height:44px;color:var(--ink-tertiary);font-variant-numeric:tabular-nums;border-radius:10px;align-items:center;margin-inline-start:-10px;padding:0 10px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.q-ayah__num:hover{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.q-ayah.is-current .q-ayah__num{color:var(--ink-secondary)}.q-ayah__mem{color:var(--success);align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.q-ayah__mem.is-due{color:var(--warning)}.q-ayah__mem .q-ico{width:15px;height:15px}.q-ayah__tools{gap:2px;margin-inline-start:auto;display:inline-flex}.q-tool{min-width:44px;min-height:44px;color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}.q-tool:hover{background:color-mix(in srgb, var(--primary) 10%, transparent)}.q-tool .q-ico{width:18px;height:18px}@media (max-width:560px){.q-tool{padding:0}.q-tool__txt{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.q-ar{margin:4px 0 0}.q-reader[data-size="2"] .q-ar,.q-reader[data-size="2"] .q-bismillah .ar-quran{font-size:clamp(33px,4.4vw,48px)}.q-reader[data-size="3"] .q-ar,.q-reader[data-size="3"] .q-bismillah .ar-quran{font-size:clamp(39px,5.4vw,58px)}.q-end{border:1.5px solid var(--gold-bright);min-width:2.15em;height:2.15em;box-shadow:inset 0 0 0 2px var(--bg), inset 0 0 0 3px color-mix(in srgb, var(--gold-bright) 55%, transparent);font-family:var(--font-en-body), var(--font-ar-body), system-ui, sans-serif;color:var(--primary);vertical-align:.2em;font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;place-items:center;margin-inline-start:.1em;padding-inline:.3em;font-size:max(13px,.4em);font-weight:700;line-height:1;display:inline-grid}.q-en{color:var(--ink-secondary);margin:6px 0 0;font-size:17px;line-height:1.7}.q-tl{margin:6px 0 0}.q-pager{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0 0;display:grid}.q-pager__link{border:1px solid var(--border);background:var(--surface);min-height:64px;color:var(--ink);border-radius:14px;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;display:flex}.q-pager__link:hover{border-color:var(--primary)}.q-pager__link svg{width:20px;height:20px;color:var(--primary);flex:none}.q-pager__link--next{text-align:end;grid-column:2;justify-content:flex-end}.q-pager__dir{color:var(--ink-tertiary);font-size:13px;display:block}.q-pager__name{font-size:16px;font-weight:600;line-height:1.35;display:block}.q-reader{position:relative}.q-bar{z-index:30;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface);border-top:1px solid var(--border-strong);margin-top:clamp(24px,4vw,40px);position:sticky;bottom:0;box-shadow:0 -12px 28px -14px #462d0847}.dark .q-bar{box-shadow:0 -12px 28px -14px #000000b3}.q-bar__inner{flex-direction:column;max-width:820px;margin-inline:auto;padding:6px 16px;display:flex}.q-bar__panel{order:-2}.q-bar__alert{order:-1}.q-bar__row{align-items:center;gap:8px;min-height:60px;display:flex}.q-bar__play{background:var(--primary);width:52px;height:52px;color:var(--primary-foreground);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.q-bar__play:hover{background:var(--primary-hover)}.q-bar__play svg{width:24px;height:24px}.q-bar__info{min-width:0;color:inherit;font:inherit;text-align:start;background:0 0;border:0;border-radius:10px;flex:1;gap:1px;margin:0;padding:4px 8px;display:grid}.q-bar__info--btn{cursor:pointer;min-height:48px}.q-bar__info--btn:hover{background:color-mix(in srgb, var(--primary) 8%, transparent)}.q-bar__title,.q-bar__sub{white-space:nowrap;text-overflow:ellipsis;margin:0;display:block;overflow:hidden}.q-bar__title{color:var(--ink);font-size:15px;font-weight:600}.q-bar__sub{color:var(--ink-tertiary);font-size:13px}.q-bar__resume{border:1px solid var(--border-strong);background:var(--surface);min-width:0;min-height:48px;color:var(--ink);font:inherit;text-align:start;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:12px;flex:1;padding:0 16px;font-size:15px;font-weight:600;overflow:hidden}.q-bar__resume:hover{border-color:var(--primary);color:var(--primary)}.q-bar__btn{width:44px;height:44px;color:var(--ink-secondary);cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;place-items:center;display:grid}.q-bar__btn:hover,.q-bar__btn.is-on{background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--ink)}.q-bar__btn svg{width:20px;height:20px}.q-bar__next{min-height:44px;color:var(--primary);white-space:nowrap;border-radius:12px;align-items:center;gap:6px;padding:0 10px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.q-bar__next svg{width:18px;height:18px}.q-bar__next:hover{background:color-mix(in srgb, var(--primary) 10%, transparent)}.q-bar__panel{border-bottom:1px solid var(--border);gap:14px;max-height:min(60vh,480px);padding:12px 2px 14px;display:grid;overflow-y:auto}.q-opt__fields{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));align-items:end;gap:10px 12px;display:grid}.q-opt__start{white-space:normal;text-align:center;grid-column:1/-1}.q-bar__alert{border-bottom:1px solid var(--border);color:var(--error);gap:8px;padding:10px 2px;font-size:14px;line-height:1.5;display:grid}.q-bar__alert p{margin:0}.q-bar__alert-actions{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:420px){.q-bar__inner{padding-inline:10px}.q-bar__row{gap:4px}.q-bar__play{width:48px;height:48px}}.q-dialog{border:1px solid var(--border);background:var(--surface);width:min(560px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);box-shadow:var(--shadow-xl);border-radius:20px;margin:auto;padding:0;overflow:auto}.q-dialog::backdrop{background:#1a14108c}.q-dialog__body{gap:16px;padding:20px 22px 24px;display:grid}.q-dialog__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.q-dialog__kicker{color:var(--ink-tertiary);margin:0;font-size:14px}.q-dialog__title{color:var(--ink);margin:2px 0 0;font-size:22px;font-weight:600;line-height:1.3}[dir=rtl] .q-dialog__title{font-weight:700;line-height:1.5}.q-iconbtn{border:1px solid var(--border-strong);background:var(--surface);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:12px;flex:none;place-items:center;display:grid}.q-iconbtn:hover{border-color:var(--primary);color:var(--primary)}.q-iconbtn svg{width:20px;height:20px}.q-steps{color:var(--ink-secondary);gap:4px;margin:0;padding-inline-start:22px;font-size:15px;line-height:1.55;display:grid}.q-steps .is-now{color:var(--ink);font-weight:600}.q-dialog__listen{justify-self:start}.q-hidden-text{border:1.5px dashed var(--border-strong);background:var(--surface-inset);text-align:center;border-radius:16px;justify-items:center;gap:12px;padding:22px 16px;display:grid}.q-hidden-text p{color:var(--ink-secondary);margin:0}.q-revealed{gap:12px;display:grid}.q-revealed__ar{margin:0;font-size:clamp(26px,5vw,34px)}.q-revealed__en{color:var(--ink-secondary);margin:0;font-size:16px;line-height:1.65}.q-revealed__ask{color:var(--ink);margin:4px 0 0;font-weight:600}.q-done{gap:14px;display:grid}.q-done__msg{color:var(--ink);margin:0;font-size:16px;line-height:1.6}.q-solo{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;margin:6px 0 0;padding:clamp(18px,3vw,30px)}.q-solo__ar{margin:0;font-size:clamp(30px,4.8vw,46px);line-height:2.3}.q-solo__en{color:var(--ink-secondary);margin:14px 0 0;font-size:18px;line-height:1.7}.q-solo__tools{gap:10px;margin-top:18px;display:grid}.q-tl-details{margin-top:14px}.q-tl-details summary{min-height:44px;color:var(--primary);cursor:pointer;align-items:center;font-weight:600;display:inline-flex}.q-tl-details p{margin:4px 0 0}.q-whole{margin:22px 0 0}.q-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;gap:14px;margin-top:8px;padding:clamp(18px,3vw,28px);display:grid}.q-panel>*{margin:0}.q-panel .s-btn{justify-self:start}.q-due{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.q-due a{border:1px solid var(--border-strong);background:var(--surface);min-height:44px;color:var(--ink);border-radius:999px;align-items:center;padding:0 14px;font-size:15px;text-decoration:none;display:inline-flex}.q-due a:hover{border-color:var(--primary);color:var(--primary)}.q-card__progress{color:var(--ink-tertiary);font-size:14px;font-weight:600}.q-sr-status{min-height:1.4em;color:var(--ink-tertiary);font-size:14px}.q-grades{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.q-grade{border:1px solid var(--border-strong);background:var(--surface);min-height:64px;color:var(--ink);font:inherit;text-align:center;cursor:pointer;border-radius:14px;justify-items:center;gap:2px;padding:10px 8px;display:grid}.q-grade strong{font-size:17px}.q-grade span{color:var(--ink-tertiary);font-size:13px;line-height:1.35}.q-grade:hover{border-color:var(--primary)}.q-grade:disabled{cursor:progress;opacity:.6}@media (max-width:420px){.q-grades{grid-template-columns:1fr}}.q-how{margin-top:clamp(28px,4vw,44px)}.q-how ol{color:var(--ink-secondary);gap:10px;margin:12px 0 0;padding-inline-start:22px;font-size:16px;line-height:1.7;display:grid}@media (prefers-reduced-motion:reduce){.q-spin{animation:none}.q-ayah,.q-bismillah,.q-switch__thumb,.q-switch__track,.q-continue,.q-sura{transition:none}}