.brand img{width:42px;height:42px;border-radius:12px;object-fit:cover}.mobile-nav{display:none}
@media(max-width:850px){
  html{scroll-padding-top:72px}.site-header{height:66px;padding:0 16px;background:color-mix(in srgb,var(--paper) 94%,transparent);border-bottom:1px solid var(--line)}.site-header .brand{gap:9px}.site-header .brand img{width:40px;height:40px;border-radius:12px}.site-header .brand b{font-size:20px}.site-header>button{width:40px;height:40px;margin-left:auto}.site-header nav{display:none}
  body{padding-bottom:78px;background:var(--paper)}main{overflow:hidden}.hero{display:flex;flex-direction:column;padding:18px 14px 32px;gap:16px;background:linear-gradient(180deg,var(--soft),var(--paper))}.hero>div{display:contents}.hero .eyebrow{order:2;margin:12px 4px 0}.hero h1{order:3;margin:0 4px;font-size:clamp(38px,12vw,54px);line-height:.98;letter-spacing:-.045em}.hero>div>p:not(.eyebrow,.privacy){order:4;margin:8px 4px 0;font-size:16px;line-height:1.6}.hero-actions{order:5;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0 0}.hero-actions a,.hero-actions button{min-height:50px;display:grid;place-items:center;padding:10px;border-radius:15px;font-size:14px}.privacy{order:6;margin:0 4px;font-size:11px}.next-prayer{order:1;width:100%;padding:22px;border-radius:24px;background:linear-gradient(145deg,#0a5e4e,#073b32);box-shadow:0 16px 36px #063f3524;display:grid;grid-template-columns:1fr auto;align-items:end}.next-prayer>p{grid-column:1/-1;margin:0}.next-prayer h2{margin:14px 0 0;font-size:30px}.next-prayer>strong{font-size:43px;line-height:1}.next-prayer>span{grid-column:1/-1;margin-top:6px;font-size:13px}.next-prayer .location{grid-column:1/-1;margin-top:18px;padding-top:13px;font-size:13px}
  .prayer-section,.tools,.quran-reader,.global{margin:0 0 60px;padding:0 14px}.section-head{margin-bottom:18px;gap:3px}.section-head h2,.tools h2,.global h2{font-size:38px}.section-head>p{font-size:13px}.prayer-grid{display:flex;gap:10px;overflow-x:auto;margin-inline:-14px;padding:3px 14px 14px;border:0;border-radius:0;background:transparent;box-shadow:none;scroll-snap-type:x mandatory;scrollbar-width:none}.prayer-grid::-webkit-scrollbar{display:none}.prayer{flex:0 0 118px;min-height:106px;padding:17px;border:1px solid var(--line)!important;border-radius:18px;background:var(--bg);scroll-snap-align:start}.prayer.next{background:var(--green);color:#fff;border-color:var(--green)!important}.prayer.next span{color:#dcebe6}.prayer strong{font-size:25px}.method-note{padding:12px 14px;border-radius:14px;background:var(--soft);line-height:1.45}
  .daily{margin:0 14px 60px;padding:24px 20px;border-radius:24px;background:var(--ink);color:var(--bg);box-shadow:none}.daily .arabic{font-size:32px;line-height:1.9}.daily blockquote{font-size:18px}.daily span{color:#c6d1cc}.daily button{width:100%;min-height:48px;margin-top:20px;border-radius:14px;background:var(--gold);color:#13251f}
  .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tool-grid a{min-height:118px;padding:16px 14px;border-radius:18px}.tool-grid span{font-size:12px;line-height:1.45}.surah-list{gap:8px}.surah-card{padding:14px 12px;border-radius:15px}.reader{margin-inline:-14px;padding:14px;border:0;border-radius:0}.reader-title{position:sticky;top:66px;z-index:8;padding:14px 10px;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(12px)}.reader-title h2{font-size:27px}.reader-title button{padding:11px 15px}.ayah{padding:25px 8px}.ayah .arabic{font-size:29px;line-height:2.15}.global{display:block;padding-top:34px}.global h2{font-size:36px}footer{display:none}
  .mobile-nav{position:fixed;z-index:90;left:10px;right:10px;bottom:8px;height:66px;padding:7px 9px calc(7px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);align-items:center;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--paper) 94%,transparent);box-shadow:0 12px 38px #08271f2b;backdrop-filter:blur(18px)}.mobile-nav a{display:grid;place-items:center;gap:1px;color:var(--muted);font-size:10px;font-weight:750;text-decoration:none}.mobile-nav a>span{font-size:20px;line-height:1}.mobile-nav .mobile-home{align-self:end}.mobile-nav .mobile-home img{width:52px;height:52px;margin-top:-22px;border:5px solid var(--paper);border-radius:17px;box-shadow:0 8px 22px #08271f35}
  .recitation-player{left:0;right:0;bottom:0;width:100%;max-height:88dvh;overflow:auto;padding:18px 16px calc(84px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:28px 28px 0 0;box-shadow:0 -18px 60px #001a14a8}.player-settings{display:grid;grid-template-columns:minmax(0,1fr) 105px}.player-controls{position:sticky;bottom:72px;padding:8px;border-radius:22px;background:#0d3028f2}.volume-row{margin-top:8px}.audio-note{font-size:11px}
}
@media(max-width:380px){.hero h1{font-size:36px}.tool-grid{grid-template-columns:1fr}.player-controls{gap:4px}.player-controls .icon-button{min-width:34px}.mobile-nav{left:5px;right:5px}}