@font-face{font-family:sans;src:url(../media/dm_sans-s.p.1lf96kbl_wni-.ttf)format("truetype");font-display:swap}@font-face{font-family:sans Fallback;src:local(Arial);ascent-override:94.36%;descent-override:29.49%;line-gap-override:0.0%;size-adjust:105.13%}.sans_5c8d2a73-module__FuzBka__className{font-family:sans,sans Fallback}.sans_5c8d2a73-module__FuzBka__variable{--font-sans:"sans", "sans Fallback"}
@font-face{font-family:display;src:url(../media/libre_caslon-s.p.3a7z4hfjreh0b.ttf)format("truetype");font-display:swap}@font-face{font-family:display Fallback;src:local(Arial);ascent-override:117.09%;descent-override:32.11%;line-gap-override:0.0%;size-adjust:82.84%}.display_42c29c72-module__zjJ9MW__className{font-family:display,display Fallback}.display_42c29c72-module__zjJ9MW__variable{--font-display:"display", "display Fallback"}
@font-face{font-family:arabic;src:url(../media/scheherazade_new-s.p.3sg8wq33-xggt.woff2)format("woff2");font-display:swap}@font-face{font-family:arabic Fallback;src:local(Arial);ascent-override:159.63%;descent-override:82.84%;line-gap-override:0.0%;size-adjust:84.12%}.arabic_3a0536a7-module__ICn8kq__className{font-family:arabic,arabic Fallback}.arabic_3a0536a7-module__ICn8kq__variable{--font-arabic:"arabic", "arabic Fallback"}
:root{--bg:#0a171b;--panel:#112126;--text:#f2f3ed;--muted:#a3b3b5;--accent:#c1d6ca;--line:#cde1e126;--radius:18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text);font-family:var(--font-sans), sans-serif;margin:0;font-size:1rem;line-height:1.55}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:default}button{background:0 0;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:5px;outline:2px solid #cde8df}button svg,a svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--font-display), Georgia, serif;font-weight:400}h3{font-weight:500}svg{vertical-align:middle}::selection{color:#fff;background:#779796}.skip-link{z-index:100;background:var(--bg);padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.brand{line-height:1;font-family:var(--font-display), serif;align-items:center;gap:10px;font-size:2.125rem;display:inline-flex}.brand img{object-fit:contain;filter:grayscale()brightness(0)invert();width:37px;height:45px}.brand-sub{font-family:var(--font-sans), sans-serif;letter-spacing:3px;margin-top:7px;font-size:.75rem;display:block}.site-header{z-index:5;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;height:98px;padding:0 5%;display:flex;position:absolute;inset:0 0 auto}.site-header nav{color:#d2dfe0;gap:34px;font-size:.875rem;display:flex}.site-header nav a{padding:37px 0 33px}.site-header nav .active{color:#fff;border-bottom:2px solid #d5e4dd}.reader-link{align-items:center;gap:12px;font-size:.875rem;display:flex}.home-hero{background:#28434b;align-items:center;height:min(830px,94svh);min-height:720px;display:flex;position:relative;overflow:hidden}.hero-atmosphere,.hero-vignette{position:absolute;inset:0}.hero-atmosphere{background:url(/art/rahman.webp) 50% 56%/cover}.hero-vignette{background:linear-gradient(90deg,#04141acc 0%,#05151c85 42%,#07161b0d 85%),linear-gradient(#05131845 0%,#0000 65%,#0a171b 100%)}.hero-copy{max-width:760px;margin:75px 0 0 7%;position:relative}.eyebrow,.section-overline{letter-spacing:2.2px;text-transform:uppercase;color:#b2c6c6;font-size:.75rem;font-weight:500}.eyebrow{color:#dbe8e5;align-items:center;gap:12px;display:flex}.small-line{background:#cfdfdc;width:26px;height:1px}.hero-copy h1{letter-spacing:-1.8px;margin:27px 0 22px;font-size:clamp(3.375rem,5.7vw,5.5rem);line-height:1.07}.hero-copy h1 em{color:#d8e5df;font-style:normal}.hero-copy p{color:#d0dddd;font-size:1rem}.primary-button{color:#122b30;background:#e5e9dd;border-radius:6px;justify-content:center;align-items:center;gap:14px;min-height:52px;padding:13px 23px;font-size:.875rem;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.primary-button:hover{background:#fff;transform:translateY(-2px)}.hero-copy .primary-button{margin-top:32px}.hero-listen-note{color:#bbc9ca;align-items:center;gap:8px;margin-top:19px;font-size:.75rem;display:flex}.hero-surah{text-align:center;text-shadow:0 2px 40px #14313e;position:absolute;top:40%;right:10%}.hero-surah>span{font-family:var(--font-arabic);font-size:5.875rem}.hero-surah p{letter-spacing:2px;margin-top:12px;font-size:.75rem}.hero-surah p span{letter-spacing:2px;color:#d8e1de;margin-top:7px;font-size:.75rem;display:block}.hero-foot{letter-spacing:2px;color:#a9c0c3;justify-content:space-between;align-items:center;font-size:.75rem;display:flex;position:absolute;bottom:43px;left:7%;right:7%}.sound-bars{align-items:center;gap:4px;height:24px;display:flex}.sound-bars i{background:#cfddd6;width:2px;height:8px}.sound-bars i:nth-child(2n){height:15px}.sound-bars i:nth-child(3){height:23px}.home-content{max-width:1392px;margin:auto;padding:0 5%}.continue-section{padding:18px 0 64px}.continue-card{border:1px solid var(--line);background:linear-gradient(110deg,#172d32,#0e1e23);border-radius:10px;align-items:center;gap:20px;margin-top:15px;padding:20px 23px;display:flex}.continue-icon{color:#bcd3c9;background:#223c40;border-radius:50%;place-items:center;width:50px;height:50px;display:grid}.muted{color:var(--muted);font-size:.875rem}.continue-card strong{margin-top:4px;font-size:1rem;font-weight:500;display:block}.continue-card strong span{color:#a4b4b5;font-size:.875rem;font-weight:400}.continue-progress{color:var(--muted);margin-top:6px;font-size:.8125rem;display:block}.round-play{border:1px solid #597074;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;display:flex}.section-heading h2{margin-top:12px;font-size:2.3125rem;line-height:1.2}.section-heading>a{color:#becdcb;white-space:nowrap;align-items:center;gap:15px;margin-bottom:5px;font-size:.8125rem;display:flex}.featured-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.surah-card{isolation:isolate;background-position:50%;background-size:cover;border-radius:10px;flex-direction:column;min-height:360px;padding:24px;transition:transform .3s;display:flex;position:relative;overflow:hidden}.surah-card:hover{transform:translateY(-5px)}.surah-card:before{content:"";z-index:-1;background:linear-gradient(#0312170a 20%,#041317f0);position:absolute;inset:0}.art-fatihah{background-image:url(/art/rahman.webp);background-position:66%}.art-dawn{background-color:#665b4a;background-image:url(/art/dawn.webp)}.art-night{background-color:#172732;background-image:url(/art/night.webp)}.card-top{letter-spacing:1.5px;color:#dde6e2;justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.card-arabic{font-family:var(--font-arabic);text-align:center;margin-top:10px;font-size:3.25rem}.card-info{position:absolute;bottom:25px;left:25px}.card-info .section-overline{letter-spacing:1.7px;color:#c0cfca;font-size:.75rem}.card-info h3{font-family:var(--font-display);margin-top:8px;font-size:2.125rem}.card-info>span:last-child{color:#b8c8c9;font-size:.8125rem}.card-play{border:1px solid #768686;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;bottom:33px;right:24px}.library{padding-top:85px}.library-tools{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:0 0 18px;display:flex}.filter-tabs{gap:8px;display:flex}.filter-tabs button{color:#b1c0c0;border-radius:5px;align-items:center;gap:8px;padding:9px 16px;font-size:.8125rem;display:flex}.filter-tabs button[aria-pressed=true]{color:#edf2e9;background:#24393c}.search-field{border:1px solid var(--line);color:#98b0b2;border-radius:6px;align-items:center;gap:12px;width:340px;padding:8px 13px;display:flex}.search-field input{color:#e7eeeb;outline-offset:8px;background:0 0;border:none;flex:1;min-width:0;font-size:.8125rem}.search-field input::placeholder{color:#9bacaf}.surah-list{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;display:grid}.surah-row{border-bottom:1px solid var(--line);align-items:center;gap:14px;min-width:0;padding:22px 0;display:flex}.surah-row:hover{background:#10232a}.surah-number{color:#93a7a8;min-width:20px;font-size:.75rem}.surah-row h3{font-size:.9375rem}.surah-row p{color:#92a8aa;margin-top:3px;font-size:.75rem}.surah-row p span{white-space:nowrap}.row-arabic{font-family:var(--font-arabic);margin-left:auto;font-size:1.5rem;line-height:2}.row-play{display:none}.empty-state{text-align:center;color:var(--muted);padding:45px}.reciters{padding:80px 0}.reciter-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.reciter-grid>a{border-top:1px solid var(--line);align-items:center;gap:14px;padding:25px 0;display:flex}.reciter-monogram{width:46px;height:46px;font-family:var(--font-display);background:#172d34;border:1px solid #385156;border-radius:50%;flex-shrink:0;place-items:center;font-size:1.375rem;display:grid}.reciter-grid h3{font-size:.875rem}.reciter-grid p{color:var(--muted);margin-top:4px;font-size:.75rem}.reciter-grid svg{color:var(--muted);margin-left:auto}.site-footer{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:30px;padding:40px 6%;display:flex}.site-footer .brand{font-size:1.75rem}.site-footer p{font-family:var(--font-display);color:#b5c4c3;font-size:1.3125rem}.site-footer>a:last-of-type{color:#becac9;margin-left:auto;font-size:.75rem}.site-footer>span{color:#8fa4a5;text-align:center;width:100%;margin-top:10px;font-size:.75rem}@media (min-width:1600px){.hero-copy{margin-left:calc(50vw - 680px)}}@media (max-width:1000px){.hero-surah{top:43%;right:8%}.hero-surah>span{font-size:4.375rem}.hero-copy h1{font-size:4rem}.hero-copy{max-width:650px}.hero-surah{display:none}.surah-list{grid-template-columns:repeat(2,minmax(0,1fr))}.reciter-grid{grid-template-columns:1fr}.reciter-grid>a{padding:20px 0}.section-heading h2{font-size:2rem}.surah-card{min-height:330px}.site-header{padding:0 5%}.site-header nav{gap:24px}}@media (max-width:640px){.site-header{height:80px}.brand{gap:6px;font-size:1.8125rem}.brand img{width:31px;height:37px}.brand-sub{font-size:.75rem}.site-header nav{gap:18px;font-size:.8125rem}.site-header nav a{padding:29px 0 25px}.site-header nav a:last-child,.reader-link{display:none}.home-hero{height:86svh;min-height:640px;max-height:760px}.hero-atmosphere{background-position:57%}.hero-vignette{background:linear-gradient(90deg,#04141aad,#05151c26),linear-gradient(#0000 40%,#0a171b)}.hero-copy{margin:30px 6% 0}.hero-copy h1{letter-spacing:-1px;margin:24px 0;font-size:3.25rem;line-height:1.08}.hero-copy p{max-width:270px;font-size:.875rem}.eyebrow{letter-spacing:1.7px;font-size:.75rem}.hero-copy .primary-button{margin-top:28px}.hero-foot{letter-spacing:1.5px;font-size:.75rem;bottom:28px;left:6%;right:6%}.hero-foot>span:last-child{display:none}.hero-listen-note{font-size:.75rem}.home-content{padding:0 6%}.continue-section{padding:12px 0 50px}.continue-card{gap:12px;padding:16px 13px}.continue-icon{flex-shrink:0;width:38px;height:38px}.continue-card strong{font-size:.875rem}.continue-card strong span{display:none}.continue-card .muted,.continue-progress{font-size:.75rem}.round-play{flex-shrink:0;width:36px;height:36px;margin-left:auto}.section-heading{flex-direction:column;align-items:start;gap:16px;margin-bottom:20px}.section-heading h2{max-width:330px;font-size:2rem}.section-overline{letter-spacing:1.6px;font-size:.75rem}.featured-grid{grid-template-columns:1fr;gap:18px}.surah-card{min-height:310px}.card-arabic{margin-top:0;font-size:3.375rem}.card-info h3{font-size:2.125rem}.library{padding-top:60px}.library-tools{flex-direction:column;align-items:stretch;gap:17px}.search-field{width:100%;min-height:45px}.filter-tabs button{padding:9px 12px}.surah-list{grid-template-columns:1fr}.surah-row{padding:19px 0}.surah-row h3{font-size:1rem}.surah-row p{font-size:.8125rem}.row-arabic{font-size:1.6875rem}.reciters{padding:60px 0 30px}.site-footer{flex-direction:column;align-items:start;gap:20px;padding:30px 6%}.site-footer>a:last-of-type{margin-left:0}.site-footer>span{text-align:left}.site-footer p{font-size:1.25rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.experience{isolation:isolate;background:#10222c;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow-x:clip}.experience:fullscreen{overflow:auto}.environment{z-index:-2;pointer-events:none;background:#19313d;position:absolute;inset:0;overflow:hidden}.environment-image,.environment-tint,.environment-shade{position:absolute;inset:0}.environment-image{transition:opacity var(--scene-transition) ease, filter var(--scene-transition) ease;animation:environment-breathe var(--motion-duration) ease-in-out infinite alternate;background-size:cover;transform:scale(1.035)}.environment-rahman{background-image:url(/art/rahman.webp)}.environment-night{background-image:url(/art/night.webp)}.environment-dawn{background-image:url(/art/dawn.webp)}.environment-tint{transition:background var(--scene-transition)}.environment-shade{z-index:3;background:linear-gradient(#04121994,#0413192b 35%,#04141c24 65%,#041117d9),radial-gradient(at 50% 43%,#071d2a42,#0000 65%)}.equilibrium .environment-image{animation-play-state:paused}.experience-header{justify-content:space-between;align-items:center;gap:20px;height:104px;padding:25px 3.5%;display:flex}.experience-title{text-align:center;position:absolute;left:50%;transform:translate(-50%)}.experience-title>span{font-family:var(--font-display);letter-spacing:.5px;font-size:1.6875rem}.experience-title small{letter-spacing:1.5px;color:#e0e8e4;margin-top:4px;font-size:.75rem;display:block}.experience-title b{padding:0 8px;font-weight:400}.experience-header nav{align-items:center;gap:25px;display:flex}.experience-header nav button{align-items:center;gap:7px;padding:10px 0;font-size:.875rem;display:flex}.experience-main{flex:1;place-items:center;width:100%;min-height:calc(100svh - 164px);padding:40px 11% 160px;display:grid;position:relative}.entry .experience-main{padding-top:10px;padding-bottom:60px}.entry-content{text-align:center;flex-direction:column;align-items:center;max-width:740px;padding:10px 0 20px;display:flex}.back-discover{color:#e0e9e5;align-items:center;gap:8px;margin-bottom:34px;font-size:.75rem;display:flex}.entry-content>.eyebrow{letter-spacing:2px;justify-content:center;font-size:.75rem}.entry-arabic{font-family:var(--font-arabic);text-shadow:0 2px 35px #193a47;margin-top:2px;font-size:clamp(4.75rem,8vw,7.375rem);line-height:1.9}.entry-content h1{text-shadow:0 2px 25px #1d3744;margin:0 0 10px;font-size:clamp(3.125rem,5vw,4.75rem);line-height:1}.entry-meaning{font-family:var(--font-display);font-size:1.8125rem}.entry-meta{letter-spacing:2px;color:#e0e7e2;margin-top:22px;font-size:.75rem}.entry-meta span{margin:0 12px}.entry-reciter{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b253647;border:1px solid #ffffff4d;border-radius:25px;align-items:center;gap:12px;margin-top:25px;padding:10px 14px;font-size:.875rem;display:flex}.entry-content .begin-button{background:#edf0e8;min-width:232px;margin-top:18px}.entry-reader{color:#d8e2df;align-items:center;gap:8px;margin-top:18px;font-size:.75rem;display:flex}.ayah-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:-50px;display:flex}.ayah-overline{flex-direction:column;align-items:center;gap:18px;margin-bottom:28px;display:flex}.ayah-overline button{letter-spacing:3px;padding:8px;font-size:.75rem}.ayah-overline>span{background:#d3dfdc;width:30px;height:1px}.verse-content{text-shadow:0 2px 24px #142f40;width:100%;max-width:100%;animation:.7s both verse-appear}.quran-text{font-family:var(--font-arabic), serif;overflow-wrap:break-word;max-width:1050px;margin:0 auto 8px;font-size:clamp(2.875rem,5.4vw,5.125rem);font-weight:400;line-height:2.05}.quran-text.long-ayah{font-size:clamp(1.875rem,3.3vw,2.9375rem);line-height:2.2}.ayah-translation{font-family:var(--font-display);color:#f1f0e8;text-wrap:pretty;max-width:830px;margin:0 auto;font-size:clamp(1.5rem,2.7vw,2.3125rem);line-height:1.45}.ayah-heartbeat .quran-text{transition:transform 2s;transform:scale(1.035)}.ayah-actions{justify-content:center;gap:12px;margin-top:24px;display:flex}.ayah-actions button,.ayah-actions a{color:#dce7e4;background:#0c28363d;border:1px solid #c5d8db24;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.ayah-actions button:hover,.ayah-actions a:hover{background:#233f50b0}.side-ayah{flex-direction:column;align-items:center;gap:9px;width:80px;padding:0;display:flex;position:absolute;top:45%}.side-ayah.previous{left:2.5%}.side-ayah.next{right:2.5%}.side-ayah>span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a364844;border:1px solid #e3ece36e;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.side-ayah small{font-size:.75rem;line-height:1.5}.player-bottom{grid-template-columns:1fr minmax(300px,480px) 1fr;align-items:end;gap:26px;display:grid;position:absolute;bottom:95px;left:3.5%;right:3.5%}.reciter-pill{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:left;background:#10222ac4;border:1px solid #ceddd736;border-radius:40px;justify-self:start;align-items:center;gap:12px;padding:10px 13px 10px 9px;font-size:.75rem;display:flex}.reciter-initials{font-family:var(--font-display);color:#183741;background:#d3dbcb;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:1.25rem;display:grid}.reciter-pill small{color:#b8c8c7;margin-top:1px;font-size:.75rem;display:block}.reciter-pill>svg{margin-left:8px}.seek-row input{accent-color:#e5eadf;cursor:pointer;width:100%;height:20px;margin:0}.seek-row>div{color:#e8eeea;justify-content:space-between;margin-top:2px;font-size:.75rem;display:flex}.transport-buttons{justify-content:center;align-items:center;gap:36px;margin-top:10px;display:flex}.transport-buttons>button{place-items:center;width:40px;height:44px;display:grid}.transport-buttons .main-play{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#dce7dd16;border:1px solid #eff1e7;border-radius:50%;width:62px;height:62px}.utility-controls{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#10222ac4;border:1px solid #ceddd736;border-radius:40px;justify-self:end;align-items:center;gap:16px;padding:13px 17px;display:flex}.utility-controls button{flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:42px;padding:0;display:flex}.utility-controls small{color:#d0dcda;font-size:.75rem}.utility-controls .more-controls{display:none}.cc-icon{border:1px solid;border-radius:2px;padding:2px;font-size:.75rem;font-weight:700;line-height:1}.utility-controls button[aria-pressed=false] .cc-icon{opacity:.5}.experience-footer{color:#c8d5d1;justify-content:space-between;align-items:end;gap:15px;height:60px;padding:0 3.5% 20px;font-size:.75rem;display:flex}.experience-footer button{color:#ccd6d3;align-items:center;gap:8px;font-size:.75rem;display:flex}.player-chrome{transition:opacity .6s,visibility .6s}.controls-hidden .player-chrome{opacity:0;visibility:hidden;pointer-events:none}.focus-mode .experience-title{opacity:0}.focus-mode .ayah-actions{opacity:0;pointer-events:none}.focus-mode .ayah-stage{transform:translateY(20px)}.focus-mode .ayah-overline,.focus-mode .reading-controls-link{opacity:0}.reveal-controls{bottom:max(20px, env(safe-area-inset-bottom));color:#e2e8dd99;flex-direction:column;align-items:center;gap:4px;padding:12px;font-size:.75rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.reveal-controls>svg{transform:rotate(180deg)}.toast{color:#112c34;z-index:30;text-align:center;background:#e4eddf;border-radius:8px;max-width:90vw;padding:12px 20px;font-size:.875rem;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 10px 50px #07111999}.playback-error{background:#172b34e8;border:1px solid #e7c3a18c;border-radius:10px;align-items:center;gap:14px;max-width:650px;margin-top:20px;padding:14px 20px;font-size:.875rem;display:flex}.playback-error button,.completion button{text-underline-offset:4px;white-space:nowrap;min-height:40px;text-decoration:underline}.completion{background:#122e38dd;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:25px;padding:15px 20px;font-size:.875rem;display:flex}.completion a{align-items:center;gap:5px;text-decoration:underline;display:flex}.modal{color:var(--text);background:#10262e;border:1px solid #536d72;border-radius:18px;width:min(540px,100vw - 32px);max-height:80svh;padding:0;position:fixed;box-shadow:0 25px 100px #0008}.modal::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020f18a1}.modal-inner{padding:28px}.modal-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;display:flex}.modal-heading h2{font-size:2rem}.modal-heading button{place-items:center;padding:8px;display:grid}.modal-search{width:100%;min-height:46px;margin-bottom:15px}.modal-surahs{max-height:51svh;padding-right:7px;overflow:auto}.modal-surahs>a{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:14px 5px;font-size:.9375rem;display:flex}.modal-surahs>a[aria-current=page]{color:#cae8d7;background:#26434a}.modal-surahs>a>span:first-child{color:#a2b6b7;min-width:20px;font-size:.75rem}.modal-surahs small{color:#afc0bd;font-size:.75rem;display:block}.modal-arabic{font-family:var(--font-arabic);margin-left:auto;font-size:1.6875rem}.reciter-options>button{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:13px;width:100%;padding:17px 8px;font-size:.9375rem;display:flex}.reciter-options small{color:#b0c2c1;margin-top:4px;font-size:.75rem;display:block}.reciter-options>button>svg{margin-left:auto}.reciter-options>button[aria-pressed=true]{background:#24404a;border-radius:8px}.settings-form label{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:17px 0;font-size:.9375rem;display:flex}.settings-form select{color:#fff;background:#203c45;border:1px solid #4f6b6e;border-radius:6px;max-width:50%;padding:8px;font-size:.875rem}.settings-form input[type=checkbox]{accent-color:#cce4d3;width:22px;height:22px}.settings-note{color:#afc2c2;margin:12px 0;font-size:.75rem;line-height:1.6}.volume-setting span{align-items:center;gap:10px;display:flex}.volume-setting input{accent-color:#cde0d3;max-width:55%}.source-note{color:#a9bfc0;margin:22px 0 15px;font-size:.75rem;line-height:1.8}.settings-form>a{font-size:.8125rem;text-decoration:underline}.shortcuts>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:15px 0;font-size:.875rem;display:flex}.shortcuts kbd{background:#203940;border:1px solid #49666b;border-radius:5px;padding:4px 9px;font-size:.75rem}.spin{animation:1s linear infinite spin}.loading-verse{color:#d8e3df;font-size:1rem}.error-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:100svh;padding:30px;display:flex}.error-page h1{font-size:3rem}.error-page p{color:var(--muted);max-width:470px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes environment-breathe{0%{transform:scale(1)}to{transform:scale(var(--depth,1.035)) translateY(-0.3%)}}@keyframes verse-appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media (max-width:1100px){.player-bottom{grid-template-columns:1fr 1.4fr 1fr;gap:16px}.reciter-pill{gap:8px;font-size:.75rem}.reciter-pill>svg{display:none}.reciter-initials{width:30px;height:30px}.utility-controls{gap:10px;padding:12px}.utility-controls .fullscreen-control{display:none}.experience-main{padding-left:13%;padding-right:13%}.quran-text{font-size:3.75rem}.experience-title>span{font-size:1.4375rem}}@media (max-width:800px){.player-bottom{grid-template-columns:1fr 1fr;gap:20px;bottom:70px}.transport{grid-area:1/1/auto/-1;justify-self:center;width:min(450px,85%)}.reciter-pill,.utility-controls{grid-row:2}.experience-main{padding-bottom:255px}.ayah-stage{margin-top:-20px}.experience-title{display:none}.experience-header nav{gap:20px}.side-ayah{width:50px}.side-ayah small{display:none}.side-ayah>span{width:40px;height:40px}.ayah-overline{margin-bottom:12px}.quran-text{font-size:3.375rem}.ayah-translation{font-size:1.8125rem}.entry .experience-main{padding-bottom:40px}.experience-footer>span:last-child{display:none}}@media (max-width:640px){.experience{min-height:100svh}.experience-header{gap:15px;height:80px;padding:18px 6%}.experience-header nav{gap:16px}.experience-header nav button{font-size:.8125rem}.experience-header nav>a{display:none}.experience-main{min-height:calc(100svh - 130px);padding:25px 7% 280px}.entry .experience-main{padding:5px 6% 40px}.entry-content{padding:0}.back-discover{margin-bottom:25px;font-size:.75rem}.entry-content>.eyebrow{letter-spacing:1.3px;font-size:.75rem}.entry-arabic{font-size:5.4375rem;line-height:1.9}.entry-content h1{font-size:3.5rem}.entry-meaning{font-size:1.625rem}.entry-meta{letter-spacing:1.4px;margin-top:18px;font-size:.75rem}.entry-meta span{margin:0 7px}.entry-reciter{min-height:43px;margin-top:24px;font-size:.8125rem}.begin-button{min-height:54px}.entry-reader{margin-top:18px;font-size:.75rem}.ayah-stage{margin:0;padding:0 2%}.ayah-overline{gap:9px;margin-bottom:15px}.ayah-overline button{letter-spacing:2px;font-size:.75rem}.quran-text{max-width:100%;margin-bottom:16px;font-size:clamp(2.4375rem,10vw,3.625rem);line-height:2}.quran-text.long-ayah{font-size:1.8125rem;line-height:2.1}.ayah-translation{font-size:1.5625rem;line-height:1.4}.ayah-actions{gap:13px;margin-top:20px}.ayah-actions button,.ayah-actions a{width:40px;height:40px}.side-ayah{display:none}.player-bottom{left:6%;right:6%;bottom:calc(55px + env(safe-area-inset-bottom));gap:18px 6px}.transport{width:100%}.transport-buttons{gap:34px;margin-top:9px}.transport-buttons .main-play{width:58px;height:58px}.seek-row>div{font-size:.75rem}.reciter-pill{border-radius:25px;gap:7px;max-width:180px;padding:8px;font-size:.75rem}.reciter-pill>span:nth-child(2){max-width:104px}.reciter-pill small{font-size:.75rem}.reciter-initials{width:28px;height:28px;font-size:1rem}.utility-controls{border-radius:28px;gap:9px;padding:10px}.utility-controls button{min-width:30px}.utility-controls small{font-size:.75rem}.utility-controls .more-controls{min-width:25px;display:flex}.utility-controls>button:nth-child(2){display:none}.utility-controls>button:first-child small{font-size:.75rem}.utility-controls>button:first-child{min-width:48px}.experience-footer{height:50px;padding:0 6% calc(14px + env(safe-area-inset-bottom));align-items:end;font-size:.75rem}.experience-footer button>span{display:none}.experience-footer button{padding:7px}.environment-shade{background:linear-gradient(#04121994,#04131947 35%,#04141c3b 55%,#041117f2),radial-gradient(at 50% 40%,#071d2a38,#0000 70%)}.focus-mode .ayah-stage{transform:none}.modal-inner{padding:22px}.modal-heading h2{font-size:1.8125rem}.modal{max-height:86svh}.playback-error{text-align:center;flex-direction:column;gap:5px;font-size:.8125rem}.toast{width:max-content;max-width:90vw;font-size:.8125rem;bottom:15px}.hero-atmosphere,.art-fatihah,.environment-rahman{background-image:url(/art/rahman-mobile.webp)}.art-dawn,.environment-dawn{background-image:url(/art/dawn-mobile.webp)}.art-night,.environment-night{background-image:url(/art/night-mobile.webp)}}@media (max-height:650px) and (min-width:641px){.experience-header{height:78px;padding-top:15px;padding-bottom:15px}.experience-main{min-height:calc(100svh - 120px);padding-top:10px;padding-bottom:185px}.ayah-stage{margin:0}.ayah-overline{gap:0;margin-bottom:0}.quran-text{font-size:2.875rem;line-height:1.8}.ayah-translation{font-size:1.5625rem}.ayah-actions{margin-top:10px}.player-bottom{grid-template-columns:1fr 1.3fr 1fr;bottom:45px}.transport{grid-area:1/2;width:100%}.reciter-pill,.utility-controls{grid-row:1}.experience-footer{height:40px;padding-bottom:10px}.entry-content{padding-bottom:10px}.back-discover{margin-bottom:10px}.entry-arabic{font-size:3.875rem;line-height:1.6}.entry-content h1{font-size:2.75rem}.entry-meaning{font-size:1.5rem}.entry-meta,.entry-reciter,.entry-content .begin-button{margin-top:12px}.entry-reader{margin-top:10px}.entry .experience-main{padding-bottom:15px}}@media (prefers-reduced-motion:reduce){.environment-image,.ayah-heartbeat .quran-text{transform:none}}@media (max-width:640px) and (max-height:700px){.has-begun .experience-header{height:64px;padding-top:10px;padding-bottom:10px}.has-begun .experience-main{min-height:calc(100svh - 100px);padding:8px 7% 215px}.has-begun .experience-footer{height:36px;padding-bottom:8px}.has-begun .quran-text{margin-bottom:5px;font-size:2.375rem;line-height:1.8}.has-begun .quran-text.long-ayah{font-size:1.75rem;line-height:2}.has-begun .ayah-translation{font-size:1.4375rem;line-height:1.3}.has-begun .ayah-overline{gap:5px;margin-bottom:9px}.has-begun .ayah-actions{margin-top:12px}.has-begun .ayah-actions button,.has-begun .ayah-actions a{width:36px;height:36px}.player-bottom{bottom:calc(37px + env(safe-area-inset-bottom));gap:12px 6px}.transport-buttons .main-play{width:52px;height:52px}.transport-buttons{margin-top:4px}.utility-controls{padding:8px}.reciter-pill{padding:7px}}@media (max-height:500px) and (min-width:641px){.has-begun .experience-header{height:60px;padding-top:10px;padding-bottom:10px}.has-begun .experience-main{min-height:calc(100svh - 92px);padding:10px 14% 125px}.has-begun .experience-footer{height:32px;padding-bottom:8px}.has-begun .ayah-overline{display:none}.has-begun .quran-text{margin-bottom:3px;font-size:2.375rem;line-height:1.8}.has-begun .quran-text.long-ayah{font-size:1.75rem;line-height:2}.has-begun .ayah-translation{font-size:1.4375rem;line-height:1.3}.has-begun .ayah-actions{margin-top:8px}.has-begun .ayah-actions button,.has-begun .ayah-actions a{width:34px;height:34px}.player-bottom{bottom:39px}.transport-buttons .main-play{width:46px;height:46px}.transport-buttons{margin-top:3px}.side-ayah{top:35%}}.environment-depth{transition:opacity var(--scene-transition) ease;pointer-events:none;background-size:cover;position:absolute;inset:0}@media (max-width:640px){.player-bottom{grid-template-columns:minmax(0,1fr) auto}.utility-controls{gap:3px;padding:5px 7px}.utility-controls button,.utility-controls .more-controls{min-width:40px;min-height:44px}.utility-controls small{display:none}.utility-controls>button:first-child{min-width:40px}.reciter-pill{max-width:100%;font-size:.8125rem}.reciter-pill small{font-size:.75rem}.reciter-pill>span:nth-child(2){min-width:0;max-width:none}.hero-foot{letter-spacing:1px}.section-overline{letter-spacing:1.5px}.entry-content>.eyebrow{text-wrap:balance;max-width:90%}}@media (max-width:380px){.reciter-pill .reciter-initials{display:none}.reciter-pill{padding:8px 12px}.brand-sub{font-size:.5rem}.hero-copy h1{font-size:2.8rem}.hero-copy{margin-top:50px}.hero-foot{bottom:20px}}.experience>.environment{position:fixed}.surah-row>div{overflow-wrap:anywhere;flex:1;min-width:0}@media (max-width:640px){.site-header{height:auto;min-height:80px}.site-header nav{flex-wrap:wrap;justify-content:flex-end;gap:4px 18px;min-width:0}.site-header nav a{padding:18px 0}.home-hero{height:auto;min-height:640px;max-height:none;padding:165px 0 90px}.hero-copy{margin-top:0}.hero-foot{bottom:25px}}.experience[data-typography=intimate] .quran-text{font-size:clamp(2.4rem,4.8vw,4.4rem)}.hero-atmosphere{background-image:url(/art/coast.webp)}.hero-copy p{max-width:36rem;line-height:1.75}.hero-actions{flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:30px;display:flex}.hero-actions .primary-button{margin-top:0}.hero-explore{color:#e0e8e3;align-items:center;gap:12px;min-height:48px;font-size:.875rem;display:inline-flex}.filter-tabs{flex-wrap:wrap}.filter-tabs button{white-space:nowrap}.card-info .section-overline{white-space:normal;line-height:1.6}.art-rahman{background-image:url(/art/rahman.webp)}.art-grove,.environment-grove{background-image:url(/art/grove.webp)}.art-stone,.environment-stone{background-image:url(/art/stone.webp)}.art-fields,.environment-fields{background-image:url(/art/fields.webp)}.art-coast,.environment-coast{background-image:url(/art/coast.webp)}.environment-scene,.environment-atmosphere,.environment-foreground{position:absolute;inset:0}.environment-scene{transition:opacity var(--scene-transition) ease-in-out}.environment-foreground{background:radial-gradient(at 0 100%,#041416,#0000 65%),radial-gradient(at 100% 100%,#041416,#0000 65%)}.ayah-translation{overflow-wrap:anywhere}.ayah-translation[lang=ur]{font-family:var(--font-arabic), serif;line-height:2.1}.ayah-translation[lang=hi],.ayah-translation[lang=bn]{font-family:system-ui,sans-serif;line-height:1.9}.translation-status{color:#d3e0df;font-size:.875rem;line-height:1.7}.translation-status button{min-height:44px;padding:6px;text-decoration:underline}.experience-footer>span:last-child{text-align:right;overflow-wrap:anywhere;max-width:38%}@media (max-width:900px) and (min-width:641px){.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.hero-atmosphere{background-image:url(/art/coast-mobile.webp)}.hero-copy p{max-width:32rem}.hero-actions{gap:6px 20px;margin-top:24px}.hero-actions .primary-button{margin-top:0}.art-rahman{background-image:url(/art/rahman-mobile.webp)}.art-grove,.environment-grove{background-image:url(/art/grove-mobile.webp)}.art-stone,.environment-stone{background-image:url(/art/stone-mobile.webp)}.art-fields,.environment-fields{background-image:url(/art/fields-mobile.webp)}.art-coast,.environment-coast{background-image:url(/art/coast-mobile.webp)}.translation-setting{flex-wrap:wrap}.translation-setting select{width:100%;max-width:100%}}@media (prefers-reduced-motion:reduce){.environment-scene{transition:none}.environment-image{animation:none;transform:none}}.experience .entry-meaning,.experience .ayah-overline{color:var(--accent)}.experience[data-enlarged-controls=true] .reciter-pill>span:nth-child(2),.experience[data-enlarged-controls=true] .brand>span,.experience[data-enlarged-controls=true] .experience-title,.experience[data-enlarged-controls=true] .utility-controls small,.experience[data-enlarged-controls=true] .side-ayah small,.experience[data-enlarged-controls=true] .experience-footer>span,.experience[data-enlarged-controls=true] .experience-footer button>span{display:none}.experience[data-enlarged-controls=true] .experience-footer{justify-content:flex-end;height:36px;padding-top:0;padding-bottom:0}.experience[data-enlarged-controls=true] .experience-footer button{justify-content:center;width:36px;height:36px}.experience[data-enlarged-controls=true] .reciter-pill{justify-content:center;min-width:48px;min-height:48px;padding:6px}.experience[data-enlarged-controls=true] .reciter-initials{flex-shrink:0;place-items:center;width:32px;height:32px;font-size:16px;line-height:1;display:grid}.experience.has-begun{overflow:visible}.has-begun .experience-main{flex:1 0 auto;height:auto;min-height:0;padding:16px clamp(20px,10vw,160px) 24px}.has-begun .ayah-stage{width:100%;height:auto;min-height:0;margin:0;transform:none}.has-begun .verse-content{flex:none;min-width:0;height:auto;max-height:none;padding:.35em 0 .5em;overflow:visible}.has-begun .quran-text{font-synthesis:none;word-spacing:.04em;overflow-wrap:anywhere;white-space:normal;text-overflow:clip;padding-block:.16em .24em;font-size:clamp(2.5rem,1.65rem + 3.6vw,5.125rem);line-height:2.05;overflow:visible;transform:none}.has-begun .quran-text.medium-ayah{font-size:clamp(2.125rem,1.6rem + 2.3vw,3.75rem)}.has-begun .quran-text.long-ayah{font-size:clamp(1.875rem,1.5rem + 1.7vw,3rem);line-height:2.1}.has-begun .quran-text.very-long-ayah{font-size:clamp(1.75rem,1.4rem + 1.2vw,2.5rem);line-height:2.15}.has-begun .verse-content:focus-visible{outline-offset:4px}.has-begun .ayah-overline,.has-begun .ayah-actions{flex-shrink:0}@media (max-width:640px){.has-begun .experience-main{padding-inline:20px}.has-begun .ayah-translation{font-size:clamp(1.125rem,1rem + .7vw,1.5rem)}}.has-begun .player-bottom{z-index:5;flex:none;margin:24px 3.5% 20px;scroll-margin-top:24px;position:relative;inset:auto}.has-begun .experience-footer{flex:none;position:relative;inset:auto}.reading-controls-link{color:#dce7e4;text-underline-offset:4px;margin-bottom:12px;font-size:.8125rem;text-decoration:underline;display:inline-block}.environment-opening{background-image:url(/art/opening.webp)}.environment-yasin{background-image:url(/art/yasin.webp)}.environment-yusuf{background-image:url(/art/yusuf.webp)}.environment-taha{background-image:url(/art/taha.webp)}.environment-waqiah{background-image:url(/art/waqiah.webp)}.environment-falaq{background-image:url(/art/falaq.webp)}.environment-nas{background-image:url(/art/nas.webp)}.environment-muzzammil{background-image:url(/art/muzzammil.webp)}.environment-insan{background-image:url(/art/insan.webp)}@media (max-width:640px){.environment-opening{background-image:url(/art/opening-mobile.webp)}.environment-yasin{background-image:url(/art/yasin-mobile.webp)}.environment-yusuf{background-image:url(/art/yusuf-mobile.webp)}.environment-taha{background-image:url(/art/taha-mobile.webp)}.environment-waqiah{background-image:url(/art/waqiah-mobile.webp)}.environment-falaq{background-image:url(/art/falaq-mobile.webp)}.environment-nas{background-image:url(/art/nas-mobile.webp)}.environment-muzzammil{background-image:url(/art/muzzammil-mobile.webp)}.environment-insan{background-image:url(/art/insan-mobile.webp)}}.art-opening{background-image:url(/art/opening.webp)}.art-yasin{background-image:url(/art/yasin.webp)}.art-yusuf{background-image:url(/art/yusuf.webp)}.art-taha{background-image:url(/art/taha.webp)}.art-waqiah{background-image:url(/art/waqiah.webp)}.art-falaq{background-image:url(/art/falaq.webp)}.art-nas{background-image:url(/art/nas.webp)}.art-muzzammil{background-image:url(/art/muzzammil.webp)}.art-insan{background-image:url(/art/insan.webp)}.home-content>.explore:first-child{padding-top:28px}.section-description{color:var(--muted);margin-top:12px;font-size:.875rem;line-height:1.6}.continue-action{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;font-size:.875rem;display:inline-flex}.continue-card>div{min-width:0}.card-top{text-shadow:0 1px 5px #071a20;flex-wrap:wrap;gap:8px}.card-arabic{font-size:min(4rem,22vw)}.card-info{overflow-wrap:anywhere;margin-top:auto;padding-top:24px;position:static}.card-info>span:last-child{padding-right:50px;display:block}.surah-number{flex-shrink:0;width:36px}