.btn{border-radius:var(--radius);background:var(--secondary-bg);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 14px;display:inline-flex}.btn--primary{background:var(--button-strong);width:100%;color:var(--button-text);border-color:#0000;font-weight:600}.btn--primary:disabled{opacity:1;background:var(--secondary-bg);color:var(--text-secondary)}.btn--danger{color:var(--highlight-text)}.btn-row{flex-direction:column;gap:8px;display:flex}.icon-btn{width:44px;height:44px;color:var(--hint);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.link-btn{color:var(--link);cursor:pointer;background:0 0;border:none;margin:-12px 0;padding:12px 8px}.chip{border-radius:var(--radius);background:var(--secondary-bg);cursor:pointer;border:none;min-width:44px;min-height:44px;padding:0 14px}.chip--on{background:var(--button-strong);color:var(--button-text);font-weight:600}.segmented{flex-wrap:wrap;gap:6px;display:flex}.segmented--fill>.chip{flex:1 0 auto}.segmented--equal>.chip{flex:1 1 0;min-width:0}.segmented>.chip:after{content:attr(data-label);content:attr(data-label) / "";visibility:hidden;height:0;font-weight:600;display:block;overflow:hidden}.stepper{justify-content:space-between;align-items:center;display:flex}.stepper__controls{align-items:center;gap:6px;display:flex}.stepper__value{text-align:center;min-width:36px;font-size:16px;font-weight:600}.field-label{color:var(--text-secondary);margin:14px 0 6px;font-size:14px}.field{box-sizing:border-box;border-radius:var(--radius);background:var(--secondary-bg);border:none;width:100%;min-height:44px;padding:0 12px;font-size:15px}.field--button{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.field__value{align-items:center;gap:8px;display:inline-flex}.field__chevron{color:var(--hint);display:inline-flex}.hint{color:var(--text-secondary);margin:6px 0;font-size:14px}.section-title{border-top:1px solid var(--separator);margin:20px 0 4px;padding-top:12px;font-weight:600}.toggle:disabled{opacity:.4;cursor:default}.toggle{background:var(--hint);appearance:none;cursor:pointer;border-radius:13px;width:44px;height:26px;margin:0;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:left .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.toggle:checked{background:var(--button)}.toggle:checked:after{left:21px}.setting-row{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.setting-row+.setting-row{border-top:1px solid var(--separator)}.segmented+.setting-row,.hint+.setting-row{margin-top:8px}.setting-row__label{flex:1;min-width:0}.setting-row__hint{color:var(--text-secondary);margin-top:2px;font-size:13px;display:block}.setting-row .stepper{gap:6px}.setting-row .field{flex:0 60%;width:auto;min-width:0}.setting-row:has(.toggle:disabled){color:var(--text-secondary)}.setting-row--select .setting-row__label{flex:none}.setting-row--select .field{flex:1 1 0}.setting-row--button{box-sizing:border-box;text-align:start;cursor:pointer;background:0 0;border:none;width:100%;min-height:56px;padding:0}.passage-card{box-sizing:border-box;background:var(--secondary-bg);text-align:start;cursor:pointer;border:none;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:56px;margin-top:8px;padding:10px 12px;display:flex}.passage-card__text{flex-direction:column;gap:2px;min-width:0;display:flex}.passage-card__title{font-size:17px;font-weight:600}.passage-card__status{color:var(--text-secondary);font-size:13px}.sheet-backdrop{z-index:20;background:#0006;align-items:flex-end;transition:background-color .18s ease-out;animation:.25s ease-out fade-in;display:flex;position:fixed;inset:0}.sheet-backdrop--closing{animation:.18s ease-in forwards fade-out}.sheet-backdrop--hidden{visibility:hidden;background-color:#0000;transition:visibility 0s .28s,background-color .28s}.sheet-backdrop--over-screen{z-index:40}.sheet{box-sizing:border-box;background:var(--bg);border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-width:600px;max-height:92%;margin-inline:auto;padding:8px 0 0;animation:.28s cubic-bezier(.2,.8,.2,1) sheet-up;display:flex;overflow:hidden}.sheet-backdrop--closing .sheet{animation:.18s ease-in forwards sheet-down}.sheet__header{flex-shrink:0;align-items:center;padding:0 8px 0 16px;font-weight:600;display:flex}.sheet__title{flex:1;font-size:18px}.sheet__body{overscroll-behavior:contain;flex:1;min-height:0;padding:0 16px 16px;overflow-y:auto}.sheet__footer,.screen__footer{padding:12px 16px calc(12px + var(--safe-bottom));border-top:1px solid var(--separator);background:var(--bg);flex-shrink:0}.screen{z-index:30;background:var(--bg);flex-direction:column;padding-inline:max(0px,50% - 300px);animation:.25s ease-out screen-in;display:flex;position:fixed;inset:0}.screen--closing{animation:.18s ease-in forwards screen-out}.screen__header{border-bottom:1px solid var(--separator);align-items:center;gap:4px;padding:4px 8px;font-weight:600;display:flex}.list:focus{outline:none}.list{overscroll-behavior:contain;flex:1;padding:0 12px 12px;overflow-y:auto}.screen>.list:last-child{padding-bottom:calc(12px + var(--safe-bottom))}.list__empty{color:var(--hint);text-align:center;padding:24px}.list-row{border:none;border-bottom:1px solid var(--separator);text-align:start;cursor:pointer;background:0 0;align-items:center;gap:12px;width:100%;padding:10px 4px;display:flex}.list-row--on{background:color-mix(in srgb, var(--link) 12%, transparent);box-shadow:inset 3px 0 0 var(--button)}.list-row--on .list-row__main>span:first-child{font-weight:600}.list-row__num{background:var(--secondary-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;display:inline-flex;position:relative}.list-row__num--done{background:var(--ok-text);color:var(--on-ok)}.list-row__num-check{width:15px;height:15px;box-shadow:inset 0 0 0 1.5px var(--ok);background:var(--bg);color:var(--ok);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-3px;right:-3px}.list-row__memorized{color:var(--ok-text);white-space:nowrap;font-weight:600}.memorized-summary{background:var(--secondary-bg);border-radius:12px;margin:0 12px 8px;padding:12px}.memorized-summary__total{font-size:16px;font-weight:600}.memorized-summary__sub{color:var(--text-secondary);margin-top:2px;font-size:13px}.memorized-bar{background:color-mix(in srgb, var(--text) 10%, transparent);border-radius:2px;height:4px;margin-top:8px;display:block;overflow:hidden}.memorized-bar>span{background:var(--ok);min-width:4px;height:100%;display:block}.memorized-bar--row{height:3px;margin-top:4px}.list-row__main{flex-direction:column;flex:1;min-width:0;display:flex}.list-row__sub{color:var(--text-secondary);font-size:13px}.list-row__ar{font-family:qpc-hafs,serif;font-size:22px;line-height:1.2}.list-row__go{color:var(--hint);display:flex}.screen__title{flex:1;min-width:0}.picker-tabs{padding:8px 12px 0}.picker-tabs+.list{margin-top:8px}.ayah-step__hint{color:var(--text-secondary);margin:10px 12px 0;font-size:14px}.ayah-step__whole{justify-content:space-between;width:auto;margin:10px 12px}.ayah-step__count{font-size:14px;font-weight:400}.ayah-step__page{color:var(--text-secondary);margin:10px 0 6px;font-size:13px;font-weight:400}.ayah-grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.ayah-cell{border-radius:var(--radius);background:var(--secondary-bg);font-variant-numeric:tabular-nums;cursor:pointer;border:none;min-height:44px}.ayah-cell--in-range{background:color-mix(in srgb, var(--button) 14%, var(--secondary-bg))}.ayah-cell--current,.ayah-cell--edge{box-shadow:inset 0 0 0 2px var(--button);font-weight:600}.ayah-cell--memorized{color:var(--ok-text);font-weight:600}.ayah-legend{color:var(--text-secondary);flex-wrap:wrap;gap:4px 16px;margin:6px 12px 0;font-size:13px;display:flex}.ayah-legend__item{align-items:center;gap:6px;display:inline-flex}.ayah-legend__swatch{background:color-mix(in srgb, var(--button) 14%, var(--secondary-bg));border-radius:4px;width:16px;height:16px}.ayah-legend__memorized{color:var(--ok-text);font-weight:600}.screen__footer{align-items:center;gap:12px;display:flex}.screen__footer-text{min-width:0;color:var(--text-secondary);flex:1;font-size:14px}.screen__footer .btn--primary{flex-shrink:0;width:auto;padding-inline:24px}.ayah-jump{gap:8px;margin:0 12px 10px;display:flex}.ayah-jump .field{flex:1;min-width:0}.ayah-jump .btn{flex-shrink:0;width:auto;padding:0 16px}.page-jump{margin-top:8px}.about{margin-top:16px}.about summary{cursor:pointer;align-items:center;min-height:44px;list-style:none;display:flex}.about summary::-webkit-details-marker{display:none}.about summary:after{content:"";border-right:2px solid var(--hint);border-bottom:2px solid var(--hint);width:8px;height:8px;margin:0 6px 4px auto;transition:transform .2s;transform:rotate(45deg)}.about[open] summary:after{margin-bottom:-4px;transform:rotate(-135deg)}.icon-btn,.chip,.btn,.field--button,.setting-row--button,.passage-card,.list-row,.ayah-cell,.ayah-menu__item,.review-row__good{transition:background-color .15s,filter .15s}.icon-btn:active:not(:disabled),.btn:not(.btn--primary):active,.field--button:active,.setting-row--button:active,.passage-card:active,.list-row:active,.ayah-cell:active,.ayah-menu__item:active{background-color:color-mix(in srgb, var(--text) 10%, transparent)}.chip:not(.chip--on):active{background-color:color-mix(in srgb, var(--text) 14%, var(--bg))}.btn--primary:active:not(:disabled),.chip--on:active,.review-row__good:active{filter:brightness(.92)}.link-btn:active{opacity:.6}.icon-btn:disabled{opacity:.35;cursor:default}[role=dialog]:focus{outline:none}.toast-hint{z-index:5;background:var(--text);max-width:536px;color:var(--bg);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin:0 auto;padding:10px 14px;font-size:14px;line-height:1.4;animation:.2s ease-out fade-in;display:flex;position:absolute;top:52px;left:12px;right:12px;box-shadow:0 4px 14px #00000040}:root[data-color-scheme=dark] .toast-hint{background:var(--secondary-bg);color:var(--text);border:1px solid var(--separator)}.toast-hint--closing{animation:.18s ease-in forwards fade-out}.toast-hint>span{flex:13em}.toast-hint__action{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-inline-start:auto;padding:0 4px;font-weight:600;text-decoration:underline}.range-done{border:1px solid color-mix(in srgb, var(--ok) 35%, transparent);background:color-mix(in srgb, var(--ok) 14%, var(--bg));border-radius:12px;padding:12px 14px;font-size:15px;line-height:1.4;animation:.2s ease-out fade-in;box-shadow:0 6px 18px #0000002e}.range-done--closing{animation:.18s ease-in forwards fade-out}.range-done__note{color:var(--text-secondary);font-size:13px}.range-done__actions{gap:8px;margin-top:8px;display:flex}.range-done__mark,.range-done__later{min-height:44px;font:inherit;cursor:pointer;border:none;border-radius:10px;flex:1;font-weight:600}.range-done__mark{background:var(--ok-text);color:var(--on-ok)}.range-done__later{background:var(--bg);color:var(--text)}.range-done__mark:active,.range-done__later:active{filter:brightness(.92)}.dl-controls{flex-direction:column;gap:8px;padding:8px 12px;display:flex}.dl-filter{min-height:44px;color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.dl-filter input{width:20px;height:20px;margin:0}.dl-row,.dl-row__label{align-items:center;gap:12px;display:flex}.dl-row{border-bottom:1px solid var(--separator);padding:10px 4px}.dl-row__label{cursor:pointer;flex:1;min-width:0}.dl-row input[type=checkbox]{flex-shrink:0;width:20px;height:20px}.dl-row__slot{flex-shrink:0;width:44px}.dl-row__done{color:var(--link)}.dl-footer{padding:10px 12px calc(12px + var(--safe-bottom));border-top:1px solid var(--separator)}.dl-progress{margin-bottom:10px}.dl-progress__text{color:var(--text-secondary);justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.dl-progress__bar{background:var(--separator);border-radius:2px;height:4px;overflow:hidden}.dl-progress__bar>div{background:var(--button);height:100%;transition:width .3s}.bookmark-row{border-bottom:1px solid var(--separator);align-items:center;display:flex}.bookmark-row .bookmark-row__open{border-bottom:none;flex:1;width:auto;min-width:0}.bookmark-row__icon{background:var(--bg);box-shadow:inset 0 0 0 1px var(--separator);color:var(--bookmark)}.bookmark-row__delete{color:var(--hint);flex-shrink:0;margin-inline-end:-6px}.bookmarks-empty{color:var(--hint);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.bookmarks-empty p{max-width:280px;color:var(--text-secondary);margin:0}.home{z-index:15;background:var(--secondary-bg);opacity:1;flex-direction:column;transition:opacity .2s ease-out;display:flex;position:fixed;inset:0}.home--hidden{opacity:0;visibility:hidden;transition:opacity .18s ease-in,visibility 0s linear .18s}.home__header{box-sizing:border-box;width:100%;max-width:624px;margin-inline:auto;padding:14px 16px 6px}.home__title:focus{outline:none}.home__title{margin:0;font-size:20px;font-weight:600}.home__scroll{scrollbar-gutter:stable both-edges;overscroll-behavior:contain;padding:6px 12px calc(12px + var(--safe-bottom));flex:1;overflow-y:auto}.home__column{flex-direction:column;gap:10px;max-width:600px;margin-inline:auto;display:flex}@media (width>=900px){.home__column{max-width:360px}.home__header{max-width:384px}}.home-card{background:var(--section-bg);border-radius:16px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.home-card--review{background:color-mix(in srgb, var(--button) 10%, var(--section-bg))}.home-card--done{background:color-mix(in srgb, var(--ok) 10%, var(--section-bg))}.home-card__head{color:var(--button);align-items:center;gap:8px;display:flex}.home-card__title{min-width:0;color:var(--text);flex:1;margin:0;font-size:14px;font-weight:600}.home-card__streak{color:var(--text);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:14px;font-weight:600}.home-card__link{min-height:44px;color:var(--link-text);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;margin-block:-12px;padding:0 4px 0 8px;font-size:14px;display:inline-flex}.home-card__big{margin:0;font-size:22px;font-weight:700}.home-card__big--small{font-size:18px}.home-card__big--ok{color:var(--ok-text)}.home-card__sub{text-wrap:pretty;color:var(--text-secondary);margin:0;font-size:13px}.home-card .memorized-bar{margin-top:6px}.home-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.home-action{white-space:nowrap;flex:auto;width:auto;min-width:max-content;font-weight:600;position:relative}.home-bookmark{border:none;border-top:1px solid var(--separator);min-height:44px;color:var(--text);text-align:start;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:8px;padding:0;display:flex}.home-bookmark__page{color:var(--text-secondary);flex-shrink:0;font-size:13px}.home-tiles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.home-tile{background:var(--section-bg);min-width:0;min-height:64px;color:var(--text);cursor:pointer;border:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-size:13px;display:flex;position:relative}.home-tile svg{color:var(--button)}.home-playing{background:var(--section-bg);flex-direction:row;align-items:stretch;gap:0;padding:0}.home-playing__open{min-width:0;color:var(--text);text-align:start;cursor:pointer;background:0 0;border:none;border-radius:16px 0 0 16px;flex-direction:column;flex:1;gap:4px;padding:12px 6px 12px 14px;display:flex}.home-playing__toggle{background:var(--button);width:44px;height:44px;color:var(--button-text);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-self:center;align-items:center;margin:8px 14px 8px 8px;padding:0;display:inline-flex}.home-playing__toggle:active{transform:scale(.94)}.player{box-sizing:border-box;padding:6px max(12px, calc((100% - 560px) / 2)) calc(8px + var(--safe-bottom));border-top:1px solid var(--separator);background:var(--bg);flex-shrink:0;position:relative}.player--mini{padding-top:4px;padding-bottom:calc(4px + var(--safe-bottom));align-items:center;gap:10px;display:flex}.player--mini .play-btn--mini{flex-shrink:0;width:44px;height:44px}.player--mini .player__status--mini{text-align:start;flex:1;min-width:0;margin:0}.player__expand svg{transform:rotate(-90deg)}.player__status-row{grid-template-columns:44px 1fr 44px;align-items:center;display:grid}.player__hide{color:var(--hint)}.player__hide svg{transform:rotate(90deg)}.player__aside{margin-bottom:8px;max-width:536px;margin-inline:auto;position:absolute;bottom:100%;left:12px;right:12px}.icon-btn--active{background-color:color-mix(in srgb, var(--button) 16%, transparent);color:var(--button)}.player__progress{background:var(--separator);border-radius:2px;height:3px;overflow:hidden}.player__progress>div{background:var(--button);height:100%;transition:width .2s}.player__status{-webkit-line-clamp:2;line-clamp:2;font-variant-numeric:tabular-nums;min-width:0;color:var(--text);text-align:center;-webkit-box-orient:vertical;margin:6px 0 2px;font-size:15px;line-height:1.25;display:-webkit-box;overflow:hidden}.player__status-row .player__status{margin:0}.player__status-part{white-space:nowrap}.player__status-surah{font-weight:600}.player__status.link-btn{box-sizing:border-box;width:100%;min-height:44px;color:var(--link);justify-content:center;align-items:center;margin:0;padding:0 8px;display:flex}.player__status--error{color:var(--highlight-text)}.player__status--pulse{border-radius:8px;animation:1s ease-out status-pulse}.player__status--pulse-alt{animation-name:status-pulse-alt}@keyframes status-pulse{0%{background-color:color-mix(in srgb, var(--link) 22%, transparent)}}@keyframes status-pulse-alt{0%{background-color:color-mix(in srgb, var(--link) 22%, transparent)}}@media (prefers-reduced-motion:reduce){.player__status--pulse{animation:none}}.player__status-row .player__status--error{display:block}.player__controls{justify-content:space-between;align-items:center;display:flex}.play-btn{background:var(--button);width:56px;height:56px;color:var(--button-text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}.pause-toggle{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:2px;font-size:13px;font-weight:600;display:inline-flex}.pause-ring{justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:relative}.pause-ring__arc{position:absolute;inset:0;transform:rotate(-90deg)}.pause-ring__arc circle{fill:none;stroke-width:2.5px}.pause-ring__track{stroke:color-mix(in srgb, currentColor 20%, transparent)}.pause-ring__left{stroke:currentColor;stroke-dasharray:75.4;animation-name:pause-ring-drain;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes pause-ring-drain{to{stroke-dashoffset:75.4px}}@media (prefers-reduced-motion:reduce){.pause-ring__left{animation:none}}.player__countdown{height:3px;position:absolute;top:0;left:0;right:0;overflow:hidden}.player__countdown>div{background:var(--link);transform-origin:0;border-radius:2px;height:100%;animation-name:countdown;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.player__countdown>div{animation:none}}.play-btn{transition:transform .15s}.play-btn:active{transform:scale(.94)}.play-btn--loading:after{content:"";border:2px solid #0000;border-top-color:var(--button);opacity:0;border-radius:50%;animation:1.2s linear infinite spin,.2s .4s forwards appear;position:absolute;inset:-4px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{to{opacity:.8}}.news-card{background:color-mix(in srgb, var(--ok) 9%, var(--section-bg));border-radius:16px;flex-direction:column;gap:4px;padding:8px 14px 12px;display:flex}.news-card--closing{animation:.18s ease-in forwards fade-out}.news-card__head{color:var(--ok-text);align-items:center;gap:8px;display:flex}.news-card__title{color:var(--text);flex:1;margin:0;font-size:16px;font-weight:600}.news-card__head .icon-btn{margin-inline-end:-10px}.news-card__got-it{margin-top:8px}.news-row{border-top:1px solid var(--separator);flex-direction:column;padding:6px 0;display:flex}.news-row small{color:var(--text-secondary);font-size:13px}.news-list__date{color:var(--text-secondary);margin:16px 4px 4px;font-size:13px;font-weight:700}.news-list .news-row{padding:10px 4px}.new-badge{top:-7px;background:var(--ok-text);color:var(--on-ok);pointer-events:none;border-radius:9px;padding:1px 7px;font-size:11px;font-weight:700;line-height:1.4;position:absolute;inset-inline-end:-4px}.new-badge--dot{top:4px;background:var(--ok);border-radius:50%;width:10px;height:10px;padding:0;inset-inline-end:10px}.new-anchor{display:inline-block}.new-anchor .new-badge{vertical-align:2px;margin-inline-start:6px;display:inline-block;position:static}.whats-new-row{margin-top:8px}.mushaf-page,.ayah-list{color:var(--text);isolation:isolate;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mushaf-line .w--end:not(:first-child){margin-inline-start:.2em}.mushaf-line .w--end:not(:last-child){margin-inline-end:.2em}.mushaf-page--self-check .w--end,.ayah-list--self-check .w--end{z-index:1;position:relative}.mushaf-page--self-check .w--end:after,.ayah-list--self-check .w--end:after{content:"";position:absolute;inset:0 -5px}:root[data-color-scheme=dark] .mushaf-page,:root[data-color-scheme=dark] .ayah-list{color:color-mix(in srgb, var(--text) 88%, var(--bg))}.mushaf-page--centered{padding-top:15%}.mushaf-line{height:calc(var(--line-height,1.8) * 1em);white-space:nowrap;justify-content:space-between;align-items:center;display:flex}.mushaf-page--centered .mushaf-line{justify-content:center;gap:.15em}.mushaf-line--surah,.mushaf-line--bismillah{justify-content:center;font-family:qpc-hafs,serif}.mushaf-line--bismillah{font-size:.85em;transition:color .4s}.surah-frame{text-align:center;box-sizing:border-box;border:1px solid var(--hint);border-radius:.3em;width:100%;font-size:.8em;line-height:1.6;display:block}.mushaf-line--on,.ayah-list__bismillah--on{color:var(--highlight-text)}.ayah-list{font-size:calc(clamp(24px, 6.6vw, 32px) * var(--ayah-text-scale,1));padding-inline:10px;line-height:2.1}.ayah-list__ayah{border-top:1px solid var(--separator);text-align:right;margin:0;padding:12px 0;scroll-margin-block:8px 140px}.ayah-list__ayah:first-child{border-top:none;padding-top:2px}.ayah-list__surah,.ayah-list__bismillah{text-align:center;font-family:qpc-hafs,serif}.ayah-list__surah{margin-top:20px}.ayah-list__surah:first-child{margin-top:0}.ayah-list__bismillah{font-size:.85em;transition:color .4s}.w{cursor:pointer;text-underline-offset:.3em;border-radius:.15em;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:.05em;transition:color .4s,background-color .4s,text-decoration-color .15s}.w--on{color:var(--highlight-text)}.w--now{color:var(--highlight-text);-webkit-text-decoration-color:var(--highlight-text);text-decoration-color:var(--highlight-text);text-decoration-thickness:max(.1em,2px);transition-duration:.15s}.w--hidden{color:#0000;background-color:var(--veil);clip-path:inset(.16em .08em round .25em);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.w--hidden.w--on{color:#0000;-webkit-text-decoration-color:var(--highlight-text);text-decoration-color:var(--highlight-text);background-color:color-mix(in srgb, var(--highlight) 18%, var(--veil));clip-path:inset(.16em .08em -.5em round .25em .25em 0 0);text-decoration-thickness:.12em}.w--hidden.w--now{color:#0000;background-color:color-mix(in srgb, var(--highlight) 50%, var(--veil))}.w--peeked{outline:1.5px dashed var(--hint);outline-offset:-1px;border-radius:.3em}.w--memorized:not(.w--on){color:var(--ok-text)}.w--bookmarked{position:relative}.w--bookmarked:before{content:"";background:var(--bookmark);clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%);pointer-events:none;width:.44em;height:.6em;margin-left:-.22em;position:absolute;top:.04em;left:50%}.w--pressing{background-color:color-mix(in srgb, var(--link) 18%, transparent);transition-duration:.35s}.w--sel{background:color-mix(in srgb, var(--link) 18%, transparent);-webkit-text-decoration-color:var(--link);text-decoration-color:var(--link);text-decoration-thickness:.1em;transition-duration:.1s}.ayah-menu-backdrop{z-index:10;background:#0006;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.ayah-menu-backdrop--closing{animation:.18s ease-in forwards fade-out}.ayah-menu{border:1px solid color-mix(in srgb, var(--text) 12%, transparent);background:var(--section-bg);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:16px;width:100%;max-width:320px;padding:6px 0;animation:.2s ease-out pop-in;box-shadow:0 8px 24px #0000002e}.ayah-menu-backdrop--closing .ayah-menu{animation:.18s ease-in forwards pop-out}.page-enter--next{--enter-x:-28px}.page-enter--prev{--enter-x:28px}.page-enter--next,.page-enter--prev{animation:.28s ease-out page-in}@keyframes page-in{0%{opacity:0;transform:translateX(var(--enter-x))}}.ayah-menu__title{color:var(--text-secondary);padding:6px 16px;font-size:14px}.ayah-menu__item{border:none;border-top:1px solid var(--separator);text-align:start;cursor:pointer;background:0 0;width:100%;padding:12px 16px;font-size:15px;display:block}.ayah-menu__item--ok,.ayah-menu__item--icon{align-items:center;gap:8px;display:flex}.ayah-menu__item--ok{color:var(--ok-text)}.ayah-menu__item--icon{color:var(--text)}.ayah-menu__item--ok svg,.ayah-menu__item--icon svg{width:18px;height:18px}.page-view{touch-action:pan-y;flex-direction:column;flex:1;min-height:0;display:flex}.page-view__header{grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;min-height:44px;padding:0 max(8px,50% - 276px);font-size:13px;display:grid}.page-view__button{min-width:0;min-height:44px;color:var(--text);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:4px;padding:0 8px;font-weight:600;display:inline-flex}@media (width<=360px){.page-view__button{padding:0 4px}.page-view__button:not(.page-view__button--start) svg{display:none}}.page-view__button--start{justify-self:start}.page-view__button--end{justify-self:end}.page-view__button--start,.page-view__button--end{max-width:100%}.page-view__home{width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.page-view__home:active{background-color:color-mix(in srgb, var(--text) 10%, transparent)}.page-view__home-badge{top:3px;box-sizing:border-box;background:var(--highlight);min-width:17px;height:17px;color:var(--on-highlight);text-align:center;font-variant-numeric:tabular-nums;border-radius:9px;padding:0 4px;font-size:11px;font-weight:700;line-height:17px;position:absolute;inset-inline-end:1px}.page-view__button-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.page-view__button svg{color:var(--hint);flex-shrink:0;transform:rotate(90deg)}.page-view__button:active{background-color:color-mix(in srgb, var(--text) 10%, transparent)}.page-view__scroll{overscroll-behavior:contain;flex:1;padding:4px 6px 8px;overflow-y:auto}.page-fit{max-width:560px;margin:0 auto}.page-nav{gap:8px;margin:14px 0 18px;padding-inline:10px;display:flex}.page-nav__button{min-height:48px;font:inherit;cursor:pointer;border:none;border-radius:12px;padding:0 12px}.page-nav__button--back{background:var(--secondary-bg);color:var(--text-secondary)}.page-nav__button--next{background:var(--button-strong);color:var(--button-text);flex:1;font-weight:600}.page-nav__button:active{filter:brightness(.92)}.page-fit--stale{opacity:.45;transition:opacity .2s .25s}.page-view__message{color:var(--text-secondary);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 16px;display:flex}.page-view__message .btn{color:var(--text)}.app:has(.range-done:not(.range-done--closing)) .page-fit:after{content:"";height:140px;display:block}.memory-test__progress{color:var(--text-secondary);padding:10px 14px 0;font-size:14px}.memory-test__body{overscroll-behavior:contain;flex-direction:column;flex:1;justify-content:flex-start;padding:6px 16px;display:flex;overflow-y:auto}.memory-test__body>:first-child{margin-top:auto}.memory-test__body>:last-child{margin-bottom:auto}.memory-test__ayah{font-size:calc(clamp(24px, 6.6vw, 32px) * var(--ayah-text-scale,1));text-align:right;color:var(--text);margin:0;padding:12px 0;line-height:2.1}.memory-test__ayah .w{cursor:default}:root[data-color-scheme=dark] .memory-test__target{color:color-mix(in srgb, var(--text) 88%, var(--bg))}.memory-test__prompt{color:var(--text-secondary)}.memory-test__ayah.memory-test__prompt{flex-shrink:0;max-height:6.3em;overflow:hidden}.memory-test__prompt-words{display:block}.memory-test__prompt--clipped{-webkit-mask-image:linear-gradient(#0000,#000 2.1em);mask-image:linear-gradient(#0000,#000 2.1em)}.memory-test__prompt--title{text-align:center;margin:0;padding:12px 0;font-size:16px}.memory-test__ask{text-align:center;color:var(--text-secondary);margin:8px 0;font-size:14px}.memory-test__note{color:var(--text-secondary);margin:6px 0 0;font-size:14px}.memory-test__error{text-align:center}.memory-test__actions{padding:12px 12px calc(12px + var(--safe-bottom));border-top:1px solid var(--separator);gap:8px;display:flex}.memory-test__btn{flex:1;min-height:48px;font-weight:600}.memory-test__btn:disabled{opacity:.5}.memory-test__btn--primary{background:var(--button-strong);color:var(--button-text)}.memory-test__btn--ok{background:var(--ok-text);color:var(--on-ok)}.memory-test__btn--primary:active:not(:disabled),.memory-test__btn--ok:active{filter:brightness(.92)}.memory-test__result{overscroll-behavior:contain;padding:14px 14px calc(14px + var(--safe-bottom));flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.memory-test__score{text-align:center;font-size:20px;font-weight:600}.memory-test__missed{min-height:44px;padding-block:6px}.memory-test__done{min-height:48px;margin-top:8px}.review-list{padding-top:10px}.memorized-summary.review-streak{margin:0 0 4px}.review-streak .review-streak__big{font-size:18px}.review-streak__sub{color:var(--text-secondary);font-size:13px}.review-group{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin:16px 4px 4px;font-size:13px;font-weight:700}.review-row{border-bottom:1px solid var(--separator);align-items:center;gap:4px;min-height:56px;display:flex}.review-row .review-row__open{border-bottom:none;flex:1;gap:10px;width:auto;min-width:0;min-height:56px;padding:8px 4px}.review-row__page{background:var(--secondary-bg);font-variant-numeric:tabular-nums;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:34px;font-size:13px;display:inline-flex}.review-row__name{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.list-row__sub.review-row__sub--ok{color:var(--ok-text)}.review-row--done .review-row__name{color:var(--text-secondary)}.review-row__good{background:var(--button-strong);width:44px;height:40px;color:var(--button-text);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.review-row__good:after{content:"";position:absolute;inset:-4px 0}.review-all-done{color:var(--ok-text);margin:0;padding:16px 4px}.review-later{border-bottom:1px solid var(--separator);justify-content:space-between;align-items:center;min-height:44px;padding:0 4px;display:flex}.review-later b{font-variant-numeric:tabular-nums}.review-explain{color:var(--text-secondary);margin:16px 4px 0;font-size:12px;line-height:1.4}:root{--bg:var(--tg-theme-bg-color,#fff);--text:var(--tg-theme-text-color,#1b1b1b);--hint:var(--tg-theme-hint-color,#8a8a8a);--link:var(--tg-theme-link-color,#2a7ae2);--button:var(--tg-theme-button-color,#2a7ae2);--button-text:var(--tg-theme-button-text-color,#fff);--button-strong:color-mix(in srgb, var(--button) 85%, #000);--secondary-bg:var(--tg-theme-secondary-bg-color,color-mix(in srgb, var(--text) 6%, var(--bg)));--section-bg:var(--tg-theme-section-bg-color,var(--bg));--separator:var(--tg-theme-section-separator-color,color-mix(in srgb, var(--text) 12%, var(--bg)));--highlight:var(--tg-theme-destructive-text-color,#d83b3b);--highlight-text:color-mix(in srgb, var(--highlight) 85%, var(--text));--on-highlight:#fff;--link-text:color-mix(in srgb, var(--link) 80%, var(--text));--text-secondary:color-mix(in srgb, var(--text) 65%, var(--bg));--veil:color-mix(in srgb, var(--text) 10%, var(--bg));--ok:#23915a;--on-ok:#fff;--ok-text:color-mix(in srgb, var(--ok) 80%, var(--text));--bookmark:#c77c02;color-scheme:var(--tg-color-scheme,light);accent-color:var(--button);--radius:10px;--safe-bottom:max(env(safe-area-inset-bottom,0px), var(--tg-safe-area-inset-bottom,0px))}:root[data-color-scheme=dark]{--ok:#2f9e68;--on-ok:#0d2a1b;--bookmark:#f0a830}@font-face{font-family:qpc-hafs;src:url(/data/v1/fonts/hafs.woff2)format("woff2");font-display:block}html,body,#root{height:100%;margin:0}html{overscroll-behavior-x:none}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select{font:inherit;color:inherit}[hidden]{display:none!important}.app{height:var(--tg-viewport-stable-height,100dvh);flex-direction:column;max-height:100dvh;display:flex;position:fixed;inset:0 0 auto;overflow:hidden}.mushaf-layer{display:contents}.splash{box-sizing:border-box;height:100%;color:var(--hint);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes screen-in{0%{opacity:0;transform:translateY(16px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)}}@keyframes fade-out{to{opacity:0}}@keyframes sheet-down{to{transform:translateY(100%)}}@keyframes screen-out{to{opacity:0;transform:translateY(16px)}}@keyframes pop-out{to{opacity:0;transform:scale(.94)}}@media (prefers-reduced-motion:reduce){:not(.player__countdown>div),:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}