.hf{--accent:#208b92;--tint:#eef8f8;--ink:#253638;--muted:#687a7c;--line:#dfe9e9;--bg:#fff;background:var(--bg);font-family:Arial,sans-serif}.hf main{max-width:1240px;margin:auto;padding:0 36px 155px}.hf .header{border-bottom:1px solid var(--line)}.hf .header nav a[aria-current]{color:var(--accent)}.hf-back{display:none}.hf-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:55px 0 45px}.hf-kicker{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--accent);margin:0 0 12px}.hf-intro h1{font-size:44px;line-height:1.16;letter-spacing:-1.8px;margin:0 0 18px;font-weight:600}.hf-intro h1 span{color:var(--accent)}.hf-intro p:last-child{color:var(--muted);font-size:15px}.hf-calligraphy{font:36px/1.8 'Scheherazade New',serif;color:var(--accent);text-align:center;padding:25px 32px;border-inline-start:1px solid var(--line)}.hf-calligraphy span{display:block;font:11px/2 Arial,sans-serif;color:var(--muted);direction:ltr;margin-top:12px}.hf-layout{display:grid;grid-template-columns:310px minmax(0,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;min-height:680px}.hf-library{background:#f8fbfb;border-right:1px solid var(--line);padding:22px 16px}.hf-library-head{display:flex;align-items:center;justify-content:space-between;margin:0 5px 17px}.hf-library h2{font-size:18px;margin:0}.hf-library h2 small{font-size:11px;color:var(--muted);font-weight:400}.hf-library-head button{font-size:12px;padding:8px}.hf input[type=search],.hf select{width:100%;background:white;border:1px solid var(--line);border-radius:6px;padding:12px;font-size:14px;color:var(--ink);min-height:44px}.hf-search{display:block;margin-bottom:15px}.hf-reciter-list{max-height:640px;overflow:auto;scrollbar-width:thin}.hf-reciter{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 10px;border-radius:7px;margin-bottom:3px}.hf-reciter:hover{background:#edf4f4}.hf-reciter[aria-pressed=true]{background:#e1f1f1;color:#116f76}.hf-initial{width:34px;height:34px;flex:none;border:1px solid #d4e5e5;border-radius:50%;display:grid;place-items:center;font-size:11px}.hf-reciter strong{display:block;font-size:13px;font-weight:500;line-height:1.5}.hf-reciter small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.hf-content{padding:28px 30px;min-width:0}.hf-profile{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.hf-profile h2{font-size:26px;line-height:1.3;margin:0 0 7px;letter-spacing:-.6px}.hf-profile #arabic{font:24px/1.6 'Scheherazade New',serif;text-align:left;color:var(--muted);margin:0}.hf-profile button{font-size:27px;min-width:44px;min-height:44px;color:var(--accent)}.hf-filters{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hf-filters label{font-size:11px;color:var(--muted);display:grid;gap:7px}.hf-section-title{display:flex;justify-content:space-between;align-items:center;margin:24px 0 10px}.hf-section-title h3{font-size:16px;margin:0}.hf-section-title span{font-size:11px;color:var(--muted)}.hf-surahs{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;max-height:495px;overflow:auto;scrollbar-width:thin}.hf-surah{display:flex;align-items:center;gap:12px;text-align:left;padding:15px 3px;border-bottom:1px solid var(--line);min-width:0;min-height:72px}.hf-surah .number{font-size:11px;width:26px;color:var(--muted);flex:none}.hf-surah strong{display:block;font-size:14px;font-weight:500}.hf-surah small{font-size:10px;color:var(--muted)}.hf-surah .play{margin-left:auto;color:var(--accent);font-size:13px}.hf-surah[aria-current=true]{background:var(--tint)}.hf-surah:disabled{opacity:.45;cursor:not-allowed}.hf-source,.hf-credit{font-size:11px;line-height:1.8;color:var(--muted)}.hf-source{margin:18px 0 0}.hf-credit{margin-top:22px}.hf-credit a{text-decoration:underline;text-underline-offset:3px}.hf-player{position:fixed;bottom:0;left:0;right:0;z-index:50;background:white;border-top:1px solid var(--line);box-shadow:0 -5px 25px #163c3810;padding:18px max(24px,calc((100vw - 1170px)/2));display:flex;gap:24px;align-items:center}.hf-player[hidden]{display:none}.hf-playing{min-width:180px;max-width:290px;flex:1}.hf-playing strong,.hf-playing small{display:block}.hf-playing strong{font-size:14px;margin:5px 0}.hf-playing small{font-size:11px;color:var(--muted)}.hf-player audio{width:330px;max-width:100%;height:40px}.hf-player-actions{display:flex;align-items:center;gap:12px;font-size:11px}.hf-player-actions label{display:flex;align-items:center;gap:5px;white-space:nowrap}.hf-player-actions select{width:70px;padding:7px;font-size:12px}.hf-player-actions button{min-height:44px}.hf-mobile-nav{display:none}.hf [aria-pressed=true]{color:var(--accent)}
@media(max-width:800px){.hf main{padding:0 20px 220px}.hf-intro{padding:32px 0 24px}.hf-intro h1{font-size:34px}.hf-calligraphy{display:none}.hf-layout{grid-template-columns:1fr}.hf-library{border-right:0;border-bottom:1px solid var(--line);padding:16px}.hf-reciter-list{max-height:195px;display:grid;grid-template-columns:1fr 1fr;gap:2px 6px}.hf-reciter{padding:10px 5px;gap:8px}.hf-initial{display:none}.hf-content{padding:22px 16px}.hf-profile h2{font-size:24px}.hf-surahs{gap:0 12px;max-height:none}.hf-player{flex-wrap:wrap;padding:12px 18px calc(12px + env(safe-area-inset-bottom));gap:8px}.hf-playing{max-width:none}.hf-player audio{order:3;width:100%}.hf-player-actions{gap:6px}.hf-player-actions label:first-child{display:none}.hf .header nav{display:none}.hf-back{display:block;margin-left:auto;font-size:12px}.hf-mobile-nav{display:flex;gap:22px;font-size:13px;margin-bottom:20px}.hf-filters{gap:9px}.hf-surah{gap:5px}.hf-surah strong{font-size:13px}.hf-profile #arabic{font-size:22px}}
/* Inherit the same palette and navigation as the Quran reader. */
.hf{--bg:inherit;--surface:inherit;--ink:inherit;--muted:inherit;--line:inherit;--accent:inherit;--tint:inherit}.hf .header{position:sticky;top:0;z-index:30;background:var(--surface)}.hf .theme-bar{margin-top:0}.hf .hf-intro{padding-top:30px}.hf-library{background:var(--surface)}.hf input[type=search],.hf select,.hf-player{background:var(--surface);color:var(--ink)}.hf-reciter:hover,.hf-reciter[aria-pressed=true],.hf-surah[aria-current=true]{background:var(--tint);color:var(--accent)}.hf-initial{border-color:var(--line)}.hf dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}.hf .header-actions{margin-left:auto}.hf .header nav{display:flex}.hf .header-actions button{min-height:44px}.hf #savedList{line-height:1.8}.hf .hf-calligraphy{border-color:var(--line)}
@media(max-width:1100px){.hf .header nav{display:none}}@media(max-width:700px){.hf .header{padding:0 14px;gap:8px}.hf .header-actions{gap:7px}.hf .header-actions #savedOpen{font-size:10px;padding:0 4px}.hf .brand{gap:5px}.hf .brand img{width:34px;height:34px}.hf .brand-caption{font-size:6px;letter-spacing:1px}.hf .theme-bar{flex-wrap:wrap}.hf .theme-bar button{padding:7px 11px}.hf .hf-intro{padding-top:18px}}
.hf-shared{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:var(--tint);border:1px solid var(--line);border-radius:8px;padding:14px;margin-top:16px;font-size:13px}.hf-shared[hidden]{display:none}.hf-shared small{width:100%;color:var(--muted)}.hf #shareUrl{width:100%;font-size:12px;padding:10px}.hf #shareAyah{padding:10px;background:var(--surface);color:var(--ink);border:1px solid var(--line)}
/* Keep theme controls below the header while browsing the catalogue. */
.hf .theme-bar{position:sticky;top:var(--hf-header-height,66px);z-index:29;background:var(--bg);border-bottom:1px solid var(--line)}
@media(max-width:700px){.hf .theme-bar{top:var(--hf-header-height,60px)}}
.shared-header-ready .hf .theme-bar{top:calc(var(--site-header-height) + env(safe-area-inset-top,0px))}
.shared-header-ready .hf .hf-player{bottom:var(--app-bottom,0px)}
.shared-header-ready .hf main{padding-bottom:240px}