.qr-app{--qr-green:#174d3c;--qr-ink:#243b34;--qr-muted:#65776d;--qr-line:#dfe6df;--qr-paper:#fffefa;color:var(--qr-ink);max-width:1420px;margin:auto}.qr-app [hidden]{display:none!important}.qr-app a{color:var(--qr-green)}.qr-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 28px}.qr-eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:750;color:var(--qr-muted)}.qr-heading h1{font-family:Georgia,serif;font-weight:500;font-size:52px;letter-spacing:-2px;margin:8px 0}.qr-heading h1 span{color:#a58b48}.qr-heading p{margin:0;color:var(--qr-muted);font-size:14px;line-height:1.7}.qr-button,.qr-verse-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--qr-line);border-radius:8px;padding:10px 13px;background:white;color:var(--qr-green);font:inherit;font-size:12px;font-weight:650;text-decoration:none;cursor:pointer;min-height:40px}.qr-button:hover,.qr-verse-actions button:hover{background:#eef3ed}.qr-primary{background:var(--qr-green);color:#fff!important;border-color:var(--qr-green)}.qr-primary:hover{background:#28624f}.qr-app button:focus-visible,.qr-app a:focus-visible,.qr-app input:focus-visible,.qr-app select:focus-visible{outline:3px solid #a48a3b;outline-offset:3px}.qr-tabs{display:flex;gap:6px;border-bottom:1px solid var(--qr-line);margin-bottom:20px;flex-wrap:wrap}.qr-tabs a{padding:14px 18px;text-decoration:none;font-size:13px;border-bottom:3px solid transparent}.qr-tabs [aria-current]{font-weight:750;border-color:var(--qr-green)}#qr-resume{margin-left:auto;font-size:11px}.qr-search{display:flex;gap:10px;align-items:center;margin-bottom:26px}.qr-search>label{font-size:12px;font-weight:700}.qr-app input:not([type=checkbox]):not([type=range]):not([type=file]),.qr-app select{border:1px solid var(--qr-line);background:#fff;border-radius:8px;min-height:40px;padding:9px 10px;color:var(--qr-ink);font:inherit;font-size:12px;min-width:0;max-width:100%}.qr-search input{flex:1}.qr-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;align-items:start}.qr-side{display:grid;gap:16px}.qr-card{background:#fff;border:1px solid var(--qr-line);border-radius:12px;padding:18px}.qr-card h2{font:500 24px Georgia,serif;margin:10px 0 18px}.qr-card h3{font-size:11px;text-transform:uppercase;letter-spacing:.6px;margin:20px 0 8px}.qr-jump{margin-top:14px}.qr-jump>label,.qr-target-form label,.qr-audio label{display:block;font-size:11px;font-weight:650}.qr-jump>div{display:flex;gap:6px;margin-top:6px}.qr-jump input,.qr-jump select{width:100%}.qr-target{background:#f4f6ef}.qr-target-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qr-target-form select{display:block;width:100%;margin-top:5px}.qr-target-form button{grid-column:1/-1}.qr-scope{font-size:13px;line-height:1.7;margin-bottom:10px}.qr-note{font-size:11px;color:var(--qr-muted);line-height:1.75}.qr-app progress{width:100%;height:7px;accent-color:var(--qr-green);display:block}.qr-surah-list{display:grid}.qr-surah-list a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--qr-line);text-decoration:none;font-size:12px}.qr-surah-list a:hover{color:#876b28}.qr-surah-list small{display:block;font-size:10px;color:var(--qr-muted);margin-top:4px}.qr-surah-list [data-surah-progress]{font-size:10px;white-space:nowrap}.qr-card summary,.qr-sources summary{cursor:pointer;font-size:12px;font-weight:700;line-height:1.7}.qr-bookmark-item{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--qr-line);font-size:12px}.qr-bookmark-item button{border:0;background:transparent;color:#904837;cursor:pointer;padding:8px}.qr-import{display:block;margin-top:15px;font-size:11px}.qr-import input{display:block;max-width:100%;margin-top:8px;font-size:11px}.qr-reader{background:var(--qr-paper);border:1px solid var(--qr-line);border-radius:14px;padding:24px;min-width:0}.qr-reader-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.qr-reader-top h2{font:500 27px Georgia,serif;margin:8px 0}.qr-pager{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:15px 0;margin:8px 0;font-size:12px;border-top:1px solid var(--qr-line);border-bottom:1px solid var(--qr-line)}.qr-pager a{text-decoration:none;padding:8px 0}.qr-pager>span{font-size:11px;color:var(--qr-muted)}.qr-mushaf-tools{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 0 16px}.qr-mushaf-tools label{font-size:11px;display:flex;gap:10px;align-items:center}.qr-mushaf-tools input{width:85px;accent-color:var(--qr-green)}.qr-mushaf-scroll{overflow:auto;max-width:100%;background:#f6f2e8;border-radius:6px}.qr-mushaf{position:relative;width:100%;min-height:300px}.qr-mushaf img{display:block;width:100%;height:auto;max-width:none;min-height:100px}.qr-mushaf-scroll:has(.qr-mushaf[style]){overscroll-behavior-x:contain}#qr-page-cover{position:absolute;inset:0;background:#eeeee2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;border:2px solid #b3bda8;text-align:center;padding:12px}#qr-page-cover p{font:italic 26px Georgia,serif}.qr-image-caption{font-size:10px;color:var(--qr-muted);text-align:center;line-height:1.8;margin:14px 0 30px}.qr-ayah-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:20px;flex-wrap:wrap}.qr-ayah-toolbar h2{font:500 23px Georgia,serif}.qr-ayah-toolbar>div{display:flex;gap:10px;align-items:center;font-size:11px}.qr-audio{padding:16px;background:#eff3ee;border:1px solid var(--qr-line);border-radius:10px;margin-bottom:20px;display:grid;gap:10px}.qr-audio>div{display:flex;gap:10px;flex-wrap:wrap}.qr-audio label{flex:1}.qr-audio select{display:block;width:100%;margin-top:5px}.qr-audio audio{width:100%;height:38px}.qr-audio .qr-note{margin:0}.qr-surah-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px;margin:25px 0 16px;padding-bottom:15px;border-bottom:1px solid var(--qr-line)}.qr-surah-heading span{font-family:"Noto Naskh Arabic",serif;font-size:22px}.qr-basmala{text-align:center;font-family:"Noto Naskh Arabic","Amiri",serif;font-size:27px;line-height:2.3}.qr-verse{padding:20px 0;border-bottom:1px solid var(--qr-line);scroll-margin-top:85px}.qr-verse-top{display:flex;align-items:center;gap:10px}.qr-verse-top>a{text-decoration:none;font-size:11px;font-weight:750;background:#edf1e9;border-radius:6px;padding:5px 9px}.qr-badge{font-size:9px;color:#6b7e56;letter-spacing:.2px}.qr-arabic{font-family:"Noto Naskh Arabic","Amiri",serif;font-size:30px;line-height:2.4;text-align:right;margin:14px 0;overflow-wrap:break-word}.qr-ayah-number{font-size:22px;white-space:nowrap;color:#64734d}.qr-meaning{font-size:13px;line-height:1.9;color:#58655e;margin-bottom:18px}.qr-verse-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.qr-verse-actions button{font-size:10px;padding:7px 10px;min-height:36px}.qr-verse-actions label{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:10px}.qr-verse-actions select{font-size:10px;min-height:36px}.qr-selected,.qr-playing{background:#f0f4e9;box-shadow:inset 3px 0 #788951;padding-left:14px;padding-right:14px}.qr-playing .qr-verse-top>a{background:var(--qr-green);color:white}.qr-hidden-hint{padding:30px 12px;background:#f0f2ec;border:1px dashed #a8b39b;border-radius:8px;color:#62734f;text-align:center;font-size:12px}.qr-app button[aria-pressed=true]{background:#e0ebd8;border-color:#8b9e77}.qr-no-translations .qr-meaning{display:none}.qr-results{border:1px solid var(--qr-line);padding:20px;border-radius:12px;margin-bottom:24px;background:white}.qr-results h2{font:500 24px Georgia,serif}.qr-results>p{font-size:12px}.qr-result{display:grid;gap:10px;padding:20px 0;border-bottom:1px solid var(--qr-line);text-decoration:none;font-size:12px;line-height:1.8}.qr-result [lang=ar]{font-family:"Noto Naskh Arabic",serif;font-size:24px;line-height:2}.qr-sources{margin:25px 0 10px;border-top:1px solid var(--qr-line);padding-top:18px;color:var(--qr-muted)}.qr-sources p{font-size:12px;line-height:1.8}.qr-sources pre{white-space:pre-wrap;font-size:10px;line-height:1.6}.qr-storage-notice{font-size:12px;color:#8a5028;line-height:1.7}
@media(min-width:1450px){.qr-mushaf{max-width:720px;margin:auto}.qr-mushaf[style]{max-width:none}}
@media(max-width:1150px){.qr-layout{grid-template-columns:235px minmax(0,1fr);gap:15px}.qr-reader{padding:18px}.qr-card{padding:14px}.qr-verse-actions label{margin-left:0}.qr-mushaf-tools{flex-wrap:wrap}}
@media(max-width:900px){.qr-layout{grid-template-columns:1fr}.qr-side{grid-template-columns:1fr 1fr}.qr-side>.qr-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.qr-side>.qr-card:first-child>.qr-eyebrow{grid-column:1/-1}.qr-jump{margin:0}.qr-side>.qr-target{grid-column:1/-1}.qr-surah-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}.qr-target-form{grid-template-columns:1fr 1fr auto;align-items:end}.qr-target-form button{grid-column:auto}.qr-side>details{grid-column:1/-1}.qr-heading h1{font-size:44px}.qr-heading{align-items:flex-start}}
@media(max-width:580px){.qr-heading{display:block;margin-bottom:18px}.qr-heading>.qr-button{margin-top:14px}.qr-heading h1{font-size:40px}.qr-heading p{font-size:12px}.qr-eyebrow{font-size:9px;letter-spacing:1px}.qr-tabs{gap:0}.qr-tabs a{padding:12px 10px;font-size:11px}#qr-resume{margin-left:0}.qr-search{gap:7px;flex-wrap:wrap}.qr-search>label{width:100%}.qr-search input{width:150px}.qr-side>.qr-card:first-child{grid-template-columns:1fr}.qr-side>.qr-card:first-child>.qr-eyebrow{grid-column:auto}.qr-jump{margin-top:6px}.qr-reader{padding:12px}.qr-reader-top h2{font-size:22px}.qr-reader-top>.qr-button{font-size:10px;padding:8px}.qr-surah-list{grid-template-columns:1fr 1fr;gap:0 12px}.qr-target-form{grid-template-columns:1fr 1fr}.qr-target-form button{grid-column:1/-1}.qr-arabic{font-size:27px}.qr-meaning{font-size:12px}.qr-verse-actions label{width:100%;justify-content:space-between}.qr-pager{font-size:11px}.qr-mushaf-tools{align-items:flex-start;flex-direction:column}.qr-mushaf-tools button{font-size:10px}.qr-surah-heading{font-size:13px}.qr-ayah-toolbar h2{margin-bottom:0}}
@media(prefers-reduced-motion:no-preference){.qr-button,.qr-tabs a{transition:background .15s,border-color .15s}}
@media print{.qr-side,.qr-tabs,.qr-search,.qr-audio,.qr-mushaf-tools,.qr-verse-actions,.qr-pager,.qr-heading>.qr-button,.qr-reader-top>button{display:none!important}.qr-layout{display:block}.qr-reader{border:0}.qr-verse{break-inside:avoid}.qr-mushaf{width:100%!important}.qr-mushaf-scroll{overflow:visible}}