.q-narrow{max-width:780px}.q-body{padding-top:10px;padding-bottom:64px}.q-ar,.q-ayah__ar,.q-bismillah,.q-reader-hero__ar{font-family:var(--font-amiri),serif}.q-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;min-height:400px}.q-hero__bg{object-fit:cover;object-position:center 18%}.q-hero:before{inset:0;background:linear-gradient(90deg,hsla(48,33%,97%,.9),hsla(48,33%,97%,.68) 40%,hsla(48,33%,97%,.12) 72%,hsla(48,33%,97%,0)),linear-gradient(180deg,hsla(48,33%,97%,.2),hsla(48,33%,97%,0) 35%)}.q-hero:after,.q-hero:before{content:"";position:absolute;z-index:1}.q-hero:after{left:0;right:0;bottom:0;height:100px;background:linear-gradient(180deg,hsla(48,33%,97%,0),var(--v2-cream) 92%)}.q-hero .v2-container{position:relative;z-index:2;width:100%;padding-block:56px 34px}.q-hero__copy{max-width:520px;text-shadow:0 1px 12px hsla(48,33%,97%,.6)}.q-hero h1{font-size:clamp(2.6rem,5vw,3.6rem);font-weight:400;letter-spacing:-.015em;margin-bottom:10px!important}.q-hero__lede{font-size:14px;line-height:1.7;color:var(--v2-ink);margin:0;max-width:480px}.q-hero--compact{min-height:0;background:linear-gradient(180deg,var(--v2-sage) 0,var(--v2-cream) 100%)}.q-hero--compact:after,.q-hero--compact:before{display:none}.q-hero--compact .v2-container{padding-block:34px 26px}.q-hero--compact h1{font-size:clamp(2.1rem,4vw,2.8rem)}.q-back{display:inline-block;font-size:12px;color:var(--v2-muted);margin-bottom:18px}.q-back:hover{color:var(--v2-teal)}.q-back--light{color:hsla(40,55%,96%,.55)}.q-back--light:hover{color:#faf6ee}.q-choose{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.q-choice{position:relative;display:flex;align-items:center;gap:20px;background:#fff;border:1px solid var(--v2-line);border-radius:16px;padding:26px 56px 26px 26px;box-shadow:var(--v2-shadow);transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s}.q-choice:hover{transform:translateY(-3px);box-shadow:var(--v2-shadow-hover)}.q-choice__num{flex:none;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:var(--v2-sage);color:var(--v2-teal);font:400 26px var(--v2-display)}.q-choice h2{font-size:21px;font-weight:400;margin-bottom:4px!important}.q-choice__meta{font-size:11.5px;color:var(--v2-gold);margin:0 0 8px}.q-choice p:not(.q-choice__meta){font-size:13px;line-height:1.6;color:var(--v2-body);margin:0}.q-arrow{position:absolute;right:22px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid #d9e2dc;color:var(--v2-teal);font-size:13px;transition:background-color .25s,color .25s,transform .25s}.q-choice:hover .q-arrow{background:var(--v2-teal);color:#fff;transform:translate(3px,-50%)}.q-popular{margin-top:44px}.q-popular__head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}.q-popular__head h2{font-size:clamp(1.35rem,2vw,1.65rem);font-weight:400}.q-popular__head>p{font-size:12.5px;color:var(--v2-muted);margin:0;text-align:right}.q-popular__sub{font-size:13px;color:var(--v2-body);margin:6px 0 0}.q-popular__note{font-size:10.5px;color:var(--v2-gold)}@media (max-width:600px){.q-popular__head>p{text-align:left}}.q-pop-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.q-pop{display:grid;grid-template-columns:150px minmax(0,270px) minmax(0,1fr) auto;grid-template-areas:"ar info player go";align-items:center;column-gap:24px;background:#fff;border:1px solid var(--v2-line);border-radius:16px;padding:16px 22px;box-shadow:var(--v2-shadow);transition:box-shadow .3s,border-color .3s}.q-pop:hover{box-shadow:var(--v2-shadow-hover);border-color:#cfdcd4}.q-pop__ar{grid-area:ar;font:400 30px/1.5 var(--font-amiri),serif;color:var(--v2-teal);text-align:center}.q-pop__info{grid-area:info;min-width:0}.q-pop .q-player{grid-area:player}.q-pop__go{grid-area:go;position:static;transform:none;width:38px;height:38px}.q-pop__go:hover{background:var(--v2-teal);color:#fff;transform:translateX(2px)}.q-pop h3{font-size:18px;font-weight:400;margin-bottom:3px!important}.q-pop__meta{font-size:12px;color:var(--v2-muted);margin:0}.q-player{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--v2-sage)}.q-play{flex:none;width:38px;height:38px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;background:var(--v2-teal);color:#fff;transition:background-color .2s,transform .2s}.q-play:hover{background:#0b423c;transform:scale(1.05)}.q-play .ic-pause,.q-player.is-playing .q-play .ic-play{display:none}.q-player.is-playing .q-play .ic-pause{display:block}.q-player.is-loading .q-play{animation:qPulse 1s ease-in-out infinite}@keyframes qPulse{50%{opacity:.55}}.q-player__track{flex:1;min-width:0}.q-player__bar{height:5px;border-radius:99px;background:rgba(14,81,73,.15);cursor:pointer;overflow:hidden}.q-player__bar:focus-visible{outline:2px solid var(--v2-teal);outline-offset:3px}.q-player__bar span{display:block;height:100%;width:0;background:var(--v2-teal);border-radius:99px}.q-player__time{display:flex;justify-content:space-between;margin-top:6px;font-size:10.5px;color:var(--v2-body)}@media (max-width:860px){.q-pop{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ar info go" "player player player";row-gap:12px;column-gap:16px;padding:16px 18px}.q-pop__ar{font-size:26px;text-align:left}}@media (max-width:600px){.q-popular__head{flex-direction:column;align-items:flex-start;gap:6px}.q-pop__ar{font-size:22px}.q-pop h3{font-size:16px}}.q-toolbar{flex-wrap:wrap;gap:12px;margin-top:22px}.q-search,.q-toolbar{display:flex;align-items:center}.q-search{flex:1 1 320px;max-width:460px;gap:10px;background:#fff;border:1px solid var(--v2-line);border-radius:14px;padding:0 16px;color:var(--v2-muted);box-shadow:0 6px 20px rgba(19,63,56,.08);transition:box-shadow .2s,border-color .2s}.q-search:focus-within{border-color:var(--v2-teal);box-shadow:0 0 0 4px rgba(14,81,73,.08)}.q-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:12px 0;font:14px var(--v2-sans);color:var(--v2-ink)}.q-search .icon{width:16px;height:16px}.q-pills{display:flex;flex-wrap:wrap;gap:8px}.q-pill{font:500 11.5px var(--v2-sans);color:var(--v2-ink);cursor:pointer;background:#fff;border:1px solid var(--v2-line);border-radius:40px;padding:8px 16px;transition:background-color .2s,color .2s,border-color .2s}.q-pill.is-active,.q-pill:hover{border-color:var(--v2-teal)}.q-pill.is-active{background:var(--v2-teal);color:#fff}.q-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.q-row{display:flex;align-items:center;gap:14px;min-width:0;background:#fff;border:1px solid var(--v2-line);border-radius:12px;padding:12px 16px;transition:border-color .2s,box-shadow .2s,transform .2s}.q-row[hidden]{display:none}.q-row:hover{border-color:#cfdcd4;box-shadow:var(--v2-shadow);transform:translateY(-1px)}.q-num{flex:none;width:34px;height:34px;display:grid;place-items:center;font-size:11.5px;font-weight:500;color:var(--v2-teal);background:var(--v2-sage);border-radius:50%}.q-row__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.q-row__text strong{font:400 15px var(--v2-display);color:var(--v2-ink)}.q-row__text small{font-size:11px;color:var(--v2-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-ar{flex:none;font-size:19px;line-height:1.3;color:var(--v2-ink);opacity:.8}.q-views{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;color:rgba(29,43,46,.42);flex:none}.q-empty{margin-top:24px;font-size:13px;color:var(--v2-muted)}.q-juz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.q-juz{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--v2-line);border-radius:14px;padding:16px 18px;box-shadow:var(--v2-shadow);transition:transform .25s,box-shadow .25s,border-color .25s}.q-juz:hover{transform:translateY(-2px);box-shadow:var(--v2-shadow-hover);border-color:#cfdcd4}.q-juz__num{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--v2-teal);color:#faf6ee;font:400 18px var(--v2-display)}.q-juz__text{display:flex;flex-direction:column;gap:3px;min-width:0}.q-juz__text strong{font:400 16px var(--v2-display);color:var(--v2-ink)}.q-juz__text small{font-size:11.5px;color:var(--v2-muted)}.q-reader-hero{background:var(--v2-teal);padding:34px 0;text-align:center}.q-reader-hero .q-back{display:block;text-align:left}.q-reader-hero__ar{font-size:40px;line-height:1.4;color:#e3c590;margin:0 0 4px}.q-reader-hero h1{color:#faf6ee!important;font-size:clamp(1.9rem,4vw,2.5rem);font-weight:400;margin-bottom:8px!important}.q-reader-hero__meta{font-size:13px;color:hsla(40,55%,96%,.62);margin:0 0 6px}.q-reader-hero .q-views{color:hsla(40,55%,96%,.45)}.q-bar{position:sticky;top:58px;z-index:5;background:#f2eee4;border-bottom:1px solid var(--v2-line)}.q-bar__inner{display:flex;justify-content:space-between;align-items:center;padding-block:10px;font-size:12px}.q-bar a{color:var(--v2-body)}.q-bar a:hover{color:var(--v2-teal)}.q-bar span{font-size:11px;color:var(--v2-muted)}.q-reader{padding-top:22px;padding-bottom:64px}.q-langs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:26px}.q-lang{font-size:12px;color:var(--v2-body);border:1px solid var(--v2-line);background:#fff;border-radius:40px;padding:5px 14px;transition:border-color .2s,color .2s}.q-lang:hover{border-color:var(--v2-teal);color:var(--v2-teal)}.q-lang.is-active{background:var(--v2-sage);border-color:#b9cdbf;color:var(--v2-teal);font-weight:500}.q-bismillah{text-align:center;font-size:30px;line-height:1.8;color:var(--v2-teal);margin:0 0 18px}.q-ayahs{background:#fff;border:1px solid var(--v2-line);border-radius:18px;box-shadow:var(--v2-shadow);padding:4px 26px}.q-ayah{display:grid;grid-template-columns:32px 1fr;column-gap:14px;padding:22px 0}.q-ayah+.q-ayah{border-top:1px solid var(--v2-line)}.q-ayah__num{grid-row:1/span 3;width:30px;height:30px;margin-top:10px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:500;color:var(--v2-teal);border:1px solid #c9d9ce;background:var(--v2-sage);transition:background-color .2s,color .2s}.q-ayah__num:hover{background:var(--v2-teal);color:#fff}.q-ayah__ar{font-size:26px;line-height:2.1;color:var(--v2-ink);text-align:right;margin:0 0 10px}.q-ayah__en{font:400 15px/1.75 var(--v2-display);color:var(--v2-body);margin:0 0 8px}.q-ayah__actions{display:flex;gap:6px}.q-act{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:0;background:none;color:var(--v2-muted);cursor:pointer;transition:background-color .2s,color .2s}.q-act:hover{background:var(--v2-alt);color:var(--v2-teal)}.q-reader-actions{display:flex;gap:12px;margin-top:26px}.q-btn{display:inline-flex;align-items:center;justify-content:center;flex:2;font:500 13px var(--v2-sans);color:#fff;background:var(--v2-teal);border:1px solid var(--v2-teal);border-radius:40px;padding:12px 20px;transition:background-color .2s}.q-btn:hover{background:#0b423c}.q-btn--ghost{background:#fff;color:var(--v2-teal)}.q-btn--ghost:hover{background:var(--v2-alt)}.q-iconbar{flex:1.5;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--v2-line);background:#fff;border-radius:40px}.q-prevnext{display:flex;justify-content:space-between;gap:12px;margin-top:28px;padding-top:22px;border-top:1px solid var(--v2-line)}.q-prevnext .q-btn{flex:0 1 auto}@media (max-width:900px){.q-choose,.q-list{grid-template-columns:minmax(0,1fr)}.q-juz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.q-bar{top:52px}}@media (max-width:600px){.q-hero{min-height:0}.q-hero__bg{object-position:60% 50%}.q-hero:before{background:linear-gradient(180deg,hsla(48,33%,97%,.88),hsla(48,33%,97%,.7) 60%,hsla(48,33%,97%,.45))}.q-hero .v2-container{padding-block:36px 24px}.q-search{flex-basis:100%;max-width:none}.q-search input{font-size:16px}.q-choice{padding:20px 52px 20px 18px;gap:16px}.q-choice__num{width:58px;height:58px;font-size:21px}.q-juz-grid{grid-template-columns:minmax(0,1fr)}.q-row{padding:12px 14px;gap:12px}.q-row__text small{white-space:normal}.q-ar{font-size:17px}.q-ayahs{padding:2px 16px;border-radius:14px}.q-ayah{grid-template-columns:26px 1fr;column-gap:10px}.q-ayah__num{width:26px;height:26px;font-size:10px}.q-ayah__ar{font-size:23px}.q-bismillah{font-size:25px}.q-reader-actions{flex-direction:column}.q-iconbar{padding:6px 0}}.q-reader-hero__views{display:flex;justify-content:center;min-height:14px}.q-ayah__actions{gap:16px}.q-iconbar .x-icon-btn{width:34px;height:34px;border:0;background:none}.q-juz-surah+.q-juz-surah{margin-top:36px}.q-juz-surah__head{text-align:center;padding:18px 16px 16px;margin-bottom:8px;background:#fff;border:1px solid var(--v2-line);border-radius:16px;box-shadow:var(--v2-shadow)}.q-juz-surah__ar{font:30px/1.4 var(--font-amiri),serif;color:var(--v2-gold);margin:0 0 2px}.q-juz-surah__head .v2-eyebrow{margin-bottom:4px}.q-juz-surah__head h2{font-size:1.35rem;font-weight:400}.q-juz-surah__head h2 a:hover{color:var(--v2-teal)}