.reader-intro{padding-top:24px;padding-bottom:16px}.reader-intro h1{font-size:30px}.comfort-bar{margin:0 0 20px}.comfort-actions,.surah-search-row,.resume-strip,.verse-quick,.memory-top,.memory-actions,.memory-paging{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.comfort-actions .secondary{padding:10px 14px}.resume-strip{justify-content:space-between;background:#eaf1e9;border-radius:12px;padding:12px 18px;margin:14px 0}.surah-search-row{margin-top:18px;gap:20px}.surah-search-row>label:first-child{display:grid;gap:7px;flex:1;max-width:440px;font-size:14px}.surah-search-row input[type=search]{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit}.favorites-filter{display:flex;gap:8px;align-items:center;font-size:14px}.favorites-filter input{width:18px;height:18px;accent-color:#315e4d}.verse-quick{gap:12px}.verse-quick .text-button{font-size:13px;padding:7px 0}.verse-top{gap:14px;flex-wrap:wrap}.reader-modes{flex-wrap:wrap}.reader-modes button{min-height:44px}.reader-layout.memorize{grid-template-columns:minmax(0,1fr)}.memory-study{padding:24px 0}.memory-top select{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit;color:var(--ink)}.memory-levels{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.memory-levels button{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:9px;font-size:14px;padding:11px 14px}.memory-levels button.selected{background:var(--green);color:#fff;border-color:var(--green)}.memory-arabic{min-height:180px;margin:22px 0;border-block:1px solid var(--line);padding:24px 0}.memory-word{display:inline-block;font:inherit;line-height:inherit;color:inherit;border:0;background:transparent;padding:0 6px;border-radius:8px;vertical-align:baseline}.memory-word.masked{min-width:66px;color:var(--muted);background:#edf1ed;font-family:'Manrope',Arial,sans-serif;font-size:26px;line-height:1.8;margin:8px 4px}.memory-meaning{margin-top:24px;border-top:1px solid var(--line);padding:20px 0}.memory-meaning summary{cursor:pointer;margin-bottom:12px}.memory-paging{justify-content:space-between;margin-top:24px}.daily-rating{border-top:1px solid var(--line);padding-top:12px;margin-top:20px;display:flex;gap:7px;flex-wrap:wrap}.daily-rating p,.daily-rating small{flex:0 0 100%;margin:0 0 8px}.daily-rating button{padding:11px 9px;border:1px solid var(--line);border-radius:8px;background:#eaf1e9;color:var(--ink);font-size:14px}.daily-rating small{font-size:13px;line-height:1.6;color:var(--muted);margin-top:7px}.storage-warning{padding:12px 16px;background:#fff0cd;color:#634c10;border-radius:10px}.saved-word-list small{line-height:1.7}.reader-source-line{font-size:14px}
:root[data-theme=night]{color-scheme:dark;--ink:#e4efea;--green:#a7d6bd;--muted:#b2c2b9;--line:#354a41;--lime:#d7ed9b;--bg:#13211d}
[data-theme=night] aside,[data-theme=night] .panel,[data-theme=night] .mushaf-panel,[data-theme=night] .word-inspector,[data-theme=night] .study-card,[data-theme=night] .alpha-card,[data-theme=night] .word-card,[data-theme=night] .lesson,[data-theme=night] dialog,[data-theme=night] .saved-word-list article{background:var(--surface);color:var(--ink)}
[data-theme=night] select,[data-theme=night] input,[data-theme=night] textarea,[data-theme=night] .surah-search-row input[type=search],[data-theme=night] .memory-top select,[data-theme=night] .secondary,[data-theme=night] .answer{background:var(--surface);color:var(--ink);border-color:var(--line)}
[data-theme=night] .reader-modes,[data-theme=night] .resume-strip,[data-theme=night] .verse-translation,[data-theme=night] .your-recall,[data-theme=night] .context-note,[data-theme=night] .memory-word.masked,[data-theme=night] .daily-rating button,[data-theme=night] .level-shortcut,[data-theme=night] .lesson.current,[data-theme=night] nav button.active{background:var(--soft);color:var(--ink)}
[data-theme=night] .reader-modes button.selected,[data-theme=night] .memory-levels button.selected{background:var(--green);color:var(--on-accent)}
[data-theme=night] .qword{color:var(--ink)}[data-theme=night] .qword:hover,[data-theme=night] .qword-wrap.pinned .qword{background:var(--soft);color:var(--ink)}[data-theme=night] .word-gloss{background:var(--green);color:var(--on-accent)}[data-theme=night] .word-known{color:var(--green)}[data-theme=night] .word-saved{background:var(--soft)}[data-theme=night] .hero{background:var(--surface)}[data-theme=night] .brandmark{background:var(--soft)}[data-theme=night] .primary{color:var(--on-accent)}[data-theme=night] .feedback{background:var(--success-bg);color:var(--success-text)}[data-theme=night] .feedback.error{background:var(--error-bg);color:var(--error-text)}[data-theme=night] .answer.correct{background:var(--success-bg);color:var(--success-text)}[data-theme=night] .answer.wrong{background:var(--error-bg);color:var(--error-text)}
@media(max-width:760px){.comfort-actions{gap:7px}.comfort-actions .secondary{font-size:13px;padding:10px}.surah-search-row{gap:12px}.surah-search-row>label:first-child{max-width:none;flex-basis:100%}.reader-intro h1{font-size:26px}.memory-levels{display:grid;grid-template-columns:1fr 1fr}.memory-paging .secondary{padding:11px 10px;font-size:13px}.memory-paging{gap:8px}.verse-quick{gap:10px}.verse-quick .text-button{font-size:12px}.memory-actions>*{flex:1;justify-content:center;font-size:13px}.reader-layout.memorize{display:block}.daily-rating button{flex:1}.word-inspector.has-selection{max-height:55dvh}}

.phrase-label{display:block;font-size:12px;opacity:.8;margin-bottom:3px}.phrase-wrap .qword{white-space:normal}.words .qword-wrap.phrase-wrap{max-width:100%;min-width:100px}.words .phrase-wrap .word-gloss{max-width:320px;font-size:14px}.words .word-gloss{font-size:14px}.phrase-arabic{font-size:32px;line-height:1.9;overflow-wrap:anywhere}.saved-word-main .arabic{max-width:40%;line-height:1.8;font-size:28px}.word-inspector .inspected-meaning{overflow-wrap:anywhere}
[data-theme=night] .reader-mode-note,[data-theme=night] .hint-box,[data-theme=night] .build-area,[data-theme=night] .context-stim,[data-theme=night] .learning-stages span,[data-theme=night] .lesson-number,[data-theme=night] .saved-link strong{background:var(--soft);color:var(--ink)}
[data-theme=night] .reading-tools button,[data-theme=night] .verse-meaning-button,[data-theme=night] .original-meal p,[data-theme=night] .inspector-idle>p,[data-theme=night] .other-occurrences button,[data-theme=night] .other-occurrences button span:last-child,[data-theme=night] .inspector-context,[data-theme=night] .meaning-caption,[data-theme=night] .translation-label,[data-theme=night] .surah-arabic,[data-theme=night] .surah-heading .eyebrow,[data-theme=night] .word-inspector .eyebrow,[data-theme=night] .reader-modes button,[data-theme=night] .word-practice-footer{color:var(--muted)}
[data-theme=night] .small-note{color:var(--muted)!important}[data-theme=night] #word-recall{background:var(--surface);color:var(--ink);border-color:var(--line)}
[data-theme=night] .word-actions .primary{background:var(--lime);color:var(--on-accent)}[data-theme=night] .reader-modes button.selected,[data-theme=night] .learning-stages .is-current,[data-theme=night] .lesson.current .lesson-number{background:var(--green);color:var(--on-accent)}
[data-theme=night] .reading-tools button:hover,[data-theme=night] .alpha-card:hover,[data-theme=night] .recall .qword:hover,[data-theme=night] .recall .pinned .qword{background:var(--soft)}
[data-theme=night] .syllable,[data-theme=night] .answer.selected{background:var(--soft);color:var(--ink)}[data-theme=night] .letter-tile:nth-child(2),[data-theme=night] .completion-symbol{color:var(--on-accent)}
.memory-study{padding-inline:28px}.reader-modes button{font-size:14px}.reading-tools button,.verse-meaning-button,.surah-choice label{font-size:14px}.translation-label,.meaning-caption{font-size:12px}
