.mm-app{--page-max:var(--mm-max);--mm-max:1120px;background:var(--c-bg);min-block-size:100dvh;color:var(--c-text)}.mm-muted{color:var(--c-text-soft);font-size:var(--fs-help);margin:0}.mm-strong{font-weight:var(--fw-semibold);margin:0}.mm-h2{font-family:var(--font-text);font-size:var(--fs-xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight);margin:0}.mm-h3{margin:0 0 var(--space-2);font-size:var(--fs-md);font-weight:var(--fw-semibold);padding:0}.mm-h4{font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin:0}.mm-stack{gap:var(--space-3);min-inline-size:0;display:grid}.mm-stack>p,.mm-stack p{margin:0}.mm-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.mm-between{justify-content:space-between}.mm-plain{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.mm-plain.mm-row{display:flex}.mm-fieldset{border:0;min-inline-size:0;margin:0;padding:0}.mm-note{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--c-warning-soft);color:var(--c-text);font-size:var(--fs-help);margin:0}.mm-quran{font-family:var(--font-quran);font-size:var(--fs-lg)}.mm-linklike{min-block-size:24px;padding:0 var(--space-1);border-radius:var(--radius-sm);color:var(--c-text);cursor:pointer;font:inherit;background:0 0;border:0;display:inline-flex}.mm-linklike:hover{background:var(--c-surface-2)}.mm-main{max-inline-size:var(--mm-max);padding-block:var(--space-5) var(--space-16);padding-inline:var(--gutter);margin-inline:auto}.mm-layout{gap:var(--space-5);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (min-width:960px){.mm-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.mm-col{gap:var(--space-5);min-inline-size:0;display:grid}.mm-app[data-view=session] .mm-main,.mm-app[data-view=tasmi] .mm-main{max-inline-size:860px}.mm-pick-grid{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:600px){.mm-pick-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);align-items:start}}.mm-inline-field{gap:var(--space-1);min-inline-size:0;display:grid}.mm-methods{gap:var(--space-2);display:grid}.mm-method{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);cursor:pointer;align-items:flex-start;display:flex}.mm-method[data-selected]{border-color:var(--c-accent);background:var(--c-accent-soft)}.mm-method input{block-size:20px;inline-size:20px;accent-color:var(--c-accent);flex:none;margin:2px 0 0}.mm-method:has(input:focus-visible){outline:var(--focus-width) solid var(--c-focus);outline-offset:var(--focus-offset)}.mm-method-body{gap:var(--space-1);min-inline-size:0;display:grid}.mm-method-badge{justify-self:start}.mm-method-desc{line-height:var(--lh-body)}.mm-steps{gap:var(--space-3)}.mm-step-row{gap:var(--space-1);display:grid}.mm-clock{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.mm-span{grid-column:1/-1}.mm-follow{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.mm-follow[data-due]{border-color:var(--c-warning);background:var(--c-warning-soft)}.mm-follow p{margin:0}.mm-history-item{padding-block:var(--space-2);border-block-end:1px solid var(--c-border)}.mm-history-item p{margin:0}.mm-session-head{gap:var(--space-1);display:grid}.mm-progress{border-radius:var(--radius-full);background:var(--c-surface-3);block-size:8px;inline-size:100%;accent-color:var(--c-accent);appearance:none;border:0;overflow:hidden}.mm-progress::-webkit-progress-bar{border-radius:var(--radius-full);background:var(--c-surface-3)}.mm-progress::-webkit-progress-value{border-radius:var(--radius-full);background:var(--c-accent)}.mm-progress::-moz-progress-bar{border-radius:var(--radius-full);background:var(--c-accent)}.mm-session-nav{border-block-start:1px solid var(--c-border);padding-block-start:var(--space-3)}.mm-toolbar{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);display:grid}.mm-controls{gap:var(--space-2);display:grid}.mm-controls .mm-inline-field{max-inline-size:320px}.mm-cover-ctl{gap:var(--space-1);display:grid}.mm-text{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--c-page-frame-soft);border-radius:var(--radius-lg);background:var(--c-page-paper);color:var(--c-page-ink);display:grid}.mm-text[data-hide=cover]{touch-action:pan-y}.mm-surah{gap:var(--space-2);display:grid}.mm-surah-name{font-family:var(--font-text);font-size:var(--fs-md);font-weight:var(--fw-semibold);text-align:center;margin:0}.mm-lines{font-family:var(--font-quran);font-size:calc(var(--fs-xl) * 1.15);text-align:justify;margin:0;line-height:2.3}.mm-ayah[data-previous]{color:color-mix(in srgb, var(--c-page-ink) 70%, transparent)}.mm-word{border-radius:var(--radius-sm);cursor:pointer;touch-action:manipulation;padding-inline:1px;display:inline-block;position:relative}.mm-word:hover{background:color-mix(in srgb, var(--c-highlight-word) 55%, transparent)}.mm-word:focus-visible{outline:var(--focus-width) solid var(--c-focus);outline-offset:1px}.mm-word[data-word-playing]{background:var(--c-highlight-word)}.mm-word[data-vis=hidden] .mm-glyph{visibility:hidden}.mm-word[data-vis=hidden]:after{content:"";border-radius:var(--radius-full);background:color-mix(in srgb, var(--c-page-ink) 22%, transparent);position:absolute;inset:40% 6%}.mm-text[data-hide=cover] .mm-word[data-vis=hidden]:after{background:color-mix(in srgb, var(--c-page-ink) 14%, var(--c-page-paper));border-radius:0;inset:10% -2px}.mm-word[data-vis=blurred] .mm-glyph{filter:blur(.32em);-webkit-user-select:none;user-select:none}.mm-word[data-vis=firstLetter] .mm-rest{color:#0000}.mm-word[data-vis=firstLetter]:after{content:"";border-block-end:2px dotted color-mix(in srgb, var(--c-page-ink) 35%, transparent);position:absolute;inset:62% 6% 26%}.mm-word[data-mistake]{background:var(--c-mistake-soft);box-shadow:inset 0 -.12em 0 var(--c-mistake)}.mm-pause{color:var(--c-accent-soft-text);font-size:.8em}.mm-end{color:var(--c-accent-soft-text);white-space:nowrap;font-size:.85em}.mm-attrib{color:var(--c-text-soft);font-family:var(--font-ui);font-size:var(--fs-xs);margin:0}.mm-mushaf{gap:var(--space-2);justify-items:center;display:grid}.mm-mushaf>.mm-note,.mm-pagenav{justify-self:stretch}.mm-pagenav{justify-content:center}.mm-pages{inline-size:100%;max-inline-size:560px}.mm-mushaf[data-hide=blurUntilTapped] .mu-word[data-hidden] .mu-glyph{visibility:visible;filter:blur(.3em)}.mm-mushaf[data-hide=blurUntilTapped] .mu-word[data-hidden]:after{display:none}.mm-chips{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-2);display:flex}.mm-chip{min-block-size:var(--btn-h-sm);padding:0 var(--space-3);border:1px solid var(--c-border-strong);border-radius:var(--radius-full);background:var(--c-surface);color:var(--c-text);cursor:pointer;font:inherit;font-size:var(--fs-sm)}.mm-chip:hover{background:var(--c-surface-2)}.mm-chip:focus-visible{outline:var(--focus-width) solid var(--c-focus);outline-offset:var(--focus-offset)}.mm-chip[aria-pressed=true]{border-color:var(--c-mistake);background:var(--c-mistake-soft);font-weight:var(--fw-semibold)}.mm-fix{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--c-danger);border-radius:var(--radius-md);background:var(--c-danger-soft);display:grid}.mm-fix-item{gap:var(--space-2);align-items:center;display:inline-flex}.mm-mistakes{gap:var(--space-1)}.mm-mistake-item{gap:var(--space-2);flex-wrap:wrap;align-items:baseline;display:flex}.mm-score{justify-items:start}.mm-score-label{color:var(--c-text-soft);font-size:var(--fs-sm);margin:0}.mm-score-value{font-size:var(--fs-3xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);margin:0}.mm-ayah-scores{gap:var(--space-1)}.mm-ayah-score{padding-block:var(--space-1);border-block-end:1px solid var(--c-border);justify-content:space-between;display:flex}.mm-ayah-score[data-low]{color:var(--c-danger)}.mm-paused{justify-items:start}@media (prefers-reduced-motion:reduce){.mm-word,.mm-chip{transition:none}}
