@font-face{font-family:Amiri;src:url('assets/amiri-arabic-400-normal-D0NIBXga.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Amiri;src:url('assets/amiri-arabic-700-normal-D8FrblyB.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--bg:#fcfaf5;--paper:#fffcf7;--ink:#142850;--muted:#6d7584;--gold:#ac7b2c;--line:#e6dac5;--wash:#f0ebe1;--navy:#142850;--cream:#fceabb;--shadow:0 22px 65px #1428500d}html[data-theme=dark]{--bg:#0e1c36;--paper:#152748;--ink:#f8f2e5;--muted:#afbad0;--gold:#e5bd74;--line:#324362;--wash:#1c3050;--shadow:0 22px 65px #0002}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,Arial,sans-serif;font-size:15px;line-height:1.85}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}img{max-width:100%;height:auto;display:block}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.container{width:min(1160px,calc(100% - 72px));margin-inline:auto}.section{padding-block:95px}.header{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:94px}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;white-space:nowrap}.brand small{display:block;font-size:10px;letter-spacing:.2px;color:var(--muted);font-weight:400}.header nav{display:flex;gap:27px;font-size:12px}.header nav a{padding-block:12px}.header nav a:hover{color:var(--gold)}.header-actions{display:flex;align-items:center;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--navy);color:#fff8e9;border:1px solid var(--navy);border-radius:9px;padding:14px 24px;font-size:13px;font-weight:700;min-height:52px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#243e65}.button.small{padding:10px 17px;font-size:11px;min-height:42px;gap:14px}.icon-button{height:42px;width:42px;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:transparent;font-size:22px}.menu-button{display:none}.hero{min-height:705px;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding-block:72px 64px;overflow:hidden}.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:1px;color:var(--gold);margin:0 0 22px}.tiny-star{margin-left:9px;font-size:17px}h1,h2{font-family:Amiri,Georgia,serif;font-weight:400;line-height:1.22;letter-spacing:-1px;margin:0}h1{font-size:73px}h1 em{font-style:normal;color:var(--gold)}h2{font-size:52px}h3{font-size:17px;margin:20px 0 12px}.lead{font-size:15px;color:var(--muted);line-height:2.2;max-width:470px;margin:27px 0 30px}.hero-buttons{display:flex;align-items:center;gap:30px}.text-button{font-size:12px;font-weight:700;display:flex;gap:18px;align-items:center}.platforms{display:flex;align-items:center;gap:13px;margin-top:22px;font-size:10px;color:var(--muted)}.platforms i{height:3px;width:3px;background:var(--gold);border-radius:50%}.hero-note{font-size:10px;color:var(--muted);margin-top:42px;display:flex;align-items:center;gap:8px}.hero-note span{font-size:21px;color:var(--gold)}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:550px}.halo{position:absolute;width:470px;height:470px;border:1px solid var(--line);border-radius:50%;background:radial-gradient(circle,#d7ba8033 0%,transparent 65%)}.halo:before,.halo:after{content:'';position:absolute;inset:24px;border:1px dashed var(--line);border-radius:50%}.halo:after{inset:-30px;border-style:solid;opacity:.3}.phone{position:relative;width:290px;background:#142850;border:7px solid #142850;border-radius:38px;box-shadow:0 30px 60px #14285033;overflow:hidden;transform:rotate(-5deg);z-index:1}.phone img{width:100%;height:475px;object-fit:cover;object-position:top}.phone-speaker{width:83px;height:17px;border-radius:0 0 15px 15px;background:#142850;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2}.phone-bottom{height:6px;width:82px;border-radius:9px;background:#78859b;position:absolute;bottom:8px;left:50%;transform:translateX(-50%)}.orbit-star{position:absolute;color:var(--gold);font-size:38px}.s1{left:6%;top:9%}.s2{right:6%;bottom:19%;font-size:22px}.floating-note{position:absolute;bottom:80px;right:0;z-index:2;background:var(--paper);border:1px solid var(--line);padding:16px 23px;display:flex;align-items:center;gap:12px;border-radius:12px;box-shadow:var(--shadow);font-size:13px;font-weight:700;transform:rotate(3deg)}.floating-note small{display:block;color:var(--muted);font-size:10px;font-weight:400}.note-icon{border:1px solid var(--line);width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:22px;color:var(--gold)}.image-caption{position:absolute;bottom:-4px;font-size:10px;color:var(--muted)}.ribbon{border-block:1px solid var(--line);background:var(--wash)}.ribbon-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:22px;font-size:13px}.ribbon-inner span:nth-child(even){color:var(--gold);font-size:14px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:43px;gap:30px}.section-top>p{color:var(--muted);font-size:13px;line-height:2.1;padding-bottom:6px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.feature{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:30px;min-height:252px}.feature-icon{height:46px;width:46px;display:grid;place-items:center;border:1px solid var(--line);color:var(--gold);border-radius:12px;font-size:25px;background:var(--wash)}.feature p{color:var(--muted);font-size:12px;line-height:2.1;margin:0}.feature a{font-size:11px;color:var(--gold);display:flex;gap:18px;align-items:center;margin-top:18px}.quran-section{background:#142850;color:#f8f1df;padding-block:90px;position:relative;overflow:hidden}.quran-section:before{content:'';position:absolute;width:750px;height:750px;border:1px solid #d9b26114;border-radius:50%;top:-300px;right:-400px;pointer-events:none}.quran-layout{position:relative;display:grid;grid-template-columns:1fr .85fr;gap:105px;align-items:center}.quran-section .eyebrow{color:#e5bd74}.quran-section .lead{color:#b4bfd1}.check-list{padding:0;list-style:none;font-size:13px;line-height:2.6;margin-bottom:30px}.check-list li:before{content:'✓';color:#e5bd74;margin-left:12px}.cream{background:#fceabb;color:#142850;border-color:#fceabb}.cream:hover{background:#f3d38d}.app-showcase{background:#1c3357;border:1px solid #c8963e70;border-radius:18px;overflow:hidden;box-shadow:0 25px 60px #0002}.showcase-head{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;color:#e7c990;font-size:11px}.showcase-tabs{display:flex;justify-content:center;gap:5px;padding:0 10px 13px}.showcase-tabs button{border:1px solid transparent;background:transparent;color:#b4bfd1;font-size:10px;border-radius:5px;padding:7px 17px}.showcase-tabs button[aria-pressed=true]{background:#fceabb;color:#142850}.app-showcase img{height:370px;width:100%;object-fit:cover;object-position:top}.showcase-caption{text-align:center;font-size:9px;color:#b4bfd1;margin:10px}.prayer-section{display:grid;grid-template-columns:1fr .85fr;gap:105px;align-items:center}.prayer-points>div{border-bottom:1px solid var(--line);padding:14px 0;display:flex;justify-content:space-between;gap:18px}.prayer-points strong{font-size:12px}.prayer-points span{font-size:11px;color:var(--muted)}.subtle{display:block;color:var(--muted);font-size:10px;line-height:2}.prayer-copy>.subtle{margin-top:24px}.prayer-image{position:relative;max-height:530px;overflow:hidden;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.prayer-image img{width:100%}.photo-label{position:absolute;bottom:0;inset-inline:0;background:var(--paper);text-align:center;padding:11px;font-size:9px;color:var(--muted)}#listening{padding-top:10px}.listening-box{border:1px solid var(--line);background:var(--wash);border-radius:17px;padding:45px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.listening-box h2{font-size:39px}.listening-box p:not(.eyebrow){font-size:12px;color:var(--muted)}.player{padding:25px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.player-top{display:flex;align-items:center;gap:14px}.player-top strong{font-size:15px}.player-top small{display:block;color:var(--muted);font-size:9px}.audio-mark{margin-right:auto;color:var(--gold);font-size:28px}.player-controls{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.play-button{background:#fceabb;border:1px solid #c8963e;color:#142850;border-radius:50%;height:55px;width:55px;flex:none;display:grid;place-items:center;font-size:23px}.player-detail{display:flex;flex:1;flex-direction:column;gap:3px}.player-detail span{font-size:10px}.player-detail label{font-size:9px;color:var(--muted)}input[type=range]{width:100%;accent-color:var(--gold);height:15px;direction:ltr}.download-section{text-align:center;padding-top:0}.download-intro{color:var(--muted);font-size:12px;margin:24px 0 40px}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px}.download-card{padding:33px 24px 28px;border:1px solid var(--line);border-radius:13px;background:var(--paper)}.device-icon{font-size:35px;color:var(--gold)}.download-card h3{margin:13px 0 4px;font-size:18px}.download-card p{color:var(--muted);font-size:11px;margin:0}.release-status{display:block;color:var(--gold);font-size:10px;min-height:25px;margin:20px 0 15px}.download-card .button{width:100%;font-size:11px;min-height:46px}.button:disabled{background:var(--wash);color:var(--muted);border-color:var(--line);transform:none}.about-section{background:var(--wash);border-block:1px solid var(--line);padding:60px 0}.about-layout{display:flex;align-items:center;gap:40px;max-width:850px}.about-layout>img{width:84px;flex:none}.about-layout h2{font-size:38px}.about-layout .eyebrow{margin-bottom:12px}.about-layout p:last-child{color:var(--muted);font-size:13px;margin:15px 0 0}.faq-section{max-width:850px}.faq{margin-top:30px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-size:13px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:20px;color:var(--gold);font-weight:400}.faq details[open] summary:after{content:'−'}.faq p{font-size:12px;line-height:2.2;color:var(--muted);max-width:640px}footer{border-top:1px solid var(--line);padding-top:35px}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-main .brand{font-size:18px}.footer-main p{color:var(--muted);font-size:11px}.footer-link{background:none;border:0;color:var(--ink);font-size:11px}.footer-bottom{border-top:1px solid var(--line);margin-top:30px;display:flex;justify-content:space-between;padding:20px 0;font-size:10px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:18px;padding:42px;background:var(--paper);color:var(--ink);width:min(580px,calc(100% - 32px));max-height:85vh}dialog::backdrop{background:#071226aa;backdrop-filter:blur(4px)}dialog h2{font-size:36px}dialog p{color:var(--muted);font-size:12px}dialog .eyebrow{color:var(--gold)}.dialog-close{position:absolute;top:10px;left:15px;font-size:30px;color:var(--ink);background:none;border:0}.skip{position:fixed;top:-100px;right:20px;background:var(--navy);color:white;z-index:50;padding:12px}.skip:focus{top:10px}
@media(min-width:1500px){.hero{min-height:750px}}@media(max-width:1050px){.container{width:calc(100% - 48px)}.header nav{gap:17px;font-size:10px}.header-inner{gap:17px}.brand{font-size:19px}.hero{gap:25px}h1{font-size:62px}.phone{width:260px}.phone img{height:430px}.halo{width:390px;height:390px}.floating-note{right:-8px;padding:13px 17px;bottom:100px}.quran-layout,.prayer-section{gap:55px}.listening-box{gap:25px;padding:30px}.feature{padding:23px}}@media(max-width:800px){.header-inner{min-height:78px}.header nav{display:none;position:absolute;top:78px;inset-inline:0;background:var(--bg);padding:20px 24px;border-bottom:1px solid var(--line)}.header nav.open{display:flex;flex-wrap:wrap;justify-content:center}.menu-button{display:block}.header-actions .small{display:none}.hero{grid-template-columns:1fr 1fr;min-height:630px;padding-top:40px;gap:16px}h1{font-size:53px}.hero .lead{font-size:13px}.hero-buttons{gap:18px;flex-wrap:wrap}.hero-visual{min-height:480px}.phone{width:225px}.phone img{height:380px}.halo{width:330px;height:330px}.floating-note{right:0;bottom:50px;font-size:11px}.s2{right:0}.image-caption{bottom:3px}.features-grid{grid-template-columns:repeat(2,1fr)}.ribbon-inner{font-size:10px;gap:10px}.section{padding-block:65px}.quran-layout,.prayer-section{gap:32px}h2{font-size:44px}.quran-section{padding-block:65px}.app-showcase img{height:340px}.lead{font-size:13px}.prayer-points>div{flex-direction:column;gap:2px}.listening-box{grid-template-columns:1fr}.download-card{padding:25px 14px}.footer-main{flex-wrap:wrap}.footer-main p{display:none}}
@media(max-width:560px){.container{width:calc(100% - 36px)}.header-inner{gap:10px}.brand{font-size:18px;gap:9px}.brand img{width:39px;height:39px}.brand small{font-size:9px}.header-actions{gap:7px}.icon-button{width:37px;height:37px;font-size:20px}.hero{display:flex;flex-direction:column;padding:42px 0 30px;gap:20px;text-align:center;min-height:auto;overflow:visible}.hero-copy{width:100%}.eyebrow{font-size:10px;margin-bottom:18px}h1{font-size:58px;line-height:1.17}.hero .lead{margin:23px auto;font-size:12px;max-width:360px}.hero-buttons{justify-content:center;gap:22px}.hero-buttons .button{font-size:11px;padding:12px 19px;min-height:48px}.text-button{font-size:11px}.platforms{justify-content:center;margin-top:18px}.hero-note{justify-content:center;margin-top:22px;font-size:9px}.hero-visual{width:100%;min-height:435px;margin-top:5px}.phone{width:223px;border-width:6px;border-radius:30px}.phone img{height:365px}.halo{width:315px;height:315px}.halo:after{inset:-15px}.floating-note{bottom:48px;right:8px;padding:12px 16px;max-width:190px;text-align:right}.floating-note small{font-size:9px}.s1{left:6%;top:5%}.s2{right:6%;bottom:22%}.image-caption{bottom:-10px}.ribbon-inner{padding-block:17px;flex-wrap:wrap;justify-content:center;column-gap:13px;row-gap:4px;font-size:9px}.ribbon-inner span:nth-child(8){display:none}.section{padding-block:55px}.section-top{display:block;margin-bottom:30px}.section-top>p{font-size:11px;margin-top:20px}h2{font-size:43px}.features-grid{gap:12px}.feature{padding:20px 16px;min-height:240px}.feature-icon{height:38px;width:38px;font-size:22px}h3{font-size:14px;margin-top:15px}.feature p{font-size:10px;line-height:2}.feature a{font-size:9px;gap:10px}.quran-layout,.prayer-section{grid-template-columns:1fr;gap:35px}.quran-section{padding-block:55px}.quran-section .lead{font-size:12px}.check-list{font-size:11px;margin-bottom:25px}.cream{font-size:11px}.app-showcase{max-width:355px;width:100%;margin:auto}.app-showcase img{height:360px}.prayer-copy .lead{font-size:12px}.prayer-points>div{flex-direction:row;gap:15px}.prayer-points strong{font-size:11px}.prayer-points span{font-size:9px}.prayer-image{max-height:460px;width:min(355px,100%);margin:auto}.listening-box{padding:25px 20px;gap:22px}.listening-box h2{font-size:35px}.listening-box p:not(.eyebrow){font-size:11px}.player{padding:20px}.download-section{padding-top:0}.download-grid{grid-template-columns:1fr;gap:13px;text-align:right}.download-card{display:grid;grid-template-columns:42px 1fr;column-gap:16px;align-items:center;padding:22px}.download-card .device-icon{grid-row:1/3;font-size:29px}.download-card h3{margin:0;font-size:16px}.download-card p{font-size:10px}.release-status{grid-column:1/-1;text-align:center;margin:15px 0 10px;min-height:auto}.download-card .button{grid-column:1/-1}.download-intro{font-size:11px;margin:20px 0 30px}.about-section{padding:40px 0}.about-layout{gap:20px;align-items:start}.about-layout>img{width:54px}.about-layout h2{font-size:31px}.about-layout p:last-child{font-size:11px}.faq-section h2{font-size:37px}.faq summary{font-size:11px}.faq p{font-size:10px}.footer-main .brand{font-size:16px}.footer-link{font-size:10px}.footer-bottom{font-size:9px}.footer-main{gap:12px}dialog{padding:32px 25px}dialog h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}} 

/* Readable labels and body copy. Keep the approved large Amiri headings. */
@font-face{font-family:PortalTajawal;src:url('assets/ui/tajawal-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:PortalTajawal;src:url('assets/ui/tajawal-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--label-gold:#805916}html[data-theme=dark]{--label-gold:#edc983}
body{font-family:PortalTajawal,Tahoma,Arial,sans-serif;font-size:18px;line-height:1.9}
.eyebrow{font-size:16px;font-weight:700;letter-spacing:0;color:var(--label-gold)}.lead{font-size:18px}.header nav{font-size:15px;gap:18px}.brand small{font-size:12px}.button,.button.small,.text-button{font-size:16px}.button.small{font-size:14px}.platforms,.hero-note,.floating-note small{font-size:14px}.floating-note{font-size:16px}.image-caption,.showcase-caption,.photo-label{font-size:12px}.ribbon-inner{font-size:16px;flex-wrap:wrap;justify-content:center;column-gap:28px}.ribbon-inner span:nth-child(even){font-size:14px}.section-top>p{font-size:17px}.feature h3{font-size:21px}.feature p,.feature a{font-size:16px}.feature a{color:var(--label-gold)}.feature{min-height:285px}.check-list{font-size:18px}.showcase-head{font-size:14px}.showcase-tabs button{font-size:16px}.subtle{font-size:14px}.listening-box p:not(.eyebrow){font-size:17px}.player-top strong{font-size:19px}.player-top small,.player-detail label{font-size:14px}.player-detail span{font-size:16px}.download-intro{font-size:18px}.download-card h3{font-size:22px}.download-card p,.release-status,.download-card .button{font-size:16px}.release-status{color:var(--label-gold);min-height:52px}.about-layout p:last-child{font-size:17px}.faq summary{font-size:18px}.faq p{font-size:17px}.footer-main p,.footer-link,.footer-bottom{font-size:14px}dialog p{font-size:16px}.recognition-feature{grid-column:span 2;background:var(--wash);border-color:var(--gold)}[hidden]{display:none!important}
.live-prayer{border:1px solid var(--line);background:var(--paper);padding:30px;border-radius:18px;box-shadow:var(--shadow)}.prayer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}.prayer-toolbar strong{font-size:25px}.prayer-toolbar p{margin:3px 0 0;color:var(--muted);font-size:14px}.prayer-toolbar-actions{display:flex;gap:12px;flex-wrap:wrap}.button.secondary{background:var(--wash);color:var(--ink);border-color:var(--line)}.prayer-summary{background:#142850;color:#fff8e9;display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:12px;padding:28px 32px;margin-bottom:25px}.prayer-summary .eyebrow{color:#edc983;margin-bottom:2px}.prayer-summary h3{font-family:Amiri,serif;font-size:40px;font-weight:400;margin:0}.prayer-summary p:not(.eyebrow){margin:0;font-size:17px}.prayer-count{display:flex;flex-direction:column;align-items:center;gap:6px}.prayer-count span{color:#c8d2e5;font-size:15px}.prayer-count strong{font-size:34px;letter-spacing:2px;font-variant-numeric:tabular-nums}.prayer-date{display:flex;flex-direction:column;font-size:15px;color:#d0d9e9}.online-prayer-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.online-prayer-card{border:1px solid var(--line);background:var(--bg);border-radius:11px;padding:18px 10px 12px;display:flex;flex-direction:column;align-items:center;gap:7px}.online-prayer-card.active{border-color:var(--gold);background:var(--wash)}.prayer-icon{color:var(--label-gold)}.prayer-icon svg,.prayer-bell svg{width:24px;height:24px;display:block}.online-prayer-card>span:not(.prayer-icon){font-size:17px;font-weight:700}.online-prayer-card>strong{font-size:25px;font-variant-numeric:tabular-nums;white-space:nowrap}.prayer-bell{color:var(--ink);background:transparent;border:0;padding:8px;border-radius:50%;min-height:40px}.prayer-bell[aria-pressed=true]{background:var(--wash);color:var(--label-gold)}.online-prayer-card small{font-size:13px;min-height:40px;display:flex;align-items:center;color:var(--muted)}.method-note{font-size:14px;color:var(--muted);margin:18px 0 0}.field-status{font-size:15px;line-height:1.9;color:var(--muted)}.is-error,#settingsError{color:#ac3931}html[data-theme=dark] .is-error,html[data-theme=dark] #settingsError{color:#ffaca5}
.recognition-section{padding-block:75px;background:#142850;color:#fff8e9}.recognition-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.recognition-section .eyebrow{color:#edc983}.recognition-section .lead{color:#c7d1e3}.recognition-note,.review-limit{color:#c7d1e3;font-size:14px;line-height:1.9}.recognition-note{max-width:480px;margin-top:20px}.recognition-steps{border:1px solid #c8963e70;border-radius:16px;padding:28px;background:#1b3153}.recognition-steps>div{position:relative;padding:9px 58px 16px 0;border-bottom:1px solid #c8963e33;margin-bottom:12px}.recognition-steps>div>span{position:absolute;right:0;top:9px;width:36px;height:36px;border:1px solid #c8963e70;border-radius:50%;display:grid;place-items:center;color:#fceabb;font-size:20px}.recognition-steps strong{font-size:19px}.recognition-steps p{font-size:16px;color:#c7d1e3;margin:5px 0 0}.recognition-steps .review-limit{font-size:14px;margin:15px 0 0}
#settingsDialog{width:min(680px,calc(100% - 32px));max-height:90vh}#settingsDialog h2{margin-bottom:25px}#settingsDialog label{display:block;font-size:17px;font-weight:700;margin:18px 0}#settingsDialog .check-label{display:flex;gap:12px;align-items:center}#settingsDialog input:not([type=checkbox]):not([type=radio]),#settingsDialog select{width:100%;padding:12px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:8px;min-height:48px;margin-top:8px;font-size:17px}#settingsDialog input[type=checkbox],#settingsDialog input[type=radio]{width:19px;height:19px;flex:none;accent-color:var(--gold)}#settingsDialog select:disabled{opacity:.7}#settingsDialog fieldset{border:1px solid var(--line);border-radius:10px;margin-top:22px;padding:15px}#settingsDialog legend{font-weight:700;font-size:18px}#prayerOffsets{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}#prayerOffsets label{margin:5px 0}#settingsDialog summary{font-size:17px;cursor:pointer}.prayer-adjustments{border-block:1px solid var(--line);padding-block:18px}#settingsDialog .button{margin-top:12px}
@media(max-width:1100px){.header nav{display:none;position:absolute;top:94px;inset-inline:0;background:var(--bg);padding:20px 24px;border-bottom:1px solid var(--line)}.header nav.open{display:flex;flex-wrap:wrap;justify-content:center}.menu-button{display:block}.header-actions .small{display:none}.online-prayer-grid{grid-template-columns:repeat(3,1fr)}.recognition-layout{gap:40px}.prayer-summary{flex-wrap:wrap}.prayer-date{flex-basis:100%;border-top:1px solid #ffffff22;padding-top:15px;flex-direction:row;flex-wrap:wrap;gap:8px 24px}.features-grid{grid-template-columns:repeat(2,1fr)}.recognition-feature{grid-column:span 2}.hero-visual{min-width:0}}
@media(max-width:800px){.header nav{top:78px}.hero{grid-template-columns:1fr}.hero-copy{text-align:center}.hero .lead{font-size:18px;margin-inline:auto}.hero-buttons,.platforms,.hero-note{justify-content:center}.hero-visual{width:100%;min-height:490px}.hero-visual .halo{width:390px;height:390px}.hero .phone{width:255px}.hero .phone img{height:425px}.floating-note{right:calc(50% - 180px);bottom:65px}.quran-layout{grid-template-columns:1fr}.app-showcase{max-width:420px;margin:auto;width:100%}.recognition-layout{grid-template-columns:1fr;gap:30px}.recognition-section{padding-block:55px}.release-status{min-height:auto}}
@media(max-width:560px){body{font-size:17px}.eyebrow{font-size:15px}.hero .lead,.lead{font-size:17px}.hero-visual{min-height:445px}.hero-visual .halo{width:315px;height:315px}.hero .phone{width:223px}.hero .phone img{height:365px}.hero-buttons .button,.text-button{font-size:15px}.platforms,.hero-note{font-size:14px}.brand small{font-size:12px}.hero-note{margin-top:22px}.floating-note{right:8px;bottom:48px;font-size:15px}.floating-note small{font-size:13px}.ribbon-inner{font-size:15px;column-gap:15px}.section-top>p{font-size:16px}.features-grid{grid-template-columns:1fr}.recognition-feature{grid-column:auto}.feature{min-height:auto;padding:25px}.feature h3{font-size:21px}.feature p,.feature a{font-size:17px}.quran-section .lead{font-size:17px}.check-list{font-size:17px}.cream{font-size:16px}.showcase-tabs button{font-size:16px}.listening-box p:not(.eyebrow){font-size:16px}.download-card h3{font-size:22px}.download-card p,.release-status,.download-card .button{font-size:16px}.download-intro{font-size:17px}.about-layout p:last-child{font-size:16px}.faq summary,.faq p{font-size:17px}.footer-link,.footer-bottom{font-size:13px}.subtle{font-size:14px}.live-prayer{padding:20px 16px}.prayer-toolbar{flex-wrap:wrap;gap:15px}.prayer-toolbar-actions{width:100%;gap:10px}.prayer-toolbar-actions .button{flex:1;font-size:15px;padding:10px 12px}.prayer-toolbar strong{font-size:24px}.prayer-toolbar p{font-size:14px}.prayer-summary{padding:24px 18px;gap:18px}.prayer-summary h3{font-size:36px}.prayer-count strong{font-size:26px;letter-spacing:1px}.prayer-date{font-size:14px;flex-direction:column;gap:3px}.online-prayer-grid{grid-template-columns:repeat(2,1fr);gap:10px}.online-prayer-card{padding:18px 10px 10px}.online-prayer-card>span:not(.prayer-icon){font-size:18px}.online-prayer-card>strong{font-size:26px}.method-note{font-size:14px}.recognition-steps{padding:23px}.recognition-steps>div{padding-right:50px}.recognition-steps p{font-size:16px}.recognition-note{font-size:14px}#prayerOffsets{grid-template-columns:repeat(2,1fr)}#settingsDialog label,#settingsDialog input:not([type=checkbox]):not([type=radio]),#settingsDialog select{font-size:16px}.field-status{font-size:15px}}
