/* QuranAudio's Canva direction: warm cream, deep emerald, rounded listening UI. */
:root{--ink:#173d34;--ink-deep:#0d3d32;--gold:#c7a66d;--gold-light:#e7d8b6;--paper:#f8f6ef;--paper-2:#f1f1e8;--white:#fffefa;--line:#e5e7dd;--muted:#74867a;--sage:#b7cbbd;--shadow:0 18px 55px rgba(24,65,49,.09)}
body{font:14px/1.65 Manrope,'Noto Sans Bengali','Noto Sans Devanagari',Arial,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}h1,h2,h3{font-family:Manrope,'Noto Sans Bengali','Noto Sans Devanagari',Arial,sans-serif;font-weight:800;line-height:1.2;letter-spacing:-.055em}h1{font-size:clamp(2.55rem,4.4vw,4.9rem)}h2{font-size:clamp(1.75rem,2.7vw,2.65rem)}h3{font-size:1.3rem}::selection{background:#cde3d4;color:#0d3d32}
.site-header{background:rgba(248,246,239,.96);border-bottom:1px solid #eaece4}.header-inner{min-height:74px;max-width:1480px;gap:2.4rem}.brand{gap:.6rem}.brand-mark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#0f4b3d;color:#d6be8a;font-size:1.3rem}.brand-text{font:800 1.17rem Manrope,Arial,sans-serif;letter-spacing:-.065em}.brand-text span{color:#17715c}.brand-text small{font-size:.52rem}.desktop-nav{gap:clamp(.8rem,1.7vw,2rem)}.nav-link{padding:26px 0 22px;font-size:.72rem;color:#60766a;font-weight:800}.nav-link:hover,.nav-link.active{color:#0e4b3a;border-color:#bfa670}.header-actions{gap:.75rem}.account-link{border:1px solid var(--line);background:#fffefa;border-radius:25px;padding:.48rem .75rem;font-size:.7rem}.account-link:hover{background:#e9f1e8}.locale-select{font-size:.7rem}.icon-button{border-radius:50%}.icon-button:hover{background:#eaf0e8}
.eyebrow{color:#417966;font-size:.64rem;font-weight:800;letter-spacing:.15em;margin-bottom:.9rem}.eyebrow:before{content:'';display:inline-block;vertical-align:middle;width:6px;height:6px;border-radius:50%;background:#bda368;margin-right:.55rem}.button{border-radius:30px;padding:.78rem 1.25rem;min-height:43px;font-size:.74rem;font-weight:800;box-shadow:none}.button.dark{background:#0d4a3b}.button.dark:hover{background:#13664f}.button.gold{background:#c8a96c}.button.outline{background:#fffefa;border-color:#d7dfd5;color:#19503e}.button.outline:hover{background:#eaf2e9}.button.ghost-light{border-color:#dce3d8;color:#15503d;background:#fffefa}.text-link{color:#276c53;font-size:.69rem;letter-spacing:.04em}.chip{border-radius:24px;background:#fffefa;border-color:#dbe3da;color:#526f5c;padding:.52rem .85rem}.chip.active,.chip:hover{background:#11503f;border-color:#11503f;color:#fff}
.hero{background:radial-gradient(circle at 82% 37%,#f1f5e9 0,#f8f6ef 45%,#faf8f2 100%);color:#1b4b3a;overflow:hidden}.hero-pattern{opacity:.52;background-image:radial-gradient(circle at center,transparent 44%,#dce6d7 45%,transparent 46%),radial-gradient(circle at center,transparent 44%,#dce6d7 45%,transparent 46%);background-size:108px 108px;background-position:45px 30px,99px 84px;mask-image:linear-gradient(to left,#000,transparent 70%)}.hero-inner{min-height:590px;max-width:1480px;padding:5.7rem 3.5rem 5.5rem;grid-template-columns:minmax(0,1fr) minmax(410px,.95fr);gap:clamp(2rem,5vw,6rem)}.hero-copy{max-width:600px}.hero .eyebrow{display:inline-flex;border:1px solid #d8e1d2;background:#fafbf6;color:#477360;letter-spacing:.04em;text-transform:none;border-radius:25px;padding:.35rem .65rem;margin-bottom:1.4rem;font-size:.67rem}.hero .eyebrow:before{display:none}.hero h1{color:#174b3b;font-family:Manrope,Arial,sans-serif;font-size:clamp(3rem,4.6vw,5.2rem);font-weight:800;line-height:1.08;letter-spacing:-.07em;margin:0 0 1.2rem}.hero p{color:#567365;font-size:.92rem;line-height:1.9;max-width:510px}.hero-actions{margin:2rem 0 2.7rem;gap:.7rem}.hero-proof{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;color:#6c8778;font-size:.68rem;font-weight:700}.proof-dot{display:inline-block;width:6px;height:6px;background:#c4a86f;border-radius:50%}.proof-sep{color:#b7c9ba}.hero-visual{display:grid;place-items:center;position:relative;z-index:2}.hero-audio-card{background:#fffefa;border:1px solid #e8ede5;border-radius:23px;box-shadow:0 26px 75px rgba(38,70,49,.12);padding:1.55rem;width:min(100%,510px);position:relative}.hero-audio-head{display:flex;align-items:center;gap:.8rem;padding-right:1.4rem}.audio-symbol{display:grid;place-items:center;width:38px;height:38px;background:#e7efe7;color:#327257;border-radius:10px;flex:none}.hero-audio-head div{display:flex;flex-direction:column;min-width:0}.hero-audio-head strong{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-audio-head small{color:#91a497;font-size:.61rem}.hero-audio-head .card-favorite{right:1.2rem;top:1.55rem}.hero-verse{background:#f7f5ed;border-radius:15px;padding:1.7rem .8rem;margin:1.45rem 0 1.3rem;text-align:center;font:1.9rem/1.8 Amiri,serif;color:#21513d}.hero-audio-play{display:flex;align-items:center;gap:1rem}.round-play{width:43px;height:43px;border:0;border-radius:50%;background:#0d5541;color:#fff;display:grid;place-items:center;flex:none}.round-play:hover{background:#18735a}.waveform{flex:1;display:flex;align-items:center;justify-content:space-between;gap:2px;height:52px;overflow:hidden}.waveform i{display:block;width:3px;min-width:2px;height:var(--h);border-radius:3px;background:#aec9b5}.waveform i:nth-child(4n+1),.waveform i:nth-child(4n+2){background:#2c8a67}.hero-audio-progress{height:4px;border-radius:4px;background:#dde7dc;margin:1rem 0 .9rem 3.65rem}.hero-audio-progress span{display:block;width:28%;height:100%;background:#187655;border-radius:4px}.hero-audio-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:#73917f;font-size:.66rem}.hero-audio-foot a{display:flex;align-items:center;gap:.3rem;font-weight:800;color:#2d7558}.hero-bottom-bar{position:relative;background:#0d4838;color:#fff}.hero-bar-inner{max-width:1480px;margin:auto;padding:.75rem 3.5rem;display:flex;align-items:center;gap:1.2rem;min-height:62px}.hero-bar-inner>button{width:30px;height:30px;border:0;border-radius:50%;background:#c7a66d;color:#123d30;display:grid;place-items:center}.hero-bar-inner>span:nth-child(2){display:flex;flex-direction:column;min-width:180px}.hero-bar-inner strong{font-size:.66rem}.hero-bar-inner small{color:#a6c9b6;font-size:.57rem}.hero-bar-wave{flex:1;display:flex;align-items:center;gap:3px;max-width:300px;height:35px;overflow:hidden}.hero-bar-wave i{height:calc(var(--h) * .55);width:3px;background:#6d9c79;border-radius:2px}.hero-bar-wave i:nth-child(4n){background:#c5ab6f}.hero-bar-volume{display:flex;align-items:center;gap:.5rem;margin-left:auto}.hero-bar-volume i{display:block;width:95px;height:3px;background:linear-gradient(90deg,#beaa72 42%,#62836d 42%);border-radius:3px}
.section-wrap{padding-top:4.3rem}.section-top{align-items:end;margin-bottom:1.5rem}.section-top h2{margin:0;font-size:clamp(1.75rem,2.5vw,2.6rem);color:#173f34}.section-top p{font-size:.78rem;color:var(--muted);margin:.5rem 0 0}.quick-grid{background:transparent;border:0;gap:1rem}.feature-card{border:1px solid var(--line);background:#fffefa;border-radius:17px;min-height:185px;padding:1.45rem;box-shadow:0 6px 22px rgba(30,57,37,.035)}.feature-card:hover{border-color:#b5d3b9;background:#fffefa;box-shadow:var(--shadow)}.feature-icon{border:0;border-radius:11px;background:#edf2eb;color:#2f7456;width:42px;height:42px}.feature-copy strong{font-family:Manrope,Arial,sans-serif;font-size:.97rem;font-weight:800;letter-spacing:-.04em}.feature-copy small{font-size:.66rem}.feature-arrow{color:#64a078;right:1.4rem;top:1.75rem}.resume-wrap{padding-top:2rem}.resume-panel{border-radius:18px;background:#eaf2e8;border-color:#d4e2d2;justify-content:flex-start;padding:1.4rem 1.7rem}.resume-emblem{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#d6e7d6;color:#2a7957}.resume-panel h2{font-size:1.35rem;font-weight:800;margin-bottom:.15rem}.resume-panel .eyebrow{margin-bottom:.3rem;font-size:.57rem}.resume-panel p{font-size:.68rem}.resume-panel .button{margin-left:auto}.surah-grid{gap:.9rem}.surah-card{background:#fffefa;border-radius:15px;min-height:100px}.surah-card>a{gap:.85rem}.surah-no{border:0;transform:none;border-radius:11px;background:#edf2ea;min-width:36px;height:36px;color:#2d7154}.surah-card-text strong{font-family:Manrope,Arial,sans-serif;font-size:.79rem;font-weight:800;letter-spacing:-.03em}.surah-card-text small{font-size:.62rem}.surah-ar{font-size:1.25rem;color:#295d43}.card-favorite{border-radius:50%}.reciter-card{border-radius:15px;background:#fffefa}.reciter-card>a{padding:1.1rem 2.4rem 1.1rem 1rem}.reciter-avatar{border-radius:12px;border:0;background:#e8f0e8;color:#307558;font-family:Manrope,Arial,sans-serif;font-weight:800}.reciter-card-info strong{font-size:.76rem}.reciter-card-info small{font-size:.6rem}.home-reciter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.guides-section{padding-bottom:6rem}.article-card{border-radius:17px;min-height:260px;box-shadow:0 5px 20px rgba(18,58,40,.035)}.article-no{font:800 1.5rem Manrope,Arial,sans-serif;color:#b7a16d}.article-card h2{font-size:1.16rem;letter-spacing:-.04em}.article-card p{font-size:.72rem}.article-more{color:#39805e}
.page-main{padding-top:3.8rem}.page-hero{max-width:none;border-radius:22px;background:linear-gradient(120deg,#edf3e8 0,#f7f8ee 55%,#f6f3e9 100%);border:1px solid #e5ebdf;padding:2.5rem 3rem;margin-bottom:2.2rem;position:relative;overflow:hidden}.page-hero:after{content:'۞';position:absolute;right:3rem;top:-3rem;font:11rem Amiri,serif;color:rgba(43,104,71,.07);pointer-events:none}.page-hero h1{font-size:clamp(2.2rem,3.6vw,4rem);max-width:760px;color:#164936}.page-hero p{font-size:.83rem;color:#6a8171}.page-hero.compact{text-align:center;margin-bottom:1.6rem}.page-hero.compact h1{margin-left:auto;margin-right:auto}.page-hero.compact:after{right:8rem}.toolbar{border:1px solid var(--line);border-radius:16px;background:#fffefa;padding:.8rem;margin-bottom:1.5rem}.search-field{border-radius:25px;background:#f8faf6;padding:.55rem .85rem;border-color:#e1e9df}.search-field input{font-size:.74rem}.toolbar select,.tool-selects select,.practice-fields input,.practice-fields select,.mushaf-options select,.mushaf-nav input,.reciter-edition select{border-radius:10px;border-color:#dfe6dd;background:#fffefa;font-size:.73rem}.result-count{font-size:.68rem}.empty{border-radius:14px;background:#fffefa}
.breadcrumbs{font-size:.68rem}.breadcrumbs a{color:#39825d}.surah-detail-head h1{font-size:clamp(2.3rem,4vw,4.3rem)}.surah-head-ar{font-size:2.5rem;color:#2c7553}.surah-tools{border-radius:18px;box-shadow:0 8px 28px rgba(32,68,44,.04)}.tool-selects label,.practice-fields label,.mushaf-options label,.reciter-edition label{font-size:.62rem}.practice-panel{border-radius:18px;background:#e9f2e7}.practice-panel h2{font-size:1.3rem}.surah-progress .progress-track{border-radius:4px}.surah-progress .progress-track span{background:#3d9469;border-radius:4px}.verse-list{max-width:900px}.bismillah{color:#2b7050}.verse-row{background:#fffefa;border:1px solid #e6e9e1;border-radius:17px;padding:1.5rem 1.75rem;margin-bottom:1rem;box-shadow:0 5px 16px rgba(25,62,37,.025)}.verse-row.is-active{background:#f1f7ee;border-inline-start:4px solid #27845b}.verse-badge{border-radius:9px;color:#297452;border-color:#cee1d1;background:#eff6ed}.verse-ar{color:#1d4f38;font-size:2rem}.ayah-end{color:#b3965a}.verse-translation{color:#5a7464}.verse-actions button{border-radius:50%}.verse-actions button:hover{background:#e9f1e9;color:#2e855b}
.mushaf-toolbar{border-radius:18px;box-shadow:0 7px 25px rgba(23,60,38,.035)}.mushaf-stage{border-radius:18px;background:#f1f0e9;border-color:#e1e3dc}.mushaf-pages img{border-radius:5px;box-shadow:0 17px 40px rgba(23,54,39,.16)}.segmented{border-radius:10px;overflow:hidden}.segmented button.active{background:#15523e}
.reciter-hero{border-radius:19px;background:#eaf2e9}.reciter-avatar.large{border-radius:22px;background:#d6e7d9}.reciter-hero h1{font-size:2.5rem}.recording-row{background:#fffefa;padding:0 1rem;border:1px solid #e9ebe4;border-top:0}.recording-row:first-child,.recording-row:nth-child(2){border-top:1px solid #e9ebe4}.recording-row button{border-radius:50%;color:#155b43}.radio-hero{background:linear-gradient(125deg,#0d4838,#195a45);border:0;color:#fff}.radio-hero h1{color:#fff}.radio-hero .eyebrow{color:#d7c38b}.radio-hero .eyebrow:before{background:#d7c38b}.station-card{border-radius:15px;background:#fffefa}.station-card.active{background:#eef6ec;border-color:#92c39e}.station-card button{background:#11543e}.station-icon{border-radius:11px}.article-page h1{font-size:clamp(2.25rem,4vw,4rem)}.article-body h2{font-size:1.7rem}.article-body p{font-size:.85rem}.article-body aside{border-radius:17px}.contact-form input,.contact-form textarea{border-radius:11px}.account-stats{background:transparent;border:0;gap:.85rem}.account-stats div{border:1px solid var(--line);border-radius:15px}.account-stats strong{font-family:Manrope,Arial,sans-serif;color:#216e4e;font-weight:800}.bookmark-card{border-radius:15px}
.player{background:#0d4838;border-top:2px solid #bb9b60}.player-art{border-radius:10px;background:#22674d;border:0}.player-main{background:#c7a66d}.player-title strong{font-size:.7rem}.site-footer{background:#103c30}.footer-brand{font:800 1.16rem Manrope,Arial,sans-serif}.footer-inner strong{color:#d1ba83}.footer-bottom{border-color:#34664d}.search-dialog{border-radius:20px}.global-hit{border-radius:8px}#toast{border-radius:12px;background:#195541}
[dir=rtl] .hero-pattern{mask-image:linear-gradient(to right,#000,transparent 70%)}[dir=rtl] .hero-audio-head{padding-left:1.4rem;padding-right:0}[dir=rtl] .hero-audio-head .card-favorite{left:1.2rem;right:auto}[dir=rtl] .hero-bar-volume{margin-right:auto;margin-left:0}[dir=rtl] .hero-audio-progress{margin-right:3.65rem;margin-left:0}
@media(max-width:1150px){.hero-inner{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:2rem}.home-reciter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.header-inner{min-height:66px}.brand-text{font-size:1rem}.brand-mark{width:29px;height:29px}.hero-inner{grid-template-columns:1fr;padding:3rem 1.2rem 3.2rem;gap:2.5rem}.hero h1{font-size:clamp(2.65rem,10vw,3.8rem)}.hero p{font-size:.83rem}.hero-visual{grid-row:2}.hero-audio-card{width:100%;padding:1.1rem}.hero-verse{font-size:1.45rem;margin:1rem 0}.hero-audio-head strong{font-size:.67rem}.waveform{gap:1px}.waveform i{width:2px}.hero-bottom-bar{display:none}.hero-proof{font-size:.6rem}.section-wrap{padding-top:3rem}.page-main{padding-top:1.5rem}.page-hero{padding:1.6rem;border-radius:17px}.page-hero h1{font-size:2.5rem}.page-hero:after{right:-1rem;top:-1rem;font-size:7rem}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.feature-card{min-height:145px;padding:1rem}.feature-copy strong{font-size:.83rem}.feature-copy small{font-size:.58rem}.feature-arrow{right:1rem;top:1rem}.resume-panel{flex-direction:row;align-items:center;flex-wrap:wrap;padding:1rem}.resume-panel .button{margin-left:0}.resume-emblem{width:39px;height:39px}.surah-grid,.surah-grid.full,.article-grid,.reciter-grid,.radio-grid{grid-template-columns:1fr}.home-reciter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-card{min-height:220px}.surah-card{min-height:84px}.verse-row{padding:1.2rem}.verse-ar{font-size:1.55rem}.reciter-hero h1{font-size:2rem}.player-inner{min-height:68px}}
@media(max-width:420px){.quick-grid,.home-reciter-grid{grid-template-columns:1fr}.hero-audio-head strong{font-size:.61rem}.hero-audio-head small{font-size:.55rem}.hero-verse{font-size:1.25rem}.hero-actions .button{flex:1}}