@font-face{font-family:Cairo;src:url('../assets/assets/fonts/Cairo-Regular.ttf')}@font-face{font-family:Cairo;src:url('../assets/assets/fonts/Cairo-Bold.ttf');font-weight:700}@font-face{font-family:QuranArabic;src:url('../assets/assets/fonts/ScheherazadeNew-Regular.ttf')}
:root{color-scheme:light;--ink:#2a2820;--muted:#757165;--gold:#8b6f47;--gold-light:#f0e7d8;--paper:#fffcf5;--bg:#f3f0e8;--border:#dcd5c8;--en-size:12px;--green:#456659}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{color:inherit;background:#fffdf8;border:1px solid var(--border);border-radius:8px;padding:8px 12px;cursor:pointer}button:hover{background:var(--gold-light);border-color:#b8a282}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b08c42;outline-offset:3px}button.primary{background:var(--gold);color:#fff;border-color:var(--gold)}button.quiet{background:transparent}button.text-button{border:0;background:transparent;color:var(--gold);padding:7px 0;text-decoration:underline;text-underline-offset:4px}a{color:var(--gold)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app-header{display:flex;align-items:center;gap:24px;padding:12px 24px;border-bottom:1px solid var(--border);background:var(--paper);position:sticky;top:0;z-index:10;min-height:76px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);flex-shrink:0}.brand img{border-radius:10px}.brand strong{display:block;font:700 20px Cairo;line-height:1.3}.brand small{display:block;font-size:10px;letter-spacing:.04em;color:var(--muted);margin-top:2px}.main-nav{display:flex;gap:3px;flex:1;align-items:center;overflow-x:auto;scrollbar-width:none}.main-nav button{background:transparent;border-color:transparent;white-space:nowrap;font-size:12px;padding:8px 10px}.main-nav button[lang=ar]{font-family:Cairo;font-size:13px}.main-nav .active{color:var(--gold);background:var(--gold-light);font-weight:600}.count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:6px;background:var(--gold-light);color:var(--gold);font-size:11px;margin-left:4px}
.reading-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 24px;background:#f8f5ee;border-bottom:1px solid var(--border)}.toolbar-section{display:flex;align-items:center;gap:10px}.field-label{font-size:11px;color:var(--muted)}select{min-width:150px;max-width:215px;border:1px solid var(--border);border-radius:7px;padding:7px 28px 7px 9px;background:var(--paper);font:12px Cairo}#page-form{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}#page-number{width:53px;border:1px solid var(--border);border-radius:7px;background:var(--paper);color:var(--ink);font-size:13px;text-align:center;padding:7px 0;appearance:textfield}#page-number::-webkit-inner-spin-button{appearance:none}.icon-button{font-size:22px;line-height:20px;min-width:34px;padding:5px 8px}.toggle{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer;white-space:nowrap}input[type=checkbox]{accent-color:var(--gold);width:15px;height:15px}.view-options{gap:18px}.size-control{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;white-space:nowrap}input[type=range]{width:70px;accent-color:var(--gold)}.reading-guide{display:flex;align-items:flex-start;gap:9px;padding:13px 26px;font-size:11px;color:var(--muted);line-height:1.6}.guide-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);margin-top:6px;flex-shrink:0}.reading-guide strong{font-weight:500;color:#5c594d}.storage-label{margin-left:auto;white-space:nowrap;font-size:10px}
.pages{display:grid;grid-template-columns:minmax(0,760px);justify-content:center;gap:22px;padding:8px 24px 32px;max-width:1480px;margin:auto;direction:rtl;min-height:50vh}.pages.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1480px}.mushaf-page{background:var(--paper);border:1px solid #d5cbb9;box-shadow:0 8px 30px #3228100a;border-radius:5px;min-width:0;padding:20px 24px 12px;container-type:inline-size;align-self:start}.page-heading{display:flex;justify-content:space-between;font:11px Cairo;color:var(--gold);padding-bottom:12px;border-bottom:1px solid #e7ddc9;margin-bottom:10px;direction:rtl;gap:10px}.surah-heading{display:flex;align-items:center;justify-content:center;gap:15px;color:#665235;background:linear-gradient(90deg,transparent,#f1e8d7,transparent);font:700 22px Cairo;margin:12px 0 9px;padding:6px 0;border-top:1px solid #e2d6be;border-bottom:1px solid #e2d6be}.surah-heading:before,.surah-heading:after{content:'✦';font-size:11px;color:#bba478}.quran-line{display:flex;align-items:stretch;direction:rtl;gap:4px;margin:2px 0 10px;min-width:0;font-size:clamp(25px,7cqw,50px)}.quran-line.centered{justify-content:center;gap:10px;max-width:94%;margin-left:auto;margin-right:auto}.word-cell{display:flex;flex-direction:column;align-items:stretch;min-width:0;position:relative;flex-basis:0;flex-grow:var(--word-weight,1)}.word-cell.marker{flex-grow:var(--word-weight,25);justify-content:flex-start}.arabic-glyph{height:1.65em;line-height:1.65;display:flex;justify-content:center;align-items:center;white-space:pre;font-weight:400;direction:rtl;flex-shrink:0}.word-cell button.arabic-glyph{padding:0;border:0;border-radius:6px;background:transparent;width:100%;font:inherit;font-family:var(--page-font),QuranArabic;font-feature-settings:normal}.word-cell button.arabic-glyph:hover{background:#e8dfca77}.marker .arabic-glyph{font-family:var(--page-font),QuranArabic;color:#8b7548}.english-meaning{border:0;background:transparent;text-align:center;color:#67634f;font-size:var(--en-size);line-height:1.38;min-height:2.8em;padding:3px 2px 5px;border-radius:4px;overflow-wrap:anywhere;direction:ltr;hyphens:auto;flex:1}.english-meaning:hover{background:#eee2c9;color:#4d3e22}.english-meaning.personal{color:#715225;border-bottom:2px solid #b99654;font-weight:600}.no-english .english-meaning,.no-english .shared-gloss{display:none}.no-english .quran-line{margin-bottom:2px}.page-number{display:flex;justify-content:center;align-items:center;gap:14px;color:#8c7852;font:13px Cairo;margin:10px 0 0;padding-top:12px;border-top:1px solid #e7ddc9}.page-number:before,.page-number:after{content:'';width:50px;height:1px;background:#d7c59f}.linked-name{display:flex;flex-direction:column;min-width:0;flex-grow:var(--word-weight,2);flex-basis:0}.linked-name-arabic{display:flex;direction:rtl}.linked-name-arabic .word-cell{width:50%}.shared-gloss{font-size:var(--en-size);line-height:1.4;border:0;background:transparent;direction:ltr;color:var(--green);padding:3px 2px}.shared-gloss small{display:block;font-size:9px;opacity:.8}.reader-footer{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap;padding:12px 20px 26px;font-size:10px;color:var(--muted)}.reader-footer button{border:0;background:transparent;color:var(--gold);font-size:11px;text-decoration:underline;padding:4px}.loading{grid-column:1/-1;display:flex;gap:12px;align-items:center;justify-content:center;padding:70px 20px;color:var(--muted);direction:ltr}.spinner{width:20px;height:20px;border:2px solid #d5cab7;border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.load-error{padding:32px;text-align:center;color:#8b392f}
dialog{border:1px solid #d8cebd;border-radius:16px;background:var(--paper);color:var(--ink);padding:22px;box-shadow:0 30px 100px #20180944;max-height:calc(100dvh - 40px);overflow:auto}dialog::backdrop{background:#29251e66;backdrop-filter:blur(2px)}.word-dialog{width:500px;max-width:calc(100vw - 24px);margin:auto 22px auto auto;padding-bottom:14px}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:.14em;color:var(--gold)}.close-button{border:0;background:transparent;font-size:24px;line-height:20px;padding:5px 7px;color:var(--muted);border-radius:50%}.dialog-top h2{font-size:20px;margin:0}.word-title{text-align:center;padding:5px 0 15px}.word-title h1{font:42px QuranArabic;margin:0 0 2px;line-height:1.7;overflow-wrap:anywhere}.word-title p{margin:4px 0;font-size:11px;color:var(--muted)}.current-meaning{background:var(--gold-light);border:1px solid #deceb4;border-radius:9px;padding:12px 14px;margin-bottom:16px;display:flex;flex-direction:column;gap:4px}.current-meaning span{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}.current-meaning strong{font-size:17px;overflow-wrap:anywhere}.current-meaning small{font-size:10px;color:var(--muted)}.choice-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:12px;gap:16px}.choice-tabs button{border:0;border-radius:0;background:transparent;font-size:12px;padding:9px 0;border-bottom:2px solid transparent;color:var(--muted)}.choice-tabs button.active{border-bottom-color:var(--gold);color:var(--gold);font-weight:650}.choice-tabs span{font-size:10px;color:var(--muted);margin-left:2px}.option-search{display:block;margin-bottom:12px}.option-search input{width:100%;background:white;border:1px solid var(--border);border-radius:7px;padding:10px 12px;font-size:12px;color:var(--ink)}.options-area{max-height:34vh;min-height:90px;overflow:auto;overscroll-behavior:contain;padding-right:3px;scrollbar-width:thin}.option{display:flex;width:100%;justify-content:space-between;align-items:flex-start;gap:10px;text-align:left;padding:10px 12px;border-radius:7px;border:1px solid #e3ddd0;background:#fffef9;margin-bottom:6px}.option-label{font-size:13px;overflow-wrap:anywhere}.option-meta{display:block;color:var(--muted);font-size:10px;margin-top:4px}.option.is-chosen{border-color:#ad8c53;background:#f1e8d7}.chosen-icon{color:var(--gold);font-weight:bold}.empty-state{font-size:12px;color:var(--muted);padding:20px 8px;text-align:center;line-height:1.7}.note{font-size:11px;line-height:1.6;color:#6b604b;background:#f3ecdd;border-radius:7px;padding:10px 12px;margin:0 0 12px}.dictionary-note{font-size:11px;line-height:1.6;color:var(--muted);padding:0 0 10px;margin:0}.sense{padding:10px 0;border-top:1px solid #e5dfd2}.sense:first-of-type{border-top:0}.sense-title{font-size:12px;font-weight:600;margin:0 0 4px}.sense-type{font-size:9px;color:var(--gold);text-transform:uppercase;letter-spacing:.06em;margin-left:6px}.sense-definition{font-size:11px;line-height:1.5;color:var(--muted);margin:0 0 8px}.synonyms{display:flex;gap:5px;flex-wrap:wrap}.synonyms button{padding:5px 8px;font-size:12px;background:#fffdf7;border-radius:6px;max-width:100%;overflow-wrap:anywhere}.synonyms .is-chosen{background:#e9dcc2;border-color:#ad8c53}.match-label{font-size:9px;color:#8b7b5d;margin:7px 0 0}.custom-form{padding-top:16px;margin-top:10px;border-top:1px solid var(--border)}.custom-form>label{display:block;font-size:12px;font-weight:650;margin-bottom:7px}.custom-form>div{display:flex;gap:7px}.custom-form input{flex:1;min-width:0;border:1px solid var(--border);border-radius:7px;padding:9px;font-size:12px;background:white}.custom-form button{font-size:11px;padding:9px 10px;white-space:nowrap}.custom-form small{display:block;margin-top:7px;font-size:10px;color:var(--muted)}.dialog-bottom{display:flex;justify-content:space-between;gap:15px;margin-top:8px}.dialog-bottom button{font-size:10px}.inline-error{font-size:12px;color:#9a3b2e;line-height:1.6}.occurrences{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;max-height:160px;overflow:auto}.occurrences button{font-size:10px;padding:4px 7px}.saved-dialog{width:700px;max-width:calc(100vw - 24px)}.muted{color:var(--muted);font-size:12px;line-height:1.6}.backup-tools{display:flex;align-items:center;gap:8px;margin:18px 0 14px;flex-wrap:wrap}.backup-tools button{font-size:12px}.backup-tools span{margin-left:auto;color:var(--muted);font-size:11px}.saved-list{max-height:55vh;overflow:auto}.saved-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 13px;border-radius:0;border:0;border-bottom:1px solid #e6dfd1;background:transparent;text-align:left;gap:18px}.saved-row .ar{font:28px QuranArabic;direction:rtl;min-width:100px}.saved-row .en{flex:1;font-size:13px;overflow-wrap:anywhere}.saved-row small{font-size:10px;color:var(--muted)}.sources-dialog{width:650px;max-width:calc(100vw - 24px);font-size:13px;line-height:1.7}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:13px;max-width:calc(100vw - 26px);width:max-content;padding:12px 14px;border-radius:10px;background:#323b31;color:#fffaf0;font-size:12px}.toast button{background:transparent;color:#f2d697;border:0;font-size:11px;padding:4px}.toast #close-toast{font-size:18px;color:#ddd7c9}
@media(max-width:1100px){.app-header{gap:13px;padding:10px 16px}.brand small{display:none}.main-nav{gap:1px}.main-nav button{padding:7px;font-size:11px}.reading-toolbar{padding:12px 16px;gap:12px}.view-options{gap:12px}.reading-guide{padding:11px 18px}.storage-label{display:none}.pages{padding:7px 14px 25px;gap:12px}.mushaf-page{padding:14px 17px 10px}}@media(max-width:760px){.app-header{flex-wrap:wrap;gap:9px;min-height:70px;padding:9px 12px}.brand{flex:1}.brand img{width:33px;height:33px}.brand strong{font-size:17px}.main-nav{order:3;width:100%;flex-basis:100%;gap:4px}.main-nav button{font-size:11px}.quiet{font-size:11px;padding:7px 8px}.reading-toolbar{padding:10px 12px;gap:10px}.toolbar-section{gap:7px}.field-label{display:none}select{width:145px;min-width:0;font-size:11px}#page-form{font-size:10px}#page-number{width:40px}.view-options{width:100%;justify-content:space-between;gap:6px}.toggle{font-size:10px}.size-control{font-size:10px;gap:4px}input[type=range]{width:55px}.reading-guide{font-size:10px;padding:10px 14px}.pages,.pages.two{grid-template-columns:minmax(0,1fr);max-width:740px;padding:2px 8px 22px}.mushaf-page{padding:12px 10px 8px}.quran-line{gap:2px;font-size:clamp(23px,7cqw,45px);margin-bottom:8px}.quran-line.centered{gap:4px;max-width:100%}.english-meaning{padding:2px 1px 4px;line-height:1.4}.surah-heading{font-size:19px}.word-dialog{margin:auto;width:calc(100vw - 20px);padding:17px;max-height:calc(100dvh - 20px)}.word-title h1{font-size:36px}.word-title{padding-bottom:9px}.options-area{max-height:32vh}.reader-footer{gap:8px;font-size:9px}.saved-dialog,.sources-dialog{padding:18px}.saved-row{gap:9px}.saved-row .ar{min-width:70px;font-size:24px}.toast{font-size:11px;bottom:12px;gap:8px}.page-heading{font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

.english-line{direction:ltr;text-align:left;font-size:calc(var(--en-size) + 2px);line-height:1.7;color:#554b39;background:#f5efe3;border-top:1px solid #e6dccb;border-radius:5px;padding:8px 12px;margin:2px 0 20px;overflow-wrap:anywhere;unicode-bidi:plaintext}
.no-english .english-line{display:none}.english-line:empty{display:none}
@media(max-width:760px){.english-line{padding:7px 9px;margin-bottom:15px}}

.inline-word-input{width:100%;min-width:0;min-height:4em;resize:vertical;text-align:center;border:1px solid #b99654;border-radius:5px;background:#fffef9;color:var(--ink);font:var(--en-size)/1.45 system-ui;padding:5px 3px;direction:ltr;flex:1}
.editing-word .arabic-glyph{background:#eee2c9;border-radius:5px}
.inline-choices{padding:12px;margin:4px 0 10px;background:#fff8e9;border:1px solid #d5bd8c;border-radius:8px;text-align:left;direction:ltr}
.inline-choice-heading{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--muted)}.inline-arabic{font:25px QuranArabic;color:var(--ink)}
.quick-suggestions,.inline-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:8px}.quick-choice{padding:7px 10px;font-size:12px}.inline-actions button{font-size:11px}.inline-actions .text-button{padding:7px}.inline-choices .inline-error{margin-bottom:0}
/* Verse endings in the joined English reading line. */
.english-verse-marker{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;min-width:1.8em;height:1.8em;padding:0 .16em;margin:0 .2em;border:3px double #ac956e;border-radius:50%;color:#806941;font-size:.78em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;unicode-bidi:isolate;direction:ltr;background:#fffaf0}
.forward-scope{font-size:11px;line-height:1.6;color:var(--muted);margin:2px 0 9px}
.saved-dialog{width:820px}.history-row{padding:16px 4px;border-bottom:1px solid var(--border)}.history-word{display:flex;justify-content:space-between;align-items:center;gap:18px}.history-word .ar{font:30px QuranArabic;min-width:0;overflow-wrap:anywhere}.history-word .en{font-size:15px;overflow-wrap:anywhere;text-align:right}.history-before{font-size:12px;color:var(--muted);margin:3px 0 6px;overflow-wrap:anywhere}.history-date{display:block;font-size:11px;color:var(--muted);margin:5px 0}.history-location{display:block;font-size:11px;border:0;background:transparent;color:#796035;padding:5px 0;text-align:left;text-decoration:underline;text-underline-offset:3px;white-space:normal}.history-location-note{font-size:11px;color:var(--muted);margin:6px 0}.history-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:6px}.history-bottom small{font-size:11px;color:var(--muted);line-height:1.6}.history-bottom button{flex-shrink:0;font-size:12px}.history-row.undone{opacity:.65}.history-more{display:block;margin:15px auto;font-size:12px}@media(max-width:760px){.history-word .ar{font-size:26px}.history-word .en{font-size:13px}.history-bottom{gap:8px}.history-location{line-height:1.7}.history-row{padding:14px 0}}

/* Reader-only presentation. */
:root{--en-size:16px}.app-header{justify-content:space-between}.reader-actions{display:flex;align-items:center;gap:10px}.brand small{display:block}.live-hint{margin-left:auto}.pages{grid-template-columns:minmax(0,920px)}.pages.two{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{font-size:12px}.english-line{line-height:1.6}.live-controls{position:fixed;z-index:30;right:20px;bottom:16px;display:flex;align-items:center;gap:8px;padding:7px;border:1px solid var(--border);border-radius:10px;background:#fffcf5f2;box-shadow:0 4px 18px #221b1422;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}.live-controls button{font-size:12px}.live-controls #live-previous,.live-controls #live-next{font-size:22px;line-height:22px;padding:3px 12px}.show-live-controls .live-controls,.live-controls:focus-within{opacity:1;pointer-events:auto}.live-mode .app-header,.live-mode .reading-toolbar,.live-mode .reading-guide,.live-mode .reader-footer{display:none}.live-mode .pages{padding-top:12px;padding-bottom:65px}.live-mode .mushaf-page{box-shadow:none}.live-mode .toast{bottom:70px}.live-mode{background:var(--paper)}
@media(max-width:760px){.reader-actions{gap:6px}.reader-actions button{font-size:11px;padding:7px 9px}.live-hint{display:none}.pages,.pages.two{grid-template-columns:minmax(0,1fr)}.live-controls{right:8px;bottom:8px;max-width:calc(100vw - 16px)}.live-mode .pages{padding:0 4px 64px}.live-mode .mushaf-page{border-left:0;border-right:0;border-radius:0}.storage-label{display:none}}
@media print{.app-header,.reading-toolbar,.reading-guide,.reader-footer,.live-controls,.toast,.inline-choices{display:none!important}.pages,.pages.two{display:block;padding:0;max-width:none}.mushaf-page{break-after:page;box-shadow:none;border:0}.quran-line,.english-line{break-inside:avoid}}
.reader-search{padding:0 24px 12px;background:#f8f5ee;border-bottom:1px solid var(--border)}.reader-search-form{display:flex;gap:8px;max-width:920px;margin:auto;padding-top:12px}.reader-search-form input{flex:1;min-width:0;border:1px solid #c9bda8;border-radius:8px;padding:10px 12px;background:var(--paper);color:var(--ink);font-size:14px}.reader-search-form select{font:12px system-ui;min-width:145px;max-width:180px}.reader-search-form button{font-size:12px}.search-caption{max-width:920px;margin:7px auto 0;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted)}.root-key{color:#386c75}.root-key [lang=ar]{font-family:Cairo}.word-cell .word-root{font:11px/1.6 Cairo;color:#386c75;background:transparent;border:0;padding:0 2px 2px;text-align:center;overflow-wrap:anywhere;min-height:20px}.word-cell .word-root:hover{background:#e7f0ee}.word-root:focus-visible{outline-offset:0}.reader-search-results{max-width:920px;margin:12px auto 0;border:1px solid var(--border);border-radius:10px;padding:10px 14px;background:var(--paper)}.search-results-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.search-results-top p{font-size:12px;margin:4px 0}.search-results-top button{border:0;background:transparent;padding:3px 8px;font-size:20px}.reader-search-list{max-height:42vh;overflow:auto;overscroll-behavior:contain}.search-result{display:block;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid #e7dfd1;border-radius:0;padding:10px 5px}.search-result-words{display:flex;align-items:center;gap:16px;min-width:0}.search-result-arabic{font:26px/1.5 QuranArabic;min-width:100px}.search-result-english{flex:1;overflow-wrap:anywhere;font-size:14px}.search-result-root{color:#386c75;font:12px Cairo}.search-result-location{display:block;color:var(--muted);font-size:10px;margin-top:4px}.search-pagination{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:10px;font-size:11px}.search-pagination button{font-size:11px}.live-mode .reader-search{display:none}.release-code{font-size:9px;letter-spacing:.05em;color:var(--muted)}
@media(max-width:760px){.reader-search{padding:0 12px 10px}.reader-search-form{flex-wrap:wrap;gap:6px}.reader-search-form input{flex-basis:100%;font-size:13px}.reader-search-form select{flex:1;max-width:none}.search-caption{font-size:9px;gap:8px}.word-cell .word-root{font-size:10px}.reader-search-results{padding:8px}.search-result-words{flex-wrap:wrap;gap:4px 10px}.search-result-arabic{font-size:23px;min-width:70px}.search-result-english{font-size:12px}.search-result-root{font-size:11px}.search-result-location{line-height:1.7}.search-pagination{flex-wrap:wrap;font-size:10px}.search-pagination button{font-size:10px;padding:7px}.reader-search-list{max-height:40vh}}
@media print{.reader-search{display:none!important}}
.search-result-phrase{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}.search-result-phrase .search-result-arabic{min-width:0;overflow-wrap:anywhere;text-align:right}.search-result-phrase .search-result-root{overflow-wrap:anywhere}

.pages{touch-action:pan-y pinch-zoom}.view-options{flex-wrap:wrap}.reader-footer .storage-label{margin-left:0}
@media(max-width:760px),(pointer:coarse) and (hover:none){:root{--en-size:10px}}

#reader-search-clear{flex:0 0 34px}#reader-search-clear[hidden]{display:block!important;visibility:hidden;pointer-events:none}

.search-result-verse{display:grid;gap:8px;padding:3px 0}.search-result-verse+.search-result-verse{border-top:1px solid #e7dfd1;padding-top:12px}.search-result-verse .search-result-arabic{display:block;line-height:1.9}.search-result-verse .search-result-english{display:block;line-height:1.7;color:#66502d}.search-result mark{background:#f5df9b;color:#46300a;border-radius:3px;padding:0 2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.search-result-chapter{font:600 13px Cairo;color:#775718}.search-result-location{line-height:1.8}.search-result .english-verse-marker{font-size:11px;min-width:24px;height:24px;vertical-align:middle}.search-result .search-result-arabic .english-verse-marker{font:12px/24px system-ui;display:inline-block;text-align:center}
.word-cell.search-destination{background:#fff2c9;border-radius:8px;box-shadow:inset 0 0 0 1px #d7b454,0 0 12px #dfba5140}.word-cell.search-match{background:#ffe49b;box-shadow:inset 0 0 0 2px #ac7815,0 0 16px #dab14d66}.english-line.search-destination{background:#ffefbd;border:2px solid #be922f;box-shadow:0 0 18px #dcb54c55;color:#62460b}.search-destination .arabic-glyph{scroll-margin-block:150px}
.community-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 24px;border-bottom:1px solid var(--border);background:var(--paper);font-size:12px}.presence-stats,.account-actions{display:flex;gap:16px;align-items:center}.presence-stats strong{font-variant-numeric:tabular-nums;margin-left:4px;color:#376b54}.presence-dot{width:6px;height:6px;background:#4e8068;border-radius:50%}.community-bar button{padding:5px 10px;font-size:12px}.account-dialog{width:min(430px,94vw)}.accounts-dialog{width:min(720px,96vw)}.account-dialog form,.accounts-dialog form{display:grid;gap:12px}.account-dialog label,.accounts-dialog label{display:grid;gap:5px;font-size:13px}.account-dialog input,.accounts-dialog input,.accounts-dialog select{min-width:0;width:100%;box-sizing:border-box}.account-dialog details{margin-top:18px}.account-dialog summary{cursor:pointer;margin-bottom:12px}.account-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:13px 0;border-bottom:1px solid var(--border)}.account-row .account-person{flex:1;min-width:140px}.account-row small{display:block;color:var(--muted)}.account-row select{width:auto}.account-row label{display:flex;align-items:center}.account-row input{width:auto}.account-row button{font-size:12px}.history-author{color:#5b776c;font-size:12px;margin:4px 0}.live-mode .community-bar{justify-content:center;padding:5px 12px;font-size:10px}.live-mode .account-actions{display:none}.reader-actions{flex-wrap:wrap}.reader-footer .storage-label{display:initial}#invitation-result{margin-top:16px;padding:12px;background:#f3eddf;border-radius:8px}#invitation-link{font-size:11px}.read-only .english-meaning,.read-only .arabic-glyph{cursor:pointer}@media(max-width:760px){.community-bar{padding:7px 10px;flex-wrap:wrap;font-size:10px;gap:8px}.presence-stats{gap:10px}.account-actions{gap:6px;margin-left:auto}.community-bar button{font-size:10px;padding:5px 7px}.account-row{gap:8px}}@media print{.community-bar{display:none}}
.english-line{color:#73500b;background:linear-gradient(110deg,#fff7df,#fffaf0);border:1px solid #e1c27b;border-inline-start:3px solid #bd902c;box-shadow:0 2px 14px #c5a04724;font-weight:600}
.english-line .english-verse-marker{color:#73500b;border-color:#b58a2a;background:#fff2c9}
.english-line.search-destination{background:#ffefbd;border:2px solid #be922f;box-shadow:0 0 18px #dcb54c55;color:#62460b}
.word-cell .arabic-glyph[role=button]{user-select:text;-webkit-user-select:text;cursor:pointer;padding:0;border:0;border-radius:6px;background:transparent;width:100%;font:inherit;font-feature-settings:normal}
.word-cell .arabic-glyph[role=button]:hover{background:#e8dfca77}
.word-cell .arabic-glyph[role=button]:focus-visible{outline:2px solid #947329;outline-offset:2px}
.arabic-glyph::selection{background:#e5c064;color:#302309}
.select-arabic-words{font:inherit;padding:3px 8px;margin-left:auto;border:1px solid #cabb97;border-radius:5px;color:#725018;background:#fffcf4;white-space:nowrap}
.select-arabic-words[aria-pressed=true]{background:#f5dfa4;border-color:#ac7815}
.selecting-arabic .arabic-glyph{cursor:crosshair;user-select:none;-webkit-user-select:none}
.word-cell .arabic-glyph.phrase-selected{background:#f5dfa4;box-shadow:inset 0 0 0 2px #ae801f;border-radius:6px}
.arabic-selection-tools{position:fixed;z-index:110;inset:auto 18px 18px;max-width:880px;margin:auto;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff9e9;border:1px solid #bd902c;border-radius:12px;box-shadow:0 4px 28px #46361635}
.arabic-selection-text{min-width:0;flex:1;display:grid;gap:5px}.arabic-selection-text [lang=ar]{font:25px/1.6 QuranArabic;max-height:100px;overflow:auto}.arabic-selection-text small{font:11px/1.4 system-ui;color:#705b32}.arabic-selection-tools button{flex-shrink:0;font-size:12px}.arabic-selection-tools #clear-arabic-selection{padding:8px;font-size:20px;line-height:1;border:0;background:transparent}
@media(max-width:760px){.search-caption{flex-wrap:wrap;align-items:center}.select-arabic-words{margin-left:0}.arabic-selection-tools{inset:auto 10px 12px;gap:8px;padding:10px;flex-wrap:wrap}.arabic-selection-text{flex-basis:100%;padding-right:24px}.arabic-selection-text [lang=ar]{font-size:22px}.arabic-selection-tools #clear-arabic-selection{position:absolute;right:6px;top:6px}}
@media print{.arabic-selection-tools{display:none!important}}
.side-page-arrow{position:fixed;top:50%;transform:translateY(-50%);z-index:15;width:48px;height:124px;padding:10px 7px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:6px;border:1px solid #b89b66;border-radius:24px;background:#fffaf0f5;color:#896a35;box-shadow:0 3px 14px #5c49251a;touch-action:manipulation;transition:background .15s,box-shadow .15s}.side-page-arrow.previous{left:14px}.side-page-arrow.next{right:14px}.side-page-arrow svg{width:25px;height:36px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.arrow-ornament{font:20px/1 serif;color:#b2945d}.side-page-arrow:hover:not(:disabled){background:#f7edda;box-shadow:0 4px 20px #5c49252e}.side-page-arrow:focus-visible{outline:3px solid #376b54;outline-offset:3px}.side-page-arrow:disabled{opacity:.32;cursor:default}.pages,.live-mode .pages{padding-inline:76px}.activity-dialog{width:min(1080px,96vw);max-height:90dvh}.activity-eyebrow{color:#8b6f47;font-size:10px;letter-spacing:.15em;margin:0 0 4px}.activity-dialog h2{margin:0}.activity-kinds{display:flex;gap:8px;margin:16px 0}.activity-kinds [aria-pressed=true]{background:#e9dfca;border-color:#9b8153;color:#5f4b2b}.activity-note{font-size:12px;color:var(--muted);line-height:1.55}.activity-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:20px 0}.activity-filters label{display:grid;gap:5px;font-size:12px}.activity-filters input,.activity-filters select{min-width:145px;max-width:200px;font-size:13px}.activity-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.activity-summary>div{display:grid;gap:5px;padding:15px 18px;background:#f5f0e6;border:1px solid var(--border);border-radius:10px}.activity-summary strong{font-size:25px;font-weight:600;color:#4b6555}.activity-summary span{font-size:12px;color:var(--muted)}.activity-table-wrap{overflow:auto;max-height:46dvh;border:1px solid var(--border);border-radius:8px}.activity-table{border-collapse:collapse;width:100%;text-align:left;font-size:12px;min-width:700px}.activity-table th{position:sticky;top:0;background:#f4eedf;color:#6f5a34;z-index:1;font-weight:600}.activity-table th,.activity-table td{padding:12px;border-bottom:1px solid var(--border);vertical-align:top;max-width:230px;overflow-wrap:anywhere}.activity-table td small{display:block;margin-top:4px;font-size:10px;color:var(--muted)}.activity-table tbody tr:last-child td{border-bottom:0}.activity-outcome.success{color:#376b54}.activity-outcome.failed,.activity-outcome.blocked{color:#9a4433}.activity-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:15px 0;font-size:12px}.activity-pagination button{font-size:12px}#activity-status{font-size:12px;min-height:18px}
@media(max-width:760px){.reader-side-nav{position:fixed;bottom:0;left:0;right:0;height:76px;background:linear-gradient(transparent,#f7f3eaf5 25%);z-index:15;pointer-events:none}.side-page-arrow{top:auto;bottom:7px;transform:none;width:44px;height:62px;padding:4px;gap:0;pointer-events:auto}.side-page-arrow.previous{left:10px}.side-page-arrow.next{right:10px}.side-page-arrow svg{width:22px;height:26px}.arrow-ornament{font-size:12px}.pages,.pages.two,.live-mode .pages{padding-inline:8px;padding-bottom:90px}.toolbar-section:not(.view-options){width:100%}#surah{flex:1;min-width:70px;width:0}.live-controls{bottom:14px;left:62px;right:62px;justify-content:center;flex-wrap:wrap;font-size:10px}.live-controls #live-previous,.live-controls #live-next{display:none}.live-controls button{font-size:10px}.toast,.live-mode .toast{bottom:85px}.activity-dialog{padding:14px}.activity-summary{gap:6px}.activity-summary>div{padding:10px}.activity-summary strong{font-size:21px}.activity-summary span{font-size:10px}.activity-filters{gap:8px}.activity-filters input,.activity-filters select{min-width:120px;max-width:155px}.activity-table-wrap{max-height:40dvh}}
@media print{.reader-side-nav,.activity-dialog{display:none}.pages,.pages.two{padding-inline:0}}

@media(max-width:360px){.brand{flex-basis:160px}.reader-actions{margin-left:auto}.activity-pagination{gap:4px}.activity-pagination button{padding:7px;font-size:10px}}
:root{--reader-header-height:156px}
html{scroll-padding-top:calc(var(--reader-header-height) + 12px)}
.reader-header{position:sticky;top:0;z-index:30;background:var(--paper);box-shadow:0 3px 12px #5943220d}
.reader-header .app-header{position:static;min-height:70px;gap:20px;padding:10px 24px;justify-content:flex-start;flex-wrap:nowrap}
.reader-header .presence-stats{gap:12px;flex-wrap:wrap;font-size:11px}
.reader-header .account-actions{margin-left:auto;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.reader-header .account-actions button{font-size:12px;padding:7px 10px}
.reader-header .reader-actions{margin-left:0;flex-shrink:0;flex-wrap:nowrap;gap:8px}
.reader-control-bar{display:grid;grid-template-columns:auto minmax(330px,1fr) auto;align-items:center;gap:20px;padding:10px 24px;background:#f8f5ee;border-bottom:1px solid var(--border)}
.reader-control-bar>.toolbar-section{gap:8px;min-width:0}
.reader-control-bar #surah{width:150px;min-width:100px;max-width:190px}
.reader-control-bar #page-number{width:52px}
.reader-control-bar .view-options{gap:14px;justify-content:flex-end;flex-wrap:wrap}
.reader-control-bar .reader-search{padding:0;min-width:0;background:none;border:0}
.reader-control-bar .reader-search-form{padding:0;margin:0;max-width:none;gap:6px}
.reader-control-bar .reader-search-form input{width:0;flex:1;padding:9px 10px;font-size:12px}
.reader-control-bar .reader-search-form select{min-width:112px;width:128px;max-width:128px;font-size:11px;padding-inline:8px}
.reader-control-bar .reader-search-form button{padding:8px 10px;font-size:11px}
.reader-control-bar #reader-search-clear{flex-basis:28px;padding-inline:4px}
.reader-control-bar .search-caption{margin:5px 0 0;max-width:none;gap:8px;align-items:center;font-size:9px}
.reader-control-bar .search-caption>span:first-child{display:none}
.reader-control-bar .select-arabic-words{margin-left:0;font-size:10px}
.reader-control-bar .root-key{margin-left:auto}
#reader-workspace>.reader-search-results{margin:12px auto;max-width:min(920px,calc(100% - 32px));scroll-margin-top:0}
#reader-workspace .reader-search-list{max-height:clamp(90px,calc(100dvh - var(--reader-header-height) - 120px),42vh)}
.search-destination .arabic-glyph{scroll-margin-block:12px}
.live-mode .reader-header .app-header{display:flex;min-height:28px;padding:5px 12px;justify-content:center}
.live-mode .reader-header .presence-stats{margin:0;font-size:10px}
.live-mode .reader-header .brand,.live-mode .reader-header .account-actions,.live-mode .reader-header .reader-actions,.live-mode .reader-control-bar{display:none}
@media(max-width:1590px){
 .reader-control-bar{grid-template-columns:auto minmax(0,1fr);gap:9px 18px}
 .reader-control-bar>.toolbar-section:first-child{grid-column:1;grid-row:1}
 .reader-control-bar>.view-options{grid-column:2;grid-row:1}
 .reader-control-bar>.reader-search{grid-column:1/-1;grid-row:2;display:flex;align-items:center;gap:14px}
 .reader-control-bar .reader-search-form{flex:1;min-width:0}
 .reader-control-bar .search-caption{display:none}
 .reader-control-bar .root-key{display:none}
}
@media(max-width:760px){
 .reader-header .app-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:8px 12px;min-height:64px}
 .reader-header .brand{grid-column:1;grid-row:1;min-width:0;flex-basis:auto}
 .reader-header .reader-actions{grid-column:2;grid-row:1}
 .reader-header .reader-actions button{font-size:10px;padding:7px 8px}
 .reader-header .presence-stats{grid-column:1;grid-row:2;font-size:9px;gap:7px}
 .reader-header .account-actions{grid-column:2;grid-row:2;gap:5px;max-width:180px}
 .reader-header .account-actions button{font-size:9px;padding:5px 7px}
 .reader-control-bar{grid-template-columns:minmax(0,1fr);padding:8px 12px;gap:7px}
 .reader-control-bar>.toolbar-section:first-child{grid-column:1;grid-row:1;width:100%}
 .reader-control-bar #surah{width:0;flex:1;min-width:70px;max-width:none}
 .reader-control-bar>.reader-search{grid-column:1;grid-row:2;display:block}
 .reader-control-bar .reader-search-form{flex-wrap:wrap;gap:5px}
 .reader-control-bar .reader-search-form input{width:auto;flex:1 1 100%;font-size:12px;padding:8px 10px}
 .reader-control-bar .reader-search-form select{flex:1;min-width:100px;max-width:none}
 .reader-control-bar .search-caption{margin-top:5px;justify-content:flex-end}
 .reader-control-bar .select-arabic-words{font-size:9px;padding:3px 7px}
 .reader-control-bar>.view-options{grid-column:1;grid-row:3;gap:8px;justify-content:space-between}
 .reader-control-bar .toggle{font-size:9px;gap:4px}
 .reader-control-bar .size-control{font-size:9px}
 .reader-control-bar .size-control input{width:65px}
 .live-mode .reader-header .app-header{display:flex}
}
@media print{.reader-header,#reader-search-results{display:none!important}}
.root-tools{display:flex;align-items:center;justify-content:center;gap:2px;min-height:24px}.root-tools[hidden]{display:none}.root-tools .word-root{margin:0}.root-tools .root-search{background:transparent;border:0;padding:2px 4px;min-width:24px;color:#477b76;font-size:17px;line-height:1}.root-tools .root-search[hidden]{display:none}.word-root.personal-root{font-weight:700;text-decoration:underline;text-decoration-color:#87aaa3;text-underline-offset:3px}.inline-root-input{width:100%;min-width:0;font-size:19px;line-height:1.5;color:#28655e;min-height:42px;padding:4px}.root-choice{display:flex;flex-direction:column;gap:3px;align-items:center;min-width:85px;max-width:240px;white-space:normal}.root-choice>span{font-family:QuranArabic,serif;font-size:21px;color:#28655e}.root-choice small{font-size:11px;font-weight:400;color:var(--muted)}.root-inline-choices{border-color:#86a59b}.root-options{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;max-height:40dvh;overflow:auto}.root-custom-row{display:flex;gap:8px;margin:8px 0 14px}.root-custom-row input{min-width:0;flex:1;font-family:QuranArabic,serif;font-size:22px}#root-dialog{width:min(680px,94vw)}#root-heading{margin:6px 0}.history-kind{font-size:11px;color:#477b76}.history-root-value{font-family:QuranArabic,serif;color:#28655e}@media(max-width:760px){.root-tools{gap:0}.root-tools .root-search{font-size:15px;min-width:20px;padding:2px}.root-choice{max-width:100%}.root-custom-row{flex-wrap:wrap}}
.english-tools{display:flex;flex:1;min-width:0;align-items:center;justify-content:center;gap:1px;direction:ltr}.english-tools[hidden],.no-english .english-tools{display:none}.english-tools .english-meaning,.english-tools .shared-gloss{flex:1;min-width:0}.english-tools .english-search{flex:0 0 18px;align-self:center;width:18px;min-width:0;border:0;background:transparent;color:#477b76;padding:2px 0;font-size:17px;line-height:1;min-height:24px}.english-tools .english-search[hidden]{display:none}.english-tools .english-search:hover{color:#73500b;background:#eee2c9}.english-tools .english-search:focus-visible{outline:2px solid #947329;outline-offset:1px}@media(max-width:760px){.english-tools{gap:0}.english-tools .english-search{flex-basis:13px;width:13px;font-size:14px}}@media print{.english-search{display:none!important}}
/* The original 1480px spread has 76px side gutters, a 22px gap,
   and 25px of border/padding on each side of its Arabic columns. */
@media screen and (min-width:1481px) and (hover:hover) and (pointer:fine){
 .pages.two.wide-desktop-spread{max-width:none;--spread-arabic-width:603px}
 .pages.two.wide-desktop-spread>.mushaf-page>:is(.page-heading,.surah-heading,.quran-line,.page-number){width:var(--spread-arabic-width);max-width:var(--spread-arabic-width)}
 .pages.two.wide-desktop-spread>.mushaf-page:first-child>:is(.page-heading,.surah-heading,.quran-line,.page-number){margin-left:0;margin-right:auto}
 .pages.two.wide-desktop-spread>.mushaf-page:last-child>:is(.page-heading,.surah-heading,.quran-line,.page-number){margin-left:auto;margin-right:0}
 .pages.two.wide-desktop-spread>.mushaf-page>.quran-line{font-size:clamp(25px,calc(var(--spread-arabic-width)*.07),50px);min-height:var(--spread-row-height,0px)}
 .pages.two.wide-desktop-spread>.mushaf-page>.quran-line.centered{width:calc(var(--spread-arabic-width)*.94)}
 .pages.two.wide-desktop-spread>.mushaf-page:first-child>.quran-line.centered{margin-left:calc(var(--spread-arabic-width)*.03)}
 .pages.two.wide-desktop-spread>.mushaf-page:last-child>.quran-line.centered{margin-right:calc(var(--spread-arabic-width)*.03)}
 .pages.two.wide-desktop-spread .english-tools.spread-meaning{position:relative;align-self:center;width:var(--spread-meaning-width);left:var(--spread-meaning-offset)}
 .pages.two.wide-desktop-spread>.mushaf-page>.english-line{min-height:var(--spread-sentence-height,0px)}
 /* Measure the original line height before giving English the extra width. */
 .pages.two.wide-desktop-spread.spread-measuring>.mushaf-page>.english-line{width:var(--spread-arabic-width)}
}