druvx13 · Copilot · Mar 10, 2026 · Mar 10, 2026
diff --git a/docs/001.html b/docs/001.html
diff --git a/docs/002.html b/docs/002.html
diff --git a/docs/003.html b/docs/003.html
diff --git a/docs/004.html b/docs/004.html
diff --git a/docs/005.html b/docs/005.html
diff --git a/docs/006.html b/docs/006.html
diff --git a/docs/007.html b/docs/007.html
diff --git a/docs/008.html b/docs/008.html
diff --git a/docs/009.html b/docs/009.html
diff --git a/docs/010.html b/docs/010.html
diff --git a/docs/011.html b/docs/011.html
diff --git a/docs/012.html b/docs/012.html
diff --git a/docs/013.html b/docs/013.html
diff --git a/docs/014.html b/docs/014.html
diff --git a/docs/015.html b/docs/015.html
diff --git a/docs/016.html b/docs/016.html
diff --git a/docs/017.html b/docs/017.html
diff --git a/docs/018.html b/docs/018.html
diff --git a/docs/019.html b/docs/019.html
diff --git a/docs/020.html b/docs/020.html
diff --git a/docs/021.html b/docs/021.html
diff --git a/docs/022.html b/docs/022.html
diff --git a/docs/023.html b/docs/023.html
diff --git a/docs/024.html b/docs/024.html
diff --git a/docs/025.html b/docs/025.html
diff --git a/docs/026.html b/docs/026.html
diff --git a/docs/027.html b/docs/027.html
diff --git a/docs/028.html b/docs/028.html
diff --git a/docs/029.html b/docs/029.html
diff --git a/docs/030.html b/docs/030.html
diff --git a/docs/031.html b/docs/031.html
diff --git a/docs/032.html b/docs/032.html
diff --git a/docs/033.html b/docs/033.html
diff --git a/docs/034.html b/docs/034.html
diff --git a/docs/035.html b/docs/035.html
diff --git a/docs/036.html b/docs/036.html
diff --git a/docs/037.html b/docs/037.html
diff --git a/docs/038.html b/docs/038.html
diff --git a/docs/039.html b/docs/039.html
diff --git a/docs/040.html b/docs/040.html
diff --git a/docs/041.html b/docs/041.html
diff --git a/docs/042.html b/docs/042.html
diff --git a/docs/043.html b/docs/043.html
diff --git a/docs/044.html b/docs/044.html
diff --git a/docs/045.html b/docs/045.html
diff --git a/docs/046.html b/docs/046.html
diff --git a/docs/047.html b/docs/047.html
diff --git a/docs/048.html b/docs/048.html
diff --git a/docs/049.html b/docs/049.html
diff --git a/docs/050.html b/docs/050.html
diff --git a/docs/051.html b/docs/051.html
diff --git a/docs/052.html b/docs/052.html
diff --git a/docs/053.html b/docs/053.html
diff --git a/docs/054.html b/docs/054.html
diff --git a/docs/055.html b/docs/055.html
diff --git a/docs/056.html b/docs/056.html
diff --git a/docs/057.html b/docs/057.html
diff --git a/docs/058.html b/docs/058.html
diff --git a/docs/059.html b/docs/059.html
diff --git a/docs/060.html b/docs/060.html
diff --git a/docs/061.html b/docs/061.html
diff --git a/docs/062.html b/docs/062.html
diff --git a/docs/063.html b/docs/063.html
diff --git a/docs/064.html b/docs/064.html
diff --git a/docs/065.html b/docs/065.html
diff --git a/docs/066.html b/docs/066.html
diff --git a/docs/067.html b/docs/067.html
diff --git a/docs/068.html b/docs/068.html
diff --git a/docs/069.html b/docs/069.html
diff --git a/docs/070.html b/docs/070.html
diff --git a/docs/071.html b/docs/071.html
diff --git a/docs/072.html b/docs/072.html
diff --git a/docs/073.html b/docs/073.html
diff --git a/docs/074.html b/docs/074.html
diff --git a/docs/075.html b/docs/075.html
diff --git a/docs/076.html b/docs/076.html
diff --git a/docs/077.html b/docs/077.html
diff --git a/docs/078.html b/docs/078.html
diff --git a/docs/079.html b/docs/079.html
diff --git a/docs/080.html b/docs/080.html
diff --git a/docs/081.html b/docs/081.html
diff --git a/docs/082.html b/docs/082.html
diff --git a/docs/083.html b/docs/083.html
diff --git a/docs/084.html b/docs/084.html
diff --git a/docs/085.html b/docs/085.html
diff --git a/docs/086.html b/docs/086.html
diff --git a/docs/087.html b/docs/087.html
diff --git a/docs/088.html b/docs/088.html
diff --git a/docs/089.html b/docs/089.html
diff --git a/docs/090.html b/docs/090.html
diff --git a/docs/091.html b/docs/091.html
diff --git a/docs/092.html b/docs/092.html
diff --git a/docs/093.html b/docs/093.html
diff --git a/docs/094.html b/docs/094.html
diff --git a/docs/095.html b/docs/095.html
diff --git a/docs/096.html b/docs/096.html
diff --git a/docs/097.html b/docs/097.html
diff --git a/docs/098.html b/docs/098.html
diff --git a/docs/099.html b/docs/099.html
diff --git a/docs/100.html b/docs/100.html
diff --git a/docs/101.html b/docs/101.html
diff --git a/docs/102.html b/docs/102.html
diff --git a/docs/103.html b/docs/103.html
diff --git a/docs/104.html b/docs/104.html
diff --git a/docs/105.html b/docs/105.html
diff --git a/docs/106.html b/docs/106.html
diff --git a/docs/107.html b/docs/107.html
diff --git a/docs/108.html b/docs/108.html
diff --git a/docs/109.html b/docs/109.html
diff --git a/docs/110.html b/docs/110.html
diff --git a/docs/111.html b/docs/111.html
diff --git a/docs/112.html b/docs/112.html
diff --git a/docs/113.html b/docs/113.html
diff --git a/docs/114.html b/docs/114.html
diff --git a/docs/bookmarks.html b/docs/bookmarks.html
@@ -230,6 +230,51 @@
   .vc-font-ctrl button{background:#1a1a1a;border-color:#334;color:#90caf9}
   .vc-font-ctrl button:hover{background:#263650}
 }
+/* H1 controls wrapper */
+.h1-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}
+.h1-controls h1{margin:0}
+/* Chapter play button */
+.chapter-play-btn{display:inline-flex;align-items:center;gap:4px;background:#1a3a5c;
+  color:#ffd54f;border:none;border-radius:4px;padding:4px 12px;cursor:pointer;
+  font-size:.88em;line-height:1.4;white-space:nowrap}
+.chapter-play-btn:hover{background:#2a5a8c}
+.chapter-play-btn.playing{background:#b71c1c;color:#fff}
+/* Reading mode button */
+.reading-mode-btn{display:inline-flex;align-items:center;gap:4px;background:#fff;
+  border:1px solid #ccd6e0;border-radius:4px;padding:4px 12px;cursor:pointer;
+  font-size:.88em;color:#1a3a5c;line-height:1.4;white-space:nowrap}
+.reading-mode-btn:hover{background:#dde8f2}
+.reading-mode-btn.active{background:#1a3a5c;color:#fff;border-color:#1a3a5c}
+/* Surah all-read checkbox label */
+.surah-read-label{display:inline-flex;align-items:center;gap:5px;font-size:.88em;
+  cursor:pointer;color:#1a3a5c;padding:4px 8px;background:#f0f4f8;
+  border:1px solid #ccd6e0;border-radius:4px;white-space:nowrap}
+.surah-read-label:hover{background:#dde8f2}
+.surah-read-label input{width:15px;height:15px;accent-color:#2e7d32;cursor:pointer;flex-shrink:0}
+/* Per-verse progress checkbox */
+.ayah-prog-cb{width:15px;height:15px;cursor:pointer;accent-color:#2e7d32;
+  margin-right:5px;vertical-align:middle;flex-shrink:0}
+/* Read verse separator styling */
+.ayah-sep.ayah-read td{background:#1b5e20!important;color:#fff!important;border-color:#1b5e20!important}
+/* Reading mode active state */
+body.rm-active tr[data-ayah]{opacity:0.25;transition:opacity .25s}
+body.rm-active tr.rm-current[data-ayah]{opacity:1}
+body.rm-active tr.rm-passed[data-ayah]{opacity:0.5}
+body.rm-active tr.rm-current.ayah-sep td{border-left:4px solid #ffd54f}
+body.rm-active tr.rm-passed.ayah-sep td{background:#1b5e20!important;color:#fff!important;border-color:#1b5e20!important}
+@media(max-width:600px){
+  .chapter-play-btn,.reading-mode-btn,.surah-read-label{min-height:40px;padding:6px 10px}
+}
+@media(prefers-color-scheme:dark){
+  .chapter-play-btn{background:#0d2136}
+  .chapter-play-btn:hover{background:#1a3a5c}
+  .chapter-play-btn.playing{background:#7f0000;color:#fff}
+  .reading-mode-btn{background:#1a1a1a;border-color:#334;color:#90caf9}
+  .reading-mode-btn:hover{background:#263650}
+  .reading-mode-btn.active{background:#1a3a5c;color:#fff;border-color:#1a3a5c}
+  .surah-read-label{background:#1e2a3a;border-color:#334;color:#90caf9}
+  .surah-read-label:hover{background:#263650}
+}
 .bm-list{list-style:none;padding:0;margin:0}
 .bm-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-bottom:1px solid #dce8f0;font-size:.95em}
 .bm-item:last-child{border-bottom:none}

diff --git a/docs/config.html b/docs/config.html
@@ -230,6 +230,51 @@
   .vc-font-ctrl button{background:#1a1a1a;border-color:#334;color:#90caf9}
   .vc-font-ctrl button:hover{background:#263650}
 }
+/* H1 controls wrapper */
+.h1-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}
+.h1-controls h1{margin:0}
+/* Chapter play button */
+.chapter-play-btn{display:inline-flex;align-items:center;gap:4px;background:#1a3a5c;
+  color:#ffd54f;border:none;border-radius:4px;padding:4px 12px;cursor:pointer;
+  font-size:.88em;line-height:1.4;white-space:nowrap}
+.chapter-play-btn:hover{background:#2a5a8c}
+.chapter-play-btn.playing{background:#b71c1c;color:#fff}
+/* Reading mode button */
+.reading-mode-btn{display:inline-flex;align-items:center;gap:4px;background:#fff;
+  border:1px solid #ccd6e0;border-radius:4px;padding:4px 12px;cursor:pointer;
+  font-size:.88em;color:#1a3a5c;line-height:1.4;white-space:nowrap}
+.reading-mode-btn:hover{background:#dde8f2}
+.reading-mode-btn.active{background:#1a3a5c;color:#fff;border-color:#1a3a5c}
+/* Surah all-read checkbox label */
+.surah-read-label{display:inline-flex;align-items:center;gap:5px;font-size:.88em;
+  cursor:pointer;color:#1a3a5c;padding:4px 8px;background:#f0f4f8;
+  border:1px solid #ccd6e0;border-radius:4px;white-space:nowrap}
+.surah-read-label:hover{background:#dde8f2}
+.surah-read-label input{width:15px;height:15px;accent-color:#2e7d32;cursor:pointer;flex-shrink:0}
+/* Per-verse progress checkbox */
+.ayah-prog-cb{width:15px;height:15px;cursor:pointer;accent-color:#2e7d32;
+  margin-right:5px;vertical-align:middle;flex-shrink:0}
+/* Read verse separator styling */
+.ayah-sep.ayah-read td{background:#1b5e20!important;color:#fff!important;border-color:#1b5e20!important}
+/* Reading mode active state */
+body.rm-active tr[data-ayah]{opacity:0.25;transition:opacity .25s}
+body.rm-active tr.rm-current[data-ayah]{opacity:1}
+body.rm-active tr.rm-passed[data-ayah]{opacity:0.5}
+body.rm-active tr.rm-current.ayah-sep td{border-left:4px solid #ffd54f}
+body.rm-active tr.rm-passed.ayah-sep td{background:#1b5e20!important;color:#fff!important;border-color:#1b5e20!important}
+@media(max-width:600px){
+  .chapter-play-btn,.reading-mode-btn,.surah-read-label{min-height:40px;padding:6px 10px}
+}
+@media(prefers-color-scheme:dark){
+  .chapter-play-btn{background:#0d2136}
+  .chapter-play-btn:hover{background:#1a3a5c}
+  .chapter-play-btn.playing{background:#7f0000;color:#fff}
+  .reading-mode-btn{background:#1a1a1a;border-color:#334;color:#90caf9}
+  .reading-mode-btn:hover{background:#263650}
+  .reading-mode-btn.active{background:#1a3a5c;color:#fff;border-color:#1a3a5c}
+  .surah-read-label{background:#1e2a3a;border-color:#334;color:#90caf9}
+  .surah-read-label:hover{background:#263650}
+}
 .cfg-card{background:#f0f4f8;border:1px solid #ccd6e0;border-radius:8px;padding:20px;max-width:600px;margin:0 auto}
 .cfg-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #e0e0e0}
 .cfg-row:last-child{border-bottom:none}

diff --git a/docs/download.html b/docs/download.html
@@ -230,6 +230,51 @@
   .vc-font-ctrl button{background:#1a1a1a;border-color:#334;color:#90caf9}
   .vc-font-ctrl button:hover{background:#263650}
 }
+/* H1 controls wrapper */
+.h1-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}
+.h1-controls h1{margin:0}
+/* Chapter play button */
+.chapter-play-btn{display:inline-flex;align-items:center;gap:4px;background:#1a3a5c;
+  color:#ffd54f;border:none;border-radius:4px;padding:4px 12px;cursor:pointer;
+  font-size:.88em;line-height:1.4;white-space:nowrap}
+.chapter-play-btn:hover{background:#2a5a8c}
+.chapter-play-btn.playing{background:#b71c1c;color:#fff}
+/* Reading mode button */
+.reading-mode-btn{display:inline-flex;align-items:center;gap:4px;background:#fff;
+  border:1px solid #ccd6e0;border-radius:4px;padding:4px 12px;cursor:pointer;
+  font-size:.88em;color:#1a3a5c;line-height:1.4;white-space:nowrap}
+.reading-mode-btn:hover{background:#dde8f2}
+.reading-mode-btn.active{background:#1a3a5c;color:#fff;border-color:#1a3a5c}
+/* Surah all-read checkbox label */
+.surah-read-label{display:inline-flex;align-items:center;gap:5px;font-size:.88em;
+  cursor:pointer;color:#1a3a5c;padding:4px 8px;background:#f0f4f8;
+  border:1px solid #ccd6e0;border-radius:4px;white-space:nowrap}
+.surah-read-label:hover{background:#dde8f2}
+.surah-read-label input{width:15px;height:15px;accent-color:#2e7d32;cursor:pointer;flex-shrink:0}
+/* Per-verse progress checkbox */
+.ayah-prog-cb{width:15px;height:15px;cursor:pointer;accent-color:#2e7d32;
+  margin-right:5px;vertical-align:middle;flex-shrink:0}
+/* Read verse separator styling */
+.ayah-sep.ayah-read td{background:#1b5e20!important;color:#fff!important;border-color:#1b5e20!important}
+/* Reading mode active state */
+body.rm-active tr[data-ayah]{opacity:0.25;transition:opacity .25s}
+body.rm-active tr.rm-current[data-ayah]{opacity:1}
+body.rm-active tr.rm-passed[data-ayah]{opacity:0.5}
+body.rm-active tr.rm-current.ayah-sep td{border-left:4px solid #ffd54f}
+body.rm-active tr.rm-passed.ayah-sep td{background:#1b5e20!important;color:#fff!important;border-color:#1b5e20!important}
+@media(max-width:600px){
+  .chapter-play-btn,.reading-mode-btn,.surah-read-label{min-height:40px;padding:6px 10px}
+}
+@media(prefers-color-scheme:dark){
+  .chapter-play-btn{background:#0d2136}
+  .chapter-play-btn:hover{background:#1a3a5c}
+  .chapter-play-btn.playing{background:#7f0000;color:#fff}
+  .reading-mode-btn{background:#1a1a1a;border-color:#334;color:#90caf9}
+  .reading-mode-btn:hover{background:#263650}
+  .reading-mode-btn.active{background:#1a3a5c;color:#fff;border-color:#1a3a5c}
+  .surah-read-label{background:#1e2a3a;border-color:#334;color:#90caf9}
+  .surah-read-label:hover{background:#263650}
+}
 .dl-section{margin-bottom:24px}
 .dl-section h2{color:#1a3a5c;margin:0 0 10px;font-size:1.1em;border-bottom:2px solid #ffd54f;padding-bottom:4px}
 .dl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px;margin:10px 0}

diff --git a/docs/index.html b/docs/index.html
@@ -230,6 +230,51 @@
   .vc-font-ctrl button{background:#1a1a1a;border-color:#334;color:#90caf9}
   .vc-font-ctrl button:hover{background:#263650}
 }
+/* H1 controls wrapper */
+.h1-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}
+.h1-controls h1{margin:0}
+/* Chapter play button */
+.chapter-play-btn{display:inline-flex;align-items:center;gap:4px;background:#1a3a5c;
+  color:#ffd54f;border:none;border-radius:4px;padding:4px 12px;cursor:pointer;
+  font-size:.88em;line-height:1.4;white-space:nowrap}
+.chapter-play-btn:hover{background:#2a5a8c}
+.chapter-play-btn.playing{background:#b71c1c;color:#fff}
+/* Reading mode button */
+.reading-mode-btn{display:inline-flex;align-items:center;gap:4px;background:#fff;
+  border:1px solid #ccd6e0;border-radius:4px;padding:4px 12px;cursor:pointer;
+  font-size:.88em;color:#1a3a5c;line-height:1.4;white-space:nowrap}
+.reading-mode-btn:hover{background:#dde8f2}
+.reading-mode-btn.active{background:#1a3a5c;color:#fff;border-color:#1a3a5c}
+/* Surah all-read checkbox label */
+.surah-read-label{display:inline-flex;align-items:center;gap:5px;font-size:.88em;
+  cursor:pointer;color:#1a3a5c;padding:4px 8px;background:#f0f4f8;
+  border:1px solid #ccd6e0;border-radius:4px;white-space:nowrap}
+.surah-read-label:hover{background:#dde8f2}
+.surah-read-label input{width:15px;height:15px;accent-color:#2e7d32;cursor:pointer;flex-shrink:0}
+/* Per-verse progress checkbox */
+.ayah-prog-cb{width:15px;height:15px;cursor:pointer;accent-color:#2e7d32;
+  margin-right:5px;vertical-align:middle;flex-shrink:0}
+/* Read verse separator styling */
+.ayah-sep.ayah-read td{background:#1b5e20!important;color:#fff!important;border-color:#1b5e20!important}
+/* Reading mode active state */
+body.rm-active tr[data-ayah]{opacity:0.25;transition:opacity .25s}
+body.rm-active tr.rm-current[data-ayah]{opacity:1}
+body.rm-active tr.rm-passed[data-ayah]{opacity:0.5}
+body.rm-active tr.rm-current.ayah-sep td{border-left:4px solid #ffd54f}
+body.rm-active tr.rm-passed.ayah-sep td{background:#1b5e20!important;color:#fff!important;border-color:#1b5e20!important}
+@media(max-width:600px){
+  .chapter-play-btn,.reading-mode-btn,.surah-read-label{min-height:40px;padding:6px 10px}
+}
+@media(prefers-color-scheme:dark){
+  .chapter-play-btn{background:#0d2136}
+  .chapter-play-btn:hover{background:#1a3a5c}
+  .chapter-play-btn.playing{background:#7f0000;color:#fff}
+  .reading-mode-btn{background:#1a1a1a;border-color:#334;color:#90caf9}
+  .reading-mode-btn:hover{background:#263650}
+  .reading-mode-btn.active{background:#1a3a5c;color:#fff;border-color:#1a3a5c}
+  .surah-read-label{background:#1e2a3a;border-color:#334;color:#90caf9}
+  .surah-read-label:hover{background:#263650}
+}
 .recent-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}
 .recent-card{display:flex;flex-direction:column;padding:10px 14px;background:#e8f5e9;border:1px solid #a5d6a7;border-radius:6px;text-decoration:none;color:#1a3a5c;font-size:.95em;min-width:160px}
 .recent-card:hover{background:#c8e6c9}

diff --git a/docs/license.html b/docs/license.html
@@ -230,6 +230,51 @@
   .vc-font-ctrl button{background:#1a1a1a;border-color:#334;color:#90caf9}
   .vc-font-ctrl button:hover{background:#263650}
 }
+/* H1 controls wrapper */
+.h1-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}
+.h1-controls h1{margin:0}
+/* Chapter play button */
+.chapter-play-btn{display:inline-flex;align-items:center;gap:4px;background:#1a3a5c;
+  color:#ffd54f;border:none;border-radius:4px;padding:4px 12px;cursor:pointer;
+  font-size:.88em;line-height:1.4;white-space:nowrap}
+.chapter-play-btn:hover{background:#2a5a8c}
+.chapter-play-btn.playing{background:#b71c1c;color:#fff}
+/* Reading mode button */
+.reading-mode-btn{display:inline-flex;align-items:center;gap:4px;background:#fff;
+  border:1px solid #ccd6e0;border-radius:4px;padding:4px 12px;cursor:pointer;
+  font-size:.88em;color:#1a3a5c;line-height:1.4;white-space:nowrap}
+.reading-mode-btn:hover{background:#dde8f2}
+.reading-mode-btn.active{background:#1a3a5c;color:#fff;border-color:#1a3a5c}
+/* Surah all-read checkbox label */
+.surah-read-label{display:inline-flex;align-items:center;gap:5px;font-size:.88em;
+  cursor:pointer;color:#1a3a5c;padding:4px 8px;background:#f0f4f8;
+  border:1px solid #ccd6e0;border-radius:4px;white-space:nowrap}
+.surah-read-label:hover{background:#dde8f2}
+.surah-read-label input{width:15px;height:15px;accent-color:#2e7d32;cursor:pointer;flex-shrink:0}
+/* Per-verse progress checkbox */
+.ayah-prog-cb{width:15px;height:15px;cursor:pointer;accent-color:#2e7d32;
+  margin-right:5px;vertical-align:middle;flex-shrink:0}
+/* Read verse separator styling */
+.ayah-sep.ayah-read td{background:#1b5e20!important;color:#fff!important;border-color:#1b5e20!important}
+/* Reading mode active state */
+body.rm-active tr[data-ayah]{opacity:0.25;transition:opacity .25s}
+body.rm-active tr.rm-current[data-ayah]{opacity:1}
+body.rm-active tr.rm-passed[data-ayah]{opacity:0.5}
+body.rm-active tr.rm-current.ayah-sep td{border-left:4px solid #ffd54f}
+body.rm-active tr.rm-passed.ayah-sep td{background:#1b5e20!important;color:#fff!important;border-color:#1b5e20!important}
+@media(max-width:600px){
+  .chapter-play-btn,.reading-mode-btn,.surah-read-label{min-height:40px;padding:6px 10px}
+}
+@media(prefers-color-scheme:dark){
+  .chapter-play-btn{background:#0d2136}
+  .chapter-play-btn:hover{background:#1a3a5c}
+  .chapter-play-btn.playing{background:#7f0000;color:#fff}
+  .reading-mode-btn{background:#1a1a1a;border-color:#334;color:#90caf9}
+  .reading-mode-btn:hover{background:#263650}
+  .reading-mode-btn.active{background:#1a3a5c;color:#fff;border-color:#1a3a5c}
+  .surah-read-label{background:#1e2a3a;border-color:#334;color:#90caf9}
+  .surah-read-label:hover{background:#263650}
+}
 .license-card{background:#f0f4f8;border:1px solid #ccd6e0;border-radius:8px;padding:20px 24px;max-width:800px;margin:0 auto}
 .license-card h2{color:#1a3a5c;margin:20px 0 8px;font-size:1.1em}
 .license-card h2:first-child{margin-top:0}

diff --git a/docs/search.html b/docs/search.html
@@ -230,6 +230,51 @@
   .vc-font-ctrl button{background:#1a1a1a;border-color:#334;color:#90caf9}
   .vc-font-ctrl button:hover{background:#263650}
 }
+/* H1 controls wrapper */
+.h1-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}
+.h1-controls h1{margin:0}
+/* Chapter play button */
+.chapter-play-btn{display:inline-flex;align-items:center;gap:4px;background:#1a3a5c;
+  color:#ffd54f;border:none;border-radius:4px;padding:4px 12px;cursor:pointer;
+  font-size:.88em;line-height:1.4;white-space:nowrap}
+.chapter-play-btn:hover{background:#2a5a8c}
+.chapter-play-btn.playing{background:#b71c1c;color:#fff}
+/* Reading mode button */
+.reading-mode-btn{display:inline-flex;align-items:center;gap:4px;background:#fff;
+  border:1px solid #ccd6e0;border-radius:4px;padding:4px 12px;cursor:pointer;
+  font-size:.88em;color:#1a3a5c;line-height:1.4;white-space:nowrap}
+.reading-mode-btn:hover{background:#dde8f2}
+.reading-mode-btn.active{background:#1a3a5c;color:#fff;border-color:#1a3a5c}
+/* Surah all-read checkbox label */
+.surah-read-label{display:inline-flex;align-items:center;gap:5px;font-size:.88em;
+  cursor:pointer;color:#1a3a5c;padding:4px 8px;background:#f0f4f8;
+  border:1px solid #ccd6e0;border-radius:4px;white-space:nowrap}
+.surah-read-label:hover{background:#dde8f2}
+.surah-read-label input{width:15px;height:15px;accent-color:#2e7d32;cursor:pointer;flex-shrink:0}
+/* Per-verse progress checkbox */
+.ayah-prog-cb{width:15px;height:15px;cursor:pointer;accent-color:#2e7d32;
+  margin-right:5px;vertical-align:middle;flex-shrink:0}
+/* Read verse separator styling */
+.ayah-sep.ayah-read td{background:#1b5e20!important;color:#fff!important;border-color:#1b5e20!important}
+/* Reading mode active state */
+body.rm-active tr[data-ayah]{opacity:0.25;transition:opacity .25s}
+body.rm-active tr.rm-current[data-ayah]{opacity:1}
+body.rm-active tr.rm-passed[data-ayah]{opacity:0.5}
+body.rm-active tr.rm-current.ayah-sep td{border-left:4px solid #ffd54f}
+body.rm-active tr.rm-passed.ayah-sep td{background:#1b5e20!important;color:#fff!important;border-color:#1b5e20!important}
+@media(max-width:600px){
+  .chapter-play-btn,.reading-mode-btn,.surah-read-label{min-height:40px;padding:6px 10px}
+}
+@media(prefers-color-scheme:dark){
+  .chapter-play-btn{background:#0d2136}
+  .chapter-play-btn:hover{background:#1a3a5c}
+  .chapter-play-btn.playing{background:#7f0000;color:#fff}
+  .reading-mode-btn{background:#1a1a1a;border-color:#334;color:#90caf9}
+  .reading-mode-btn:hover{background:#263650}
+  .reading-mode-btn.active{background:#1a3a5c;color:#fff;border-color:#1a3a5c}
+  .surah-read-label{background:#1e2a3a;border-color:#334;color:#90caf9}
+  .surah-read-label:hover{background:#263650}
+}
 .search-box{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
 .search-box input[type=text]{flex:1;min-width:160px;padding:9px 12px;border:1px solid #ccd6e0;border-radius:4px;font-size:1em;color:#111}
 .search-box input[type=text]:focus{outline:2px solid #ffd54f;outline-offset:2px}