:root{
  --qhp-bg:#0c111b;
  --qhp-bg-2:#101727;
  --qhp-panel:#171d2a;
  --qhp-card:#131925;
  --qhp-card-2:#182235;
  --qhp-line:rgba(255,255,255,.09);
  --qhp-line-2:rgba(255,255,255,.15);
  --qhp-text:#eef3f8;
  --qhp-muted:#a4b0c0;
  --qhp-gold:#c9a961;
  --qhp-gold-2:#d9bb73;
  --qhp-soft:#e8d5a8;
  --qhp-accent:#c9a961;
  --qhp-accent-2:#d9bb73;
  --qhp-shadow:0 18px 45px rgba(0,0,0,.28);
  --qhp-radius:22px;
}
.qhp-page{background:linear-gradient(180deg,var(--qhp-bg),var(--qhp-bg-2));color:var(--qhp-text);padding:28px 0 72px;min-height:60vh;width:100vw;margin-left:calc(50% - 50vw)}
.qhp-wrap{width:min(1480px,calc(100% - 48px));margin:0 auto}
.qhp-wrap--wide{width:min(1640px,calc(100% - 32px))}
.qhp-wrap--narrow{width:min(960px,calc(100% - 32px))}
/* v3.20: Force full-width sur les pages Quran/Hadith pour cohérence avec la home */
body .qhp-page,
.entry-content .qhp-page,
.site-content .qhp-page{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
}
.qhp-shell,.qhp-card{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.015));border:1px solid var(--qhp-line);border-radius:var(--qhp-radius);box-shadow:var(--qhp-shadow)}
.qhp-shell{padding:18px}
.qhp-card{padding:22px;background:var(--qhp-card)}
.qhp-topbar{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));box-shadow:var(--qhp-shadow)}
.qhp-brand{font-size:16px;font-weight:800;color:var(--qhp-text)}
.qhp-brand a{color:inherit;text-decoration:none}
.qhp-mini-nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.qhp-mini-pill,.qhp-pill,.qhp-tab,.qhp-btn,.qhp-verse-tab{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--qhp-line);border-radius:999px;text-decoration:none}
.qhp-mini-pill{padding:10px 14px;background:rgba(255,255,255,.09);color:#f7fbff;font-size:14px;font-weight:800;line-height:1.1;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.qhp-mini-pill.is-active{color:#fff;border-color:rgba(201,169,97,.42);background:rgba(201,169,97,.18)}
.qhp-beta-badge{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:999px;border:1px solid rgba(255,214,90,.28);background:rgba(255,214,90,.12);color:#f4db7a;font-size:13px;font-weight:800;line-height:1}
.qhp-beta-badge[hidden]{display:none!important}
.qhp-shell[data-qhp-surah-page] .qhp-topbar{margin-top:8px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));border-color:rgba(255,255,255,.18)}
.qhp-shell[data-qhp-surah-page] .qhp-mini-nav .qhp-mini-pill{background:rgba(255,255,255,.08);color:var(--qhp-text)}
.qhp-shell[data-qhp-surah-page] .qhp-mini-nav .qhp-mini-pill.is-active{background:rgba(201,169,97,.16);border-color:rgba(201,169,97,.32)}
.qhp-shell[data-qhp-surah-page] .qhp-mini-nav .qhp-pill--button{cursor:pointer}

.qhp-topbar--surah-premium{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px}
.qhp-topbar__audio-nav{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.qhp-topbar__timeline{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;min-width:min(520px,52vw);padding:8px 12px;border-radius:16px;background:linear-gradient(180deg,rgba(10,24,42,.9),rgba(8,19,34,.78));border:1px solid rgba(110,231,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.qhp-topbar__time{font-size:12px;font-weight:800;line-height:1;color:#dbeafe;font-variant-numeric:tabular-nums;min-width:36px;text-align:center}
.qhp-topbar__range{width:100%;accent-color:var(--qhp-soft);height:4px;background:transparent}
.qhp-mini-pill--icon{width:44px;min-width:44px;height:40px;padding:0;border-radius:14px;font-size:18px;font-weight:900;background:linear-gradient(180deg,rgba(14,31,53,.96),rgba(10,22,40,.94));border:1px solid rgba(110,231,255,.18);box-shadow:0 10px 22px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05)}
.qhp-mini-pill--icon:hover{transform:translateY(-1px);border-color:rgba(110,231,255,.32);background:linear-gradient(180deg,rgba(19,39,67,.98),rgba(12,27,47,.96))}
.qhp-topbar--surah-premium{padding:12px 14px;gap:14px;background:linear-gradient(180deg,rgba(12,25,44,.92),rgba(8,18,32,.86));border:1px solid rgba(110,231,255,.16);box-shadow:0 18px 38px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04)}
.qhp-topbar__surah-title{background:linear-gradient(135deg,rgba(52,133,243,.95),rgba(25,99,219,.95));border:1px solid rgba(147,197,253,.28);box-shadow:0 12px 24px rgba(15,23,42,.25), inset 0 1px 0 rgba(255,255,255,.08)}
.qhp-topbar__surah-title{min-width:0;width:100%;display:inline-flex;align-items:center;justify-content:flex-end;padding:10px 16px;border:1px solid rgba(201,169,97,.18);border-radius:999px;background:rgba(255,255,255,.06);color:var(--qhp-text);font-size:14px;font-weight:800;line-height:1.2;text-align:right;cursor:pointer;transition:.2s ease}
.qhp-topbar__surah-title:hover{background:rgba(255,255,255,.11);border-color:rgba(201,169,97,.32)}
.qhp-mini-pill--icon{min-width:42px;justify-content:center;padding:10px 12px;font-size:16px}

.qhp-hero{display:grid;grid-template-columns:1fr;gap:18px;padding:22px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border:1px solid var(--qhp-line);border-radius:28px}
.qhp-hero--center{text-align:center;justify-items:center}
.qhp-hero--surah{padding-top:14px;padding-bottom:14px}
.qhp-surah-name{font-size:22px;font-weight:800;margin:0}
.qhp-surah-english{font-size:42px;line-height:1.05;margin:0;font-weight:900}
.qhp-surah-arabic{font-size:78px;line-height:1.05;margin:0;direction:rtl;font-weight:900;font-family:Georgia,serif}
.qhp-subtitle,.qhp-meta,.qhp-copy,.qhp-archive-note{color:var(--qhp-muted)}
.qhp-subtitle{font-size:18px}

.qhp-surah-switcher{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;max-width:980px;margin:0 auto 2px}
.qhp-surah-switcher__nav{width:48px;height:48px;border-radius:999px;border:1px solid var(--qhp-line);background:rgba(255,255,255,.04);color:var(--qhp-text);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;box-shadow:var(--qhp-shadow)}
.qhp-surah-switcher__current{min-width:0;text-align:center;padding:14px 18px;border-radius:26px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));color:var(--qhp-text);display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--qhp-shadow)}
.qhp-surah-switcher__arabic{font-size:64px;line-height:1.02;direction:rtl;font-weight:900;font-family:Georgia,serif}
.qhp-surah-switcher__name{font-size:38px;line-height:1.06;font-weight:900}
.qhp-surah-switcher__sub{font-size:18px;color:#dfe8f2}
.qhp-surah-switcher__hint{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--qhp-soft);font-weight:800}
.qhp-surah-drawer{position:fixed;inset:0;z-index:99999;display:flex;justify-content:flex-end}
.qhp-surah-drawer[hidden]{display:none!important}
.qhp-surah-drawer__backdrop{position:absolute;inset:0;background:rgba(5,10,18,.72)}
.qhp-surah-drawer__panel{position:relative;width:min(430px,calc(100% - 18px));height:100%;background:#111722;border-left:1px solid var(--qhp-line);box-shadow:-20px 0 60px rgba(0,0,0,.4);display:flex;flex-direction:column}
.qhp-surah-drawer__header{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--qhp-line);background:rgba(17,23,34,.96);position:sticky;top:0;z-index:2}
.qhp-surah-drawer__title{font-size:18px;font-weight:900;color:var(--qhp-text)}
.qhp-surah-drawer__body{padding:12px;overflow:auto;display:grid;gap:8px}
.qhp-surah-drawer__item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:14px;border:1px solid var(--qhp-line);border-radius:18px;text-decoration:none;color:var(--qhp-text);background:rgba(255,255,255,.03)}
.qhp-surah-drawer__item.is-active{border-color:rgba(201,169,97,.5);background:rgba(201,169,97,.1)}
.qhp-surah-drawer__num{width:34px;height:34px;border-radius:999px;background:rgba(255,255,255,.06);display:inline-flex;align-items:center;justify-content:center;font-weight:900;color:var(--qhp-soft)}
.qhp-surah-drawer__names{display:flex;justify-content:space-between;gap:12px;align-items:center;min-width:0}
.qhp-surah-drawer__name{font-size:16px;font-weight:800;min-width:0}
.qhp-surah-drawer__arabic{font-size:24px;direction:rtl;font-family:Georgia,serif;white-space:nowrap}
.qhp-row,.qhp-actions,.qhp-tabs,.qhp-toolbar-row,.qhp-verse-tabs,.qhp-study-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.qhp-row--center,.qhp-study-meta--center{justify-content:center}
.qhp-btn{padding:11px 15px;background:linear-gradient(135deg,var(--qhp-accent),var(--qhp-accent-2));color:#08131a;font-weight:900;cursor:pointer}
.qhp-btn:hover{filter:brightness(1.03)}
.qhp-btn--ghost{background:rgba(255,255,255,.03);color:var(--qhp-text)}
.qhp-btn--small{padding:8px 12px;font-size:13px}
.qhp-pill{padding:8px 12px;background:rgba(255,255,255,.03);color:var(--qhp-text);font-weight:800}
.qhp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
@media(max-width:980px){.qhp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qhp-surah-arabic{font-size:56px}}
@media(max-width:680px){.qhp-grid{grid-template-columns:1fr}.qhp-surah-english{font-size:34px}.qhp-surah-arabic{font-size:42px}}
.qhp-search{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--qhp-line);border-radius:16px;padding:16px 18px;color:var(--qhp-text);font-size:18px;margin-top:18px}
.qhp-search::placeholder{color:#8d98aa}
.qhp-sortbar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}
.qhp-tabs{gap:12px}
.qhp-tab{padding:0 0 12px;border:none;border-radius:0;background:none;color:var(--qhp-muted);font-weight:800;cursor:pointer;border-bottom:3px solid transparent}
.qhp-tab[aria-selected="true"]{color:var(--qhp-text);border-color:#f1f4f7}
.qhp-sort{color:var(--qhp-muted);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.qhp-card-link{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:18px;border:1px solid var(--qhp-line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));text-decoration:none;color:var(--qhp-text)}
.qhp-card-link:hover{transform:translateY(-2px);border-color:var(--qhp-line-2)}
.qhp-diamond{width:54px;height:54px;transform:rotate(45deg);border-radius:14px;background:#263142;display:flex;align-items:center;justify-content:center;flex:none}
.qhp-diamond span{transform:rotate(-45deg);font-weight:900;font-size:20px}
.qhp-card-title{font-size:18px;font-weight:900;margin:0}
.qhp-card-sub{margin-top:4px;color:var(--qhp-muted)}
.qhp-card-ar{direction:rtl;font-size:24px;font-weight:800;text-align:right}
.qhp-card-meta{margin-top:8px;color:var(--qhp-muted);font-size:13px}
.qhp-toolbar{margin-top:10px;padding:14px;border:1px solid var(--qhp-line);border-radius:22px;background:var(--qhp-card-2)}
.qhp-toolbar-row{justify-content:space-between}
.qhp-toolbar-row--top{align-items:flex-start}
.qhp-select{min-width:280px;max-width:100%;padding:11px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid var(--qhp-line);color:var(--qhp-text);font-weight:700}
.qhp-player{width:100%;margin-top:12px}
.qhp-player-home{margin-top:12px}
.qhp-audio-dock__player{width:100%}
.qhp-audio-dock__player .qhp-player{margin-top:0}
.qhp-verses{margin-top:18px}
.qhp-verse{padding:24px 0;border-top:1px solid var(--qhp-line)}
.qhp-verse:first-child{border-top:none}
.qhp-verse-head{display:grid;grid-template-columns:110px 1fr auto;gap:16px;align-items:start}
@media(max-width:760px){.qhp-verse-head{grid-template-columns:1fr}}
.qhp-verse-controls{display:flex;flex-direction:column;gap:10px}
.qhp-verse-label{font-size:34px;font-weight:900;color:#dfe6f0;direction:rtl;text-align:right;line-height:1.85;font-family:Georgia,serif}
.qhp-verse-copy{display:flex;gap:10px;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap}
.qhp-ayah-key{font-size:13px;font-weight:900;color:var(--qhp-muted)}
.qhp-vplay{margin-top:10px;padding:10px 13px;background:rgba(255,255,255,.04);color:var(--qhp-text);border:1px solid var(--qhp-line);border-radius:12px;cursor:pointer;font-weight:900}
.qhp-vplay:hover{background:rgba(255,255,255,.08)}
.qhp-now{background:linear-gradient(180deg,rgba(201,169,97,.08),rgba(201,169,97,.04));border-radius:22px;padding:18px;outline:1px solid rgba(201,169,97,.18)}
.qhp-translation{font-size:19px;line-height:1.7;margin-top:12px;color:#f0f4f9}
.qhp-words{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;direction:rtl;justify-content:flex-start;flex-direction:row;unicode-bidi:isolate}
.qhp-word{display:inline-flex;flex-direction:column;gap:4px;padding:8px 10px;background:rgba(255,255,255,.03);border:1px solid var(--qhp-line);border-radius:14px;min-width:42px;text-align:center;transition:.15s ease}
.qhp-word-ar{font-size:22px;font-weight:800;direction:rtl}
.qhp-word-en{font-size:11px;color:var(--qhp-muted)}
.qhp-word.active{background:rgba(201,169,97,.25);border-color:rgba(201,169,97,.48);box-shadow:0 0 0 1px rgba(201,169,97,.2) inset}

.qhp-word-ar{display:block}
.qhp-word-letters{display:inline-flex;flex-direction:row;direction:rtl;gap:0;unicode-bidi:isolate}
.qhp-letter{display:inline-block;padding:0 1px;border-radius:6px;transition:.12s ease}
.qhp-letter.active{background:rgba(201,169,97,.32);box-shadow:0 0 0 1px rgba(201,169,97,.18) inset}
.qhp-verse-tabs{margin-top:18px;padding-top:8px}
.qhp-verse-tab{padding:8px 12px;background:transparent;color:var(--qhp-muted);font-weight:800;cursor:pointer}
.qhp-verse-tab[aria-selected="true"]{background:rgba(255,255,255,.05);color:var(--qhp-text)}
.qhp-verse-panel{margin-top:16px;padding:16px;border:1px solid var(--qhp-line);border-radius:18px;background:rgba(255,255,255,.02)}
.qhp-verse-panel p:first-child{margin-top:0}.qhp-verse-panel p:last-child{margin-bottom:0}
.qhp-study-list{display:grid;gap:12px}
.qhp-study-card{padding:14px;border:1px solid var(--qhp-line);border-radius:16px;background:rgba(255,255,255,.02)}
.qhp-study-card h4{margin:0 0 8px;font-size:16px}
.qhp-empty{padding:18px;border:1px dashed var(--qhp-line-2);border-radius:16px;color:var(--qhp-muted)}
.qhp-nav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:22px}
.qhp-archive-list{display:grid;gap:14px;margin-top:18px}
.qhp-archive-card{padding:18px;border:1px solid var(--qhp-line);border-radius:18px;background:rgba(255,255,255,.02)}
.qhp-archive-card h3{margin:0 0 10px}
.qhp-archive-card p{margin:0;color:var(--qhp-muted)}
.qhp-archive-tafsir{font-size:15px;line-height:1.7}
.qhp-index-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.qhp-sr-only{position:absolute;left:-9999px}
.qhp-verse-panel a{color:var(--qhp-soft)}
.qhp-verse-panel ul,.qhp-verse-panel ol{padding-left:22px}

.qhp-btn.is-disabled,.qhp-btn[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}
.qhp-verse-main{min-width:0}
.qhp-search[data-qhp-hadith-term]{font-size:16px}


.qhp-word{direction:rtl;align-items:center;min-width:58px}
.qhp-word-en{direction:ltr}
.qhp-toolbar-row--stack{align-items:stretch;gap:12px}
.qhp-row--wrap{flex-wrap:wrap}
.qhp-hadith-layout{margin-top:18px}
.qhp-hadith-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
@media(max-width:900px){.qhp-hadith-books{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.qhp-hadith-books{grid-template-columns:1fr}}
.qhp-book-card{padding:16px 18px;border-radius:18px;border:1px solid var(--qhp-line);background:rgba(255,255,255,.03);color:var(--qhp-text);text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:8px}
.qhp-book-card:hover{border-color:var(--qhp-line-2);transform:translateY(-1px)}
.qhp-book-card span{color:var(--qhp-muted);font-size:13px}
.qhp-reciter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}
@media(max-width:1100px){.qhp-reciter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.qhp-reciter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.qhp-reciter-grid{grid-template-columns:1fr}}
.qhp-reciter-card{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--qhp-line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));text-decoration:none;color:var(--qhp-text)}
.qhp-reciter-card:hover{transform:translateY(-2px);border-color:var(--qhp-line-2)}
.qhp-reciter-art,.qhp-station-thumb{width:100%;aspect-ratio:16/10;border-radius:16px;background:linear-gradient(135deg,#2b3242,#0f1622);display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:900;color:#dfe6f0}
.qhp-reciter-name,.qhp-station-name{font-size:20px;font-weight:900}
.qhp-reciter-sub,.qhp-station-sub{color:var(--qhp-muted)}
.qhp-page--light{background:#f1f4f7;color:#101521}
.qhp-wrap--wide{width:min(1320px,calc(100% - 32px))}
.qhp-radio-shell{padding:18px 0}
.qhp-topbar--light .qhp-mini-pill{background:#fff;color:#334}
.qhp-topbar--light .qhp-mini-pill.is-active{color:#111}
.qhp-radio-hero{padding:28px 0 12px}
.qhp-radio-hero h1,.qhp-radio-list h2{font-size:24px;margin:0 0 16px;color:#111827}
.qhp-radio-featured{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:900px){.qhp-radio-featured{grid-template-columns:1fr}}
.qhp-radio-card{display:block;background:#fff;border-radius:22px;overflow:hidden;text-decoration:none;color:#111827;box-shadow:0 10px 28px rgba(0,0,0,.08)}
.qhp-radio-card__art{height:220px;background:linear-gradient(135deg,#c69a63,#5a3b1c)}
.qhp-radio-card:nth-child(2) .qhp-radio-card__art{background:linear-gradient(135deg,#4f311f,#1f0d08)}
.qhp-radio-card:nth-child(3) .qhp-radio-card__art{background:linear-gradient(135deg,#8b5a2b,#d8b16a)}
.qhp-radio-card__body{padding:16px;display:flex;flex-direction:column;gap:6px}
.qhp-radio-card__body span{color:#5b6573}
.qhp-radio-stations{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
@media(max-width:1180px){.qhp-radio-stations{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.qhp-radio-stations{grid-template-columns:repeat(2,minmax(0,1fr))}}
.qhp-station-card{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:18px;background:#fff;text-decoration:none;color:#111827;box-shadow:0 10px 20px rgba(0,0,0,.06)}
.qhp-station-thumb{color:#111827;background:linear-gradient(135deg,#eceff3,#cfd5df)}
.qhp-verse-panel{display:none}
.qhp-verse-panel.is-active{display:block}
.qhp-card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.qhp-station-card--actions{align-items:flex-start}
.qhp-shell--light{background:#fff;border-color:#d9dde8}
.qhp-shell--light .qhp-btn--ghost{color:#1f2937;border-color:#cfd7e6}
.qhp-shell--light .qhp-btn{color:#fff}
.qhp-radio-shell .qhp-radio-card__art{background:linear-gradient(135deg,#d9a441,#5b3b19)}
.qhp-radio-shell .qhp-station-thumb{background:#e8edf7;color:#1e2a44}
.qhp-words{flex-direction:row}

.qhp-verse-main{display:flex;flex-direction:column;align-items:flex-end}
.qhp-translation{align-self:stretch;text-align:left}
.qhp-study-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:flex-end;justify-content:center}
.qhp-study-modal[hidden]{display:none!important}
.qhp-study-modal__backdrop{position:absolute;inset:0;background:rgba(5,10,18,.72)}
.qhp-study-modal__dialog{position:relative;width:min(1180px,calc(100% - 28px));max-height:88vh;overflow:auto;background:#151b24;border:1px solid var(--qhp-line);border-radius:22px 22px 0 0;box-shadow:0 30px 80px rgba(0,0,0,.4);padding-bottom:120px}
@media(min-width:900px){.qhp-study-modal{align-items:center}.qhp-study-modal__dialog{border-radius:22px}}
.qhp-study-modal__header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 18px;background:#151b24;border-bottom:1px solid var(--qhp-line)}
.qhp-study-modal__titlebar,.qhp-study-modal__tabs,.qhp-study-modal__controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.qhp-study-modal__body{padding:18px}
.qhp-study-modal__verse-ref{font-size:14px;color:var(--qhp-muted);margin-bottom:10px}
.qhp-study-modal__translation{font-size:32px;line-height:1.5;color:var(--qhp-text);margin-bottom:14px}
.qhp-study-modal__content{margin-top:14px}
html.qhp-modal-open,html.qhp-modal-open body{overflow:hidden}

.qhp-word{direction:rtl;text-align:right}
.qhp-word-ar{display:block;direction:rtl;unicode-bidi:isolate}
.qhp-word-en{display:block;margin-top:4px;font-size:12px;color:var(--qhp-muted)}
.qhp-book-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;border-radius:18px;border:1px solid var(--qhp-line);background:var(--qhp-card);color:var(--qhp-text);cursor:pointer}
.qhp-book-card:hover{border-color:var(--qhp-line-2);transform:translateY(-1px)}
.qhp-hadith-books{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:18px}



.qhp-study-modal[hidden]{display:none !important;}

.qhp-transliteration{margin-top:10px;color:#c7d2fe;font-size:14px;line-height:1.7}
.qhp-hadith-group{margin-bottom:22px}.qhp-hadith-group__header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px}.qhp-study-card--hadith{border-left:3px solid rgba(125,211,252,.35)}

.qhp-hadith-group__header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}.qhp-hadith-badges{display:flex;gap:8px;flex-wrap:wrap}.qhp-hadith-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.qhp-hadith-text p{margin:0 0 12px}.qhp-study-card--hadith{border-left:3px solid rgba(255,255,255,.12)}
.qhp-ref-status{margin:18px 0 10px;padding:16px 18px;border:1px solid var(--qhp-line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02))}
.qhp-ref-status__head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.qhp-ref-status__grid{display:flex;gap:8px;flex-wrap:wrap}
.qhp-hadith-group{border:1px solid var(--qhp-line);border-radius:20px;padding:16px;background:rgba(255,255,255,.02)}
.qhp-hadith-group__header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}
.qhp-hadith-badges{display:flex;gap:8px;flex-wrap:wrap}
.qhp-hadith-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:8px}
.qhp-hadith-result-groups{display:flex;flex-direction:column;gap:16px}
.qhp-hadith-premium{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}
@media(max-width:980px){.qhp-hadith-premium{grid-template-columns:1fr}}
.qhp-hadith-premium__nav{position:sticky;top:18px;padding:16px;border:1px solid var(--qhp-line);border-radius:18px;background:rgba(255,255,255,.02);display:flex;flex-direction:column;gap:10px}
.qhp-hadith-premium__nav-title{font-weight:900;font-size:14px;color:var(--qhp-muted);text-transform:uppercase;letter-spacing:.06em}
.qhp-hadith-premium__nav-link{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--qhp-line);border-radius:14px;color:var(--qhp-text);text-decoration:none;background:rgba(255,255,255,.02)}
.qhp-hadith-premium__nav-link:hover{border-color:var(--qhp-line-2);transform:translateY(-1px)}
.qhp-hadith-premium__nav-link span{font-size:12px;color:var(--qhp-muted)}

.qhp-arabic-sync{display:flex;flex-wrap:wrap;gap:.35rem .45rem;direction:rtl;justify-content:flex-start;align-items:flex-end;unicode-bidi:isolate;text-align:right;}
.qhp-arabic-sync .qhp-word{display:inline-flex;min-width:auto;padding:0;border:0;background:transparent;border-radius:10px;box-shadow:none;}
.qhp-arabic-sync .qhp-word-ar{font-size:34px;font-weight:900;line-height:1.85;color:#dfe6f0;}
.qhp-arabic-sync .qhp-word.active{background:rgba(201,169,97,.22);padding:.05em .2em;border-radius:.35em;}
.qhp-transliteration{display:block;text-align:center;direction:ltr;}
.qhp-translation{display:block;text-align:left;direction:ltr;}



/* =============================================================================
   v3.22 — Player audio Pro avec sélecteur de sourate
   Caractères Unicode uniquement (◀ ▶ ▼ ✕ ↺ ↻) — pas de SVG cassables par Rocket/CF
   ============================================================================= */

.qhp-audio-dock{
  position:fixed;left:50%;bottom:14px;transform:translateX(-50%);
  width:min(840px,calc(100% - 40px));
  padding:16px 20px;
  border:1px solid rgba(201,169,97,.22);
  border-radius:18px;
  background:radial-gradient(ellipse 60% 100% at 0% 0%, rgba(201,169,97,.08), transparent 50%),linear-gradient(180deg,rgba(15,22,40,.98),rgba(10,15,24,.99));
  backdrop-filter:blur(20px);
  box-shadow:0 28px 60px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04) inset;
  z-index:100100;
  display:grid;gap:12px;
  color:#e8e6df !important;
}
.qhp-audio-dock[hidden]{display:none!important}
.qhp-audio-dock *,.qhp-audio-dock *::before,.qhp-audio-dock *::after{box-sizing:border-box}

/* ─── LIGNE 1 : Navigation sourate ─── */
.qhp-audio-dock__surah-row{
  display:grid;
  grid-template-columns:auto 1fr auto auto;
  align-items:center;gap:10px;
}
.qhp-audio-dock__surah-nav{
  width:36px;height:36px;border-radius:10px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.14);
  color:#e8e6df !important;
  text-decoration:none !important;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:14px;cursor:pointer;transition:.15s;
}
.qhp-audio-dock__surah-nav:hover{
  background:rgba(201,169,97,.12);
  border-color:#c9a961;
  color:#c9a961 !important;
}
.qhp-audio-dock__surah-nav--disabled{opacity:.3;pointer-events:none}

.qhp-audio-dock__surah-picker{
  display:flex;align-items:center;gap:12px;
  padding:8px 14px;
  background:rgba(201,169,97,.06);
  border:1px solid rgba(201,169,97,.2);
  border-radius:12px;
  cursor:pointer;transition:.15s;
  min-width:0;
  color:#e8e6df !important;
  font-family:inherit;
  text-align:left;
}
.qhp-audio-dock__surah-picker:hover{
  background:rgba(201,169,97,.12);
  border-color:rgba(201,169,97,.4);
}
.qhp-audio-dock__surah-num{
  flex:none;width:32px;height:32px;border-radius:8px;
  background:linear-gradient(135deg,#c9a961,#e6c177);
  color:#0a0e1a !important;
  font-weight:800;font-size:14px;
  display:inline-flex;align-items:center;justify-content:center;
}
.qhp-audio-dock__surah-info{min-width:0;flex:1;line-height:1.15;display:block}
.qhp-audio-dock__surah-eyebrow{
  font-size:9px;letter-spacing:.18em;text-transform:uppercase;
  color:#c9a961 !important;font-weight:800;
  margin-bottom:2px;display:block;
}
.qhp-audio-dock__surah-name{
  font-family:Georgia,'Cormorant Garamond',serif;
  font-size:17px;font-weight:500;
  color:#e8e6df !important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  display:block;
}
.qhp-audio-dock__surah-name small{
  color:rgba(232,230,223,.7) !important;
  font-size:12px;font-weight:400;font-style:italic;
  margin-left:6px;font-family:inherit;
}
.qhp-audio-dock__surah-arrow{
  color:#c9a961 !important;font-size:11px;flex:none;
}

.qhp-audio-dock__verse-pill{
  display:flex;align-items:center;gap:6px;
  height:36px;padding:0 12px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  color:rgba(232,230,223,.7) !important;
  font-size:12px;font-weight:600;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.qhp-audio-dock__verse-pill strong{color:#e8e6df !important;font-weight:700}

.qhp-audio-dock__close{
  width:32px;height:32px;border-radius:50%;
  background:transparent;
  border:1px solid rgba(255,255,255,.08);
  color:rgba(232,230,223,.7) !important;
  cursor:pointer;font-size:14px;
  display:inline-flex;align-items:center;justify-content:center;
  transition:.15s;
}
.qhp-audio-dock__close:hover{
  background:rgba(255,255,255,.06);
  color:#e8e6df !important;
}

/* ─── LIGNE 2 : Timeline ─── */
.qhp-audio-dock__timeline{
  display:grid;grid-template-columns:auto 1fr auto;
  gap:12px;align-items:center;
}
.qhp-audio-dock__time{
  font-variant-numeric:tabular-nums;
  color:rgba(232,230,223,.7) !important;
  font-size:11px;font-weight:700;min-width:38px;
}
.qhp-audio-dock__time--total{color:rgba(232,230,223,.4) !important}
.qhp-audio-dock__range{
  width:100%;accent-color:#c9a961;
  height:5px;background:rgba(255,255,255,.08);
  cursor:pointer;border-radius:3px;
}
.qhp-audio-dock__range::-webkit-slider-thumb{
  appearance:none;width:14px;height:14px;border-radius:50%;
  background:#c9a961;cursor:pointer;
  border:2px solid #0f1628;
  box-shadow:0 2px 8px rgba(0,0,0,.5);
}
.qhp-audio-dock__range::-moz-range-thumb{
  width:14px;height:14px;border-radius:50%;
  background:#c9a961;cursor:pointer;
  border:2px solid #0f1628;
}

/* ─── LIGNE 3 : Contrôles principaux ─── */
.qhp-audio-dock__controls{
  display:grid;grid-template-columns:1fr auto 1fr;
  align-items:center;gap:16px;
  position:relative;
}
.qhp-audio-dock__verse-nav{
  display:flex;align-items:center;gap:6px;
  justify-self:start;
}
.qhp-audio-dock__verse-label{
  font-size:9px;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(232,230,223,.4) !important;font-weight:800;
  margin-right:4px;
}
.qhp-audio-dock__icon-btn{
  width:38px;height:38px;border-radius:10px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.14);
  color:#e8e6df !important;
  cursor:pointer;font-size:14px;
  display:inline-flex;align-items:center;justify-content:center;
  transition:.15s;text-decoration:none;
  font-family:inherit;
}
.qhp-audio-dock__icon-btn:hover{
  background:rgba(201,169,97,.1);
  border-color:#c9a961;color:#c9a961 !important;
}
.qhp-audio-dock__center{
  display:flex;align-items:center;gap:12px;
  justify-self:center;
}
.qhp-audio-dock__skip{
  height:40px;min-width:54px;padding:0 12px;
  border-radius:20px;
  background:transparent;
  border:1px solid rgba(255,255,255,.14);
  color:#e8e6df !important;
  font-size:12px;font-weight:700;
  cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:4px;
  font-variant-numeric:tabular-nums;
  transition:.15s;
}
.qhp-audio-dock__skip:hover{
  background:rgba(255,255,255,.06);
  border-color:#c9a961;color:#c9a961 !important;
}
.qhp-audio-dock__play{
  width:56px;height:56px;border-radius:50%;
  background:linear-gradient(135deg,#c9a961,#e6c177) !important;
  color:#0a0e1a !important;
  border:none;font-size:20px;font-weight:900;
  cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 12px 28px rgba(201,169,97,.45);
  transition:.15s;
}
.qhp-audio-dock__play:hover{
  transform:scale(1.05);
  box-shadow:0 14px 32px rgba(201,169,97,.55);
}
.qhp-audio-dock__play:active{transform:scale(.97)}
.qhp-audio-dock__play [hidden]{display:none !important}

.qhp-audio-dock__speed{
  justify-self:end;
  height:32px;padding:0 12px;border-radius:8px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.14);
  color:#e8e6df !important;
  font-size:12px;font-weight:800;
  font-variant-numeric:tabular-nums;
  cursor:pointer;
  font-family:inherit;
  transition:.15s;
}
.qhp-audio-dock__speed:hover{
  background:rgba(201,169,97,.12);
  border-color:#c9a961;color:#c9a961 !important;
}
.qhp-audio-dock__speed-menu{
  position:absolute;bottom:calc(100% + 8px);right:0;
  min-width:120px;padding:6px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(10,15,24,.98);
  backdrop-filter:blur(20px);
  box-shadow:0 12px 36px rgba(0,0,0,.55);
  z-index:10;
  display:flex;flex-direction:column;gap:2px;
}
.qhp-audio-dock__speed-menu[hidden]{display:none !important}
.qhp-audio-dock__speed-menu button{
  padding:8px 12px;border-radius:6px;border:none;
  background:transparent;
  color:#e8e6df !important;
  font-size:12px;font-weight:700;text-align:left;
  cursor:pointer;transition:.1s;
  font-variant-numeric:tabular-nums;
  font-family:inherit;
}
.qhp-audio-dock__speed-menu button:hover{background:rgba(255,255,255,.06)}
.qhp-audio-dock__speed-menu button.is-active{
  background:rgba(201,169,97,.16);color:#c9a961 !important;
}

/* ─── LIGNE 4 : Récitateur + toggles ─── */
.qhp-audio-dock__extras{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding-top:10px;
  border-top:1px solid rgba(255,255,255,.06);
}
.qhp-audio-dock__reciter{
  display:flex;align-items:center;gap:10px;
  flex:1;min-width:0;
}
.qhp-audio-dock__reciter-label{
  font-size:9px;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(232,230,223,.4) !important;font-weight:800;flex:none;
}
.qhp-audio-dock__select{
  flex:1;min-width:0;max-width:280px;
  height:32px;padding:0 28px 0 12px;
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.14);
  border-radius:8px;
  color:#e8e6df !important;
  font-size:12px;font-weight:600;
  cursor:pointer;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%23c9a961' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 10px center !important;
  font-family:inherit;
}
.qhp-audio-dock__select:hover{border-color:#c9a961}
.qhp-audio-dock__select option{
  background:#0f1628 !important;color:#e8e6df !important;
}
.qhp-audio-dock__toggles{display:flex;gap:6px;flex:none}
.qhp-audio-dock__toggle{
  height:30px;padding:0 12px;border-radius:15px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.14);
  color:rgba(232,230,223,.7) !important;
  font-size:11px;font-weight:700;
  cursor:pointer;
  display:inline-flex;align-items:center;gap:5px;
  font-family:inherit;
  transition:.15s;
}
.qhp-audio-dock__toggle:hover{
  background:rgba(255,255,255,.08);
  color:#e8e6df !important;
}
.qhp-audio-dock__toggle[aria-pressed="true"]{
  background:rgba(201,169,97,.16);
  border-color:#c9a961;
  color:#c9a961 !important;
}
.qhp-audio-dock__toggle span{color:inherit !important}

/* ─── Audio player physique caché ─── */
.qhp-audio-dock__player{display:block}
.qhp-audio-dock__player .qhp-player{
  margin:0!important;width:1px!important;height:1px!important;
  opacity:0!important;pointer-events:none!important;
  position:absolute!important;
}

body.admin-bar .qhp-audio-dock{bottom:24px}

/* ─── MODALE SÉLECTEUR DE SOURATE ─── */
.qhp-surah-modal{
  position:absolute;
  bottom:calc(100% + 12px);
  left:50%;transform:translateX(-50%);
  width:min(720px,calc(100% - 32px));
  max-height:60vh;
  background:rgba(8,12,20,.98);
  border:1px solid rgba(201,169,97,.3);
  border-radius:16px;
  box-shadow:0 32px 80px rgba(0,0,0,.7);
  backdrop-filter:blur(24px);
  overflow:hidden;
  display:flex;flex-direction:column;
  z-index:20;
}
.qhp-surah-modal[hidden]{display:none !important}
.qhp-surah-modal__header{
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.06);
  display:flex;align-items:center;gap:10px;flex:none;
}
.qhp-surah-modal__search{
  flex:1;height:36px;
  padding:0 14px 0 36px;
  background:rgba(255,255,255,.05) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23c9a961' viewBox='0 0 24 24'%3E%3Cpath d='M10 18a8 8 0 116.32-3.09l4.38 4.39-1.41 1.41-4.39-4.38A7.96 7.96 0 0110 18zm0-2a6 6 0 100-12 6 6 0 000 12z'/%3E%3C/svg%3E") no-repeat 12px center;
  border:1px solid rgba(255,255,255,.14);
  border-radius:8px;
  color:#e8e6df !important;
  font-size:13px;font-family:inherit;
}
.qhp-surah-modal__search:focus{outline:none;border-color:#c9a961}
.qhp-surah-modal__search::placeholder{color:rgba(232,230,223,.4)}
.qhp-surah-modal__close{
  width:32px;height:32px;border-radius:50%;
  background:transparent;
  border:1px solid rgba(255,255,255,.08);
  color:rgba(232,230,223,.7) !important;
  cursor:pointer;flex:none;
}
.qhp-surah-modal__close:hover{
  background:rgba(255,255,255,.06);color:#e8e6df !important;
}
.qhp-surah-modal__list{
  overflow-y:auto;padding:8px;flex:1;
}
.qhp-surah-modal__item{
  display:grid;
  grid-template-columns:36px 1fr auto auto;
  gap:14px;align-items:center;
  padding:10px 12px;border-radius:8px;
  cursor:pointer;transition:.1s;
  text-decoration:none !important;
  color:inherit;
}
.qhp-surah-modal__item:hover{background:rgba(255,255,255,.04)}
.qhp-surah-modal__item.is-active{
  background:rgba(201,169,97,.12);
  border:1px solid rgba(201,169,97,.3);
}
.qhp-surah-modal__num{
  width:32px;height:32px;border-radius:8px;
  background:rgba(201,169,97,.1);
  color:#c9a961 !important;
  font-weight:800;font-size:13px;
  display:inline-flex;align-items:center;justify-content:center;
}
.qhp-surah-modal__item.is-active .qhp-surah-modal__num{
  background:linear-gradient(135deg,#c9a961,#e6c177);
  color:#0a0e1a !important;
}
.qhp-surah-modal__info{min-width:0;display:flex;flex-direction:column;gap:1px}
.qhp-surah-modal__name{
  font-family:Georgia,'Cormorant Garamond',serif;
  font-size:15px;color:#e8e6df !important;font-weight:500;
}
.qhp-surah-modal__translit{
  font-size:11px;color:rgba(232,230,223,.7) !important;
}
.qhp-surah-modal__arabic{
  font-size:18px;color:#c9a961 !important;
  font-family:'Amiri','Scheherazade New',serif;
}
.qhp-surah-modal__count{
  font-size:11px;color:rgba(232,230,223,.4) !important;
  font-weight:600;min-width:60px;text-align:right;
}
.qhp-surah-modal__empty{
  padding:32px 16px;
  text-align:center;
  color:rgba(232,230,223,.5) !important;
  font-size:13px;
}

/* Marge bas pour ne pas cacher le contenu */
[data-qhp-surah-page]{padding-bottom:280px}

/* ─── Mobile ─── */
@media(max-width:820px){
  .qhp-audio-dock{
    bottom:10px;width:calc(100% - 16px);
    padding:12px 14px;border-radius:14px;gap:10px;
  }
  .qhp-audio-dock__surah-row{
    grid-template-columns:auto 1fr auto;
    gap:8px;
  }
  .qhp-audio-dock__verse-pill{display:none}
  .qhp-audio-dock__surah-name{font-size:15px}
  .qhp-audio-dock__surah-name small{display:none}
  .qhp-audio-dock__surah-eyebrow{font-size:8px}
  .qhp-audio-dock__time{font-size:10px;min-width:32px}
  .qhp-audio-dock__controls{grid-template-columns:auto auto auto;gap:8px;justify-content:space-between}
  .qhp-audio-dock__verse-label{display:none}
  .qhp-audio-dock__icon-btn{width:34px;height:34px;font-size:12px}
  .qhp-audio-dock__skip{min-width:46px;padding:0 8px;height:34px;font-size:11px}
  .qhp-audio-dock__play{width:46px;height:46px;font-size:17px}
  .qhp-audio-dock__center{gap:8px}
  .qhp-audio-dock__speed{height:28px;padding:0 10px;font-size:11px}
  .qhp-audio-dock__extras{flex-wrap:wrap;gap:8px}
  .qhp-audio-dock__reciter{width:100%}
  .qhp-audio-dock__select{max-width:none}
  .qhp-audio-dock__toggles{width:100%;justify-content:flex-end}
  .qhp-surah-modal__arabic{display:none}
  .qhp-surah-modal__item{grid-template-columns:32px 1fr auto;gap:10px}
  [data-qhp-surah-page]{padding-bottom:360px}
}
.qhp-radio-track{cursor:pointer}
.qhp-radio-track.active{border-color:rgba(201,169,97,.42);box-shadow:0 0 0 1px rgba(201,169,97,.14) inset}


.qhp-hadith-catalog{display:grid;gap:18px;margin-top:18px}.qhp-hadith-catalog__language{border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:18px;background:rgba(9,20,40,.32)}.qhp-hadith-catalog__header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.qhp-hadith-catalog__author{display:grid;gap:10px;margin-top:12px}.qhp-hadith-catalog__author-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.qhp-hadith-catalog__books{display:flex;flex-wrap:wrap;gap:12px}.qhp-book-card--catalog{text-align:left;min-width:220px}.qhp-hadith-subgroup{margin-top:14px}.qhp-hadith-subgroup__head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;flex-wrap:wrap}
.qhp-translation-picker{position:relative;z-index:120;pointer-events:auto}
.qhp-select--button{display:inline-flex;align-items:center;justify-content:center;min-width:140px;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative;z-index:121}
.qhp-translation-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:130;min-width:180px;padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#111827;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.qhp-translation-option{display:flex;align-items:center;gap:10px;padding:6px 4px;color:#e5e7eb;font-size:14px}
.qhp-translation-option input{margin:0}
.qhp-translation{margin-top:8px}
.qhp-translation-lang{display:inline-block;margin-right:8px;color:#9ca3af;font-size:12px;text-transform:uppercase;letter-spacing:.04em}


.qhp-translation-meta{margin-top:4px;color:#8b95a7;font-size:12px}
.qhp-translation-drawer{position:fixed;inset:0;z-index:99999}
.qhp-translation-drawer[hidden]{display:none!important}
.qhp-translation-drawer__backdrop{position:absolute;inset:0;background:rgba(2,6,23,.62)}
.qhp-translation-drawer__panel{position:absolute;top:0;right:0;height:100%;width:min(420px,100vw);background:#131722;border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;box-shadow:-18px 0 40px rgba(0,0,0,.35)}
.qhp-translation-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:18px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.qhp-translation-drawer__title{font-size:30px;font-weight:800;color:#f3f4f6}
.qhp-translation-drawer__searchwrap{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06)}
.qhp-translation-drawer__search{width:100%;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#0f172a;color:#e5e7eb;font-size:16px}
.qhp-translation-drawer__body{padding:10px 16px 28px;overflow:auto}
.qhp-translation-group{padding:8px 0 14px}
.qhp-translation-group__title{font-size:15px;font-weight:800;color:#f3f4f6;margin:10px 0 10px}
.qhp-translation-resource{display:flex;align-items:flex-start;gap:12px;padding:9px 2px;color:#e5e7eb;font-size:15px;cursor:pointer}
.qhp-translation-resource input{margin-top:3px}
.qhp-translation-resource__name{line-height:1.35}
@media (max-width:640px){.qhp-translation-drawer__panel{width:100vw}.qhp-translation-drawer__title{font-size:24px}}

.qhp-reading-controls{flex-wrap:wrap;gap:8px}
.qhp-speed-row{margin-top:10px;align-items:center;gap:8px;flex-wrap:wrap}
.qhp-tajweed{display:none;margin-top:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.02);font-size:34px;line-height:1.9;text-align:right;direction:rtl}
.qhp-show-tajweed .qhp-tajweed{display:block}
.qhp-tajweed tajweed.ham_wasl,.qhp-tajweed tajweed.silent{color:#94a3b8}
.qhp-tajweed tajweed.laam_shamsiyah,.qhp-tajweed tajweed.ghunnah{color:#f59e0b}
.qhp-tajweed tajweed.madda_normal,.qhp-tajweed tajweed.madda_permissible,.qhp-tajweed tajweed.madda_necessary{color:#60a5fa}
.qhp-tajweed tajweed.ikhafa,.qhp-tajweed tajweed.iqlab,.qhp-tajweed tajweed.idgham_ghunnah{color:#34d399}
.qhp-tajweed tajweed.idgham_no_ghunnah,.qhp-tajweed tajweed.qalqalah{color:#f87171}
.qhp-tajweed .end{display:inline-flex;align-items:center;justify-content:center;min-width:1.9em;height:1.9em;margin-inline-start:.35em;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:.48em;color:#cbd5e1}
.qhp-mushaf-mode .qhp-verses{max-width:920px;margin:0 auto;display:grid;gap:22px}
.qhp-mushaf-mode .qhp-verse{padding:26px 30px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));box-shadow:0 10px 30px rgba(0,0,0,.18)}
.qhp-mushaf-mode .qhp-verse-head{grid-template-columns:1fr}
.qhp-mushaf-mode .qhp-verse-controls,.qhp-mushaf-mode .qhp-verse-copy,.qhp-mushaf-mode .qhp-verse-tabs,.qhp-mushaf-mode .qhp-verse-panel{display:none!important}
.qhp-mushaf-mode .qhp-verse-main{gap:0}
.qhp-mushaf-mode .qhp-arabic-sync{justify-content:center;gap:.2rem .32rem}
.qhp-mushaf-mode .qhp-arabic-sync .qhp-word-ar{font-size:40px;line-height:2.05}
.qhp-mushaf-mode .qhp-tajweed{font-size:40px;line-height:2.05;text-align:center}
.qhp-hide-transliteration .qhp-transliteration{display:none!important}
.qhp-hide-translation .qhp-translation{display:none!important}
.qhp-now{scroll-margin-top:120px}


.qhp-tab.is-active{background:#fff;color:#0f172a;border-color:#fff}
.qhp-reading-mode .qhp-verses{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.qhp-reading-mode .qhp-verse{padding:20px 22px;border-radius:22px;background:rgba(255,255,255,.015)}
.qhp-reading-mode .qhp-verse-controls,.qhp-reading-mode .qhp-verse-copy,.qhp-reading-mode .qhp-verse-tabs,.qhp-reading-mode .qhp-verse-panel{display:none!important}
.qhp-reading-mode .qhp-verse-head{display:block}
.qhp-reading-mode .qhp-verse-main{display:block}
.qhp-reading-mode .qhp-verse-label,.qhp-reading-mode .qhp-arabic-sync{font-size:42px;line-height:2.1;text-align:right}
.qhp-reading-mode .qhp-transliteration{margin-top:10px;font-size:20px}
.qhp-reading-mode .qhp-translation{margin-top:8px;font-size:18px}
@media (max-width:768px){.qhp-reading-mode .qhp-verse-label,.qhp-reading-mode .qhp-arabic-sync{font-size:34px;line-height:2}}

.qhp-hadith-home{display:grid;gap:18px}
.qhp-hadith-section{display:grid;gap:14px}
.qhp-hadith-section__head{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap}
.qhp-hadith-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.qhp-book-card--hadith{min-height:118px;justify-content:space-between;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02))}
.qhp-book-card--hadith strong{font-size:18px;line-height:1.2}
.qhp-book-card--hadith span{font-size:13px;line-height:1.5;color:var(--qhp-muted)}
.qhp-book-card--category{border-color:rgba(99,102,241,.22)}
.qhp-book-card--category:hover{border-color:rgba(124,58,237,.38)}
.qhp-hadith-results-shell{min-height:220px}
.qhp-hadith-focus{display:grid;gap:14px}
.qhp-hadith-focus__header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;padding:18px;border:1px solid var(--qhp-line);border-radius:20px;background:rgba(255,255,255,.03)}
.qhp-toolbar--hadith{position:sticky;top:8px;z-index:5;background:rgba(10,14,24,.78);backdrop-filter:blur(14px);border-radius:18px}
@media(max-width:640px){.qhp-book-card--hadith{min-height:104px}.qhp-toolbar--hadith{position:static}}

.qhp-pill--button{cursor:pointer;background:rgba(255,255,255,.03)}
.qhp-hadith-more{margin-top:12px;display:flex;justify-content:center}
.qhp-study-card--hadith.is-collapsed{opacity:.98}
.qhp-hadith-card-top .qhp-hadith-badges{justify-content:flex-end}
.qhp-hadith-simple{padding:18px;border:1px solid var(--qhp-line);border-radius:20px;background:rgba(255,255,255,.03);display:grid;gap:16px}
.qhp-hadith-simple__langs{display:flex;flex-wrap:wrap;gap:10px}
.qhp-hadith-simple__langs .qhp-mini-pill{background:rgba(255,255,255,.03);border:1px solid var(--qhp-line)}
.qhp-hadith-simple__langs .qhp-mini-pill.is-active{background:#fff;color:#0f172a;border-color:#fff}
.qhp-hadith-simple__table{display:grid;border:1px solid var(--qhp-line);border-radius:16px;overflow:hidden}
.qhp-hadith-simple__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:14px 16px;background:rgba(255,255,255,.02);border-top:1px solid var(--qhp-line);text-decoration:none;color:inherit}
.qhp-hadith-simple__row:first-child{border-top:0}
.qhp-hadith-simple__row:hover{background:rgba(255,255,255,.05)}
.qhp-hadith-simple__row.is-active{background:rgba(255,255,255,.08)}
.qhp-hadith-simple__row span:last-child{color:var(--qhp-muted);white-space:nowrap}
@media (max-width:640px){.qhp-hadith-simple__row{grid-template-columns:1fr}.qhp-hadith-simple__row span:last-child{white-space:normal}}

/* v3.3.6 premium quran mobile + study audio */
.qhp-study-modal__player-shell{margin:0 0 12px;padding:10px 12px;border:1px solid var(--qhp-line);border-radius:16px;background:rgba(255,255,255,.03)}
.qhp-study-modal__player-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.qhp-study-modal__player-title{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--qhp-muted)}
.qhp-study-modal__player-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.qhp-study-modal__player-mount .qhp-player{margin-top:0;width:100%}

@media (max-width: 820px){
  .qhp-page{padding:8px 0 90px}
  .qhp-wrap{width:min(100%,calc(100% - 14px))}
  .qhp-shell{padding:10px 10px 14px}
  .qhp-shell[data-qhp-surah-page] .qhp-topbar{position:sticky;top:8px;z-index:1002;display:flex;padding:8px 10px;margin-bottom:8px;gap:8px;background:rgba(15,22,34,.94);border-color:rgba(255,255,255,.16);backdrop-filter:blur(14px);box-shadow:0 10px 28px rgba(0,0,0,.28)}
  .qhp-topbar--surah-premium{grid-template-columns:1fr;gap:8px}
  .qhp-topbar__audio-nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
  .qhp-topbar__audio-nav::-webkit-scrollbar{display:none}
  .qhp-topbar__timeline{min-width:0;width:100%;grid-template-columns:40px 1fr 40px;padding:7px 10px}
  .qhp-mini-pill--icon{width:40px;min-width:40px;height:36px;border-radius:12px;font-size:16px}
  .qhp-topbar__surah-title{justify-content:flex-start;text-align:left;font-size:13px;padding:10px 14px}
  .qhp-compact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 8px}
  .qhp-compact-actions .qhp-select--compact{width:100%;min-width:0}
  .qhp-hero--surah{padding:0;border:none;background:transparent;box-shadow:none;gap:6px}
  .qhp-surah-switcher{gap:8px;margin-bottom:2px}
  .qhp-surah-switcher__nav{width:42px;height:42px;font-size:24px}
  .qhp-surah-switcher__current{padding:12px 12px 10px;border-radius:22px;gap:4px}
  .qhp-surah-switcher__arabic{font-size:42px}
  .qhp-surah-switcher__name{font-size:32px}
  .qhp-surah-switcher__sub{font-size:15px}
  .qhp-surah-switcher__hint{font-size:11px}
  .qhp-brand{font-size:15px}
  .qhp-mini-nav{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:none;width:100%;padding-bottom:2px}
  .qhp-mini-nav::-webkit-scrollbar{display:none}
  .qhp-mini-nav .qhp-mini-pill{white-space:nowrap;padding:9px 12px;font-size:13px}
  .qhp-mini-nav .qhp-mini-pill.is-active{position:sticky;right:0;z-index:2;box-shadow:0 8px 18px rgba(0,0,0,.22)}
  .qhp-hero--surah{padding:0 0 4px;border:none;background:transparent;box-shadow:none;gap:4px}
  .qhp-surah-switcher{gap:8px;margin-bottom:0}
  .qhp-surah-switcher__nav{width:40px;height:40px;font-size:22px}
  .qhp-surah-switcher__current{padding:10px 10px 8px;border-radius:20px;gap:2px}
  .qhp-surah-switcher__arabic{font-size:38px}
  .qhp-surah-switcher__name{font-size:26px}
  .qhp-surah-switcher__sub{font-size:14px}
  .qhp-surah-switcher__hint{font-size:10px;display:none}
  .qhp-hero--surah .qhp-row:nth-child(2){display:flex!important;gap:6px;justify-content:center}
  .qhp-hero--surah .qhp-row:nth-child(3){display:none!important}
  .qhp-hero--surah .qhp-pill{padding:6px 10px;font-size:12px}
  .qhp-toolbar{margin-top:2px;padding:8px 10px;border-radius:18px}
  .qhp-toolbar-row--top{gap:8px}
  .qhp-tabs{gap:8px;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;padding-bottom:2px;scrollbar-width:none}
  .qhp-tabs::-webkit-scrollbar{display:none}
  .qhp-tab{padding:8px 12px;border:1px solid var(--qhp-line);border-radius:999px;background:rgba(255,255,255,.03);white-space:nowrap;border-bottom-width:1px}
  .qhp-tab[aria-selected="true"]{border-color:var(--qhp-line-2);background:rgba(255,255,255,.08)}
  .qhp-reading-controls{display:grid;grid-template-columns:1fr;gap:8px;width:100%}
  .qhp-reading-controls .qhp-mini-pill{display:none!important}
  .qhp-reading-controls .qhp-select,
  .qhp-reading-controls .qhp-select--button{width:100%;min-width:0}
  .qhp-player-home{display:block!important;margin-top:6px}
  .qhp-player-home .qhp-player{margin-top:0;border-radius:14px;min-height:44px;background:rgba(255,255,255,.04)}
  .qhp-speed-row,.qhp-toolbar>.qhp-meta{display:none!important}
  .qhp-verses{margin-top:4px}
  .qhp-verse{padding:12px 0}
  .qhp-verse-head{gap:8px}
  .qhp-verse-controls{gap:6px}
  .qhp-vplay{margin-top:0}
  .qhp-arabic-sync .qhp-word-ar,.qhp-verse-label{font-size:23px;line-height:1.65}
  .qhp-transliteration{font-size:14px;line-height:1.45}
  .qhp-translation{font-size:16px;line-height:1.55}
  .qhp-verse-tabs{gap:8px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-top:6px}
  .qhp-verse-tabs::-webkit-scrollbar{display:none}
  .qhp-verse-tab{white-space:nowrap}
  .qhp-study-modal{align-items:flex-end}
  .qhp-study-modal__dialog{width:calc(100% - 10px);max-height:94vh;border-radius:22px 22px 0 0}
  .qhp-study-modal__header{padding:10px 12px}
  .qhp-study-modal__body{padding:12px}
  .qhp-study-modal__translation{font-size:18px;line-height:1.45;margin-bottom:10px}
  .qhp-study-modal__titlebar{display:flex;gap:6px;flex-wrap:wrap}
  .qhp-study-modal__titlebar .qhp-mini-pill:first-child{display:none}
  .qhp-study-modal__player-shell{margin-bottom:10px;padding:10px}
  .qhp-study-modal__player-actions .qhp-btn{padding:8px 11px}
  .qhp-surah-drawer__panel{width:100%;max-width:none}
  .qhp-surah-drawer__arabic{font-size:22px}
  .qhp-nav{display:none}
}

.qhp-compact-actions{display:none}
.qhp-select--compact{min-width:0;width:auto;max-width:100%}

@media (max-width: 820px){
  .qhp-study-modal__player-shell{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,rgba(19,23,34,.98),rgba(19,23,34,.92));backdrop-filter:blur(8px)}
  .qhp-study-modal__player-mount{display:block!important}
  .qhp-study-modal__player-mount .qhp-player{display:block!important;min-height:46px;background:rgba(255,255,255,.05);border-radius:14px}
}


.qhp-shell[data-qhp-surah-page] .qhp-mini-nav .qhp-mini-pill{position:relative;z-index:3}
.qhp-shell[data-qhp-surah-page] .qhp-mini-nav .qhp-mini-pill{border-color:rgba(255,255,255,.16)}
.qhp-shell[data-qhp-surah-page] .qhp-mini-nav .qhp-mini-pill:hover{background:rgba(255,255,255,.14)}
.qhp-study-modal:not([hidden]) ~ .qhp-audio-dock{display:grid!important}
body.qhp-modal-open .qhp-audio-dock{display:grid!important;bottom:18px}
@media(max-width:820px){body.qhp-modal-open .qhp-audio-dock{display:grid!important;bottom:8px;width:min(560px,calc(100% - 14px));padding:10px 12px;border-radius:18px}.qhp-audio-dock__eyebrow{display:none}.qhp-audio-dock__sub{font-size:12px}.qhp-audio-dock__actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.qhp-audio-dock__btn{width:100%;min-width:0}.qhp-audio-dock__top{display:grid;grid-template-columns:1fr;gap:8px}.qhp-audio-dock__title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}



/* =========================================================
   Premium shared theme (aligned with PrayerTimes UI)
   ========================================================= */
:root{
  --qhp-bg:#0b1220;
  --qhp-bg-2:#0f172a;
  --qhp-panel:#0f1b2f;
  --qhp-card:#0f1b2f;
  --qhp-card-2:#13233b;
  --qhp-line:rgba(255,255,255,.10);
  --qhp-line-2:rgba(255,255,255,.16);
  --qhp-text:#e6edf7;
  --qhp-muted:#9db0c7;
  --qhp-gold:#c9a961;
  --qhp-gold-2:#d9bb73;
  --qhp-soft:#e8d5a8;
  --qhp-accent:#c9a961;
  --qhp-accent-2:#d9bb73;
  --qhp-shadow:0 18px 45px rgba(0,0,0,.34);
  --qhp-radius:22px;
  --qhp-pill:#13233b;
  --qhp-pill-hover:#1a2e4d;
  --qhp-focus:rgba(201,169,97,.22);
}

html[data-qhp-theme="light"]{
  --qhp-bg:#f6f7fb;
  --qhp-bg-2:#eef2f8;
  --qhp-panel:#ffffff;
  --qhp-card:#ffffff;
  --qhp-card-2:#f8fbff;
  --qhp-line:rgba(15,23,42,.08);
  --qhp-line-2:rgba(15,23,42,.14);
  --qhp-text:#0f172a;
  --qhp-muted:#64748b;
  --qhp-soft:#c9a961;
  --qhp-accent:#c9a961;
  --qhp-accent-2:#d9bb73;
  --qhp-shadow:0 12px 35px rgba(15,23,42,.08);
  --qhp-pill:#f2f5f8;
  --qhp-pill-hover:#e9eff5;
  --qhp-focus:rgba(201,169,97,.14);
}

html[data-qhp-theme] .qhp-page,
html[data-qhp-theme] .qhp-page.qhp-page--light{
  position:relative;
  background:
    radial-gradient(circle at top right, rgba(201,169,97,.16), transparent 30%),
    radial-gradient(circle at top left, rgba(201,169,97,.10), transparent 28%),
    linear-gradient(180deg,var(--qhp-bg),var(--qhp-bg-2));
  color:var(--qhp-text);
}

html[data-qhp-theme] .qhp-page::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:320px;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.04), transparent);
  opacity:.55;
}

html[data-qhp-theme] .qhp-wrap{position:relative; z-index:1;}

html[data-qhp-theme] .qhp-shell,
html[data-qhp-theme] .qhp-card,
html[data-qhp-theme] .qhp-shell--light{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    var(--qhp-card);
  border:1px solid var(--qhp-line);
  box-shadow:var(--qhp-shadow);
  color:var(--qhp-text);
}

html[data-qhp-theme="light"] .qhp-shell,
html[data-qhp-theme="light"] .qhp-card,
html[data-qhp-theme="light"] .qhp-shell--light{
  background:
    linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.94)),
    var(--qhp-card);
}

html[data-qhp-theme] .qhp-topbar,
html[data-qhp-theme] .qhp-topbar.qhp-topbar--light{
  position:sticky;
  top:18px;
  z-index:20;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
  border:1px solid var(--qhp-line-2);
  box-shadow:0 16px 40px rgba(0,0,0,.18);
}

html[data-qhp-theme="light"] .qhp-topbar,
html[data-qhp-theme="light"] .qhp-topbar.qhp-topbar--light{
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.74));
}

html[data-qhp-theme] .qhp-brand,
html[data-qhp-theme] .qhp-brand a,
html[data-qhp-theme] .qhp-radio-hero h1,
html[data-qhp-theme] .qhp-radio-list h2,
html[data-qhp-theme] .qhp-surah-english,
html[data-qhp-theme] .qhp-card-title,
html[data-qhp-theme] .qhp-reciter-name,
html[data-qhp-theme] .qhp-station-name{
  color:var(--qhp-text);
}

html[data-qhp-theme] .qhp-subtitle,
html[data-qhp-theme] .qhp-meta,
html[data-qhp-theme] .qhp-copy,
html[data-qhp-theme] .qhp-archive-note,
html[data-qhp-theme] .qhp-reciter-sub,
html[data-qhp-theme] .qhp-station-sub,
html[data-qhp-theme] .qhp-radio-card__body span{
  color:var(--qhp-muted);
}

html[data-qhp-theme] .qhp-mini-pill,
html[data-qhp-theme] .qhp-pill,
html[data-qhp-theme] .qhp-book-card,
html[data-qhp-theme] .qhp-btn--ghost,
html[data-qhp-theme] .qhp-select,
html[data-qhp-theme] .qhp-search,
html[data-qhp-theme] .qhp-toolbar,
html[data-qhp-theme] .qhp-card-link,
html[data-qhp-theme] .qhp-reciter-card,
html[data-qhp-theme] .qhp-radio-card,
html[data-qhp-theme] .qhp-station-card{
  background:var(--qhp-pill);
  color:var(--qhp-text);
  border-color:var(--qhp-line);
}

html[data-qhp-theme] .qhp-mini-pill.is-active{
  color:#fff;
  border-color:rgba(201,169,97,.38);
  background:linear-gradient(135deg, rgba(201,169,97,.28), rgba(201,169,97,.18));
}

html[data-qhp-theme="light"] .qhp-mini-pill.is-active{
  color:var(--qhp-text);
}

html[data-qhp-theme] .qhp-radio-card,
html[data-qhp-theme] .qhp-station-card{
  box-shadow:var(--qhp-shadow);
}

html[data-qhp-theme] .qhp-radio-card__art,
html[data-qhp-theme] .qhp-reciter-art,
html[data-qhp-theme] .qhp-station-thumb,
html[data-qhp-theme] .qhp-diamond{
  background:linear-gradient(135deg, rgba(201,169,97,.34), rgba(15,27,47,.96));
  color:var(--qhp-text);
}

html[data-qhp-theme="light"] .qhp-radio-card__art,
html[data-qhp-theme="light"] .qhp-reciter-art,
html[data-qhp-theme="light"] .qhp-station-thumb,
html[data-qhp-theme="light"] .qhp-diamond{
  background:linear-gradient(135deg, rgba(201,169,97,.18), rgba(230,237,247,.95));
}

html[data-qhp-theme] .qhp-btn{
  color:#fff;
  background:linear-gradient(135deg,var(--qhp-accent),var(--qhp-accent-2));
  border-color:transparent;
}

html[data-qhp-theme] .qhp-btn--ghost:hover,
html[data-qhp-theme] .qhp-pill:hover,
html[data-qhp-theme] .qhp-mini-pill:hover,
html[data-qhp-theme] .qhp-card-link:hover,
html[data-qhp-theme] .qhp-reciter-card:hover,
html[data-qhp-theme] .qhp-book-card:hover,
html[data-qhp-theme] .qhp-station-card:hover,
html[data-qhp-theme] .qhp-radio-card:hover{
  background:var(--qhp-pill-hover);
  border-color:var(--qhp-line-2);
}

html[data-qhp-theme] .qhp-search::placeholder{color:var(--qhp-muted);}
html[data-qhp-theme] .qhp-select:focus,
html[data-qhp-theme] .qhp-search:focus,
html[data-qhp-theme] .qhp-btn:focus,
html[data-qhp-theme] .qhp-btn--ghost:focus{
  outline:none;
  border-color:rgba(201,169,97,.45);
  box-shadow:0 0 0 4px var(--qhp-focus);
}

html[data-qhp-theme] .qhp-study-modal__dialog,
html[data-qhp-theme] .qhp-surah-drawer__panel{
  background:var(--qhp-panel);
  color:var(--qhp-text);
}

html[data-qhp-theme] .qhp-study-modal__header,
html[data-qhp-theme] .qhp-surah-drawer__header{
  background:var(--qhp-panel);
  border-color:var(--qhp-line);
}

.qhp-theme-toggle{
  appearance:none;
  border:1px solid var(--qhp-line);
  background:var(--qhp-pill);
  color:var(--qhp-text);
  border-radius:999px;
  padding:10px 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  cursor:pointer;
  font-weight:800;
  line-height:1;
  box-shadow:var(--qhp-shadow);
}

.qhp-theme-toggle:hover{background:var(--qhp-pill-hover);}
.qhp-theme-toggle svg{display:block}
.qhp-theme-toggle__label{font-size:13px;letter-spacing:.01em}
.qhp-topbar__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.qhp-floating-theme-toggle{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:999;
}
@media(max-width:680px){
  .qhp-theme-toggle__label{display:none}
  .qhp-floating-theme-toggle{right:14px;bottom:14px}
}


/* v5 premium floating topbar refinement */
.qhp-topbar--surah-premium{
  grid-template-columns:auto minmax(0,1fr) minmax(180px,260px);
  align-items:center;
  gap:12px;
}
.qhp-topbar__audio-nav{order:1; min-width:0;}
.qhp-topbar__timeline{order:2; min-width:0; width:100%;}
.qhp-topbar__surah-title{
  order:3;
  width:min(260px,100%);
  min-width:180px;
  max-width:260px;
  justify-self:end;
  justify-content:center;
  text-align:center;
  padding:10px 18px;
  font-size:20px;
  line-height:1.05;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(41,117,219,.98),rgba(24,87,183,.98));
  border:1px solid rgba(123,191,255,.34);
  box-shadow:0 12px 24px rgba(8,15,28,.34), inset 0 1px 0 rgba(255,255,255,.10);
}
.qhp-topbar__surah-title:hover{
  background:linear-gradient(135deg,rgba(51,128,232,.98),rgba(28,96,198,.98));
  border-color:rgba(153,213,255,.46);
}
.qhp-topbar__timeline{
  padding:7px 12px;
  border-radius:999px;
  min-height:42px;
}
.qhp-topbar__time{min-width:42px;}
.qhp-topbar__range{margin:0;}

@media (max-width: 1180px){
  .qhp-topbar--surah-premium{grid-template-columns:auto minmax(0,1fr) minmax(150px,220px);gap:10px;}
  .qhp-topbar__surah-title{font-size:18px;min-width:150px;max-width:220px;padding:10px 16px;}
  .qhp-mini-pill--icon{width:40px;min-width:40px;height:38px;}
}
@media (max-width: 860px){
  .qhp-shell[data-qhp-surah-page] .qhp-topbar.qhp-topbar--surah-premium{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) minmax(132px,180px);
    gap:8px;
    align-items:center;
    padding:8px 10px;
  }
  .qhp-topbar__audio-nav{gap:6px;overflow:visible;}
  .qhp-topbar__timeline{grid-template-columns:36px 1fr 36px;padding:6px 10px;min-height:38px;}
  .qhp-topbar__surah-title{font-size:15px;min-width:132px;max-width:180px;padding:8px 12px;border-radius:14px;justify-content:center!important;text-align:center!important;}
  .qhp-mini-pill--icon{width:36px;min-width:36px;height:34px;border-radius:11px;font-size:14px;}
}
@media (max-width: 640px){
  .qhp-shell[data-qhp-surah-page] .qhp-topbar.qhp-topbar--surah-premium{
    grid-template-columns:auto minmax(0,1fr) 120px;
    gap:6px;
  }
  .qhp-topbar__surah-title{min-width:120px;max-width:120px;font-size:14px;padding:8px 10px;}
  .qhp-topbar__time{font-size:11px;min-width:32px;}
}

/* ==========================================================
   v3.2 — Quran & Hadith UX (Q1-Q8 · H1-H4 · T3-T4)
   ========================================================== */

/* Q1 — Sticky surah nav bar (prev/next surah + surah name) */
.qhp-surah-sticky{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px;
  padding:10px 14px;
  margin-bottom:8px;
  border:1px solid rgba(201,169,97,.22);
  border-radius:18px;
  background:rgba(11,18,32,.88);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 16px 36px rgba(0,0,0,.32);
  position:sticky;
  top:18px;
  z-index:50;
}
.qhp-surah-sticky__prev,
.qhp-surah-sticky__next{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 14px;
  border:1px solid var(--qhp-line);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:var(--qhp-muted);
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  transition:.18s ease;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
}
.qhp-surah-sticky__prev:hover,
.qhp-surah-sticky__next:hover{
  color:var(--qhp-gold);
  border-color:rgba(201,169,97,.38);
  background:rgba(201,169,97,.08);
}
.qhp-surah-sticky__next{justify-content:flex-end;}
.qhp-surah-sticky__center{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  text-align:center;
}
.qhp-surah-sticky__name{
  font-size:15px;
  font-weight:900;
  color:var(--qhp-text);
  white-space:nowrap;
}
.qhp-surah-sticky__ar{
  font-size:20px;
  line-height:1;
  direction:rtl;
  color:var(--qhp-gold);
}
.qhp-surah-sticky__placeholder{display:block;width:100%;}
@media(max-width:680px){
  .qhp-surah-sticky{grid-template-columns:40px 1fr 40px;gap:8px;padding:8px 10px;}
  .qhp-surah-sticky__prev span,.qhp-surah-sticky__next span{display:none;}
  .qhp-surah-sticky__prev,.qhp-surah-sticky__next{width:40px;height:40px;padding:0;justify-content:center;border-radius:999px;font-size:20px;}
  .qhp-surah-sticky__name{font-size:14px;}
  .qhp-surah-sticky__ar{font-size:18px;}
}

/* Q2 — Hide native audio player, keep only audio dock */
.qhp-player-home{display:none!important;}
.qhp-speed-row{display:none!important;}

/* Q2 — Speed dropdown */
.qhp-speed-menu{position:relative;display:inline-flex;}
.qhp-speed-btn{padding:9px 14px;background:rgba(255,255,255,.04);border:1px solid var(--qhp-line);border-radius:999px;color:var(--qhp-text);font-size:13px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.qhp-speed-btn:hover{background:rgba(255,255,255,.08);}
.qhp-speed-dropdown{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);z-index:200;background:#0f1b2f;border:1px solid var(--qhp-line-2);border-radius:14px;box-shadow:0 16px 36px rgba(0,0,0,.38);overflow:hidden;display:none;min-width:100px;}
.qhp-speed-dropdown.is-open{display:block;}
.qhp-speed-option{display:block;width:100%;padding:10px 16px;background:transparent;border:none;border-top:1px solid var(--qhp-line);color:var(--qhp-muted);font-size:14px;font-weight:800;cursor:pointer;text-align:center;}
.qhp-speed-option:first-child{border-top:none;}
.qhp-speed-option:hover,.qhp-speed-option.is-active{color:var(--qhp-gold);background:rgba(201,169,97,.08);}

/* Q2 — Auto-play toggle */
.qhp-autoplay-toggle{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--qhp-line);border-radius:999px;background:rgba(255,255,255,.03);color:var(--qhp-muted);font-size:13px;font-weight:800;cursor:pointer;transition:.18s ease;}
.qhp-autoplay-toggle[aria-pressed="true"]{color:var(--qhp-gold);border-color:rgba(201,169,97,.38);background:rgba(201,169,97,.1);}

/* Q3 — Tab tooltips */
[data-qhp-tooltip]{position:relative;}
[data-qhp-tooltip]:focus-visible::after,
[data-qhp-tooltip]:hover::after{content:attr(data-qhp-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:7px 11px;background:#0a1524;border:1px solid rgba(201,169,97,.28);border-radius:10px;color:var(--qhp-text);font-size:12px;font-weight:600;pointer-events:none;z-index:300;box-shadow:0 10px 24px rgba(0,0,0,.34);max-width:220px;white-space:normal;text-align:center;line-height:1.4;}

/* Q4 — Per-ayah share & bookmark */
.qhp-verse-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;}
.qhp-va-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border:1px solid var(--qhp-line);border-radius:999px;background:rgba(255,255,255,.04);color:var(--qhp-muted);font-size:12px;font-weight:800;cursor:pointer;transition:.15s ease;}
.qhp-va-btn:hover{color:var(--qhp-text);border-color:var(--qhp-line-2);background:rgba(255,255,255,.08);}
.qhp-va-btn--bookmark.is-bookmarked{color:var(--qhp-gold);border-color:rgba(201,169,97,.42);background:rgba(201,169,97,.12);}

/* Q6 — In-surah search */
.qhp-surah-search{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--qhp-line);border-radius:999px;background:rgba(255,255,255,.03);margin:10px 0 0;transition:.2s ease;}
.qhp-surah-search:focus-within{border-color:rgba(201,169,97,.42);background:rgba(201,169,97,.06);}
.qhp-surah-search svg{flex:none;color:var(--qhp-muted);}
.qhp-surah-search input{flex:1;background:transparent;border:none;outline:none;color:var(--qhp-text);font-size:15px;font-weight:600;}
.qhp-surah-search input::placeholder{color:var(--qhp-muted);}
.qhp-surah-search-count{font-size:12px;font-weight:800;color:var(--qhp-muted);white-space:nowrap;}
.qhp-verse-highlight .qhp-arabic-sync .qhp-word-ar,
.qhp-verse-highlight .qhp-verse-label,
.qhp-verse-highlight .qhp-translation,
.qhp-verse-highlight .qhp-transliteration{background:rgba(201,169,97,.15);border-radius:6px;}

/* Q7 — Quran index filters */
.qhp-index-filters{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;}
.qhp-index-filter-btn{padding:8px 14px;border:1px solid var(--qhp-line);border-radius:999px;background:rgba(255,255,255,.04);color:var(--qhp-muted);font-size:13px;font-weight:800;cursor:pointer;transition:.16s ease;}
.qhp-index-filter-btn.is-active{color:#0b1220;background:var(--qhp-gold);border-color:var(--qhp-gold);}
.qhp-index-search-wrap{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-top:16px;border:1px solid var(--qhp-line);border-radius:999px;background:rgba(255,255,255,.03);transition:.2s ease;}
.qhp-index-search-wrap:focus-within{border-color:rgba(201,169,97,.42);background:rgba(201,169,97,.05);}
.qhp-index-search-wrap input{flex:1;background:transparent;border:none;outline:none;color:var(--qhp-text);font-size:16px;font-weight:600;}
.qhp-index-search-wrap input::placeholder{color:var(--qhp-muted);}
.qhp-index-count{font-size:13px;color:var(--qhp-muted);margin:10px 0 0;font-weight:800;}

/* H1 — Hadith home hero */
.qhp-hadith-hero{padding:28px 24px 22px;border-radius:28px;border:1px solid rgba(201,169,97,.18);background:linear-gradient(135deg,rgba(201,169,97,.07),rgba(11,18,32,.0) 60%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));margin-bottom:18px;}
.qhp-hadith-hero__kicker{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--qhp-gold);margin-bottom:10px;}
.qhp-hadith-hero__title{font-size:clamp(26px,4vw,44px);font-weight:900;line-height:1.08;margin:0 0 10px;font-family:'Cormorant Garamond',Georgia,serif;}
.qhp-hadith-hero__sub{font-size:18px;color:var(--qhp-muted);margin:0 0 22px;line-height:1.5;}
.qhp-hadith-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px;}
.qhp-hadith-stat{padding:14px 16px;border:1px solid var(--qhp-line);border-radius:18px;background:rgba(255,255,255,.03);display:flex;flex-direction:column;gap:4px;}
.qhp-hadith-stat__kicker{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--qhp-gold);}
.qhp-hadith-stat__value{font-size:24px;font-weight:900;color:var(--qhp-text);line-height:1.1;}
.qhp-hadith-stat__copy{font-size:13px;color:var(--qhp-muted);}
@media(max-width:640px){.qhp-hadith-stats{grid-template-columns:1fr;}.qhp-hadith-hero{padding:18px 16px 16px;}}

/* H1 — Hadith collection cards */
.qhp-hadith-collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:18px;}
.qhp-hadith-collection-card{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--qhp-line);border-radius:20px;background:rgba(255,255,255,.03);color:var(--qhp-text);text-decoration:none;transition:.18s ease;}
.qhp-hadith-collection-card:hover{border-color:rgba(201,169,97,.38);background:rgba(201,169,97,.06);transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.22);}
.qhp-hadith-collection-card__name{font-size:20px;font-weight:900;line-height:1.2;font-family:'Cormorant Garamond',Georgia,serif;}
.qhp-hadith-collection-card__sub{font-size:13px;color:var(--qhp-muted);}
.qhp-hadith-collection-card__langs{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;}
.qhp-hadith-lang-pill{padding:4px 10px;border:1px solid var(--qhp-line);border-radius:999px;font-size:11px;font-weight:800;color:var(--qhp-muted);background:rgba(255,255,255,.04);}

/* H2 — Live hadith search */
.qhp-hadith-live-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--qhp-gold);opacity:0;transition:opacity .2s;vertical-align:middle;margin-left:6px;}
.qhp-hadith-live-indicator.is-loading{opacity:1;animation:qhpPulse 1s infinite;}
@keyframes qhpPulse{0%,100%{opacity:.4}50%{opacity:1}}
.qhp-hadith-global-results .qhp-study-card{border-left:3px solid rgba(201,169,97,.38);}

/* H4 — Random hadith */
.qhp-random-hadith-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;border:1px solid rgba(201,169,97,.32);background:linear-gradient(135deg,rgba(201,169,97,.15),rgba(201,169,97,.06));color:var(--qhp-gold);font-size:15px;font-weight:900;cursor:pointer;transition:.18s ease;}
.qhp-random-hadith-btn:hover{background:linear-gradient(135deg,rgba(201,169,97,.25),rgba(201,169,97,.12));box-shadow:0 8px 20px rgba(0,0,0,.22);}
.qhp-random-hadith-btn.is-spinning svg{animation:qhpSpin .5s ease;}
@keyframes qhpSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/* T3 — Mini prayer-clock */
.qhp-prayer-clock{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid var(--qhp-line);border-radius:999px;background:rgba(255,255,255,.04);font-size:13px;font-weight:800;color:var(--qhp-muted);white-space:nowrap;}
.qhp-prayer-clock__time{color:var(--qhp-text);font-variant-numeric:tabular-nums;}
.qhp-prayer-clock__sep{opacity:.4;}
.qhp-prayer-clock__next{color:var(--qhp-gold);}

/* T4 — Immersive reading mode */
.qhp-reading-mode-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border:1px solid var(--qhp-line);border-radius:999px;background:rgba(255,255,255,.04);color:var(--qhp-muted);font-size:13px;font-weight:800;cursor:pointer;transition:.18s ease;}
.qhp-reading-mode-btn:hover{color:var(--qhp-text);background:rgba(255,255,255,.08);}
html.qhp-immersive .qhp-shell .qhp-topbar,
html.qhp-immersive .qhp-surah-sticky,
html.qhp-immersive .qhp-toolbar .qhp-tabs,
html.qhp-immersive .qhp-toolbar .qhp-reading-controls{display:none!important;}
html.qhp-immersive .qhp-shell{border:none;background:transparent;box-shadow:none;padding:0;}
html.qhp-immersive .qhp-page{background:#0d1320;}
html.qhp-immersive .qhp-verses{max-width:860px;margin:24px auto;}
html.qhp-immersive .qhp-arabic-sync .qhp-word-ar,
html.qhp-immersive .qhp-verse-label{font-size:44px;line-height:2.1;}
html.qhp-immersive .qhp-translation{font-size:21px;line-height:1.75;}
.qhp-immersive-exit{position:fixed;top:14px;right:14px;z-index:9999;display:none;padding:10px 16px;border:1px solid rgba(201,169,97,.32);border-radius:999px;background:rgba(13,19,32,.9);backdrop-filter:blur(12px);color:var(--qhp-gold);font-size:13px;font-weight:900;cursor:pointer;}
html.qhp-immersive .qhp-immersive-exit{display:inline-flex;align-items:center;gap:8px;}

/* Audio dock gold accent */
.qhp-audio-dock__btn--primary{background:linear-gradient(135deg,var(--qhp-gold),var(--qhp-gold-2))!important;color:#0b1220!important;border-color:transparent!important;}
.qhp-now{background:linear-gradient(180deg,rgba(201,169,97,.08),rgba(201,169,97,.03));border-radius:22px;padding:18px;outline:1px solid rgba(201,169,97,.18);}

/* Keyboard shortcuts toast */
.qhp-shortcuts-toast{position:fixed;bottom:100px;right:18px;z-index:99998;background:#0a1422;border:1px solid rgba(201,169,97,.28);border-radius:18px;padding:18px 20px;box-shadow:0 20px 48px rgba(0,0,0,.42);min-width:220px;display:none;}
.qhp-shortcuts-toast.is-visible{display:block;animation:qhpFadeIn .22s ease;}
@keyframes qhpFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.qhp-shortcuts-toast h4{font-size:13px;font-weight:900;color:var(--qhp-gold);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;}
.qhp-shortcut-row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-top:1px solid var(--qhp-line);font-size:13px;}
.qhp-shortcut-row:first-of-type{border-top:none;padding-top:0;}
.qhp-shortcut-row kbd{font-size:11px;font-weight:800;background:rgba(255,255,255,.08);padding:2px 7px;border-radius:6px;border:1px solid var(--qhp-line-2);color:var(--qhp-text);font-family:inherit;}
.qhp-shortcut-row span{color:var(--qhp-muted);}

/* Gold diamond & active states */
html[data-qhp-theme] .qhp-diamond{background:linear-gradient(135deg,rgba(201,169,97,.34),rgba(15,27,47,.96));}
.qhp-diamond span{color:var(--qhp-gold);}
.qhp-tab[aria-selected="true"]{color:var(--qhp-text);border-color:var(--qhp-gold);}
.qhp-tab.is-active{background:transparent;color:var(--qhp-text);border-color:var(--qhp-gold);}
.qhp-surah-drawer__item.is-active{border-color:rgba(201,169,97,.5);background:rgba(201,169,97,.08);}
.qhp-surah-drawer__num{color:var(--qhp-gold);}

/* Bookmark flash toast */
.qhp-bm-toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);z-index:99999;padding:10px 18px;background:#0a1422;border:1px solid rgba(201,169,97,.32);border-radius:999px;color:var(--qhp-gold);font-size:13px;font-weight:800;box-shadow:0 12px 28px rgba(0,0,0,.34);pointer-events:none;display:none;}
.qhp-bm-toast.is-visible{display:block;animation:qhpFadeIn .2s ease;}

/* T1 — Unified favorites button + modal */
.qhp-fav-fab{
  position:fixed;
  right:18px;
  bottom:80px;
  z-index:9990;
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid rgba(201,169,97,.38);
  background:rgba(11,18,32,.92);
  backdrop-filter:blur(12px);
  color:var(--qhp-gold);
  font-size:22px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 24px rgba(0,0,0,.38);
  transition:.18s ease;
}
.qhp-fav-fab:hover{transform:scale(1.08);box-shadow:0 14px 30px rgba(0,0,0,.44);}
@media(max-width:820px){.qhp-fav-fab{right:14px;bottom:96px;}}
.qhp-fav-modal{position:fixed;inset:0;z-index:99990;display:flex;align-items:flex-end;justify-content:center;}
.qhp-fav-modal[hidden]{display:none!important;}
.qhp-fav-modal__backdrop{position:absolute;inset:0;background:rgba(5,10,18,.72);}
.qhp-fav-modal__panel{
  position:relative;
  width:min(620px,calc(100% - 20px));
  max-height:80vh;
  overflow:auto;
  background:#111722;
  border:1px solid var(--qhp-line);
  border-radius:22px 22px 0 0;
  padding:20px;
  box-shadow:0 30px 80px rgba(0,0,0,.5);
}
@media(min-width:768px){.qhp-fav-modal{align-items:center}.qhp-fav-modal__panel{border-radius:22px;}}
.qhp-fav-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
.qhp-fav-modal__title{font-size:22px;font-weight:900;color:var(--qhp-text);}
.qhp-fav-modal__close{width:36px;height:36px;border-radius:50%;border:1px solid var(--qhp-line);background:rgba(255,255,255,.04);color:var(--qhp-muted);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.qhp-fav-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;}
.qhp-fav-tab{padding:8px 16px;border:1px solid var(--qhp-line);border-radius:999px;background:transparent;color:var(--qhp-muted);font-size:13px;font-weight:800;cursor:pointer;}
.qhp-fav-tab.is-active{background:var(--qhp-gold);color:#0b1220;border-color:var(--qhp-gold);}
.qhp-fav-panel{display:none;}
.qhp-fav-panel.is-active{display:block;}
.qhp-fav-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--qhp-line);border-radius:14px;margin-bottom:8px;background:rgba(255,255,255,.03);}
.qhp-fav-item a{color:var(--qhp-gold);text-decoration:none;font-weight:800;font-size:14px;}
.qhp-fav-item a:hover{text-decoration:underline;}
.qhp-fav-item__remove{background:transparent;border:none;color:var(--qhp-muted);cursor:pointer;font-size:18px;padding:4px 8px;border-radius:6px;}
.qhp-fav-item__remove:hover{color:#f87171;}
.qhp-fav-empty{padding:24px;text-align:center;color:var(--qhp-muted);font-size:15px;}