:root{--green:#174f42;--ink:#273e35;--muted:#7b8278;--line:#e2e4da;--paper:#f8f8f2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bda86c;outline-offset:3px}header{max-width:1240px;margin:auto;padding:28px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--green);font-size:17px;letter-spacing:1.5px}.brand b{font-weight:400}.logo{font-size:42px;line-height:1}.brand small{display:block;font-size:10px;letter-spacing:.4px;color:var(--muted);margin-top:5px}.header-note,.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:600}.header-note{color:var(--muted)}main{max-width:1144px;margin:auto;padding:28px 0 12px}.topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.eyebrow{color:#7c897a}.eyebrow i{display:inline-block;width:6px;height:6px;background:#6e8e62;border-radius:50%;margin-right:8px}.gap{display:flex;align-items:center;gap:12px;font-size:12px;color:#747b70}.gap span{padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:white}.gap input{width:38px;border:0;color:var(--green);background:transparent;outline:0}.verse-stage{position:relative;border:1px solid #dbe2d4;border-radius:18px;overflow:hidden;background:#edf1e7;padding:24px 32px 0;text-align:center;min-height:300px;background-image:radial-gradient(ellipse at 50% 100%,#e2e9d6 0,transparent 75%)}.verse-meta,.stage-foot{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#667a5b}.ornament{color:#a8b48f;margin:18px 0 4px;font-size:23px}#arabic{font-family:'Amiri Quran',serif;font-size:43px;line-height:2.1;min-height:100px;padding:0 20px;color:#314b36}#arabic span{border-radius:8px;padding:0 3px;transition:background .12s,color .12s}#arabic span.active{background:#ccdbb8;color:#143c27;box-shadow:0 3px 0 #a2b680}#translation{color:#75806c;font-size:12px;line-height:1.8;min-height:22px;margin:4px auto 30px;max-width:700px}.stage-foot{font-size:9px;padding-bottom:20px}.stage-foot span:first-child{letter-spacing:.4px}.progress{height:3px;background:#dde5d1;margin:0 -32px}#progress{background:#8b9d68;height:100%;width:0;transition:width .15s}.workspace{display:grid;grid-template-columns:1fr 300px;gap:44px;margin-top:37px}.section-heading{display:flex;justify-content:space-between;align-items:center}h1{font-size:24px;letter-spacing:-.7px;font-weight:500;margin:8px 0}h2{font-size:19px;font-weight:500;margin:10px 0 20px}.pill{border:1px solid var(--line);border-radius:20px;padding:6px 10px;font-size:10px;color:#858a7e}.muted{color:var(--muted)}.intro{font-size:12px;margin:5px 0 24px}.range{border:1px solid var(--line);background:#fffefa;border-radius:12px;padding:16px;margin-bottom:12px}.range.current{border-color:#a8b99b}.row-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:11px}.range-number{display:inline-grid;place-items:center;border-radius:50%;background:#edf1e6;width:24px;height:24px;margin-right:8px;color:#60794f}.remove{border:0;background:none;color:#93998b;font-size:18px;padding:3px 8px}.fields{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px}.fields label{display:grid;gap:6px;font-size:10px;color:#8a8e82}select,input{width:100%;padding:10px;border:1px solid var(--line);border-radius:6px;background:#fffefa;color:var(--ink);min-width:0}.fields input{font-size:13px}.add{width:100%;border:1px dashed #c7d0bc;background:transparent;border-radius:10px;padding:13px;color:#567347;font-size:12px}.add>span{font-size:20px;vertical-align:-2px;margin-right:5px}.add small{display:block;color:#929889;font-size:10px;margin-top:3px}aside{border-left:1px solid var(--line);padding-left:30px}aside select{font-size:12px;padding:12px}.reciter-info{display:flex;gap:12px;align-items:center;margin:20px 0 26px;font-size:11px}.reciter-info small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.avatar{border-radius:50%;background:#e8eddf;padding:12px;font-size:18px;color:#698254}.tip{border-top:1px solid var(--line);padding-top:20px;display:flex;gap:12px;color:#70835d}.tip>span{font-size:22px}.tip p{font-size:12px;line-height:1.9;margin:0}.tip small{color:#929885;font-size:11px}.source{font-size:9px;color:#969b90;margin-top:24px}.source a{color:inherit}.player{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;margin-top:32px;display:flex;align-items:center;justify-content:space-between}.player p{font-size:12px;color:#7d8678;margin:8px 0 0}.controls{display:flex;align-items:center;gap:15px}.reset{border:0;background:none;font-size:26px;color:#839077;padding:10px}.play{background:var(--green);color:white;border:0;border-radius:9px;padding:17px 26px;min-width:205px;font-size:12px;box-shadow:0 5px 12px #174f4216}.play>span:first-child{margin-right:10px}.play:disabled{opacity:.5}.play:hover{background:#256352}footer{display:flex;justify-content:space-between;padding:20px 0;color:#a0a394;font-size:10px}footer button{font-size:10px;color:#849275;background:none;border:0;text-decoration:underline}dialog{border:1px solid var(--line);border-radius:15px;max-width:360px;padding:25px;color:var(--ink)}dialog::backdrop{background:#142a2466}dialog p{line-height:1.8}dialog button{background:var(--green);color:white;padding:10px 20px;border:0;border-radius:5px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1400px){main{padding-top:38px}.verse-stage{min-height:330px}#arabic{font-size:49px}}@media(max-width:1200px){main{margin:0 40px}header{padding:24px 40px}}@media(max-width:760px){header{padding:22px}.brand{font-size:14px}.brand small{font-size:9px}.logo{font-size:34px}.header-note{display:none}main{margin:0 20px;padding-top:20px}.topline{align-items:flex-start;gap:15px}.topline>.eyebrow{font-size:8px;padding-top:12px;letter-spacing:1px}.gap{font-size:10px;gap:6px;flex-direction:column;align-items:flex-end}.gap span{padding:5px 8px}.verse-stage{padding:20px 18px 0;min-height:300px;border-radius:13px}.verse-meta{font-size:8px;letter-spacing:1px}#arabic{font-size:34px;line-height:2.2;padding:0;min-height:110px}.ornament{margin-top:20px}#translation{font-size:11px;margin-bottom:25px}.stage-foot{font-size:8px;letter-spacing:.7px}.workspace{grid-template-columns:1fr;gap:28px;margin-top:28px}h1{font-size:22px}.section-heading .eyebrow{font-size:8px}.fields{grid-template-columns:1fr 1fr 1fr}.fields label:first-child{grid-column:1/-1}.fields select{padding:11px}.range{padding:14px}aside{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}aside h2{font-size:17px;margin:8px 0 13px}.reciter-info{margin:15px 0}.tip{display:none}.source{margin:10px 0 0}.player{position:sticky;bottom:0;background:var(--paper);padding:16px 0;margin-top:22px;gap:12px}.player .eyebrow{font-size:8px;letter-spacing:1px}.player p{font-size:10px;max-width:150px;line-height:1.5}.play{min-width:155px;padding:16px 12px;font-size:11px}.controls{gap:4px}.reset{font-size:23px;padding:5px}.play>span:first-child{margin-right:5px}footer{font-size:8px;align-items:center}footer button{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Compact reading preferences, with each label and control kept together. */
.topline{justify-content:flex-end;flex-wrap:wrap;gap:12px 22px}.gap,.display-control{display:flex;flex-direction:row;align-items:center;gap:8px;white-space:nowrap;font-size:12px;color:#747b70}.gap span{display:inline-flex;align-items:center;gap:4px;height:38px;padding:0 9px}.gap input{width:48px;padding:7px 0;outline:revert}.display-control select{width:auto;height:38px;padding:6px 8px;font-size:12px}.section-heading{margin-bottom:18px}#arabic{font-family:var(--arabic-font,'Amiri Quran'),serif;font-size:var(--arabic-size,34px)}
@media(max-width:760px){.topline{justify-content:flex-start;gap:10px 16px}.gap,.display-control{font-size:11px;gap:6px;flex-direction:row;align-items:center}.gap span{padding:0 8px}.display-control select{font-size:11px}h1{font-size:21px}.section-heading{gap:12px}.pill{white-space:nowrap}}

.logo{display:block;flex:0 0 14px;width:14px;height:14px;border-radius:50%;background:var(--green)}
.brand small{font-size:10px;letter-spacing:.2px;margin-top:6px;color:var(--muted)}
.settings-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;background:transparent;color:var(--green);border:0;border-radius:50%;padding:10px}
.settings-button:hover{background:#e8eddf}.stage-foot{justify-content:flex-end}.stage-foot #repeatLabel{letter-spacing:1.5px}
#settings{width:390px;max-width:calc(100vw - 32px);padding:20px 24px;box-shadow:0 18px 60px #142a2430}
.settings-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.settings-heading h2{margin:0}.settings-heading .settings-button{font-size:26px}
#settings .topline{display:flex;flex-direction:column;align-items:stretch;gap:18px;margin:0 0 8px}
#settings .gap,#settings .display-control{justify-content:space-between;font-size:12px;gap:12px}#settings .display-control select{max-width:170px}
@media(max-width:760px){header{gap:12px}.brand{gap:10px}.brand small{font-size:9px}.logo{flex-basis:12px;width:12px;height:12px}.stage-foot #repeatLabel{letter-spacing:.7px}}

/* Give the verse and range editor the space formerly used by the sidebar. */
.workspace{grid-template-columns:minmax(0,1fr);gap:0}
.verse-stage{min-height:0;padding-top:20px}
.verse-meta{margin-bottom:8px}
#arabic{min-height:0}
#settings .reciter-setting{display:flex;flex-direction:column;align-items:stretch;gap:8px}
#settings .reciter-setting select{width:100%;max-width:none}
#settings .source{margin:18px 0 0;font-size:10px;line-height:1.6}
@media(max-width:760px){.verse-stage{min-height:0;padding-top:16px}.verse-meta{margin-bottom:6px}#arabic{min-height:0}}
/* Search and browse are independent ways to choose the same surah. */
.fields{grid-template-columns:repeat(3,minmax(0,1fr))}.surah-picker{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:12px}.surah-search{position:relative;min-width:0}.surah-search>label{display:block;font-size:10px;color:#8a8e82;margin-bottom:6px}.surah-search input{font-size:13px;padding:11px;min-height:42px}.surah-dropdown select{font-size:13px;min-height:42px}.surah-or{align-self:end;line-height:42px;font-size:11px;color:#919886}.surah-results{position:absolute;z-index:5;top:calc(100% + 5px);left:0;right:0;min-width:240px;max-height:240px;overflow-y:auto;background:#fffefa;border:1px solid #cbd5c1;border-radius:8px;box-shadow:0 8px 24px #173d2920}.surah-results [role=option]{padding:12px;font-size:12px;line-height:1.6;cursor:pointer;border-bottom:1px solid #edf0e7}.surah-results [role=option]:last-child{border-bottom:0}.surah-results [role=option]:hover,.surah-results [aria-selected=true]{background:#e6eddd;color:#174f42}.no-results{padding:12px;color:#7b8278;font-size:11px;line-height:1.6}
/* Persistent transport, with real vector play and pause symbols. */
.player{position:sticky;bottom:0;z-index:6;background:#173f35;color:#f6f7ee;border:1px solid #214e42;border-radius:14px;padding:17px 22px;box-shadow:0 -4px 22px #173f3515;margin-bottom:8px}.player .eyebrow{color:#b7c9ac}.player p{color:#e0e8db}.controls{gap:16px}.reset{color:#c3d3b9}.play{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;min-width:0;width:58px;height:58px;border-radius:50%;padding:0;background:#e1ebcb;color:#173f35;box-shadow:none}.play:hover{background:#f0f5e5}.play>span:first-child{margin:0}.play .play-symbol{display:block;margin-left:2px}.play .pause-symbol{display:none}.play.is-playing .play-symbol{display:none}.play.is-playing .pause-symbol{display:block}
@media(max-width:760px){.fields label:first-child{grid-column:auto}.surah-picker{gap:8px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.surah-search input,.surah-dropdown select{font-size:11px;padding:10px 7px}.surah-or{font-size:10px}.surah-results{min-width:230px}.player{padding:14px 16px;bottom:0}.player p{max-width:none}.player>div:first-child{min-width:0}.controls{gap:10px}.play{width:54px;height:54px;min-width:54px;padding:0}.player .eyebrow{font-size:8px}.reset{width:34px;padding:5px}}

@font-face{font-family:UthmanicHafs;src:url('https://quran.com/fonts/quran/hafs/uthmanic_hafs/UthmanicHafs1Ver18.woff2') format('woff2');font-display:swap;font-weight:400;font-style:normal}
#arabic tajweed{padding:0;border-radius:0;box-shadow:none}
#arabic .ham_wasl,#arabic .laam_shamsiyah,#arabic .silent{color:#858585}
#arabic .madda_normal{color:#ac3849}#arabic .madda_permissible{color:#cc2838}#arabic .madda_necessary,#arabic .madda_obligatory{color:#a01223}
#arabic .qalqalah{color:#c22a20}
#arabic .ghunnah,#arabic .idgham_ghunnah,#arabic .idgham_wo_ghunnah{color:#087e53}
#arabic .ikhfa,#arabic .ikhfa_shafawi,#arabic .idgham_shafawi,#arabic .iqlab{color:#8c399c}
#settings .display-control:has(#arabicFont){flex-direction:column;align-items:stretch;gap:8px}#settings #arabicFont{width:100%;max-width:none}
.tajwid-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin:18px 0 0;font-size:10px;line-height:1.7}.tajwid-legend[hidden]{display:none}.tajwid-legend span:before{content:'●';margin-right:5px}.tajwid-red{color:#c22a20}.tajwid-green{color:#087e53}.tajwid-purple{color:#8c399c}.tajwid-grey{color:#858585}

#arabic .madda_obligatory_monfasel,#arabic .madda_obligatory_mottasel{color:#a01223}#arabic .ikhafa,#arabic .ikhafa_shafawi{color:#8c399c}#arabic .idgham_mutajanisayn,#arabic .idgham_mutaqaribayn{color:#087e53}

/* Readable form text also prevents iOS focus zoom without blocking pinch zoom. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body input,body select,body textarea,body .fields input,body .surah-search input,body .surah-dropdown select,body .display-control select,body #settings .display-control select,body aside select{font-size:16px}
.gap input{width:54px}.surah-search input{width:100%}.surah-dropdown select{width:100%}
.surah-search.is-muted input,.surah-dropdown.is-muted select{background:#f0f0eb;color:#8b9087;border-color:#e2e3dc}
.surah-search.is-muted>label,.surah-dropdown.is-muted{color:#959a90}
.surah-search.is-muted input:focus,.surah-dropdown.is-muted select:focus{background:#fffefa;color:var(--ink);border-color:#879d76}
.surah-search:not(.is-muted) input,.surah-dropdown:not(.is-muted) select{border-color:#94aa83;background:#fffefa}
.range.current{background:#eef4e7;border:2px solid #567e45;box-shadow:0 0 0 3px #567e4510}
.range.current .row-head{color:#31572b;font-weight:600}.range.current .range-number{background:#567e45;color:#fff}
.brand small{margin-top:2px}.logo{flex-basis:19px;width:19px;height:19px}
.player .eyebrow{display:block;line-height:1.25}.player p{margin:3px 0 0;line-height:1.35}.player{padding-top:12px;padding-bottom:12px}
@media(max-width:760px){.brand small{margin-top:2px;font-size:9px}.logo{flex-basis:17px;width:17px;height:17px}.player{padding-top:10px;padding-bottom:10px}.player p{margin-top:3px}.surah-picker{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.surah-search input,.surah-dropdown select{padding-left:8px;padding-right:6px}.surah-search input::placeholder{font-size:11px}}

/* Keep a 16px computed input font for mobile focus, rendered at a compact 13px. */
.range{padding:11px 12px;margin-bottom:10px;border-radius:10px}.range .row-head{margin-bottom:9px;font-size:10px}.range-number{width:21px;height:21px;margin-right:6px}.range .remove{padding:0 6px;line-height:24px}
.range .fields{gap:8px}.range .fields label{font-size:9px;gap:4px}.range .surah-search>label{font-size:9px;margin-bottom:4px}.range .surah-picker{gap:7px}.range .surah-or{line-height:32px;font-size:10px}
.compact-control{display:block;position:relative;min-width:0;width:100%;height:32px}
body .range .compact-control>input,body .range .compact-control>select{position:absolute;top:0;left:0;width:123.076923%;height:39.384615px;min-height:0;margin:0;font-size:16px;padding:7px 10px;line-height:1.25;transform:scale(.8125);transform-origin:top left;border-radius:7px}
body .range .compact-control>input::placeholder{font-size:13px}
.range .surah-results [role=option]{padding:8px 10px;font-size:11px}.range .surah-results{top:calc(100% + 4px)}
/* Compact header and verse card: height follows the verse rather than empty space. */
header{padding-top:12px;padding-bottom:12px}.brand{gap:10px;line-height:1.2}.brand small{margin-top:1px;line-height:1.2}
main{padding-top:14px}.verse-stage{padding:12px 20px 0;min-height:0;border-radius:12px}.verse-meta{margin-bottom:3px}
#arabic{min-height:0;line-height:1.8;padding:0 8px}
#translation{min-height:0;margin:2px auto 10px;line-height:1.5}
.stage-foot{padding-bottom:10px}.progress{margin-left:-20px;margin-right:-20px}
.workspace{margin-top:22px}.section-heading{margin-bottom:12px}.player{margin-top:22px}
@media(min-width:1400px){main{padding-top:16px}.verse-stage{min-height:0}}
@media(max-width:760px){header{padding:10px 20px}.brand{gap:9px}.brand small{margin-top:1px}main{padding-top:12px}.verse-stage{padding:11px 14px 0;min-height:0}.verse-meta{margin-bottom:3px}#arabic{padding:0;line-height:1.8;min-height:0}#translation{margin:2px auto 9px;line-height:1.5}.stage-foot{padding-bottom:9px}.progress{margin-left:-14px;margin-right:-14px}.workspace{margin-top:20px}.section-heading{margin-bottom:10px}.player{margin-top:20px}}

#settings .translation-setting{flex-direction:column;align-items:stretch;gap:8px}#settings #translationLanguage{width:100%;max-width:none}

.range{scroll-margin-top:16px;scroll-margin-bottom:120px}

.night-setting{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;color:#747b70;padding-bottom:16px;border-bottom:1px solid var(--line)}
#nightMode{appearance:none;-webkit-appearance:none;position:relative;flex-shrink:0;width:40px;height:24px;margin:0;padding:0;border:1px solid #b5bfad;border-radius:20px;background:#d6ddcf;cursor:pointer}
#nightMode:before{content:'';display:block;width:18px;height:18px;position:absolute;top:2px;left:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .15s}
#nightMode:checked{background:#507a43;border-color:#507a43}#nightMode:checked:before{transform:translateX(16px)}
html[data-theme=night]{color-scheme:dark;--paper:#101c18;--ink:#e1e9df;--muted:#a3b0a0;--line:#34453b;--green:#b6d8a5}
html[data-theme=night] .verse-stage{background:#1b2c22;background-image:radial-gradient(ellipse at 50% 100%,#263a27 0,transparent 75%);border-color:#40523a}
html[data-theme=night] #arabic{color:#e0ead4}html[data-theme=night] #arabic span.active{background:#405c32;color:#f2f7e8;box-shadow:0 3px 0 #8aa66a}
html[data-theme=night] .verse-meta,html[data-theme=night] .stage-foot{color:#b8c7a5}html[data-theme=night] #translation{color:#b6c3ad}
html[data-theme=night] .progress{background:#32432a}html[data-theme=night] #progress{background:#a0b67a}
html[data-theme=night] .range{background:#17251e;border-color:#34453b}html[data-theme=night] .range.current{background:#223924;border-color:#8dad73;box-shadow:0 0 0 3px #8dad7312}
html[data-theme=night] .range.current .row-head{color:#cee3bb}html[data-theme=night] .range-number{background:#30452c;color:#d3e3c6}html[data-theme=night] .range.current .range-number{background:#8dad73;color:#132015}
html[data-theme=night] input,html[data-theme=night] select{background:#1c2b23;color:#e1e9df;border-color:#485942}
html[data-theme=night] .surah-search:not(.is-muted) input,html[data-theme=night] .surah-dropdown:not(.is-muted) select{background:#1c2b23;border-color:#8aa572}
html[data-theme=night] .surah-search.is-muted input,html[data-theme=night] .surah-dropdown.is-muted select{background:#1b241f;color:#929d8e;border-color:#364239}
html[data-theme=night] .surah-search.is-muted input:focus,html[data-theme=night] .surah-dropdown.is-muted select:focus{background:#243328;color:#e1e9df;border-color:#8aa572}
html[data-theme=night] .surah-results{background:#1c2b23;border-color:#556b48}html[data-theme=night] .surah-results [role=option]{border-color:#34453b;color:#e1e9df}html[data-theme=night] .surah-results [role=option]:hover,html[data-theme=night] .surah-results [aria-selected=true]{background:#354d2e;color:#f0f6e8}
html[data-theme=night] .gap span{background:#1c2b23;border-color:#485942}html[data-theme=night] .gap input{background:transparent}
html[data-theme=night] .eyebrow,html[data-theme=night] .gap,html[data-theme=night] .display-control,html[data-theme=night] .night-setting,html[data-theme=night] .fields label,html[data-theme=night] .surah-search>label{color:#aab8a0}
html[data-theme=night] .add{border-color:#526347;color:#c1d8ae}html[data-theme=night] .settings-button:hover{background:#30402f}html[data-theme=night] .logo{background:#89b96f}
html[data-theme=night] dialog{background:#17251e;border-color:#46553e;color:#e1e9df}html[data-theme=night] dialog::backdrop{background:#030a07b3}html[data-theme=night] #donation button{background:#aacd91;color:#132015}
html[data-theme=night] .player{background:#152f26;border-color:#45603e}html[data-theme=night] .player .eyebrow{color:#b7c9ac}html[data-theme=night] .play{background:#d4e5b9;color:#173f35}html[data-theme=night] .play:hover{background:#e3efcf}
html[data-theme=night] #arabic .madda_normal{color:#ef9aa7}html[data-theme=night] #arabic .madda_permissible,html[data-theme=night] #arabic .madda_necessary,html[data-theme=night] #arabic .madda_obligatory,html[data-theme=night] #arabic .madda_obligatory_monfasel,html[data-theme=night] #arabic .madda_obligatory_mottasel,html[data-theme=night] #arabic .qalqalah,html[data-theme=night] .tajwid-red{color:#ff9292}
html[data-theme=night] #arabic .ghunnah,html[data-theme=night] #arabic .idgham_ghunnah,html[data-theme=night] #arabic .idgham_wo_ghunnah,html[data-theme=night] #arabic .idgham_mutajanisayn,html[data-theme=night] #arabic .idgham_mutaqaribayn,html[data-theme=night] .tajwid-green{color:#71d4a0}
html[data-theme=night] #arabic .ikhfa,html[data-theme=night] #arabic .ikhafa,html[data-theme=night] #arabic .ikhfa_shafawi,html[data-theme=night] #arabic .ikhafa_shafawi,html[data-theme=night] #arabic .idgham_shafawi,html[data-theme=night] #arabic .iqlab,html[data-theme=night] .tajwid-purple{color:#d6a2ed}
html[data-theme=night] #arabic .ham_wasl,html[data-theme=night] #arabic .laam_shamsiyah,html[data-theme=night] #arabic .silent,html[data-theme=night] .tajwid-grey{color:#a5ada1}