@font-face{font-family:QuranHafs;src:url('https://verses.quran.foundation/fonts/quran/hafs/uthmanic_hafs/UthmanicHafs1Ver18.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f3eb;color:#173f37;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;--paper:#fffdf6;--ink:#143b34;--gold:#a97b24;--line:#ded4b9;--blue:#195ca6;--green:#167b4b;--orange:#a34b00;--red:#ad213f;--purple:#7638a1;--muted:#68717c}.q-shell{max-width:1440px;margin:auto;padding:24px}.q-top{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:20px}.q-top a{color:inherit;font-weight:700}.hero{background:linear-gradient(130deg,#123d35,#296754);color:white;padding:clamp(24px,5vw,52px);border-radius:28px;border:1px solid #bda466;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;inset:12px;border:1px solid #e7d49b55;border-radius:20px;pointer-events:none}.hero h1{font-size:clamp(32px,5vw,48px);margin:0 0 18px}.hero p{max-width:850px;line-height:1.9;margin:8px 0}.eyebrow{color:#edcf8a;font-size:13px;font-weight:800;letter-spacing:1px}.q-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:26px;margin-top:28px;align-items:start}body[dir=rtl] .q-layout{direction:rtl}.q-panel{padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:20px;margin-bottom:22px}.q-panel h2{margin-top:0;font-size:23px}.q-panel p{line-height:1.9}.q-profile{margin-top:24px}.q-profile input[type=text],.q-index input{width:100%;padding:13px;border:1px solid #b7c9ba;border-radius:11px;background:#fff;color:#153e35;font:inherit;margin:9px 0 14px}.q-profile label{display:block;line-height:1.8}.q-profile input[type=checkbox]{width:21px;height:21px;accent-color:#23644c;vertical-align:middle;margin-inline-end:9px}button,.q-button{font:inherit;cursor:pointer;border:1px solid #1f624d;background:#164c3d;color:white;padding:12px 17px;border-radius:12px;min-height:46px;text-decoration:none;font-weight:650}button.secondary{background:transparent;color:var(--ink);border-color:#b5b68f}button:disabled{opacity:.55;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b98d2c;outline-offset:3px}.q-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.q-actions>*{flex:0 1 auto}.q-controls{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:18px}.q-controls label{display:flex;align-items:center;gap:10px}.q-controls input[type=range]{max-width:170px;accent-color:#26664c}.q-controls input[type=checkbox]{width:20px;height:20px;accent-color:#26664c}.q-controls select{font:inherit;padding:9px;border:1px solid #c3c8b7;border-radius:10px;background:var(--paper);color:var(--ink)}.q-progress{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.q-progress>div{padding:20px;background:#fff9e7;border:1px solid #dec992;border-radius:16px;text-align:center}.q-progress strong{display:block;font-size:28px}.q-progress small{font-size:13px}progress{width:100%;height:16px;accent-color:#23644c;margin:18px 0}.q-status{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.q-index h2{margin-bottom:8px}.q-surahs{display:grid;gap:8px;max-height:1100px;overflow:auto;padding:3px}.q-surahs button{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center;text-align:start;background:#fff;color:#183f36;border:1px solid #d9ddce;padding:14px;width:100%;font-weight:500}.q-surahs button .q-num{grid-row:span 2;display:grid;place-items:center;border:1px solid #cbb47a;color:#8c641e;border-radius:12px;width:37px;height:37px;font-size:14px}.q-surahs button strong{font-size:18px}.q-surahs button small{font-size:12px;color:#617969}.q-surahs button.selected{border:2px solid #ae8e39;background:#fff8df}.q-surahs button.done{background:#e5f3e9}.q-reader{min-width:0}.mushaf-frame{background:var(--paper);border:2px solid #b99547;border-radius:24px;padding:clamp(16px,4vw,40px);box-shadow:inset 0 0 0 7px var(--paper),inset 0 0 0 8px #d7c38d,0 15px 40px #183b3009}.surah-heading{text-align:center;padding:24px;background:linear-gradient(90deg,#fff7dc,#f7e9bb,#fff7dc);border:1px solid #c6a75b;border-radius:15px;margin:0 0 24px}.surah-heading h2{font-family:QuranHafs,'Traditional Arabic',serif;font-size:38px;font-weight:400;margin:0;color:#143b34}.surah-heading p{margin:8px 0;font-size:14px;color:#496c56}.basmalah{font-family:QuranHafs,'Traditional Arabic',serif;font-size:clamp(28px,4vw,36px);line-height:2.4;text-align:center;margin:0 0 20px}.q-verse{margin-bottom:24px;padding:18px 12px 23px;border-bottom:1px solid var(--line);scroll-margin-top:24px}.q-verse.is-read{border-inline-start:3px solid #328265}.q-verse.is-bookmarked{background:#cfab5021;border-radius:12px}.verse-text{font-family:QuranHafs,'Traditional Arabic','Amiri',serif;font-size:var(--q-size,38px);font-weight:400;line-height:2.35;text-align:right;direction:rtl;margin:0 0 18px;color:var(--ink);overflow-wrap:normal}.verse-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.verse-tools small{margin-inline-end:auto;color:#5d745e;font-size:13px}.verse-tools button{font-size:13px;padding:8px 12px;min-height:40px}.tj.ham_wasl,.tj.slnt,.tj.laam_shamsiyah{color:var(--muted)}.tj.madda_normal{color:var(--blue)}.tj.madda_permissible{color:var(--purple)}.tj.madda_obligatory{color:var(--orange)}.tj.madda_necessary{color:var(--red)}.tj.ghunnah,.tj.ikhafa,.tj.ikhafa_shafawi{color:var(--green)}.tj.iqlab{color:var(--purple)}.tj.qalaqah{color:var(--blue)}.tj.idgham_ghunnah,.tj.idgham_shafawi,.tj.idgham_mutajanisayn,.tj.idgham_mutaqaribayn,.tj.idgham_wo_ghunnah{color:var(--green)}.tj.end{color:var(--gold);white-space:nowrap}.q-plain .tj:not(.end){color:inherit}.q-legend{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:13px;line-height:1.9;margin-top:20px}.q-legend span:before{content:'●';padding-inline-end:6px;color:var(--tone)}.q-footer{text-align:center;padding:35px 10px;font-size:13px;line-height:2}.q-footer a{color:inherit}.q-reader-loading{padding:45px;text-align:center}.q-bottom{margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}.q-focus .q-index,.q-focus .q-profile,.q-focus .hero,.q-focus .competition-hub{display:none}.q-focus .q-layout{display:block;max-width:1100px;margin:20px auto}.q-focus .q-reader{width:100%}body.q-night{background:#10251e;color:#e1eee6;--paper:#142f26;--ink:#edf4e9;--gold:#e1c270;--line:#4c614a;--blue:#94bbff;--green:#79dbab;--orange:#ffbf83;--red:#ff9aaf;--purple:#d7a9ff;--muted:#b1bdb5}body.q-night .q-progress>div{background:#1d4030}body.q-night .q-surahs button{background:#163d2e;color:#e5f2e9}body.q-night .q-surahs button small{color:#c4d9c5}body.q-night .q-surahs button.selected{background:#325039}body.q-night .q-surahs button.done{background:#244e34}body.q-night .q-profile input[type=text],body.q-night .q-index input{background:#1d3f30;color:#fff}body.q-white{background:#f3f5f3;--paper:#fff}.q-hidden{display:none!important}@media(max-width:1000px){.q-layout{grid-template-columns:1fr}.q-surahs{grid-template-columns:repeat(3,minmax(0,1fr));max-height:340px}.q-index{margin-bottom:0}.q-index h2{font-size:21px}}@media(max-width:600px){.q-shell{padding:13px}.hero{padding:28px 23px;border-radius:20px}.q-progress{gap:8px}.q-progress>div{padding:16px 7px}.q-progress strong{font-size:24px}.q-progress small{font-size:11px}.q-panel{padding:20px 17px}.q-surahs{grid-template-columns:repeat(2,minmax(0,1fr))}.q-surahs button{gap:6px;padding:10px}.q-surahs button strong{font-size:16px}.q-surahs button .q-num{width:30px;height:30px}.mushaf-frame{padding:16px 12px;border-radius:18px}.q-verse{padding:18px 8px}.q-actions{gap:8px}.q-controls{gap:13px}.q-top{font-size:13px}.verse-tools{gap:7px}.surah-heading h2{font-size:34px}.q-legend{font-size:12px;gap:9px 16px}}@media print{.q-index,.q-profile,.q-controls,.q-actions,.verse-tools,.competition-hub{display:none!important}.q-layout{display:block}.verse-text{font-size:24px}}

body [hidden]{display:none!important}

.q-mode-picker{grid-column:1/-1;display:flex;gap:12px;justify-content:center;background:linear-gradient(120deg,#f7efd9,#e1f3ec);padding:20px}.q-mode-picker button{flex:1;max-width:300px;font-size:1.15rem}.q-mode-picker button[aria-pressed="false"]{background:#fff;color:#195448;border:1px solid #c7ad69}.q-madinah{border:2px solid #c9ae70;background:#fffaf0!important;color:#254d43!important}.q-madinah-viewport{overflow:auto;max-height:none;background:white;border:1px solid #d6c28d;border-radius:12px;margin:18px 0}.q-madinah img{display:block;width:100%;height:auto;margin:auto;min-height:280px}.q-madinah label{display:flex;flex-direction:column;gap:6px}.q-madinah input[type=number]{width:110px}.q-manual-bookmark{display:flex;gap:14px;align-items:end;flex-wrap:wrap;background:#eee7d5;padding:20px;border-radius:16px;margin:20px 0}.q-manual-bookmark h3,.q-manual-bookmark p{flex-basis:100%;margin:0}.q-manual-bookmark select{max-width:100%}.q-madinah-mode .q-controls,.q-madinah-mode .q-legend{display:none}[hidden]{display:none!important}

.q-study-tools{margin:24px 0;background:linear-gradient(130deg,#edf4ef,#f7efd9);color:#204f42}.q-study-tools .q-actions{flex-wrap:wrap}.q-study-tools label{display:flex;flex-direction:column;gap:6px}.q-study-tools select{max-width:100%;padding:10px}.q-study-tools input[type=number]{width:90px;padding:10px}#qBeginner[aria-pressed=true]{outline:3px solid #c9ac62}.q-transliteration{font:500 clamp(20px,3vw,28px)/1.9 system-ui,sans-serif;color:#205b4d;background:#e9f2eb;border-inline-start:4px solid #bb9c50;padding:16px;margin:15px 0;border-radius:8px}.q-ayah-audio{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;font-size:14px}.q-ayah-audio audio{max-width:100%;width:300px}.q-tafsir-text{white-space:pre-line;line-height:2;font-size:clamp(19px,2.5vw,25px);padding:20px;background:#fffdf6;color:#203c33;border:1px solid #d1c18e;border-radius:16px;max-height:70vh;overflow:auto;margin:20px 0}.q-night .q-study-tools{background:#243b33;color:#f1e9d0}.q-night .q-transliteration,.q-night .q-tafsir-text{background:#243a33;color:#f3ecd7}#qTafsirPanel{scroll-margin-top:20px}#qTafsirSource{color:inherit;text-decoration:underline}

.q-surahs button .q-num{grid-row:span 3}.q-surahs .q-surah-english{font:500 13px/1.4 system-ui,sans-serif;color:#48675c}