.qp-rr53{ padding-bottom:11px; display:flex; align-items:center; overflow-x:auto; overflow-y:hidden;
    white-space:nowrap; -webkit-overflow-scrolling:touch; touch-action:pan-x;
    margin:14px 0 -16px; padding:2px 0; scrollbar-width:none; }
  .qp-rr53::-webkit-scrollbar{ display:none; }
  .qp-rr53-i{ position:relative; flex:0 0 auto; background:none; border:0; border-radius:0;
    padding:2px 16px; font:300 14.2px/1.6 arial,sans-serif; letter-spacing:.3px;
    color:rgba(196,214,230,.52); cursor:pointer; -webkit-tap-highlight-color:transparent;
    transition:color .13s; }
   
  @media (max-width:767px){
    .qp-rr53-i{ font:400 15px/1.6 helvetica,system-ui,-apple-system,sans-serif;
      color:rgb(169 183 164); }
    body.qp-theme-light .qp-rr53-i{ color:rgb(169 183 164); }
  }
  .qp-rr53-i:first-child{ padding-left:0; }
   
  .qp-rr53-i + .qp-rr53-i::before{ content:'\00B7'; position:absolute; left:0; top:50%;
    transform:translateY(-50%); font-size:14px; line-height:1;
    color:rgba(127,147,173,.55); }
  body.qp-theme-light .qp-rr53-i + .qp-rr53-i::before{ color:rgba(0,0,0,.32); }
  .qp-rr53-i:hover{ color:#7fe3d8; }
  body.qp-theme-light .qp-rr53-i{ color:#5c7b89; }
  body.qp-theme-light .qp-rr53-i + .qp-rr53-i::before{ background:rgba(0,0,0,.14); }
  body.qp-theme-light .qp-rr53-i:hover{ color:#0d7f70; }
   
   
   
   
  .qp-rr53-rng{ display:inline; font-size:10.5px; opacity:.82; color:aqua;
    letter-spacing:.2px; margin-left:5px; white-space:nowrap; }
   
  body.qp-theme-light .qp-rr53-rng{ color:#bd0e4e; }

   
  #qp-bk-host .qp-bk-tab.is-empty09{ opacity:.38; }
  #qp-bk-host .qp-bk-tab.is-empty09:hover{ opacity:.62; }
  body.qp-theme-light #qp-bk-host .qp-bk-tab.is-empty09{ opacity:.44; }
  #verse-viewer-host .qp-rr53-i.is-empty09{ opacity:.40; }
  #verse-viewer-host .qp-rr53-i.is-empty09:hover{ opacity:.66; }
  body.qp-theme-light #verse-viewer-host .qp-rr53-i.is-empty09{ opacity:.46; }

   
  .qp-growl09{
    position:fixed; left:50%; bottom:calc(env(safe-area-inset-bottom,0px) + 92px);
    transform:translate(-50%,10px); z-index:2147483600;
    width:max-content; max-width:92vw; min-width:min(360px,80vw); padding:12px 18px; border-radius:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    background:rgba(9,26,22,.94); color:#eafaf5;
    border:1px solid rgba(45,212,191,.35); box-shadow:0 12px 34px rgba(0,0,0,.42);
    font:600 14px/1.4 system-ui,-apple-system,sans-serif; text-align:center;
    opacity:0; transition:opacity .28s ease, transform .28s ease; pointer-events:none;
  }
  .qp-growl09.is-in{ opacity:1; transform:translate(-50%,0); }
  body.qp-theme-light .qp-growl09{
    background:rgba(255,255,255,.97); color:#12332b; border-color:rgba(15,122,90,.32);
  }

   
  #verse-viewer-host .vv-related{ position:relative; min-width:0; }
   
   
  #verse-viewer-host .vv-related{ cursor:pointer; }
  #verse-viewer-host .vv-related-links{ cursor:auto; }
  #verse-viewer-host .vv-related{
    display:block; margin-top:12px;
  }
  #verse-viewer-host .vv-related::before{
    content:"Topics:";
    display:block; flex:none;
    margin:0 0 3px; text-transform:none; letter-spacing:0;
    font-size:.80em; opacity:.62;
  }
  #verse-viewer-host .vv-related-links{
    display:block; max-width:100%;
    white-space:normal; overflow:visible;
    padding:0; -webkit-mask-image:none; mask-image:none;
  }
  #verse-viewer-host .vv-related-item{
    display:inline; vertical-align:baseline; white-space:normal;
    margin:0; padding:0; border:0; border-radius:0; line-height:1.5;
  }
  #verse-viewer-host .vv-related-item:hover{ border:0; }

   
   
  #verse-viewer-host:not([data-show-rel="0"]) .qp-rr53-i[data-tab="topics"]{ display:none; }
  #verse-viewer-host:not([data-show-rel="0"]) .qp-rr53-i[data-tab="topics"] + .qp-rr53-i::before{ content:none; }
  #verse-viewer-host:not([data-show-rel="0"]) .qp-rr53-i[data-tab="topics"] + .qp-rr53-i{ padding-left:0; }

   
   

   
  #verse-viewer-host.vv-focus-mode .vv-row-head .vv-h-mushaf{ visibility:hidden; pointer-events:none; }
  body.qp-reading-mode #verse-viewer-host .vv-row-head .vv-h-mushaf{ display:none !important; }

   
  #verse-viewer-host .vv-surah-header{
     
    position:relative;
    min-height:250px;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    padding:18px 14px 16px;
    background-image:
      url('/QuranPlus/svg-assets/ornament-dark-2.png'),
      radial-gradient(ellipse 58% 31% at 50% 0%, rgba(68,131,140,.16), transparent 72%),
      linear-gradient(180deg,#124b5b 0%,#073e51 25%,#042b40 57%,#02162b 100%);
    background-repeat:no-repeat,no-repeat,no-repeat;
    background-position:center,center,center;
    background-size:100% 100%,100% 100%,100% 100%;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
  }
  body.qp-theme-light #verse-viewer-host .vv-surah-header{
    background-image:
      url('/QuranPlus/svg-assets/ornament-light-2.png'),
      radial-gradient(ellipse 52% 36% at 50% 7%, rgba(255,255,255,.42), transparent 75%),
      linear-gradient(180deg,#edf8f6 0%,#e3f4f1 25%,#d8eeeb 57%,#cfe7e5 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  }
   
  #verse-viewer-host .vv-surah-header::before{
    content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
    background-color:#71a9ad; opacity:.28;
    -webkit-mask:url('/QuranPlus/svg-assets/arch-frame.svg') center/100% 100% no-repeat;
            mask:url('/QuranPlus/svg-assets/arch-frame.svg') center/100% 100% no-repeat;
  }
  body.qp-theme-light #verse-viewer-host .vv-surah-header::before{ background-color:#4f9694; opacity:.23; }
   
  #verse-viewer-host .vv-surah-header > *{ position:relative; z-index:1; }

   
  #verse-viewer-host .vv-surah-header--slim .vv-surah-header-bismillah{ margin-bottom:10px; opacity:.93; }
  #verse-viewer-host .vv-surah-header--slim .vv-surah-header-bismillah svg{ width:clamp(112px,30%,150px); }
  body.qp-theme-light #verse-viewer-host .vv-surah-header-bismillah svg path{ fill:#173f47; }
  #verse-viewer-host .vv-surah-header-main-row{
    display:flex; align-items:center; justify-content:center; gap:12px; margin-bottom:8px;
  }
   
  #verse-viewer-host .vv-surah-header-title{
    font-size:29px; font-weight:500; letter-spacing:-.038em; line-height:1;
    color:#eef1f4; text-shadow:0 1px 2px rgba(0,0,0,.28);
  }
  body.qp-theme-light #verse-viewer-host .vv-surah-header-title{ color:#173f47; text-shadow:none; }
  #verse-viewer-host .vv-surah-header-divider-line svg{ height:32px; }
  #verse-viewer-host .vv-surah-header-arabic{
    font-size:29px; font-weight:400; line-height:1;
    color:#edf1f4; text-shadow:0 1px 2px rgba(0,0,0,.28);
  }
  body.qp-theme-light #verse-viewer-host .vv-surah-header-arabic{ color:#173f47; text-shadow:none; }
  #verse-viewer-host .vv-surah-header-meta{
    display:flex !important; align-items:center; justify-content:center;
    font-size:14.5px; font-weight:400; letter-spacing:-.018em; line-height:1;
    color:rgba(220,229,236,.62);
  }
  body.qp-theme-light #verse-viewer-host .vv-surah-header-meta{ color:#73858b; }

   
  #verse-viewer-host .vv-surah-header .vv-sh-arplay{
    display:grid !important; place-items:center;
     
    width:44px; height:44px; flex:0 0 44px; padding:0; margin-left:6px;
    border-radius:50%; border:1.6px solid rgba(244,248,250,.92);
    background:rgba(64,180,174,.18); color:#f2f7f9; cursor:pointer;
    box-shadow:0 0 0 4px rgba(82,208,198,.025), 0 0 16px rgba(72,213,203,.16);
  }
  body.qp-theme-light #verse-viewer-host .vv-surah-header .vv-sh-arplay{
    border-color:rgba(26,89,94,.64); background:rgba(255,255,255,.33); color:#1a595e;
    box-shadow:0 0 0 4px rgba(26,143,134,.025), 0 0 15px rgba(43,144,139,.11);
  }
  #verse-viewer-host .vv-surah-header .vv-sh-arplay .qh-play24{
    width:14px; height:16px;     background:currentColor; opacity:.96;
    transform:translateX(1px);
    -webkit-mask:url('/QuranPlus/svg-assets/play.svg') center/contain no-repeat;
            mask:url('/QuranPlus/svg-assets/play.svg') center/contain no-repeat;
  }

   
  #verse-viewer-host .vv-surah-header .vv-surah-header-bgs{
    display:grid !important; grid-template-columns:repeat(3,1fr);
    align-items:stretch; gap:0;
    width:100%; max-width:520px; margin-top:16px; padding:0 !important;
    font-size:13.5px;
  }
  #verse-viewer-host .vv-surah-header .qp-bgs-dot{ display:none !important; }
  #verse-viewer-host .vv-surah-header .qp-bgs-play{ display:none !important; }
  #verse-viewer-host .vv-surah-header .qp-bgs-link{
    display:flex !important; flex-direction:column; align-items:center; justify-content:flex-start;
    gap:8px; margin:0 !important; padding:6px 4px !important;
    white-space:normal; text-align:center; text-decoration:none;
    color:#e4e9ed; opacity:1;
  }
  body.qp-theme-light #verse-viewer-host .vv-surah-header .qp-bgs-link{ color:#284c53; }
  #verse-viewer-host .vv-surah-header .qp-bgs-link:hover{ text-decoration:none; }
  #verse-viewer-host .vv-surah-header .qp-bgs-bg { order:1; }
  #verse-viewer-host .vv-surah-header .qp-bgs-bkm{ order:2; border-left:1px solid rgba(220,229,236,.12); }
  #verse-viewer-host .vv-surah-header .qp-bgs-sum{ order:3; border-left:1px solid rgba(220,229,236,.12); margin:0 !important; }
  body.qp-theme-light #verse-viewer-host .vv-surah-header .qp-bgs-bkm,
  body.qp-theme-light #verse-viewer-host .vv-surah-header .qp-bgs-sum{ border-left-color:rgba(29,83,88,.14); }
   
  #verse-viewer-host .vv-surah-header .qp-bgs-bg::before,
  #verse-viewer-host .vv-surah-header .qp-bgs-bkm::before,
  #verse-viewer-host .vv-surah-header .qp-bgs-sum::before{
    content:""; display:block; width:23px; height:23px;
    background:currentColor; opacity:.92;
    -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
    -webkit-mask-position:center;  mask-position:center;
    -webkit-mask-size:contain;     mask-size:contain;
  }
  #verse-viewer-host .vv-surah-header .qp-bgs-bg::before { -webkit-mask-image:url('/QuranPlus/svg-assets/background.svg'); mask-image:url('/QuranPlus/svg-assets/background.svg'); }
  #verse-viewer-host .vv-surah-header .qp-bgs-bkm::before{ -webkit-mask-image:url('/QuranPlus/svg-assets/bookmark.svg');   mask-image:url('/QuranPlus/svg-assets/bookmark.svg'); }
  #verse-viewer-host .vv-surah-header .qp-bgs-sum::before{ -webkit-mask-image:url('/QuranPlus/svg-assets/summary.svg');    mask-image:url('/QuranPlus/svg-assets/summary.svg'); }
   
  #verse-viewer-host .vv-surah-header .qp-bgs-sum .qp-sw27{ margin:2px 0 0 !important; }
  #verse-viewer-host .vv-surah-header .qp-bgs-sum .qp-sw27-t{ display:block; }

   
  #verse-viewer-host .vv-surah-header .vv-surah-header-bgs a.qp-bgs-play{ display:none !important; }
  #verse-viewer-host .vv-surah-header .vv-surah-header-bgs a.qp-bgs-bg { order:1 !important; }
  #verse-viewer-host .vv-surah-header .vv-surah-header-bgs a.qp-bgs-bkm{ order:2 !important; }
  #verse-viewer-host .vv-surah-header .vv-surah-header-bgs a.qp-bgs-sum{ order:3 !important; }
  #verse-viewer-host .vv-surah-header .vv-surah-header-bgs a.qp-bgs-link{ color:#e4e9ed !important; }
   
  body.qp-theme-light #verse-viewer-host .vv-surah-header .vv-surah-header-bgs a.qp-bgs-link{ color:#1f4c53 !important; }
  body.qp-theme-light #verse-viewer-host .vv-surah-header .qp-bgs-state{ color:#3d6f75 !important; }

   
  #verse-viewer-host .vv-surah-header .qp-bgs-sum::before{ display:none; }
  #verse-viewer-host .vv-surah-header .qp-bgs-sum .qp-sw27-t{ margin-top:3px; }

   
   
  #verse-viewer-host .vv-surah-header .vv-sh-arplay.is-playing25 .qh-play24{
    transform:none;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 20h4.571V4H5zm9.143-16v16h4.571V4z'/%3E%3C/svg%3E");
            mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 20h4.571V4H5zm9.143-16v16h4.571V4z'/%3E%3C/svg%3E");
  }

   
  #verse-viewer-host .vv-surah-header{ background-size: 100% 108%, 100% 100%, 100% 100%; }

   
  @media (max-width: 820px){
    .qp-ss64 .qp-bgs-link{ font: 400 12.5px/1.2 system-ui, -apple-system, sans-serif !important; }
  }

   
  #verse-viewer-host .vv-row-head .vv-h-focus115{ display:none !important; }
  #verse-viewer-host .vv-row-head .vv-h-savefolder{ display:flex !important; }
  #verse-viewer-host .vv-row-head .vv-h-savefolder svg{ width:18px; height:18px; }
   
   
  .vv-head .qh-head27{
    display:inline-flex !important; align-items:center; justify-content:center;
    flex:0 0 auto;
    width:26px !important; height:26px !important;
    margin:-5px 8px 0 2px !important; padding:0 !important;    
    background:none !important; border:0 !important; cursor:pointer; opacity:.92;
  }
  .vv-head .qh-head27:hover{ opacity:1; }
  .vv-head .qh-head27 svg{ width:18px !important; height:18px !important; }

   
  @media (min-width: 820px){
    .vv-head .qh-head27{ display:none !important; }
  }

   
   
   
  #qp-sidetab40{
     
     
    position:fixed; right:-10px; top:auto; bottom:80px;
    width:56px; height:300px;
     
    transform:translate(100%, 0);    
    z-index:1000010;
    border:0; padding:0; margin:0;
    background:none;
    overflow:visible;
    cursor:pointer; opacity:0;
    transition:transform .26s ease-out, opacity .26s ease-out;
    -webkit-tap-highlight-color:transparent;
  }
   
  @supports (height: 58dvh){ #qp-sidetab40{ height:300px; } }
   
  #qp-sidetab40 .qh-img58{
    position:absolute; right:0; top:50%;
    transform:translateY(-50%);
    height:100%; width:auto; max-width:none;
    display:block; pointer-events:none;
    filter:drop-shadow(-6px 0 14px rgba(0,0,0,.32));
  }
   
  .qp-in47-eyebrow{
    display:inline-block; margin:0 auto 12px; padding:5px 14px;
    border-radius:999px; border:1px solid rgba(165,180,252,.34);
    font:600 11.5px/1 system-ui,-apple-system,sans-serif; letter-spacing:.14em;
    color:#a5b4fc; text-transform:uppercase;
  }
  .qp-in47-pair{ margin-top:16px; }
  .qp-in47-card{
    padding:14px 15px; border-radius:14px; text-align:left;
    background:rgba(255,255,255,.045); border:1px solid rgba(165,180,252,.16);
  }
  .qp-in47-cap{
    font:600 11px/1 system-ui,-apple-system,sans-serif; letter-spacing:.12em;
    color:#7dd3fc; text-transform:uppercase; margin-bottom:7px;
  }
  .qp-in47-txt{ font:400 14.5px/1.5 system-ui,-apple-system,sans-serif; color:#dbe4f2; }
  .qp-in47-link{ display:flex; justify-content:center; padding:7px 0; }
  .qp-in47-link span{
    display:grid; place-items:center; width:28px; height:28px; border-radius:50%;
    border:1px solid rgba(165,180,252,.4); color:#a5b4fc; font-size:14px; line-height:1;
  }
  body.qp-theme-light .qp-in47-eyebrow{ color:#4338ca; border-color:rgba(67,56,202,.3); }
  body.qp-theme-light .qp-in47-card{ background:rgba(67,56,202,.05); border-color:rgba(67,56,202,.16); }
  body.qp-theme-light .qp-in47-cap{ color:#0369a1; }
  body.qp-theme-light .qp-in47-txt{ color:#243b53; }
  body.qp-theme-light .qp-in47-link span{ color:#4338ca; border-color:rgba(67,56,202,.3); }

   
  #ql-bottom-tabs.qp-tabs-up73{
    display:block !important;
    opacity:0; transition:opacity .26s ease-out; pointer-events:auto !important;
  }
  #ql-bottom-tabs.qp-tabs-up73.is-up73{ opacity:1; }
   
  #ql-bottom-tabs.qp-tabs-up73 #ql-tabs-scroller{ scrollbar-width:none; }
  #ql-bottom-tabs.qp-tabs-up73 #ql-tabs-scroller::-webkit-scrollbar{ display:none; width:0; height:0; }

   
  #ql-bottom-tabs.qp-tabs-dress71 .tabs-container{
    background-image:
      url(/QuranPlus/svg-assets/ornament-dark-2.png),
      radial-gradient(ellipse 58% 31% at 50% 0%, rgba(68,131,140,.16), transparent 72%),
      linear-gradient(180deg, #124b5b 0%, #073e51 25%, #042b40 57%, #02162b 100%);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: center, center, center;
    background-size: 100% 100%, 100% 100%, 100% 100%;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
  }

   
  .searchbox {
    border: 1px solid #768290b0;
  }
  .app.qp-theme-light .searchbox {
    background: #c2c7bd21;
    border-color: #7a8ea8;
  }

   

   
  #verse-viewer-host .qp-rr53-row .qp-rr53-sup{
    font-size:.68em; line-height:1; vertical-align:super;
    margin-left:4px; opacity:.72; font-weight:600;
  }
  #verse-viewer-host .qp-rr53-row .qp-rr53-rng{
    font-size:.68em; line-height:1; vertical-align:super;
    margin-left:4px; opacity:.72; font-weight:600;
  }

   
  #qp-sidetab40 {
    right: -7px;
    opacity: 0.95 !important;
  }
   
  #verse-viewer-host .qp-rr53 {
    margin: -2px 0 -14px !important;
    order: 99 !important;
  }

   
   
  body.qp-vvrest83 #verse-viewer-host .vv-row-head .vv-h-actions,
  body.qp-vvrest83 #verse-viewer-host .qp-rr53{
    opacity: .2;
  }
  body.qp-vvrest83 #verse-viewer-host .qp-rr53-row .qp-rr53-i.is-empty09{
    opacity: .72 !important;
  }
   
   
  @media (min-width: 821px){
    #verse-viewer-host .vv-list:not(.vv-solo) .vv-row-head {
      margin-bottom: 30px;
      margin-right: -20px;
      margin-left: -22px;
      padding: 20px;
      opacity: 0.7;
    }
    #verse-viewer-host .qp-rr53 {
      margin: 63px 0 0px !important;
      padding: 0 !important;
      opacity: 0.6;
    }
    #verse-viewer-host .qp-rr53-row .qp-rr53-i {
      font: 400 15.8px / 1.35 arial !important;
      letter-spacing: .01em !important;
    }
  }

   
  @media (min-width: 821px){
    
    body.qp-fullstudy74.qp-snp-open #qp-snp-pane:has(#qp-snp-taf.is-shown){
      height: var(--qp-studyh89, 95vh) !important;
      max-height: 95vh !important;
      border-radius: 18px;
      box-shadow: 0 30px 90px rgba(0,0,0,.55);
    }
    body.qp-fullstudy74.qp-snp-open #qp-snp-pane:has(#qp-snp-taf.is-shown) > #qp-snp-taf.qp-cv-bookmode{
      border-radius: 18px 18px 0 0;
    }
    body.qp-fullstudy74.qp-snp-open #qp-snp-pane:has(#qp-snp-taf.is-shown)::after{
      content:''; position:absolute; left:0; right:0; bottom:100%; height:100vh;
      pointer-events:none;
      background:
        radial-gradient(ellipse 70% 55% at 50% 100%, rgba(56,120,140,.20), transparent 70%),
        rgba(4,10,20,.42);
      -webkit-backdrop-filter: blur(10px) saturate(118%);
              backdrop-filter: blur(10px) saturate(118%);
    }
    body.qp-theme-light.qp-fullstudy74.qp-snp-open #qp-snp-pane:has(#qp-snp-taf.is-shown)::after{
      background:
        radial-gradient(ellipse 70% 55% at 50% 100%, rgba(56,120,140,.14), transparent 70%),
        rgba(232,238,246,.38);
    }
  }

   
   
   
  @media (max-width: 767px){
    #verse-viewer-host .qp-rr53{ margin: 5px 0 -21px !important; }
    #verse-viewer-host .vv-list:not(.vv-solo) .vv-row-head{ margin-bottom: 2px !important; margin-top: -11px; }
    #verse-viewer-host .vv-row-head .vv-taf-ic{ width:23px !important; height:23px !important; }
    #verse-viewer-host .vv-row-head .vv-more-plus{ width:25px !important; height:25px !important; }
    #verse-viewer-host .vv-row-head .vv-ico-play{ font-size:17px !important; }
    #verse-viewer-host .vv-row-head .vv-mushaf-ic{ width:23px !important; height:23px !important; }
    #verse-viewer-host .qp-rr53-row .qp-rr53-i{ font:400 14.8px/1.35 system-ui,-apple-system,sans-serif !important; letter-spacing:.02em !important; }
    #verse-viewer-host .qp-ex53-lab{ margin-bottom:5px; cursor:pointer; }
    #verse-viewer-host .vv-main{ margin-bottom:11px !important; }
    #verse-viewer-host .vv-h-focus115, #verse-viewer-host .qh-head27{ display:none !important; }
    #verse-viewer-host .vv-head .vv-head-saved99{ background:transparent; border:0; padding:8px; margin-right:2px; color:inherit; display:inline-flex; align-items:center; }
    #verse-viewer-host .vv-head .vv-head-saved99 svg{ width:24px; height:24px; display:block; }
    #qp-explore99{ position:fixed; inset:0; z-index:400010; background:rgba(3,10,18,.55); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); display:flex; align-items:center; justify-content:center; padding:20px; }
    #qp-explore99 .qp-explore99-card{ width:100%; max-width:420px; background:#0b1624; color:#e8eef7; border:1px solid rgba(37,208,191,.3); border-radius:16px; box-shadow:0 16px 50px rgba(0,0,0,.5); font:15px/1.35 system-ui,-apple-system,sans-serif; overflow:hidden; }
    #qp-explore99 .qp-explore99-hd{ display:flex; align-items:center; justify-content:space-between; padding:12px 8px 12px 16px; border-bottom:1px solid rgba(255,255,255,.08); font:700 12px/1.2 system-ui,-apple-system,sans-serif; letter-spacing:.12em; text-transform:uppercase; color:darkturquoise; }
    #qp-explore99 .qp-explore99-x{ background:transparent; border:0; color:inherit; font-size:20px; padding:4px 10px; }
    #qp-explore99 .qp-explore99-row{ display:flex; align-items:center; gap:12px; width:100%; box-sizing:border-box; text-align:left; padding:14px 16px; background:transparent; border:0; border-bottom:1px solid rgba(255,255,255,.06); color:inherit; font:500 16px system-ui,-apple-system,sans-serif; }
    #qp-explore99 .qp-explore99-row:last-child{ border-bottom:0; }
    #qp-explore99 .qp-explore99-row.is-dim{ opacity:.4; }
    #qp-explore99 .qp-explore99-row svg{ width:20px; height:20px; flex:0 0 auto; opacity:.8; }
    body.qp-theme-light #qp-explore99 .qp-explore99-card{ background:#f4f7fa; color:#11233a; }
    #verse-viewer-host .qp-rr53-row{ padding-right:56px !important; -webkit-mask-image:linear-gradient(to right, transparent 0, #000 14px, #000 calc(100% - 44px), transparent 100%) !important; mask-image:linear-gradient(to right, transparent 0, #000 14px, #000 calc(100% - 44px), transparent 100%) !important; }
    body #verse-viewer-host .vv-row-head .vv-h-actions .vv-h-savefolder .vv-sf-ic{ width:56px !important; height:22px !important; }
    body.qp-vvmin89 #verse-viewer-host .qp-rr53{
      visibility:visible !important; opacity:0 !important; pointer-events:auto !important;
      height:0px !important; overflow-y:hidden !important;
      transition:height .8s cubic-bezier(.25,.8,.25,1), opacity .8s cubic-bezier(.25,.8,.25,1) !important;
    }
    body.qp-vvmin89 #verse-viewer-host .vv-row.qp-vvopen99 .qp-rr53{
      visibility:visible !important; opacity:1 !important; pointer-events:auto !important;
      height:62px !important;
    }
    body.qp-vvmin89 #verse-viewer-host .qp-rr53 .qp-rr53-row{ opacity:0; transition:opacity .25s ease 0s; }
    body.qp-vvmin89 #verse-viewer-host .vv-row.qp-vvopen99 .qp-rr53 .qp-rr53-row{ opacity:1; transition:opacity .45s ease .4s; }
    #verse-viewer-host .vv-list:not(.vv-solo) .vv-row {
        border-bottom: 0.5px solid rgb(255 255 255 / 30%) !important;
    }
    body.qp-theme-light #verse-viewer-host .vv-list:not(.vv-solo) .vv-row {
        border-bottom: 0.5px solid rgb(15 27 45 / 55%) !important;
    }
    body #verse-viewer-host .vv-row-head .vv-h-actions .vv-h-btn:not(.vv-h-more),
    body #verse-viewer-host .vv-row-head .vv-h-more{
      opacity:.6 !important; visibility:visible !important;
      transition:opacity .3s ease !important;
    }
    body.qp-vvmin89 #verse-viewer-host .vv-row-head .vv-h-actions .vv-h-btn:not(.vv-h-more):not(.vv-h-mushaf){
      opacity:0 !important; pointer-events:none !important;
    }
    body.qp-vvmin89 #verse-viewer-host .vv-row.qp-vvlit89 .vv-row-head .vv-h-actions .vv-h-btn:not(.vv-h-more):not(.vv-h-mushaf){
      opacity:1 !important; pointer-events:auto !important;
    }
    body.qp-theme-light #verse-viewer-host .vv-row-head .vv-h-actions .vv-h-btn svg{ stroke:rgb(0 0 0) !important; stroke-width:2 !important; }
    #verse-viewer-host .vv-row-head .vv-h-actions .vv-h-btn svg{ stroke-width:2 !important; }
    body.qp-vvmin89 #verse-viewer-host .vv-row.qp-vvlit89 .vv-row-head .vv-h-more,
    body.qp-vvmin89.qp-vvchrome-off #verse-viewer-host .vv-row.qp-vvlit89 .vv-row-head .vv-h-actions .vv-h-more{ opacity:.8 !important; visibility:visible !important; pointer-events:auto !important; }
    body.qp-vvmin89 #verse-viewer-host .vv-row.qp-vvlit89 .vv-row-head .vv-h-more .vv-more-plus{ opacity:1 !important; }
    #verse-viewer-host .vv-row-head .vv-h-ref{ font-size:100%; }
    #verse-viewer-host .vv-row-head .vv-h-btn{ padding:3px 10px; }
    #verse-viewer-host .vv-head{ transition:opacity .2s ease, visibility 0s linear 0s !important; }
    #verse-viewer-host .vv-translator-attr{ opacity:.25; }

    body.qp-vvmin89 #verse-viewer-host .vv-row-head .vv-h-more,
    body.qp-vvmin89.qp-vvchrome-off #verse-viewer-host .vv-row-head .vv-h-actions .vv-h-more,
    body.qp-vvmin89 #verse-viewer-host .vv-row-head .vv-h-actions .vv-h-more{ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; }
    body.qp-vvmin89 #verse-viewer-host .vv-row-head .vv-h-more .vv-more-plus{ opacity:0 !important; }
    body #verse-viewer-host .vv-row-head .vv-h-mushaf,
    body.qp-vvmin89 #verse-viewer-host .vv-row-head .vv-h-mushaf,
    body.qp-vvicons-min #verse-viewer-host .vv-row-head .vv-h-mushaf{ opacity:.8 !important; visibility:visible !important; pointer-events:auto !important; }
    body.qp-theme-light .qp-snp-taf-hd::before{ background:transparent !important; }
    #verse-viewer-host .qp-ex53-lab{ display:block !important; padding:0 0 4px; font:700 11px/1.3 system-ui,-apple-system,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
  }

  #true-mushaf-body .qpc-page-section[data-page="1"] .tm-fx-rows.tm-fx-ar,
  #true-mushaf-body .qpc-page-section[data-page="2"] .tm-fx-rows.tm-fx-ar{
    text-align:center !important; text-align-last:center !important; -webkit-text-align-last:center !important;
  }


  @media (max-width: 820px){
    #verse-viewer-host .vv-list > #qp-hdrbar80{ display:none !important; }
  }

  body:not(.has-mini) #verse-viewer-host .vv-list{ --vv-fade-bot: 4px; padding-bottom:124px !important; }
  @media (max-width: 820px){ body:not(.has-mini) #verse-viewer-host .vv-list{ padding-bottom:148px !important; } }

  @media (max-width: 820px){
    #verse-viewer-host .qp-rr53{ touch-action:pan-x pan-y !important; }
  }

  @media (max-width: 820px){
    #verse-viewer-host .vv-surah-header{
      position:static !important; top:auto !important; transform:none !important;
      opacity:1 !important; visibility:visible !important; pointer-events:auto !important; transition:none !important;
    }
    #verse-viewer-host .vv-surah-header.qp-away80{ transform:none !important; opacity:1 !important; visibility:visible !important; pointer-events:auto !important; transition:none !important; }
  }

  body:not(.qp-theme-light) #verse-viewer-host .vv-card{ background:#050c1c !important; }
  @media (max-width: 820px){
    .vv-surah-header{ box-shadow: 0 12px 16px -13px rgb(3 23 46) !important; }
    body.qp-theme-light .vv-surah-header{ box-shadow: 0 9px 16px -3px rgba(15, 23, 42, 0.15) !important; }
  }
  #ql-bottom-tabs .tabs-container{ background-color:#13576b6e !important; }
  body.qp-theme-light #verse-viewer-host .qp-rr53-row .qp-rr53-i{ color:#1b9a9a !important; }
  @media (max-width: 820px){
    #verse-viewer-host .vv-card{ border-radius:0 !important; }
  }

  
  @media (max-width: 820px){
    #verse-viewer-host .vv-head .vv-back{ font-size:0 !important; }
    #verse-viewer-host .vv-head .vv-back svg{ display:none !important; }
    #verse-viewer-host .vv-head .vv-back::before{
      content:''; display:block; width:26px; height:26px; background:currentColor;
      -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M15 5l-7 7 7 7'/></svg>") center / contain no-repeat; mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M15 5l-7 7 7 7'/></svg>") center / contain no-repeat;
    }
  }

  #qp-snp-taf .qp-bk-nav .qp-bk-order99{ display:inline-flex; align-items:center; justify-content:center; }
  #qp-snp-taf .qp-bk-nav .qp-bk-order99 svg{ width:20px; height:20px; display:block; }
  #qp-tabord99{ position:fixed; inset:0; z-index:400000; background:rgba(3,10,18,.62); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); display:flex; align-items:flex-end; justify-content:center; }
  #qp-tabord99 .qp-tabord99-card{ width:100%; max-width:520px; background:#0b1624; color:#e8eef7; border-radius:18px 18px 0 0; padding:14px 16px calc(16px + env(safe-area-inset-bottom,0px)); box-shadow:0 -10px 40px rgba(0,0,0,.45); font:15px/1.4 system-ui,-apple-system,sans-serif; }
  #qp-tabord99 .qp-tabord99-hd{ display:flex; align-items:center; justify-content:space-between; font-weight:700; font-size:17px; margin-bottom:6px; }
  #qp-tabord99 .qp-tabord99-x, #qp-tabord99 .qp-tabord99-reset{ background:rgba(255,255,255,.08); color:inherit; border:1px solid rgba(255,255,255,.14); border-radius:10px; padding:8px 14px; font:600 14px system-ui,-apple-system,sans-serif; }
  #qp-tabord99 .qp-tabord99-note{ opacity:.7; font-size:13px; margin-bottom:10px; }
  #qp-tabord99 .qp-tabord99-row{ display:flex; align-items:center; gap:10px; padding:11px 0; border-top:1px solid rgba(255,255,255,.08); }
  #qp-tabord99 .qp-tabord99-l{ flex:1 1 auto; }
  #qp-tabord99 .qp-tabord99-grip{ flex-shrink:0; padding:4px 8px 4px 14px; cursor:grab; touch-action:none; user-select:none; -webkit-user-select:none; color:rgba(52,179,156,0.8); font-size:26px; line-height:1; }
  #qp-tabord99 .qp-tabord99-row.is-dragging{ opacity:.55; background:rgba(52,179,156,.10); }
  #qp-tabord99 .qp-tabord99-list{ touch-action:pan-y; }
  #qp-tabord99 .qp-tabord99-reset{ margin-top:12px; width:100%; }
  body.qp-theme-light #qp-tabord99 .qp-tabord99-card{ background:#f4f7fa; color:#11233a; }
  body.qp-theme-light #qp-tabord99 .qp-tabord99-row{ border-top-color:rgba(0,0,0,.08); }
  body.qp-theme-light #qp-tabord99 .qp-tabord99-x, body.qp-theme-light #qp-tabord99 .qp-tabord99-reset{ background:rgba(0,0,0,.05); border-color:rgba(0,0,0,.12); }

  @media (max-width: 767px){
    body.qp-vvmin89 #verse-viewer-host .vv-list:not(.vv-solo) .vv-row{ transition:border-color .3s ease; }
    body.qp-vvmin89 #verse-viewer-host .vv-list:not(.vv-solo) .vv-row.qp-vvlit89{
      box-shadow:none !important; outline:none !important; border-radius:0 !important;
    }
    body.qp-vvmin89 #verse-viewer-host .vv-list .vv-row{ transition:filter 1s ease, opacity 1s ease; }
    body.qp-vvmin89 #verse-viewer-host .vv-row.qp-vvlit89 .vv-row-head .vv-h-btn,
    body.qp-vvmin89 #verse-viewer-host .vv-row.qp-vvlit89 .vv-row-head .vv-h-more{ transition-delay:0s !important; }

    #verse-viewer-host .vv-translator-attr{ pointer-events:none !important; }
  #qp-splash .qp-splash-ver96{ position:absolute; top:calc(env(safe-area-inset-top, 0px) + 10px); left:0; right:0; text-align:center; font:500 11px/1.2 system-ui,-apple-system,sans-serif; letter-spacing:.09em; color:currentColor; opacity:.30; pointer-events:none; z-index:3; }
  #qp-splash .qp-splash-ver96 span{ opacity:.62; }
    #verse-viewer-host .vv-row-head{ justify-content:flex-start; }
    #verse-viewer-host .vv-row-head .vv-h-ref{ order:0; }
    #verse-viewer-host .vv-row-head .vv-h-mushaf{ order:1; }
    #verse-viewer-host .vv-row-head .vv-h-actions{ order:2; flex:1 1 auto; margin-left:0 !important; justify-content:flex-end !important; }
    #verse-viewer-host .vv-row-head .vv-h-actions .vv-h-taf{ order:0; margin-left:auto !important; margin-right:0 !important; }
    #verse-viewer-host .vv-row-head .vv-h-actions .vv-h-play{ order:1; margin-left:0 !important; margin-right:0 !important; }
    #verse-viewer-host .vv-row-head .vv-h-actions .vv-h-more{ order:2; margin-left:0 !important; margin-right:0 !important; }
    body #verse-viewer-host .vv-row-head .vv-h-actions .vv-h-savefolder{ display:none !important; }
    #verse-viewer-host .vv-row-head .vv-h-mushaf .vv-mushaf-ic{ width:27px !important; height:27px !important; }
    html body.qp-vvmin89 #verse-viewer-host .vv-row-head .vv-h-mushaf{ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; transition:opacity .3s ease !important; }
    html body.qp-vvmin89 #verse-viewer-host .vv-row.qp-vvlit89 .vv-row-head .vv-h-mushaf{ opacity:1 !important; visibility:visible !important; pointer-events:auto !important; }
    #verse-viewer-host .vv-row-head .vv-h-more .vv-more-plus{ display:none !important; }
    #verse-viewer-host .vv-row-head .vv-h-more{ width:38px !important; padding:0 6px !important; box-sizing:border-box !important; justify-content:center !important; align-items:center !important; }
    #verse-viewer-host .vv-row-head .vv-h-more::before{ content:'\22EF'; display:block; font:400 26px/1 system-ui,-apple-system,sans-serif; color:currentColor; letter-spacing:0; }
    body.qp-tabsover99 .qp-mini{ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; transition:opacity .18s ease !important; }
    #verse-viewer-host .vv-row-head .vv-h-play{ width:43px !important; box-sizing:border-box !important; justify-content:center !important; }
    #verse-viewer-host .vv-row-head .vv-h-play .vv-ico-play{ padding-right:0 !important; }
    body:not(.qp-theme-light) #verse-viewer-host .vv-row-head .vv-h-taf .vv-taf-ic{ filter:invert(1) !important; }
    #verse-viewer-host .vv-row-head .vv-h-taf .vv-taf-ic{ width:23px !important; height:23px !important; background-image:url('/quranplus/img/open-book-2.png'); background-size:23px 23px; background-position:center center; background-repeat:no-repeat; }
    #verse-viewer-host .vv-row-head .vv-h-more .vv-more-plus{ width:25px !important; height:25px !important; }
    #verse-viewer-host .vv-row-head .vv-h-taf .vv-taf-ic path{ display:none !important; }
  }

  @media (max-width: 820px){ #qp-sidetab40{ display:none !important; } }

  #qp-pill-popup .qp-pill-title99{ padding:10px 14px 8px; font:700 11px/1.2 system-ui,-apple-system,sans-serif; letter-spacing:.12em; text-transform:uppercase; color:rgba(37,208,191,.85); border-bottom:1px solid rgba(255,255,255,.10); margin-bottom:4px; }
  body.qp-theme-light #qp-pill-popup .qp-pill-title99{ color:#1b9a9a; border-bottom-color:rgba(0,0,0,.10); }

  #qp-pill-popup .qp-pill-title99{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
  #qp-pill-popup .qp-pill-title99-i{ width:22px; height:22px; border-radius:50%; border:1px solid rgba(37,208,191,.55); background:transparent; color:rgba(37,208,191,.9); font:700 12px/1 Georgia,serif; font-style:italic; display:inline-flex; align-items:center; justify-content:center; padding:0; flex:0 0 auto; }
  #qp-pill-popup .qp-pill-info99{ padding:8px 14px 10px; font:400 12.5px/1.45 system-ui,-apple-system,sans-serif; color:rgba(232,238,247,.8); border-bottom:1px solid rgba(255,255,255,.10); letter-spacing:0; text-transform:none; }
  body.qp-theme-light #qp-pill-popup .qp-pill-info99{ color:rgba(17,35,58,.8); border-bottom-color:rgba(0,0,0,.10); }
  body.qp-theme-light #qp-pill-popup .qp-pill-title99-i{ border-color:rgba(27,154,154,.6); color:#1b9a9a; }
  @media (max-width: 820px){
  }

  @media (max-width: 767px){
    body #qp-snp-pane:has(#qp-snp-taf.is-shown){
      height:100dvh !important; max-height:100dvh !important; top:auto !important; bottom:0 !important;
      border-radius:18px 18px 0 0 !important; overflow:visible !important;
      box-shadow:0 -10px 40px rgba(0,0,0,.45);
    }
    body #qp-snp-pane:has(#qp-snp-taf.is-shown) > #qp-snp-taf.qp-cv-bookmode{ border-radius:18px 18px 0 0 !important; overflow:hidden; }
    body #qp-snp-pane:has(#qp-snp-taf.is-shown)::after{
      content:''; position:absolute; left:0; right:0; bottom:100%; height:100vh; pointer-events:auto;
      background:rgba(4,10,20,.42); -webkit-backdrop-filter:blur(7px); backdrop-filter:blur(7px);
    }
    body.qp-theme-light #qp-snp-pane:has(#qp-snp-taf.is-shown)::after{ background:rgba(232,238,246,.42); }
  }

  @media (max-width: 820px){
    body:not(.qp-theme-light) #verse-viewer-host .vv-head-row.vv-head-single{ background-color:rgb(7 62 81); }
  }

  #verse-viewer-host .vv-surah-header{
    min-height:211px !important; padding:46px 14px 16px !important;
    background-repeat:no-repeat,no-repeat,no-repeat !important; background-size:100% 100%,100% 100%,100% 100% !important;
    background-position:0 0,0 0,0 0 !important;
  }

  #qp-snp-taf .qp-bk-nav .qp-bk-notes99{ display:inline-flex; align-items:center; justify-content:center; }
  #qp-snp-taf .qp-bk-nav .qp-bk-notes99 svg{ width:20px; height:20px; display:block; }
  #qp-snp-taf .qp-bk-nav .qp-bk-notes99.is-on{ background:rgba(37,208,191,.18) !important; border-color:rgba(37,208,191,.6) !important; color:darkturquoise !important; }
  
  #qp-snp-taf .qp-nc99-bar{ border-top:1px solid rgba(37,208,191,.25); border-bottom:0 !important; }
  
  #qp-snp-taf:has(.qp-nc99-bar:not([hidden])) .qp-bk-notes99{ display:none !important; }
  #qp-snp-taf:has(.qp-bk-tab[data-tab="notes"].is-on) .qp-bk-notes99{ visibility:hidden !important; }
  .qp-nc99-pick2{ margin-top:18px; }
  .qp-nc99-pick2 b{ display:block; font-size:13px; opacity:.8; margin-bottom:10px; font-weight:600; }
  #qp-snp-taf .qp-nc99-bar{ display:flex; align-items:center; gap:10px; padding:14px 14px; background:rgba(37,208,191,.10); border-bottom:1px solid rgba(37,208,191,.25); font:13px/1.3 system-ui,-apple-system,sans-serif; flex:0 0 auto; }
  #qp-snp-taf .qp-nc99-bar[hidden]{ display:none; }
  #qp-snp-taf .qp-nc99-t{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; }
  #qp-snp-taf .qp-nc99-t b{ font-size:14px; }
  #qp-snp-taf .qp-nc99-t span{ opacity:.7; font-size:12px; }
  #qp-snp-taf .qp-nc99-n{ min-width:26px; height:26px; border-radius:13px; background:darkturquoise; color:#04141a; font-weight:700; display:inline-flex; align-items:center; justify-content:center; padding:0 8px; }
  #qp-snp-taf .qp-nc99-th, #qp-snp-taf .qp-nc99-done{ border-radius:10px; border:1px solid rgba(37,208,191,.5); background:transparent; color:inherit; font:600 14px system-ui,-apple-system,sans-serif; padding:7px 12px; }
  #qp-snp-taf .qp-nc99-done{ background:darkturquoise; color:#04141a; border-color:darkturquoise; }
  body.qp-nc99-on #qp-snp-taf 



@media (min-width: 900px){
  #verse-viewer-host .qp-rr53 {
    margin-top: 51px !important;
  }
  body #verse-viewer-host .vv-row-head .vv-h-actions .vv-h-btn {
    opacity: 0.7 !important;
    transform: scale(0.9) !important;
  }
  
  #verse-viewer-host .qp-rr53-row .qp-rr53-i {
    font: 300 var(--qp-rr-fs, 12.8px) / 1.55 ARIAL !important;
    letter-spacing: .05em !important;
    color: rgb(255 255 255 / 100%) !important;
    -webkit-font-smoothing: antialiased;
  }
}
@media (hover: hover) and (pointer: fine) {
  @media (min-width: 821px) {
    #verse-viewer-host .vv-row-head .vv-h-actions {
      gap: 55px !important;   
    }
  }
}



@media (min-width: 821px) {
  
  body.qp-theme-light #vv-sticky-surah {
    background: linear-gradient(
      90deg, #e4eee9 0%, #eef3ed 22%, #f7f7ef 50%, #eef3ed 78%, #dcebe6 100%
    ) !important;
    border-top: 1px solid rgba(188, 156, 91, 0.55);
    border-bottom: 1px solid rgba(188, 156, 91, 0.55);
  }
  
  body.qp-theme-light #vv-sticky-surah,
  body.qp-theme-light #vv-sticky-surah a,
  body.qp-theme-light #vv-sticky-surah button,
  body.qp-theme-light #vv-sticky-surah span,
  body.qp-theme-light #vv-sticky-surah label{
    color: #1d2a24 !important;
  }
  body.qp-theme-light #vv-sticky-surah a{ font-weight: 600 !important; }
  body.qp-theme-light #vv-sticky-surah .vv-ss-num{ color: rgba(29,42,36,.62) !important; }
  body.qp-theme-light #vv-sticky-surah .qp-bgs-dot{ color: rgba(29,42,36,.38) !important; }
}



#qp-snpglass14{
  position:fixed; inset:0; z-index:299998; pointer-events:none !important;
  opacity:0; transition:opacity 260ms ease;
  background:rgba(8,14,24,.34);
  -webkit-backdrop-filter:blur(40px) saturate(140%); backdrop-filter:blur(40px) saturate(140%);
}
@media (min-width: 900px){
  body.qp-fullstudy74.qp-snp-open #qp-snpglass14{ opacity:1; }
}

@media (min-width: 821px) {
  .qp-sumban00 {
    padding: 26px 24px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body.qp-summode-on #verse-viewer-host .qp-sumban00--spr {
    margin-top: 20px !important;
    margin-bottom: 33px !important;
  }
}


@media (min-width: 900px) {
  
  .surah-intro-overlay.qp-intro-drawer{
    align-items: center !important;
    background: rgba(8,14,24,.34) !important;
    -webkit-backdrop-filter: blur(40px) saturate(140%) !important;
    backdrop-filter: blur(40px) saturate(140%) !important;
  }
  .surah-intro-overlay.qp-intro-drawer .surah-intro-modal,
  .surah-intro-modal{
    width: min(70vw, 1260px) !important;
    max-width: min(70vw, 1260px) !important;
    max-height: 80dvh !important;
    border-radius: 18px !important;
    margin: auto !important;
  }
}


@media (min-width: 821px) {
  #verse-viewer-host .vv-head-bismi,
  .vv-head-row .vv-head-bismi {
    
    width: 232px !important;
    height: 42px !important;
    background-size: contain !important;
  }
}


@media (min-width: 821px) {
  #vv-sticky-surah {
    background: linear-gradient(160deg, rgba(33,37,52,.52) 0%, rgba(33,37,52,.52) 100%) !important;
    -webkit-backdrop-filter: blur(30px) saturate(150%) !important;
    backdrop-filter: blur(30px) saturate(150%) !important;
  }
}
@media (min-width: 900px){
  body.qp-fullstudy74 #qp-snp-pane{
    
    
    
    width: 80vw !important;
    height: var(--qp-studyh89, 95vh) !important;
    max-height: 95vh !important;
    top: 0 !important; bottom: 0 !important;
    left: 0 !important; right: 0 !important;
    margin: auto !important;
    border: 1px solid var(--line, rgba(255,255,255,.12)) !important;
    border-radius: 18px !important;
    box-shadow: 0 30px 90px rgba(0,0,0,.55) !important;
    overflow: hidden !important;
  }
}


.qp-sumban00{
  background:
    linear-gradient(90deg, rgba(247,247,239,.10) 0%, rgba(247,247,239,.62) 22%,
                            rgba(247,247,239,.96) 42%, rgba(247,247,239,.96) 58%,
                            rgba(247,247,239,.62) 78%, rgba(247,247,239,.10) 100%),
    url('/quranplus/img/new-summary-background-2.png') center/180px repeat !important;
}

body:not(.qp-theme-light) .qp-sumban00{
  background:
    linear-gradient(90deg, rgba(11,18,26,.40) 0%, rgba(11,18,26,.78) 22%,
                            rgba(11,18,26,.94) 42%, rgba(11,18,26,.94) 58%,
                            rgba(11,18,26,.78) 78%, rgba(11,18,26,.40) 100%),
    url('/quranplus/img/new-summary-background-2.png') center/180px repeat !important;
}

#qp-nc99-th .qp-nc99-card2{ max-height:60dvh; display:flex; flex-direction:column; }
.qp-nct7-wrap{ position:relative; flex:1 1 auto; display:flex; min-height:0; }
.qp-nct7-ta{ flex:1 1 auto; min-height:22dvh; resize:none; padding-right:52px !important; }

.qp-nct7-mic{ position:absolute; right:10px; bottom:10px; width:44px; height:44px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; cursor:pointer;
  background:rgba(37,208,191,.16); border:1px solid darkturquoise; color:darkturquoise; }
.qp-nct7-mic:hover{ background:rgba(37,208,191,.28); }
.qp-nct7-mic.is-live{ background:#e0524d; border-color:#e0524d; color:#fff; }
.qp-nct7-ring{ position:absolute; inset:0; transform:rotate(-90deg); opacity:0; pointer-events:none; }
.qp-nct7-mic.is-live .qp-nct7-ring{ opacity:1; }
.qp-nct7-row{ display:flex; gap:10px; margin-top:10px; }
.qp-nct7-row .qp-nc99-b{ flex:1 1 0; margin:0 !important; }
.qp-nc99-scope b{ display:block; font-size:11.5px; opacity:.6; letter-spacing:.05em;
  text-transform:uppercase; margin-bottom:6px; font-weight:700; }
.qp-nc99-inv span{ display:block; margin-top:8px; opacity:.85; line-height:1.65; }

.qp-nc99-go{ color:#0cdecb; font-weight:700; text-decoration:underline; cursor:pointer; }

.qp-bk-empty, .qp-bk-loading{ color:#f2f0e9; }
body.qp-theme-light .qp-bk-empty, body.qp-theme-light .qp-bk-loading{ color:#cf0d59; }
body.qp-theme-light .qp-nc99-go{ color:#0d9488; font-weight:500; }

.qp-nci7-hd{ background:linear-gradient(92deg,#7ff3e4 0%,darkturquoise 42%,#b0f60b 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  color:darkturquoise; letter-spacing:.01em; }
body.qp-theme-light .qp-nci7-hd{ background:linear-gradient(92deg,#0d9488 0%,#0f766e 55%,#cf0d59 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:#0d9488; }
.qp-nci7-sub{ font-size:13px; opacity:.75; margin:2px 0 14px; line-height:1.55; }
.qp-nci7-grid{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:10px; }
.qp-nci7-pick{ padding:12px 10px; border-radius:10px; cursor:pointer; font:600 13.5px system-ui,-apple-system,sans-serif;
  background:rgba(148,163,184,.10); border:1px solid rgba(148,163,184,.34); color:inherit; }
.qp-nci7-pick:hover{ border-color:darkturquoise; color:darkturquoise; background:rgba(37,208,191,.12); }
.qp-nci7-own{ width:100%; }
.qp-nci7-nag{ display:flex; align-items:center; gap:8px; margin:4px 0 12px; font-size:13px; opacity:.85; cursor:pointer; }
.qp-nci7-nag input{ width:16px; height:16px; accent-color:darkturquoise; }
.qp-nct7-say{ font-size:12px; opacity:.75; margin:8px 2px 0; }
.qp-nci7-l{ margin:6px 0 14px; padding-left:20px; font-size:14px; line-height:1.62; }
.qp-nci7-l li{ margin:0 0 9px; }
.qp-nci7-l b{ color:darkturquoise; font-weight:700; }

#qp-nc99-intro{ position:absolute; inset:0; z-index:400012; background:rgba(3,10,18,.55);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  display:flex; align-items:center; justify-content:center; padding:18px; }
#qp-nc99-intro .qp-nc99-card2{ max-height:86%; overflow:auto; }

.qp-nci7-pick.is-empty09{ opacity:.42; }
.qp-nc99-ln1{ display:block; font-style:normal; color:#f2f0e9; font-weight:600; margin-bottom:14px;
  min-height:1.4em; }
#qp-nc99-done23{ position:absolute; inset:0; z-index:400012; background:rgba(3,10,18,.55);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  display:flex; align-items:center; justify-content:center; padding:18px; }

@media (min-width: 820px){
  body .topbar .header-right #ql-feedback-button,
  body .topbar .header-right #ql-donate-button,
  body .topbar .header-right #ql-share-button,
  
  body .topbar .header-right #ql-help-button{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }
  body .topbar .header-right{
    display: flex !important;
    align-items: center !important;
    
    gap: 24px !important;
  }

  
  body .topbar .header-right #ql-feedback-button,
  body .topbar .header-right #ql-donate-button,
  body .topbar .header-right #ql-share-button,
  body .topbar .header-right #ql-help-button,
  body .topbar #qp-home-saved-btn{
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;                    
    white-space: nowrap !important;
    width: auto !important;
    margin-right: 0 !important;
  }
  body .topbar .header-right #ql-feedback-button::after{ content: 'Feedback'; }
  body .topbar .header-right #ql-donate-button::after{ content: 'Donate'; }
  body .topbar .header-right #ql-share-button::after{ content: 'Share'; }
  body .topbar .header-right #ql-help-button::after{ content: 'Help'; }
  body .topbar .header-right #ql-feedback-button::after,
  body .topbar .header-right #ql-donate-button::after,
  body .topbar .header-right #ql-share-button::after,
  body .topbar .header-right #ql-help-button::after,
  body .topbar #qp-home-saved-btn::after{
    font: 400 11.5px system-ui, -apple-system, sans-serif !important;
    letter-spacing: .2px !important;
    opacity: .82 !important;
    line-height: 1 !important;
    color: inherit !important;
  }

  
  body .topbar #qp-home-saved-img{ width: 21px !important; height: 21px !important; }
  body .topbar #qp-home-saved-lbl30{ display: none !important; }
  body .topbar #qp-home-saved-btn::after{ content: 'Saved'; }
  body .topbar #qp-home-saved-btn{
    margin-top: 0 !important; margin-bottom: 0 !important; line-height: 1 !important;
  }
  body .topbar #qp-home-help-lbl31,
  body .topbar #qp-home-help-btn{ display: none !important; }
  
  body .topbar #qp-home-saved-lbl30{ margin-right: 6px !important; }
}
@media (max-width: 767px) {
  #verse-viewer-host .vv-row-head .vv-h-mushaf .vv-mushaf-ic {
    width: 35px !important;
    height: 29px !important;
    margin-left: 9px;
  }
}

@media (min-width: 768px){
  #verse-viewer-host .vv-row-head .vv-h-more .vv-more-plus{ display:none !important; }
  #verse-viewer-host .vv-row-head .vv-h-more{
    width:38px !important; padding:0 6px !important; box-sizing:border-box !important;
    justify-content:center !important; align-items:center !important;
  }
  #verse-viewer-host .vv-row-head .vv-h-more::before{
    content:'\22EF'; display:block; font:400 26px/1 system-ui,-apple-system,sans-serif;
    color:currentColor; letter-spacing:0;
  }
}


@media (hover: hover) and (pointer: fine) {
  @media (min-width: 821px) {
    #verse-viewer-host .vv-row-head .vv-h-actions { gap: 21px !important; }
    #verse-viewer-host .vv-row-head .vv-h-savefolder { margin-right: 5px !important; }
  }
}

.qpn7-chips{ display:flex; gap:8px; margin:2px 0 16px; }
.qpn7-chip{ padding:7px 14px; border-radius:999px; cursor:pointer;
  font:600 12.5px system-ui,-apple-system,sans-serif; letter-spacing:.2px;
  background:transparent; border:1px solid rgba(148,163,184,.34); color:inherit; opacity:.75; }
.qpn7-chip:hover{ border-color:darkturquoise; color:darkturquoise; opacity:1; }
.qpn7-chip.on{ background:rgba(37,208,191,.14); border-color:darkturquoise; color:darkturquoise; opacity:1; }
.qpn7-sur{ display:flex; align-items:center; gap:10px; margin:22px 0 8px;
  padding-bottom:7px; border-bottom:1px solid rgba(148,163,184,.22); }
.qpn7-sur b{ font:700 15px system-ui,-apple-system,sans-serif; }
.qpn7-sur span{ font:400 11.5px system-ui,-apple-system,sans-serif; opacity:.6; }
.qpn7-sur .qpn7-pr-s{ margin-left:auto; }
.qpn7-pr{ display:inline-flex; align-items:center; gap:6px; }
.qpn7-pr i{ font:400 11.5px system-ui,-apple-system,sans-serif; letter-spacing:.2px;
  font-style:normal; opacity:.82; }

.qp-acct99-apple svg{ margin-top:-2px; }
.qp-nc99-wrap:not(.is-editing) .qp-nc99-acts{ display:none; }
.qp-nc99-card.is-cont{ margin-top:-4px; }
.qp-nc99-bar7{ display:flex; align-items:center; gap:8px; margin:2px 0 14px; }
.qp-nc99-bar7 button{ background:transparent; border:1px solid rgba(148,163,184,.35); color:inherit;
   border-radius:20px; padding:5px 13px; font:600 12px system-ui,-apple-system,sans-serif; cursor:pointer; opacity:.85; }
.qp-nc99-bar7 button:hover{ opacity:1; border-color:darkturquoise; color:darkturquoise; }
.qp-nc99-bar7 .qp-nc99-tidy.on{ background:darkturquoise; border-color:darkturquoise; color:#04141a; opacity:1; }
.qp-nc99-hint7{ font-size:11.5px; opacity:.6; }

.qp-nc99-del{ background:transparent !important; border:1px solid darkturquoise !important; color:darkturquoise !important;
   border-radius:6px; padding:4px 10px; font:700 10.5px system-ui,-apple-system,sans-serif;
   letter-spacing:.06em; text-transform:uppercase; cursor:pointer; }
.qp-nc99-del:hover{ background:darkturquoise !important; color:#04141a !important; }
.qpn7-wrap{ padding:2px 0 26px; }
.qpn7-none{ text-align:center; color:rgba(226,240,255,.55); font-size:14px; line-height:1.7; padding:52px 24px; }
.qpn7-none span{ display:block; font-size:12.5px; opacity:.7; margin-top:8px; }
.qpn7-grp{ margin:0 0 22px; }
.qpn7-head{ display:flex; align-items:center; gap:10px; padding:0 2px 8px; border-bottom:1px solid rgba(148,163,184,.2); margin-bottom:10px; }
.qpn7-ref{ flex:1 1 auto; text-align:left; background:transparent; border:0; padding:0; cursor:pointer;
           font:700 15px/1.25 inherit; color:darkturquoise; }
.qpn7-ref i{ display:block; font:400 10.5px/1 system-ui,-apple-system,sans-serif; font-style:normal;
             letter-spacing:.06em; text-transform:uppercase; opacity:.5; margin-top:4px; color:inherit; }
.qpn7-n{ flex:0 0 auto; font-size:11.5px; opacity:.55; }
.qpn7-pr{ flex:0 0 auto; background:transparent; border:1px solid rgba(148,163,184,.32); color:inherit;
          border-radius:8px; padding:5px 7px; cursor:pointer; opacity:.72; display:flex; }
.qpn7-pr:hover{ opacity:1; border-color:darkturquoise; color:darkturquoise; }
.qpn7-card{ padding:10px 12px 12px; border-radius:10px; background:rgba(148,163,184,.07); margin:0 0 9px; }
.qpn7-card.is-long{ cursor:pointer; }
.qpn7-meta{ font:600 10.5px/1.3 system-ui,-apple-system,sans-serif; letter-spacing:.05em; text-transform:uppercase;
            opacity:.6; margin-bottom:6px; }
.qpn7-meta span{ font-weight:400; text-transform:none; letter-spacing:0; opacity:.75; margin-left:8px; }
.qpn7-txt{ font-size:14px; line-height:1.62; white-space:pre-wrap; }
.qpn7-card.is-long:not(.is-open) .qpn7-txt{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
            overflow:hidden; }
.qpn7-more{ margin-top:7px; background:transparent; border:0; padding:0; cursor:pointer;
            font:600 11.5px system-ui,-apple-system,sans-serif; color:darkturquoise; opacity:.85; }
[data-note-unit]{ cursor:pointer; border-radius:8px; transition:background .18s ease, box-shadow .18s ease; position:relative; }
  body.qp-nc99-on #qp-snp-taf [data-note-unit]:hover{ background:rgba(37,208,191,.06); }
  
    #qp-snp-taf [data-note-unit].qp-nc99-sel{ background:rgba(37,208,191,.13) !important; box-shadow:inset 0 0 0 1px rgba(37,208,191,.6); padding:12px 14px 44px !important; margin:6px 0 18px !important; }   
  #qp-snp-taf [data-note-unit].qp-nc99-sel::after{ content:'Added to notes'; position:absolute; left:8px; bottom:10px; font:700 10px/1 system-ui,-apple-system,sans-serif; letter-spacing:.08em; text-transform:uppercase; color:#04141a; background:darkturquoise; padding:3px 9px; border-radius:2px; margin-left:6px; }   
  #qp-snp-taf .qp-bk-tab[data-tab="notes"][data-n]::after{ content:attr(data-n); display:inline-block; margin-left:5px; min-width:16px; padding:0 4px; border-radius:8px; background:darkturquoise; color:#04141a; font-size:10px; font-weight:700; line-height:16px; text-align:center; vertical-align:2px; }
  #qp-nc99-sheet, #qp-nc99-th{ position:fixed; inset:0; z-index:400010; background:rgba(3,10,18,.55); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); display:flex; align-items:flex-end; justify-content:center; }
  .qp-nc99-card2{ width:100%; max-width:520px; background:#0b1624; color:#e8eef7; border-radius:18px 18px 0 0; padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px)); box-shadow:0 -10px 40px rgba(0,0,0,.45); font:15px/1.4 system-ui,-apple-system,sans-serif; display:flex; flex-direction:column; gap:10px; }
  .qp-nc99-hd{ font-weight:700; font-size:18px; }
  .qp-nc99-sub{ opacity:.7; font-size:13px; margin-top:-6px; }
  .qp-nc99-rows{ display:flex; flex-direction:column; }
  .qp-nc99-row{ display:flex; justify-content:space-between; padding:8px 0; border-top:1px solid rgba(255,255,255,.08); }
  .qp-nc99-b{ border-radius:12px; padding:12px 14px; font:700 15px system-ui,-apple-system,sans-serif; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06); color:inherit; }
  .qp-nc99-save, .qp-nc99-tsave{ background:darkturquoise !important; color:#04141a !important; border-color:darkturquoise !important; }
  .qp-nc99-disc{ color:#ff6b6b !important; }
  .qp-nc99-ta{ width:100%; box-sizing:border-box; border-radius:10px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.05); color:inherit; font:15px/1.45 system-ui,-apple-system,sans-serif; padding:10px; resize:vertical; }
  .qp-nc99-scope{ display:flex; gap:14px; font-size:13px; opacity:.85; flex-wrap:wrap; }
  .qp-nc99-scope label{ display:flex; align-items:center; gap:6px; }
  #qp-snp-taf .qp-bk-nav .qp-bk-fs-sm, #qp-snp-taf .qp-bk-nav .qp-bk-fs-lg, #qp-snp-taf .qp-bk-nav .qp-bk-order99{ display:none !important; }
  #qp-snp-taf .qp-bk-nav .qp-bk-notes99{ width:auto !important; min-width:0 !important; padding:0 12px !important; gap:8px; }
  #qp-snp-taf .qp-bk-nav .qp-bk-notes99-l{ font:600 13px system-ui,-apple-system,sans-serif; white-space:nowrap; }
  #qp-snp-taf .qp-bk-nav .qp-bk-set99{ display:inline-flex; align-items:center; justify-content:center; }
  #qp-snp-taf .qp-bk-nav .qp-bk-set99 svg{ width:20px; height:20px; display:block; }
  #qp-snp-taf .qp-bk-nav{ position:relative; }
  #qp-snp-taf .qp-bk-pop99{ position:absolute; left:12px; bottom:calc(100% + 8px); width:min(320px, calc(100% - 24px)); background:#0b1624; color:#e8eef7; border:1px solid rgba(37,208,191,.35); border-radius:14px; box-shadow:0 12px 40px rgba(0,0,0,.5); z-index:20; font:15px/1.3 system-ui,-apple-system,sans-serif; overflow:hidden; }
  #qp-snp-taf .qp-bk-pop99[hidden]{ display:none; }
  #qp-snp-taf .qp-bk-pop99-hd{ padding:12px 14px; font-weight:700; color:darkturquoise; border-bottom:1px solid rgba(255,255,255,.08); }
  #qp-snp-taf .qp-bk-pop99-row{ display:flex; align-items:center; justify-content:space-between; width:100%; box-sizing:border-box; padding:12px 14px; background:transparent; border:0; border-bottom:1px solid rgba(255,255,255,.08); color:inherit; font:inherit; text-align:left; }
  #qp-snp-taf .qp-bk-pop99-row:last-child{ border-bottom:0; }
  #qp-snp-taf .qp-bk-pop99-fs{ display:inline-flex; border:1px solid rgba(255,255,255,.18); border-radius:8px; overflow:hidden; }
  #qp-snp-taf .qp-bk-pop99-fs button{ background:transparent; color:inherit; border:0; padding:6px 14px; font:700 16px system-ui,-apple-system,sans-serif; }
  #qp-snp-taf .qp-bk-pop99-fs button + button{ border-left:1px solid rgba(255,255,255,.18); font-size:20px; }
  body.qp-theme-light #qp-snp-taf .qp-bk-pop99{ background:#f4f7fa; color:#11233a; }
  body.qp-theme-light #qp-snp-taf .qp-bk-pop99-row, body.qp-theme-light #qp-snp-taf .qp-bk-pop99-hd{ border-bottom-color:rgba(0,0,0,.08); }
  #qp-nc99-toast{ position:fixed; left:50%; bottom:calc(92px + env(safe-area-inset-bottom,0px)); transform:translate(-50%, 12px); opacity:0; background:darkturquoise; color:#04141a; font:600 14px system-ui,-apple-system,sans-serif; padding:10px 16px; border-radius:12px; box-shadow:0 8px 30px rgba(0,0,0,.4); z-index:400020; max-width:88vw; text-align:center; transition:opacity .25s ease, transform .25s ease; pointer-events:none; }
  #qp-nc99-toast.is-in{ opacity:1; transform:translate(-50%, 0); }
  #qp-nc99-sheet, #qp-nc99-th{ position:absolute; }
  #qp-snp-taf .qp-nc99-wrap{ padding:6px 0 30px; }
  #qp-snp-taf .qp-nc99-sec{ font:700 11px/1.2 system-ui,-apple-system,sans-serif; letter-spacing:.12em; text-transform:uppercase; opacity:.6; margin:16px 0 8px; }
  #qp-snp-taf .qp-nc99-card{ border:1px solid rgba(37,208,191,.22); border-left:3px solid rgba(37,208,191,.6); border-radius:10px; padding:10px 12px; margin:0 0 10px; }
  #qp-snp-taf .qp-nc99-card.is-me{ border-left-color:#f3c96b; }
  #qp-snp-taf .qp-nc99-cap{ font:600 12px/1.3 system-ui,-apple-system,sans-serif; opacity:.75; margin-bottom:6px; }
  #qp-snp-taf .qp-nc99-cap span{ opacity:.6; font-weight:400; margin-left:6px; }
  #qp-snp-taf .qp-nc99-txt{ white-space:pre-wrap; font-size:15px; line-height:1.5; }
  #qp-snp-taf .qp-nc99-acts{ display:flex; gap:8px; margin-top:8px; }
  #qp-snp-taf .qp-nc99-acts button{ border-radius:8px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.05); color:inherit; font:600 12px system-ui,-apple-system,sans-serif; padding:5px 10px; }
  #qp-snp-taf .qp-nc99-add{ width:100%; margin-top:14px; }
  body.qp-theme-light .qp-nc99-card2{ background:#f4f7fa; color:#11233a; }
  body.qp-theme-light .qp-nc99-row{ border-top-color:rgba(0,0,0,.08); }
  body.qp-theme-light .qp-nc99-b, body.qp-theme-light .qp-nc99-ta, body.qp-theme-light #qp-snp-taf .qp-nc99-acts button{ background:rgba(0,0,0,.05); border-color:rgba(0,0,0,.12); }
  body.qp-theme-light #qp-snp-taf .qp-nc99-bar{ background:rgba(27,154,154,.10); border-bottom-color:rgba(27,154,154,.3); }

  #qp-home-help-btn{ display:none !important; }
  #qp-acct99 .qp-acct99-sec{ padding:8px 16px 0; display:flex; flex-direction:column; gap:3px; }
  #qp-acct99 .qp-acct99-sec b{ font-size:15px; }
  #qp-acct99 .qp-acct99-sec span{ opacity:.7; font-size:13px; line-height:1.4; }
  .qp-acct99-btn{ background:transparent; border:0; padding:8px; margin-right:2px; margin-top:-2px; color:inherit; display:inline-flex; align-items:center; vertical-align:middle; cursor:pointer; }
  .qp-acct99-btn svg{ width:24px; height:24px; display:block; }
  body.qp-signed-in99 .qp-acct99-btn{ color:darkturquoise; }
  body.qp-signed-in99 .qp-acct99-btn svg circle:first-child{ fill:rgba(37,208,191,.18); }
  #qp-acct99{ position:fixed; inset:0; z-index:400015; background:rgba(3,10,18,.55); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); display:flex; align-items:flex-end; justify-content:center; padding:0; }
  #qp-acct99 .qp-acct99-card{ max-width:none !important; height:80vh; max-height:80dvh; border-radius:18px 18px 0 0 !important; border-bottom:0 !important; overflow:auto; padding-top:0 !important; animation:qpAcctUp99 .38s cubic-bezier(.32,.72,0,1) both; }
  #qp-acct99 .qp-acct99-frame{ flex:1 1 auto; width:100%; min-height:0; border:0; background:transparent; display:block; }
  #qp-acct99 .qp-acct99-card::before{ content:''; display:block; width:44px; height:5px; border-radius:3px; background:rgba(255,255,255,.28); margin:10px auto 4px; }
  @keyframes qpAcctUp99{ from{ transform:translateY(100%); } to{ transform:translateY(0); } }
  body.qp-theme-light #qp-acct99 .qp-acct99-card::before{ background:rgba(0,0,0,.22); }
  @media (max-width: 820px){
    #qp-khatm-circle-overlay{ background:rgba(3,10,18,.55) !important; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); display:block !important; }
    #qp-khatm-circle-overlay #qp-khatm-circle-iframe{ position:absolute !important; left:0 !important; right:0 !important; bottom:0 !important; top:20vh !important; width:100% !important; height:80vh !important; border-radius:18px 18px 0 0 !important; animation:qpAcctUp99 .38s cubic-bezier(.32,.72,0,1) both; }
    #qp-khatm-circle-overlay #qp-khatm-circle-close{ position:absolute !important; top:calc(20vh + 10px) !important; right:12px !important; }
  }
  #qp-acct99 .qp-acct99-card{ width:100%; max-width:440px; background:#0b1624; color:#e8eef7; border:1px solid rgba(37,208,191,.3); border-radius:16px; box-shadow:0 16px 50px rgba(0,0,0,.5); font:15px/1.4 system-ui,-apple-system,sans-serif; padding:0 0 14px; display:flex; flex-direction:column; gap:10px; }
  #qp-acct99 .qp-acct99-hd{ display:flex; align-items:center; justify-content:space-between; padding:12px 8px 12px 16px; border-bottom:1px solid rgba(255,255,255,.08); font-weight:700; font-size:17px; }
  #qp-acct99 .qp-acct99-x{ background:transparent; border:0; color:inherit; font-size:20px; padding:4px 10px; }
  #qp-acct99 .qp-acct99-who{ padding:6px 16px 2px; display:flex; flex-direction:column; }
  #qp-acct99 .qp-acct99-who span{ opacity:.65; font-size:13px; }

  #qp-acct99 .qp-acct99-b{ margin:0 16px; border-radius:12px; padding:12px 14px; font:700 15px system-ui,-apple-system,sans-serif; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06); color:inherit; }
  #qp-acct99 .qp-acct99-exp, #qp-acct99 .qp-acct99-in{ background:darkturquoise !important; color:#04141a !important; border-color:darkturquoise !important; }
  #qp-acct99 .qp-acct99-google{ background:#fff !important; color:#1f1f1f !important; border-color:#dadce0 !important; display:flex; align-items:center; justify-content:center; gap:10px; }
  #qp-acct99 .qp-acct99-or{ text-align:center; opacity:.5; font-size:13px; margin:-2px 0; }
  #qp-acct99 .qp-acct99-out{ background:#c0392b !important; color:#ffffff !important; border-color:#c0392b !important; }
  #qp-acct99 .qp-acct99-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:6px 16px 0; align-items:start; }
  #qp-acct99 .qp-acct99-col{ display:flex; flex-direction:column; gap:7px; min-width:0; }
  #qp-acct99 .qp-acct99-grid .qp-acct99-b{ margin:0; width:100%; }
  #qp-acct99 .qp-acct99-cap{ font-size:12.5px; line-height:1.4; opacity:.75; }
  body.qp-theme-light #qp-acct99 .qp-acct99-cap{ color:#3d5266; opacity:1; }
  #qp-acct99 .qp-acct99-imp:not([disabled]){ background:transparent !important; color:darkturquoise !important; border-color:darkturquoise !important; }
  body.qp-theme-light #qp-acct99 .qp-acct99-imp:not([disabled]){ color:#0f7a5a !important; border-color:#0f7a5a !important; background:transparent !important; }
  #qp-acct99 .qp-acct99-outrow{ display:flex; justify-content:flex-end; padding:30px 16px 0; }
  #qp-acct99 .qp-acct99-outrow .qp-acct99-b{ margin:0; width:calc(50% - 6px); }
  #qp-acct99.is-signed95 .qp-acct99-card{ height:auto !important; max-height:82dvh !important; padding-bottom:20px; }
  body.qp-theme-light #qp-acct99 .qp-acct99-out{ background:#c0392b !important; color:#ffffff !important; border-color:#c0392b !important; }
  #qp-acct99 .qp-acct99-b[disabled]{ opacity:.42; cursor:default; pointer-events:none; }
  #qp-acct99 .qp-acct99-sec span{ opacity:.75; }
  body.qp-theme-light #qp-acct99 .qp-acct99-sec span, body.qp-theme-light #qp-acct99 .qp-acct99-who span, body.qp-theme-light #qp-acct99 .qp-acct99-note{ color:#3d5266; opacity:1; }
  #qp-acct99 .qp-acct99-note{ padding:0 16px; opacity:.7; font-size:13px; }
  body.qp-theme-light #qp-acct99 .qp-acct99-card{ background:#f4f7fa; color:#11233a; }
  body.qp-theme-light #qp-acct99 .qp-acct99-b{ background:rgba(0,0,0,.05); border-color:rgba(0,0,0,.12); }

  .qpbs-overlay.qpbs-visible{
    background:
      radial-gradient(ellipse 70% 50% at 50% 0%, rgba(56,120,140,.20), transparent 70%),
      rgba(3,10,18,.62) !important;
    -webkit-backdrop-filter: blur(12px) saturate(120%) !important;
            backdrop-filter: blur(12px) saturate(120%) !important;
  }
  body.qp-theme-light .qpbs-overlay.qpbs-visible{
    background:
      radial-gradient(ellipse 70% 50% at 50% 0%, rgba(56,120,140,.14), transparent 70%),
      rgba(226,234,240,.58) !important;
  }
   
  .qpbs--verse-tools .qpbs-handle-bar{ cursor: ns-resize; }
  .qpbs--verse-tools.qpbs-drag87 .qpbs-sheet{ transition: none !important; user-select: none; }

   
  #qp-wake85{ display:none !important; }

   
   

   
  #verse-viewer-host .vv-row-head .vv-h-actions,
  #verse-viewer-host .qp-rr53{
    transition: opacity .22s ease;
  }
   

   
   
  #qp-hdrbar80{ display:none; }
  #qp-hdrbar80.is-up81{
    display:flex; align-items:stretch;
    margin:0 0 0 0; padding:0;
    border-radius:0 0 14px 14px;
    background:linear-gradient(180deg, rgba(4,43,64,.98) 0%, rgba(2,22,43,.98) 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 22px rgba(0,0,0,.28);
    overflow:hidden;
  }
  #qp-hdrbar80 .qp-hb80{
    flex:1 1 0; min-width:0;
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px;
    padding:11px 4px 10px;
    background:none; border:0; cursor:pointer;
    color:rgba(216,232,240,.90);
    font:600 10.5px/1.25 system-ui,-apple-system,sans-serif;
    letter-spacing:.02em; text-align:center;
    transition:color .13s, background-color .13s;
    -webkit-tap-highlight-color:transparent;
  }
  #qp-hdrbar80 .qp-hb80 + .qp-hb80{ box-shadow:inset 1px 0 0 rgba(255,255,255,.07); }
  #qp-hdrbar80 .qp-hb80:hover, #qp-hdrbar80 .qp-hb80:active{
    color:#7fe3d8; background:rgba(127,227,216,.08);
  }
  #qp-hdrbar80 .qp-hb80::before{
    content:''; display:block; width:21px; height:21px; flex:0 0 auto;
    background:currentColor;
    -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
    -webkit-mask-position:center;  mask-position:center;
    -webkit-mask-size:contain;     mask-size:contain;
  }
  #qp-hdrbar80 .qp-hb80-lbl{ display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
   
  #qp-hdrbar80 .qp-hb80[data-a80="donate"]{ color:rgba(240,170,185,.92); }
  #qp-hdrbar80 .qp-hb80[data-a80="donate"]:hover{ color:#f6a8bd; background:rgba(224,36,94,.10); }
  body.qp-theme-light #qp-hdrbar80{
    background:linear-gradient(180deg, rgba(18,75,91,.97) 0%, rgba(7,62,81,.97) 100%);
  }
  #qp-hdrbar80 .qp-hb80[data-a80="search"]::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%227%22%2F%3E%3Cline%20x1%3D%2221%22%20y1%3D%2221%22%20x2%3D%2216.65%22%20y2%3D%2216.65%22%2F%3E%3C%2Fsvg%3E"); mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%227%22%2F%3E%3Cline%20x1%3D%2221%22%20y1%3D%2221%22%20x2%3D%2216.65%22%20y2%3D%2216.65%22%2F%3E%3C%2Fsvg%3E"); }
  #qp-hdrbar80 .qp-hb80[data-a80="next"]::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h13%22%2F%3E%3Cpath%20d%3D%22M13%206l6%206-6%206%22%2F%3E%3C%2Fsvg%3E"); mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h13%22%2F%3E%3Cpath%20d%3D%22M13%206l6%206-6%206%22%2F%3E%3C%2Fsvg%3E"); }
  #qp-hdrbar80 .qp-hb80[data-a80="index"]::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16%22%2F%3E%3C%2Fsvg%3E"); mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16%22%2F%3E%3C%2Fsvg%3E"); }
  #qp-hdrbar80 .qp-hb80[data-a80="donate"]::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2020.6l-1.3-1.2C6.1%2015.2%203%2012.4%203%209A4.3%204.3%200%200%201%207.3%204.7c1.5%200%203%20.7%203.9%201.9A4.8%204.8%200%200%201%2015.1%204.7%204.3%204.3%200%200%201%2019.4%209c0%203.4-3.1%206.2-7.7%2010.4z%22%2F%3E%3C%2Fsvg%3E"); mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2020.6l-1.3-1.2C6.1%2015.2%203%2012.4%203%209A4.3%204.3%200%200%201%207.3%204.7c1.5%200%203%20.7%203.9%201.9A4.8%204.8%200%200%201%2015.1%204.7%204.3%204.3%200%200%201%2019.4%209c0%203.4-3.1%206.2-7.7%2010.4z%22%2F%3E%3C%2Fsvg%3E"); }

   
  body.qp-summode-on #verse-viewer-host .qp-sumban00--spr {
    margin-top: 20px;
    margin-bottom: -4px;
  }
  @media (max-width: 767px) {
    .qp-sumban00, .qp-thematic-return .qp-sumban00 {
      margin-left: 12px !important;
      margin-right: 12px !important;
    }
  }
  .qp-sumban00 {
    padding: 0px 8px;
  }
  body.qp-theme-light .qp-spr22-x {
    background: rgb(165 208 203 / 53%);
    color: #334155;
  }
  .qp-spr22-x {
    width: 35px;
    height: 35px;
    margin-top: -8px;
    margin-right: -8px;
    background: rgb(203 65 65 / 19%);
  }
  .qp-sumban00 .qp-thematic-intro-text, .qp-sumban00-txt {
    font-family: arial;
    font-size: 15.5px;
    line-height: 1.7;
  }
  .qp-sumban00 .qp-sumcap34-lead {
    font: 700 13px / 1 system-ui, -apple-system, sans-serif !important;
  }
  .qp-sumban00-body {
    padding-bottom: 8px;
  }
  #qp-sidetab40 {
    right: -18px;
  }

   
  #ql-add2hs.qp-helparrow76 .ql-ahs-guide-card,
  #ql-add2hs.qp-helparrow76 .ql-ahs-promo{ display:none !important; }
  #ql-add2hs.qp-helparrow76{ pointer-events:none !important; background:transparent !important; }

   
  #qp-helpnote76{
    position:fixed; left:50%; transform:translateX(-50%);
    bottom:calc(env(safe-area-inset-bottom,0px) + 84px);
    z-index:1000040; pointer-events:none;
    width:min(420px, 86vw); text-align:center;
    padding:14px 18px; border-radius:14px;
    background:rgba(6,14,24,.62); color:#eef3f8;
    border:1px solid rgba(255,255,255,.13);
    -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
    font:500 14.5px/1.5 system-ui,-apple-system,sans-serif;
    opacity:0; transition:opacity .5s ease;
  }
  #qp-helpnote76.is-in{ opacity:1; }
  #qp-helpnote76 b{ color:#7fe3d8; font-weight:600; }
  body.qp-theme-light #qp-helpnote76{ background:rgba(255,255,255,.9); color:#16232e; border-color:rgba(0,0,0,.10); }
  body.qp-theme-light #qp-helpnote76 b{ color:#0d7f70; }

   
  @keyframes qp-radar76{
    0%   { box-shadow:0 0 0 0 rgba(127,227,216,.55); }
    70%  { box-shadow:0 0 0 18px rgba(127,227,216,0); }
    100% { box-shadow:0 0 0 0 rgba(127,227,216,0); }
  }
  .qp-radar76{ border-radius:50%; animation:qp-radar76 1.1s ease-out 3; }

  #ql-bottom-tabs .tab-item[data-tab="names99"] .qp-n99-glyph{
    display:block; font-family:'me_quran','KFGQPC Uthmanic Script HAFS','Traditional Arabic',serif;
    line-height:1;
    font-size: 35px;
    margin-top: -7px;
    color: rgb(255 255 255 / 88%);
    -webkit-font-smoothing: antialiased;
  }

   
  #verse-viewer-host .vv-row-head .vv-sf-ic{ width:22px !important; height:22px !important; }
  #verse-viewer-host .vv-row-head .vv-taf-ic{ width:20px !important; height:20px !important; }
  #verse-viewer-host .vv-row-head .vv-more-plus{ width:22px !important; height:26px !important; }

   
  @media (max-width: 820px){
    body.qp-vvicons-min #verse-viewer-host .vv-row-head .vv-h-actions .vv-h-play{
      transition: opacity 0.18s ease !important;
    }
  }

   
  body #verse-viewer-host .vv-row-head .vv-h-actions .vv-h-btn{
    color:#d7dde6 !important; opacity:1 !important; visibility:visible !important;
  }
  body.qp-theme-light #verse-viewer-host .vv-row-head .vv-h-actions .vv-h-btn{
    color:#2b3a4a !important;
  }
  body #verse-viewer-host .vv-row-head .vv-h-actions .vv-h-btn svg{
    stroke:currentColor !important; visibility:visible !important; opacity:1 !important;
  }
  body #verse-viewer-host .vv-row-head .vv-h-actions .vv-more-plus{
    opacity:1 !important; visibility:visible !important;
  }

   
  .vv-head .vv-head-save{ display:none !important; }
  .vv-head .vv-settings-icon,
  .vv-head .vv-more-icon,
  .vv-head .qh-head27{ margin-left:14px !important; }
  .vv-head .vv-more-icon{ margin-left:16px !important; margin-right:4px !important; }

   
   
  #verse-viewer-host .qp-rr53{
    display:flex !important; flex-direction:column; align-items:flex-start;
    min-width:0 !important; max-width:100% !important;
    overflow:visible !important; white-space:normal;
    margin:12px 0 -14px !important; padding:0 !important;
  }
  #verse-viewer-host .qp-ex53-lab{
    font:600 9.5px/1 system-ui,-apple-system,sans-serif;
    letter-spacing:.055em; text-transform:uppercase;
    color:rgba(125,211,252,.82);
    margin:0 0 7px 1px; user-select:none;
  }
  body.qp-theme-light #verse-viewer-host .qp-ex53-lab{ color:rgba(3,105,161,.68); }
   
  #verse-viewer-host .qp-rr53-row{
    display:flex; align-items:center; gap:18px;
     
    width:100%; min-width:0; max-width:100%;
    overflow-x:auto; overflow-y:hidden; white-space:nowrap;
    -webkit-overflow-scrolling:touch; touch-action:pan-x;
    scrollbar-width:none;
    padding:8px 0;
    -webkit-mask-image:linear-gradient(to right, transparent 0, #000 14px, #000 calc(100% - 18px), transparent 100%);
            mask-image:linear-gradient(to right, transparent 0, #000 14px, #000 calc(100% - 18px), transparent 100%);
  }
  #verse-viewer-host .qp-rr53-row::-webkit-scrollbar{ display:none; width:0; height:0; }
   
  #verse-viewer-host .qp-rr53-row .qp-rr53-i{
    display:inline-flex !important; align-items:center; gap:6px;
    flex:0 0 auto; position:static !important;
    padding:4px 5px !important; margin:0 !important;
    border-radius:5px; border:0; background:none;
    font:500 12.8px/1.35 system-ui,-apple-system,sans-serif !important;
    letter-spacing:.006em !important;
    color:rgba(212,228,242,.94) !important;
    cursor:pointer; transition:color .13s, background-color .13s;
  }
  body.qp-theme-light #verse-viewer-host .qp-rr53-row .qp-rr53-i{ color:rgba(20,42,54,.92) !important; }
  #verse-viewer-host .qp-rr53-row .qp-rr53-i:hover{
    color:darkturquoise !important; background:rgba(94,234,212,.075);
  }
  body.qp-theme-light #verse-viewer-host .qp-rr53-row .qp-rr53-i:hover{
    color:#0d7f70 !important; background:rgba(13,127,112,.07);
  }
   
  #verse-viewer-host .qp-rr53-row .qp-rr53-i::before,
  #verse-viewer-host .qp-rr53-row .qp-rr53-i + .qp-rr53-i::before{
    content:'' !important;
    position:static !important; transform:none !important;
    display:block; flex:0 0 auto;
    width:14.5px; height:14.5px;
    background:currentColor !important;
    -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
    -webkit-mask-position:center;  mask-position:center;
    -webkit-mask-size:contain;     mask-size:contain;
     
    opacity:1;
  }
  #verse-viewer-host .qp-rr53-row .qp-rr53-i[data-tab="topics"]::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h10M4%2018h7%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2215.5%22%20r%3D%222.6%22%2F%3E%3C%2Fsvg%3E"); mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h10M4%2018h7%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2215.5%22%20r%3D%222.6%22%2F%3E%3C%2Fsvg%3E"); }
  #verse-viewer-host .qp-rr53-row .qp-rr53-i[data-tab="translations"]::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h9M8.5%204v2M11%206c0%204-3.4%208-7%209.5%22%2F%3E%3Cpath%20d%3D%22M6%2011.5c1.6%202.6%203.9%204%206%204.6%22%2F%3E%3Cpath%20d%3D%22M13%2020l3.6-8%203.6%208M14.6%2017h5.2%22%2F%3E%3C%2Fsvg%3E"); mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h9M8.5%204v2M11%206c0%204-3.4%208-7%209.5%22%2F%3E%3Cpath%20d%3D%22M6%2011.5c1.6%202.6%203.9%204%206%204.6%22%2F%3E%3Cpath%20d%3D%22M13%2020l3.6-8%203.6%208M14.6%2017h5.2%22%2F%3E%3C%2Fsvg%3E"); }
  #verse-viewer-host .qp-rr53-row .qp-rr53-i[data-tab="commentary"]::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2014.5a2.5%202.5%200%200%201-2.5%202.5H9l-4%203.5V6.5A2.5%202.5%200%200%201%207.5%204h10A2.5%202.5%200%200%201%2020%206.5z%22%2F%3E%3Cpath%20d%3D%22M9%209h7M9%2012.5h4.5%22%2F%3E%3C%2Fsvg%3E"); mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2014.5a2.5%202.5%200%200%201-2.5%202.5H9l-4%203.5V6.5A2.5%202.5%200%200%201%207.5%204h10A2.5%202.5%200%200%201%2020%206.5z%22%2F%3E%3Cpath%20d%3D%22M9%209h7M9%2012.5h4.5%22%2F%3E%3C%2Fsvg%3E"); }
  #verse-viewer-host .qp-rr53-row .qp-rr53-i[data-tab="tafsir"]::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%206.6C10.4%205.3%208.4%204.7%206%204.7c-.9%200-1.7.1-2.4.3v13c.7-.2%201.5-.3%202.4-.3%202.4%200%204.4.6%206%201.9%201.6-1.3%203.6-1.9%206-1.9.9%200%201.7.1%202.4.3V5c-.7-.2-1.5-.3-2.4-.3-2.4%200-4.4.6-6%201.9z%22%2F%3E%3Cpath%20d%3D%22M12%206.6v12.9%22%2F%3E%3C%2Fsvg%3E"); mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%206.6C10.4%205.3%208.4%204.7%206%204.7c-.9%200-1.7.1-2.4.3v13c.7-.2%201.5-.3%202.4-.3%202.4%200%204.4.6%206%201.9%201.6-1.3%203.6-1.9%206-1.9.9%200%201.7.1%202.4.3V5c-.7-.2-1.5-.3-2.4-.3-2.4%200-4.4.6-6%201.9z%22%2F%3E%3Cpath%20d%3D%22M12%206.6v12.9%22%2F%3E%3C%2Fsvg%3E"); }
  #verse-viewer-host .qp-rr53-row .qp-rr53-i[data-tab="sabab"]::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228.4%22%2F%3E%3Cpath%20d%3D%22M12%207.4V12l3%201.9%22%2F%3E%3C%2Fsvg%3E"); mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228.4%22%2F%3E%3Cpath%20d%3D%22M12%207.4V12l3%201.9%22%2F%3E%3C%2Fsvg%3E"); }
  #verse-viewer-host .qp-rr53-row .qp-rr53-i[data-tab="hadith"]::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%204.5h10.5A2.5%202.5%200%200%201%2018%207v12.5H7.5A2.5%202.5%200%200%201%205%2017z%22%2F%3E%3Cpath%20d%3D%22M18%207h1.6v12.5H7.5%22%2F%3E%3Cpath%20d%3D%22M8.4%208.6h6M8.4%2011.6h4%22%2F%3E%3C%2Fsvg%3E"); mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%204.5h10.5A2.5%202.5%200%200%201%2018%207v12.5H7.5A2.5%202.5%200%200%201%205%2017z%22%2F%3E%3Cpath%20d%3D%22M18%207h1.6v12.5H7.5%22%2F%3E%3Cpath%20d%3D%22M8.4%208.6h6M8.4%2011.6h4%22%2F%3E%3C%2Fsvg%3E"); }
  #verse-viewer-host .qp-rr53-row .qp-rr53-i[data-tab="reflect"]::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9.6%2017.4h4.8M10.4%2020h3.2%22%2F%3E%3Cpath%20d%3D%22M12%203.6a5.6%205.6%200%200%200-3.2%2010.2c.6.4.9%201%20.9%201.7h4.6c0-.7.3-1.3.9-1.7A5.6%205.6%200%200%200%2012%203.6z%22%2F%3E%3C%2Fsvg%3E"); mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9.6%2017.4h4.8M10.4%2020h3.2%22%2F%3E%3Cpath%20d%3D%22M12%203.6a5.6%205.6%200%200%200-3.2%2010.2c.6.4.9%201%20.9%201.7h4.6c0-.7.3-1.3.9-1.7A5.6%205.6%200%200%200%2012%203.6z%22%2F%3E%3C%2Fsvg%3E"); }
   
  #verse-viewer-host .qp-rr53-row .qp-rr53-i.is-empty09{ opacity:.42 !important; }
  #verse-viewer-host .qp-rr53-row .qp-rr53-i.is-empty09:hover{ background:none; }
   
  #verse-viewer-host .qp-rr53-row .qp-rr53-rng{ margin-left:5px; font-size:.82em; opacity:.7; }
   
  #verse-viewer-host .qp-ex53-lab {
    margin: 0 0 -4px 1px;
    margin-top: 19px;
  }

   
  @media (min-width: 821px){
     
     
    body #verse-viewer-host .vv-list:not(.vv-solo) .vv-row.vv-row:not(.vv-focused-verse){
      border:1px solid rgba(148,163,184,.38) !important;
      border-radius:12px !important;
      margin:0 0 22px !important;
      background:transparent !important;
      box-shadow:none !important;
    }
    body #verse-viewer-host .vv-list:not(.vv-solo) .vv-row.vv-row.vv-focused-verse{
      border:1px solid darkturquoise !important;
      border-radius:12px !important;
      margin:0 0 22px !important;
      background:transparent !important;
    }
    body.qp-theme-light #verse-viewer-host .vv-list:not(.vv-solo) .vv-row.vv-row:not(.vv-focused-verse){
      border:1px solid rgba(15,23,42,.22) !important;
      background:var(--panel) !important;
    }
    body.qp-theme-light #verse-viewer-host .vv-list:not(.vv-solo) .vv-row.vv-row.vv-focused-verse{
      border:1px solid darkturquoise !important;
      background:var(--panel) !important;
    }
     
    #verse-viewer-host .vv-list:not(.vv-solo) .vv-row.vv-focused-verse,
    body.qp-theme-light #verse-viewer-host .vv-list:not(.vv-solo) .vv-row.vv-focused-verse{
      border-color:darkturquoise !important;
    }
     
    #verse-viewer-host.vv-layout-stack .vv-list:not(.vv-solo) .vv-row{
      border-top-color:rgba(148,163,184,.38) !important; border-top-style:solid !important;
    }
    #verse-viewer-host.vv-layout-stack .vv-list:not(.vv-solo) .vv-row.vv-focused-verse{
      border-top-color:darkturquoise !important;
    }
  }

   

   
  #qp-sum-intro-host51 .qp-sum-intro-card,
  .qp-suminfo06-host .qp-sum-intro-card{ padding:0 !important; }
  .qp-sum-intro-card .qp-in51-img{
    display:block; width:100%; height:auto;
    max-height:78vh; object-fit:contain;
    border-radius:22px 22px 0 0;
  }
  .qp-sum-intro-card{ position:relative; overflow:hidden; }
  .qp-sum-intro-card .qp-in51-x{
    position:absolute; top:12px; right:12px; z-index:2;
    width:36px; height:36px; border-radius:50%;
    display:grid; place-items:center;
    background:rgba(6,14,24,.55); color:#e8eef6;
    border:1px solid rgba(255,255,255,.22);
    font:400 22px/1 system-ui,sans-serif; cursor:pointer;
    -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  }
  .qp-sum-intro-card .qp-in51-x:hover{ background:rgba(6,14,24,.78); }
   
  .qp-sum-learn51{
    display:inline-flex; align-items:center; gap:7px;
    margin:2px 0 14px; padding:7px 13px;
    border-radius:999px; border:1px solid rgba(125,211,252,.34);
    background:transparent; color:#7dd3fc; cursor:pointer;
    font:500 13px system-ui,-apple-system,sans-serif;
  }
  .qp-sum-learn51:hover{ background:rgba(125,211,252,.10); }
  body.qp-theme-light .qp-sum-learn51{ color:#0369a1; border-color:rgba(3,105,161,.3); }
  #qp-ask46{
    position:fixed; inset:0; z-index:1000030;
    display:flex; align-items:flex-end; justify-content:center;
    background:rgba(4,10,18,.55); opacity:0; transition:opacity .24s ease;
  }
  #qp-ask46.is-on{ opacity:1; }
  #qp-ask46 .qp-ask46-card{
    width:100%; max-width:520px; box-sizing:border-box;
    padding:24px 22px calc(20px + env(safe-area-inset-bottom, 0px));
    border-radius:22px 22px 0 0;
    background:#0f1a26; border:1px solid rgba(255,255,255,.10);
    box-shadow:0 -18px 46px rgba(0,0,0,.5);
    transform:translateY(100%); transition:transform .28s cubic-bezier(.2,.8,.3,1);
  }
  #qp-ask46.is-on .qp-ask46-card{ transform:none; }
  #qp-ask46 .qp-ask46-h{ font:600 19px system-ui,-apple-system,sans-serif; color:#e8eef6; }
  #qp-ask46 .qp-ask46-b{ margin-top:10px; font:400 15px/1.55 system-ui,sans-serif; color:#c2d0de; }
  #qp-ask46 .qp-ask46-n{ margin-top:12px; font:400 13px/1.55 system-ui,sans-serif; color:#93a4b3; }
  #qp-ask46 .qp-ask46-n strong{ color:#7fe3d8; }
  #qp-ask46 .qp-ask46-btns{ display:flex; gap:10px; margin-top:22px; }
  #qp-ask46 .qp-ask46-b1{
    flex:1 1 0; padding:14px; border-radius:13px; cursor:pointer;
    font:600 15px system-ui,sans-serif;
  }
  #qp-ask46 .qp-ask46-no{ background:transparent; color:#c7d3de; border:1px solid rgba(255,255,255,.22); }
  #qp-ask46 .qp-ask46-yes{ background:#0f766e; color:#fff; border:1px solid #0f766e; }
  body.qp-theme-light #qp-ask46{ background:rgba(15,23,42,.42); }
  body.qp-theme-light #qp-ask46 .qp-ask46-card{ background:#fff; border-color:rgba(0,0,0,.08); }
  body.qp-theme-light #qp-ask46 .qp-ask46-h{ color:#0f172a; }
  body.qp-theme-light #qp-ask46 .qp-ask46-b{ color:#334155; }
  body.qp-theme-light #qp-ask46 .qp-ask46-n{ color:#5b6a78; }
  body.qp-theme-light #qp-ask46 .qp-ask46-n strong{ color:#0d7f70; }
  body.qp-theme-light #qp-ask46 .qp-ask46-no{ color:#334155; border-color:rgba(0,0,0,.18); }
   
  #qp-sidetab40.is-in{ transform:translate(0, 0); opacity:1; }
   
  #qp-sidetab40:hover .qh-img58, #qp-sidetab40:active .qh-img58{
    filter:drop-shadow(-8px 0 20px rgba(56,189,248,.45)) drop-shadow(-6px 0 14px rgba(0,0,0,.32));
  }
  body.qp-theme-light #qp-sidetab40.is-in{ opacity:.96; }
   

   
  .vv-head .vv-head-single .vv-title-area{ min-width:0 !important; }
  .vv-head .vv-head-single > .vv-more-icon,
  .vv-head #vv-more-btn{ flex:0 0 auto !important; }
  .vv-head #vv-more-img.qp-burger{ flex:0 0 auto !important; width:22px !important; min-width:22px !important; }

   
  #qp-sum-intro16, .qp-sum-intro-scrim{ align-items:flex-end !important; }
  .qp-sum-intro-card{
    width:100% !important; max-width:520px !important;
    margin:0 auto !important;
    border-radius:22px 22px 0 0 !important;
    padding:22px 22px calc(20px + env(safe-area-inset-bottom, 0px)) !important;
    background:linear-gradient(168deg,#241b4e 0%,#1b2a63 46%,#12294f 100%) !important;
    border:1px solid rgba(150,160,255,.16) !important;
    box-shadow:0 -18px 46px rgba(0,0,0,.5) !important;
    transform:translateY(100%);
    transition:transform .34s cubic-bezier(.2,.8,.3,1);
  }
  .is-in .qp-sum-intro-card{ transform:none; }
  .qp-sum-intro-card .qp-sum-accent{ color:#a5b4fc !important; }
  .qp-sum-intro-card .qp-sum-intro-h{ font-size:23px !important; line-height:1.22 !important; }
  .qp-sum-intro-card .qp-sum-intro-row{ border-color:rgba(165,180,252,.18) !important; }
  .qp-sum-intro-note35{
    margin-top:12px; font:400 12.5px/1.5 system-ui,-apple-system,sans-serif;
    color:rgba(198,206,255,.62); text-align:center;
  }
  .qp-sum-intro-card .qp-sum-intro-ok{
    background:#4f46e5 !important; border-color:#4f46e5 !important; color:#fff !important;
  }
  .qp-sum-intro-card .qp-sum-intro-gotit35{
    background:transparent !important; color:#c7cdff !important;
    border:1px solid rgba(165,180,252,.34) !important;
  }
  body.qp-theme-light .qp-sum-intro-card{
    background:linear-gradient(168deg,#eef0ff 0%,#e6ecff 46%,#e2eefb 100%) !important;
    border-color:rgba(79,70,229,.18) !important;
  }
  body.qp-theme-light .qp-sum-intro-card .qp-sum-accent{ color:#4338ca !important; }
  body.qp-theme-light .qp-sum-intro-note35{ color:#5b6480; }
  body.qp-theme-light .qp-sum-intro-card .qp-sum-intro-gotit35{ color:#4338ca !important; border-color:rgba(67,56,202,.3) !important; }
   
  body.qp-reading-mode #verse-viewer-host .vv-h-btn.vv-h-focus115,
  body.qp-reading-mode #verse-viewer-host .vv-h-btn.vv-h-focus115:hover,
  body.qp-reading-mode #verse-viewer-host .vv-h-btn.vv-h-focus115:focus,
  body.qp-reading-mode #verse-viewer-host .vv-h-btn.vv-h-focus115:active{
    margin-top: -5px;
    margin-right: 10px;
  }
  .qp-help-img61{ margin-right: 10px; }

   
  #verse-viewer-host .vv-row-head .vv-h-actions .vv-h-savefolder{ display:flex !important; }
  #verse-viewer-host .vv-row-head .vv-h-actions .vv-h-savefolder svg{ width:18px; height:18px; }

   
  #verse-viewer-host .vv-row-head .vv-taf-ic{ width:22px !important; height:22px !important; }

   
  body.qp-reading-mode #verse-viewer-host .qp-rr53{ display:none !important; }
  body.qp-reading-mode #verse-viewer-host .vv-related{ display:none !important; }

   
  body.qp-reading-mode #verse-viewer-host .vv-more-plus{ opacity:0.5; }

   
  @media (max-width: 767px){
    body.qp-reading-mode #verse-viewer-host .vv-list:not(.vv-solo) .vv-row{
      border-bottom: 0.5px solid rgb(255 255 255 / 38%) !important;
    }
  }

   
  #qp-bk-host .qp-rf82-who{ color:#60f0c8; }
  body.qp-theme-light #qp-bk-host .qp-rf82-who{ color:#0f7a5a; }

   
  @media (max-width: 820px){
    .qp-bk-fsw79{ display:none !important; }
  }

  .qp-rr53-i.is-soon53{ opacity:.34; cursor:default; }
  .qp-rr53-i.is-soon53:hover{ color:rgba(196,214,230,.52); }
  body.qp-theme-light .qp-rr53-i.is-soon53:hover{ color:rgba(18,48,58,.55); }

   
   
   
  #verse-viewer-host .qp-rr53{ order:6; grid-column:1 / -1; }

   
   
  #qp-book-local .qp-rf84-wait{ display:flex; align-items:center; justify-content:center; gap:10px;
    padding:38px 10px; opacity:.62; font-size:13.5px; }
  #qp-book-local .qp-rf84-spin{ width:14px; height:14px; border-radius:50%; flex:0 0 auto;
    border:2px solid rgba(127,147,173,.35); border-top-color:#18c998;
    animation:qpRf84 .8s linear infinite; }
  @keyframes qpRf84{ to{ transform:rotate(360deg); } }
  @media (prefers-reduced-motion: reduce){ #qp-book-local .qp-rf84-spin{ animation:none; } }

  #qp-book-local .qp-rf82-bar{ display:flex; flex-wrap:wrap; gap:14px; margin:0 0 14px; }
  #qp-book-local .qp-rf82-grp{ display:inline-flex; gap:6px; }
  #qp-book-local .qp-rf82-b{ background:none; border:1px solid rgba(127,147,173,.30); color:#9aa4b2;
    border-radius:999px; padding:5px 13px; font:500 12.5px/1 system-ui,-apple-system,sans-serif;
    cursor:pointer; }
  #qp-book-local .qp-rf82-b.is-on{ background:#18c998; border-color:#18c998; color:#04212b; }
  body.qp-theme-light #qp-book-local .qp-rf82-b{ border-color:rgba(0,0,0,.18); color:#2a4a55; }
  body.qp-theme-light #qp-book-local .qp-rf82-b.is-on{ background:#0d7f70; border-color:#0d7f70; color:#fff; }
  #qp-book-local .qp-rf82-note{ font-size:12px; opacity:.65; margin:0 0 16px; font-style:italic; }
  #qp-book-local .qp-rf82-card{ margin-bottom:22px; }
  #qp-book-local .qp-rf82-who{ font-weight:700; font-size:13.5px; margin:0 0 2px; }
  #qp-book-local .qp-rf82-when{ font-weight:400; opacity:.55; margin-left:8px; font-size:12px; }
  #qp-book-local .qp-rf82-refs{ font-size:11.5px; opacity:.55; margin:0 0 8px; }
  #qp-book-local .qp-rf82-meta{ font-size:11.5px; opacity:.55; margin-top:8px; }

   
  #qp-book-local .qp-bk-had65{ font-weight:700; opacity:.8; margin:0 0 6px; }
  #qp-book-local .qp-bk-com a{ color:inherit; text-decoration:underline; text-underline-offset:2px; }
  #qp-book-local .qp-bk-src54{ font:600 11.5px/1.4 system-ui,-apple-system,sans-serif;
    letter-spacing:.3px; text-transform:uppercase; opacity:.55; margin:0 0 8px; }

   
  #qp-leave48{ position:fixed; inset:0; z-index:1000100; display:flex; align-items:center;
    justify-content:center; padding:22px; background:rgba(3,7,18,.62);
    -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
  .qp-leave48-card{ width:100%; max-width:330px; background:#0f172a; color:#dfe7ee;
    border:1px solid rgba(255,255,255,.12); border-radius:16px; padding:20px 20px 16px;
    box-shadow:0 20px 60px rgba(0,0,0,.5); text-align:center;
    font:400 14px/1.5 system-ui,-apple-system,sans-serif; }
  body.qp-theme-light .qp-leave48-card{ background:#fff; color:#12303a; border-color:rgba(0,0,0,.1); }
  .qp-leave48-card h2{ margin:0 0 6px; font-size:17px; font-weight:700; }
  .qp-leave48-card p{ margin:0 0 16px; opacity:.75; }
  .qp-leave48-row{ display:flex; gap:10px; }
  .qp-leave48-row button{ flex:1; border-radius:10px; padding:10px 12px; font:600 14px system-ui;
    cursor:pointer; }
  .qp-leave48-stay{ flex:1.6 !important; border:1px solid darkturquoise; background:darkturquoise; color:#04231e; }
  .qp-leave48-go{ border:1px solid rgba(255,255,255,.22); background:none; color:inherit; }
  body.qp-theme-light .qp-leave48-go{ border-color:rgba(0,0,0,.18); }

   
  #qp-rate50{ display:block; padding-right:16px; position:relative; }
  #qp-rate50 .qp-rate50-stars{ display:inline-flex; gap:4px; }
  #qp-rate50 .qp-rate50-star{ background:none; border:0; padding:2px 3px; cursor:pointer;
    font-size:22px; line-height:1; color:rgba(255,255,255,.34); transition:color .12s, transform .12s; }
  #qp-rate50 .qp-rate50-star:hover{ color:#ffc857; transform:scale(1.14); }
  #qp-rate50 .qp-rate50-x{ position:absolute; top:-4px; right:-6px; background:none; border:0;
    color:inherit; opacity:.55; font-size:17px; line-height:1; padding:2px 4px; cursor:pointer; }

   
  .qp-fb36-card.is-compact46 .qp-fb36-msg,
  .qp-fb36-card.is-compact46 .qp-fb36-email,
  .qp-fb36-card.is-compact46 .qp-fb36-row{ display:none; }
  .qp-fb36-card.is-compact46 .qp-fb36-h{ font-size:17px; line-height:1.35; }
  .qp-fb36-card.is-compact46 .qp-fb36-stars{ margin:14px 0 4px; }
#qp-fb36{ position:fixed; inset:0; z-index:200500; background:rgba(6,10,20,0.55);
  backdrop-filter:blur(22px) saturate(180%); -webkit-backdrop-filter:blur(22px) saturate(180%);
  display:flex; align-items:center; justify-content:center; padding:18px; }
#qp-fb36 .qp-fb36-card{ position:relative; width:100%; max-width:560px; border-radius:16px;
  background:#101a28; color:#e8f0f8; padding:26px 24px 20px; box-shadow:0 18px 60px rgba(0,0,0,0.55);
  font-family:system-ui,-apple-system,sans-serif; }
body.qp-theme-light #qp-fb36{ background:rgba(236,241,247,0.55); }
body.qp-theme-light #qp-fb36 .qp-fb36-card{ background:#ffffff; color:#1c2733;
  border:1px solid rgba(15,23,42,0.07); box-shadow:0 30px 90px rgba(15,23,42,0.20); }
body:not(.qp-theme-light) #qp-fb36 .qp-fb36-card{ border:1px solid rgba(255,255,255,0.10);
  box-shadow:0 30px 90px rgba(0,0,0,0.50); }
#qp-fb36 .qp-fb36-h{ margin:0 0 14px; font-size:20px; font-weight:800; letter-spacing:-0.2px; }
#qp-fb36 .qp-fb36-x{ position:absolute; top:12px; right:12px; width:32px; height:32px; border:0;
  border-radius:50%; background:rgba(255,255,255,0.12); color:inherit; font-size:17px; cursor:pointer; }
body.qp-theme-light #qp-fb36 .qp-fb36-x{ background:rgba(0,0,0,0.08); }
#qp-fb36 .qp-fb36-stars{ display:flex; gap:6px; margin:0 0 12px; }
#qp-fb36 .qp-fb36-star{ font-size:30px; line-height:1; background:transparent; border:0; cursor:pointer;
  color:rgba(148,163,184,0.55); padding:2px 4px; }
#qp-fb36 .qp-fb36-star.is-on{ color:#f4c04e; }
#qp-fb36 .qp-fb36-msg, #qp-fb36 .qp-fb36-email{ width:100%; box-sizing:border-box; border-radius:10px;
  border:1px solid rgba(148,163,184,0.35); background:rgba(255,255,255,0.06); color:inherit;
  padding:11px 12px; font-size:15px; margin:0 0 10px; font-family:inherit; }
body.qp-theme-light #qp-fb36 .qp-fb36-msg, body.qp-theme-light #qp-fb36 .qp-fb36-email{ background:#f6f8fb; }
#qp-fb36 .qp-fb36-row{ display:flex; justify-content:flex-end; gap:10px; margin-top:2px; }
#qp-fb36 .qp-fb36-cancel{ border:1px solid rgba(148,163,184,0.4); background:transparent; color:inherit;
  border-radius:10px; padding:9px 16px; cursor:pointer; }
#qp-fb36 .qp-fb36-send{ border:0; background:#2f9e8f; color:#fff; border-radius:10px; padding:9px 20px;
  font-weight:700; cursor:pointer; }
#qp-fb36 .qp-fb36-note{ min-height:18px; margin-top:10px; font-size:13.5px; opacity:0.85; }
#qp-fb36 .qp-fb40-p{ margin:4px 0 16px; font-size:15px; line-height:1.55; opacity:0.92; }
#qp-fb36 .qp-fb40-track{ height:6px; border-radius:3px; background:rgba(148,163,184,0.25); overflow:hidden; margin:0 0 16px; }
#qp-fb36 .qp-fb40-bar{ height:100%; width:100%; background:#2f9e8f; transform-origin:left; transform:scaleX(1); }
#qp-fb36 .qp-fb40-bar.is-run{ transition:transform 2.8s linear; transform:scaleX(0); }
#qp-fb36 .qp-fb40-close{ border:1px solid rgba(148,163,184,0.4); background:transparent; color:inherit; border-radius:10px; padding:9px 16px; cursor:pointer; }
#qp-fb36 .qp-fb36-star{ transition:color .12s ease, transform .12s ease; }
#qp-fb36 .qp-fb36-star:hover{ transform:scale(1.12); }
@media (max-width:820px){
  #qp-fb36{ padding:0; align-items:stretch; }
  #qp-fb36 .qp-fb36-card{ max-width:none; border-radius:0; display:flex; flex-direction:column; justify-content:center; }
}
 
@media (max-width: 820px) {
    body.qp-roottab64 #qp-exit-roots64 {
margin: -97px 67px 8px auto;    
font-size: 11px;
font-family: helvetica;
font-weight: 500;
}
}
 
html.qp-standalone #mushaf-preview-topbar{ padding-top: calc(10px + env(safe-area-inset-top)); }
html.qp-standalone #mp-view-tabs{ top: calc(52px + env(safe-area-inset-top)); }
html.qp-standalone #mushaf-preview-inner{ padding-top: calc(94px + env(safe-area-inset-top)); }
 
html.qp-standalone #tm-lab-info .tmi-bar{ padding-top:12px; }
html.qp-standalone #tm-lab-info{ top:max(5vh, calc(env(safe-area-inset-top, 0px) + 6px)) !important;
  height:auto !important; max-height:none !important; bottom:0 !important; }
 
body.qp-mem-on84 #verse-viewer-host .vv-list{ padding-bottom:240px !important; }
 
#qp-more-menu > button{ border-bottom:1px solid rgba(255,255,255,0.18) !important; }
body.qp-theme-light #qp-more-menu > button{ border-bottom:1px solid rgba(0,0,0,0.12) !important; }
#qp-more-menu [data-qp-div110]:not([data-qp-cap110]){ display:none !important; }
 
#qp-more-menu > div:not([data-qp-div110]):not(.qp-more-hdband):not(.qp-mm69-foot):not(.qp-mm69-body) > button{ font-size:17.5px !important; }    
 
 
@media (min-width:820px){
   
  #qp-home-saved-btn, #qp-home-help-btn, #qp-more-btn{
    margin-top:8px !important; margin-bottom:7px !important; vertical-align:middle !important; }
  #qp-home-saved-btn{ margin-left:4px !important; margin-right:54px !important; padding:8px !important; }
  #qp-home-help-btn{ margin-left:5px !important; margin-right:67px !important; }
   
  #qp-home-saved-lbl30, #qp-home-help-lbl31{ vertical-align:middle; line-height:1; }
}
@media (max-width:819.98px){
  #qp-home-saved-btn{ margin-right:7px !important; }
   
  #qp-home-help-btn{ margin:7px 0 5px -10px !important; }    
  #qp-home-help-lbl31{ margin-right:10px !important; margin-top:4px !important; }    
}

 
html.qp-standalone #true-mushaf-topbar #tm-tb-wrench,
html.qp-standalone #true-mushaf-topbar #tm-more-btn,
html.qp-standalone #true-mushaf-topbar #qp-tmhome98,
html.qp-standalone #true-mushaf-topbar #qp-tmhelp94,
html.qp-standalone #true-mushaf-topbar #tm-settings-btn{
  margin-top: calc(var(--qp-safe-top, 0px) / 2) !important; }
html.qp-standalone #tm-lab #tm-lab-tag{ margin-top: calc(var(--qp-safe-top, 0px) / 2) !important; }

 
@media (max-width:820px){
  html.qp-standalone #tm-size-snap{ bottom: calc(10px + 17px) !important; }
}

 
#qp-home-help-btn{ color:#e8eef7 !important; }
html.qp-theme-light #qp-home-help-btn,
body.qp-theme-light #qp-home-help-btn,
.app.qp-theme-light #qp-home-help-btn{ color:#0a1a14 !important; }

 
.qp-memz-num95{
  border:none !important; background:none !important;
  color:#c7d5e0 !important;
  font:100 12.5px system-ui, sans-serif !important;
  letter-spacing:.4px !important;
  margin-left:-8px !important; margin-top:-23px !important; margin-right:-8px !important; }
body.qp-theme-light .qp-memz-num95{ border:none !important; background:none !important; }
.qp-memz-x96{ color:rgb(255 255 255 / 89%) !important; }
.qp-memz-head95 .qp-memz-sec-t{ font:500 13.5px system-ui, sans-serif !important; }
.qp-memz-row > div:not([class]) > div:first-child{ font-size:13px !important; }
.qp-memz-row > div:not([class]) > div:last-child{
  opacity:.60 !important; font-style:normal !important; font-family:monospace !important; }

 
@keyframes qpSavedIn45{ from{ opacity:0; } to{ opacity:1; } }
@keyframes qpSavedCard45{ from{ opacity:0; transform:translateY(6px); } to{ opacity:1; transform:none; } }
.qp-bm-overlay{ animation: qpSavedIn45 .22s ease-out; }
.qp-bm-overlay .qp-bm-modal{ animation: qpSavedCard45 .22s ease-out; }
@media (prefers-reduced-motion: reduce){
  .qp-bm-overlay .qp-bm-modal{ animation: qpSavedIn45 .22s ease-out; }
}
 
 
body.qp-audio-live .qp-growl-bottom-center{ margin-bottom:50px !important; }
 
#verse-viewer-host .vv-head-save{ opacity:1; }
#verse-viewer-host .vv-head-save svg{ stroke-width:1.5; }
 
 
#qp-more-menu{ border-radius:18px 0 0 18px !important; box-shadow:-16px 0 42px rgba(0,0,0,0.45) !important; }
@media (min-width:820px){
  #qp-more-menu{ left:67vw !important; width:33vw !important; max-width:33vw !important; }
}
@media (max-width: 819.98px) {
    #qp-more-menu {
left: 0vw !important;
width: 100vw !important;
max-width: 100vw !important;
}
}
@media (max-width: 819.98px){ #qp-more-menu{ border-radius:0 !important; box-shadow:none !important; } }
#qp-more-menu .qp-mm69-card > button.qp-mm69-pron{ display:none !important; }
#qp-more-menu .qp-mm69-card > button {
font-size: 18px !important;
font-weight: 600 !important;
line-height: 2.1 !important;
-webkit-font-smoothing: antialiased;
}
#qp-more-menu .qp-mm69-card > button > span:first-child{ color:darkturquoise; }
body.qp-theme-light #qp-more-menu .qp-mm69-card > button > span:first-child{ color:#0d9488; }
html body #verse-viewer-host .vv-row .vv-row-head > .vv-h-btn.vv-h-savefolder.vv-h-savefolder{
  display:flex !important; visibility:visible !important; opacity:.9 !important; pointer-events:auto !important;
  order:0 !important; margin-left:2px !important; margin-right:0 !important; padding-left:11px !important; transform:none !important; }
@media (max-width:767px){
  html body #verse-viewer-host .vv-row-head .vv-h-actions > .vv-h-mushaf.vv-h-mushaf{ order:0 !important; margin-left:auto !important; margin-right:0 !important; padding-left:10px !important; }
  html body #verse-viewer-host .vv-row-head .vv-h-actions > .vv-h-mushaf ~ .vv-h-taf{ margin-left:0 !important; }
}
#verse-viewer-host .vv-row-head .vv-sf-ic {
    width: 28px !important;
    height: 19px !important;
    margin-top: 2px;
}

.vv-h-savefolder.is-saved .vv-sf-ic path {
    fill: #00ced1b0 !important;
    stroke: #e1cfd6 !important;
}
html body.qp-vvicons-min #verse-viewer-host .vv-row .vv-row-head .vv-h-actions .vv-h-mushaf.vv-h-mushaf{ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; }
#verse-viewer-host .vv-h-mushaf .vv-mushaf-ic{ margin-right:-5px !important; }
@media (max-width:767px){
  html body #verse-viewer-host .vv-row:not(.qp-vvlit89) .vv-row-head .vv-h-actions .vv-h-mushaf.vv-h-mushaf{ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; }
}
.qpbs-sheet.qpbs--save-to{ height:auto !important; max-height:86vh !important; }
.ql-bs-wrap .ql-folders-scroll, .qp-savepop .ql-folders-scroll{ min-height:0 !important; max-height:52vh !important; flex:0 1 auto !important; }
.ql-bs-wrap .ql-save-foot, .qp-savepop .ql-save-foot{ margin-top:0 !important; position:static !important; border-top:1px solid rgba(127,127,127,0.16); padding:4px 0 6px !important; }
.ql-save-empty77{ display:none !important; }
.qpbs--save-to .qpbs-header{ margin-bottom:4px !important; padding-bottom:8px !important; }
.qpbs--save-to .ql-folder-row, .qp-savepop .ql-folder-row{ border-top:0 !important; border-bottom:0 !important; min-height:50px; cursor:pointer;
  border-radius:12px; margin:2px 8px !important; padding:10px 14px !important; transition:background .15s ease; }
.qpbs--save-to .ql-folder-row:hover, .qp-savepop .ql-folder-row:hover{ background:rgba(127,127,127,0.10); }
.qpbs--save-to .ql-folder-row.is-selected, .qp-savepop .ql-folder-row.is-selected{ background:rgba(0,206,209,0.12); }
.qpbs--save-to .ql-folder-row.is-selected .folder-name, .qp-savepop .ql-folder-row.is-selected .folder-name{ font-weight:700; }
.qpbs--save-to .ql-folder-row.is-selected::after, .qp-savepop .ql-folder-row.is-selected::after{ content:'\2713'; margin-left:auto; padding-left:12px; color:darkturquoise; font-weight:800; font-size:17px; }
body.qp-theme-light .qpbs--save-to .ql-folder-row.is-selected::after, body.qp-theme-light .qp-savepop .ql-folder-row.is-selected::after{ color:#0d9488; }
html body .ql-bs-wrap .ql-save-foot .ql-add-folder-trigger, html body .qp-savepop .ql-save-foot .ql-add-folder-trigger{
  background:transparent !important; border:0 !important; color:inherit !important; justify-content:flex-start !important; align-items:center;
  font-weight:600 !important; font-size:15px; padding:12px 22px !important; margin:0 8px !important; border-radius:12px; opacity:.9; }
html body .ql-bs-wrap .ql-save-foot .ql-add-folder-trigger:hover, html body .qp-savepop .ql-save-foot .ql-add-folder-trigger:hover{ background:rgba(127,127,127,0.10) !important; }
.ql-nf78-ic{ display:inline-block; width:24px; margin-right:5px; text-align:center; font-size:22px; line-height:1; color:darkturquoise; }
body.qp-theme-light .ql-nf78-ic{ color:#0d9488; }
#verse-viewer-host .vv-h-savefolder{ -webkit-touch-callout:none; -webkit-user-select:none; user-select:none; }
#qp-savetoast79{ position:fixed; left:50%; bottom:calc(18px + env(safe-area-inset-bottom, 0px)); z-index:1000070;
  width:min(520px, calc(100vw - 24px)); box-sizing:border-box; padding:9px; border-radius:18px; background:#8f2238;
  box-shadow:0 16px 42px rgba(0,0,0,0.45); transform:translate(-50%, 150%); opacity:0; pointer-events:none;
  transition:transform .36s cubic-bezier(.22,.61,.36,1), opacity .22s ease; }
#qp-savetoast79.is-in{ transform:translate(-50%, 0); opacity:1; pointer-events:auto; }
#qp-savetoast79 .st79-in{ display:flex; align-items:center; gap:12px; padding:13px 12px 13px 16px; border-radius:14px;
  background:#761d2e; border:1.5px solid rgba(232,160,130,0.75); color:#ffffff; font:500 15.5px/1.4 system-ui,-apple-system,sans-serif; }
#qp-savetoast79 .st79-msg{ flex:1 1 auto; min-width:0; }
#qp-savetoast79 .st79-msg i{ font-weight:700; }
#qp-savetoast79 .qp-qs78-chg{ color:#ffd84d; font-weight:700; text-decoration:underline; text-underline-offset:3px; white-space:nowrap; }
#qp-savetoast79 .st79-x{ flex:0 0 auto; width:30px; height:30px; border:0; border-radius:50%; background:rgba(255,255,255,0.15);
  color:#ffffff; font-size:15px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; padding:0; }
@media (prefers-reduced-motion: reduce){ #qp-savetoast79{ transition:opacity .2s ease; } }
html body .qp-savepop{ border:1px solid rgba(255,255,255,0.13) !important;
  border-radius:20px !important; box-shadow:0 18px 50px rgba(0,0,0,0.55) !important; max-height:min(62vh,440px) !important; }
html body .qp-savepop-hd{ padding:12px 12px 10px 16px !important; font:700 11px/1.2 system-ui,-apple-system,sans-serif !important; letter-spacing:.12em;
  text-transform:uppercase; color:rgba(0,206,209,0.9); border-bottom:1px solid rgba(255,255,255,0.10) !important; }
html body .qp-savepop-x{ width:26px; height:26px; border-radius:50%; font-size:17px !important; display:inline-flex; align-items:center; justify-content:center; padding:0 !important; color:rgba(232,238,247,0.75) !important; }
html body .qp-savepop-bd{ min-height:0; }
html body .qp-savepop .ql-folder-row{ min-height:44px !important; padding:9px 12px 9px 16px !important; margin:1px 6px !important; border-radius:10px; gap:10px; }
html body .qp-savepop .ql-folder-row .folder-name{ font-size:15px; }
html body .qp-savepop .ql-folder-row.is-selected{ background:transparent; }
html body .qp-savepop .ql-folder-row:hover{ background:rgba(127,127,127,0.10); }
html body .qp-savepop .ql-save-foot .ql-add-folder-trigger{ padding:10px 16px !important; margin:0 6px !important; font-size:14.5px; }
html body .qp-savepop .ql-add-folder-row{ padding:6px 12px 8px !important; }
body.qp-theme-light .qp-savepop{ background:#ffffff !important; border-color:rgba(0,0,0,0.10) !important; box-shadow:0 18px 50px rgba(0,0,0,0.18) !important; }
body.qp-theme-light .qp-savepop-hd{ color:#0d8f8f; border-bottom-color:rgba(0,0,0,0.08) !important; }
body.qp-theme-light .qp-savepop-x{ color:#475569 !important; }
html body .qp-savepop-dim{ -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
#qp-savetoast79{ padding:0 !important; background:#8f2238 !important; border-radius:14px !important; box-shadow:0 10px 30px rgba(0,0,0,0.35) !important; }
#qp-savetoast79 .st79-in{ background:transparent !important; border:0 !important; border-radius:0 !important; padding:13px 10px 13px 16px !important; }
#qp-savetoast79 .st79-x{ background:transparent !important; width:28px !important; height:28px !important; font-size:16px !important; opacity:.9; }
#qp-savetoast79{ -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; }
#qp-savetoast79 .st79-tip{ display:block; margin-top:5px; font-size:12px; font-weight:500; line-height:1.35; color:rgba(255,255,255,0.74); letter-spacing:.01em; -webkit-font-smoothing:antialiased; }
body:not(.qp-theme-light) #ql-bottom-tabs{ background-color:#020817 !important;
  box-shadow:0 -1px 0 rgba(45,212,191,0.32), 0 -18px 34px -12px rgba(45,212,191,0.42) !important; }
body:not(.qp-theme-light) #ql-bottom-tabs .tabs-container{ background-color:transparent !important; }
body:not(.qp-theme-light) #ql-bottom-tabs::before{ content:''; position:absolute; left:0; right:0; bottom:100%; height:40px; pointer-events:none;
  background:linear-gradient(to top, rgba(2,8,23,0.94), rgba(2,8,23,0)); }
html body.qp-roottab64.no-scroll{ overflow:visible !important; }
.qprs-best46-card .qprs-ra-card .qprs-ra-ar{ font-family:'me_quran','KFGQPC HAFS Uthmanic Script','Traditional Arabic',serif !important;
  font-size:34px !important; line-height:1.6 !important; letter-spacing:0 !important; }
.qprs-best46-card .qprs-ra-card .qprs-ra-en{ font:500 19px/1.35 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important; color:#e2e8f0 !important; opacity:1 !important; }
body.qp-theme-light .qprs-best46-card .qprs-ra-card .qprs-ra-en{ color:#1e293b !important; }
html.qp-theme-light #searchbox #q::placeholder, body.qp-theme-light #searchbox #q::placeholder{ color:rgba(15,23,42,0.52) !important; }
.qp-acct99-btn{ display:none !important; }
#qp-splash .qp-splash-center .qp-splash-ver96{ position:static !important; inset:auto !important; margin:-12px 0 0 !important; text-align:center; opacity:0.8 !important;
  font:300 12.5px/1.3 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important; letter-spacing:.08em; color:rgba(226,232,240,0.66) !important; }
html.qp-theme-light #qp-splash .qp-splash-center .qp-splash-ver96{ color:rgba(15,23,42,0.58) !important; }
html.qp-vsw07.qp-vrow-mobile .srow[data-n]{ touch-action:pan-y !important; }
.srow.qp-vsw07-on{ position:relative !important; overflow:hidden !important; isolation:isolate; }
.srow.qp-vsw07-on > *:not(.qp-vsw07-under):not(.qp-vsw07-face){ transform:translate3d(var(--vsw07-x, 0px), 0, 0); }
.srow.qp-vsw07-on > .qp-vsw07-face{ display:block; }
.srow.qp-vsw07-on > .qp-vsw07-under{ display:flex; }
.srow.qp-vsw07-dl .qp-vsw07-l, .srow.qp-vsw07-dr .qp-vsw07-r{ visibility:visible; }
.srow.qp-vsw07-open .qp-vsw07-under{ pointer-events:auto; }
.qp-vsw07-sbg{ background:#0e7490; }
.qp-vsw07-smush{ background:#4338ca; }
.srow .qp-vsw07-side > .qp-vsw07-act{ width:var(--ch26w, 74px); }
.srow .qp-vsw07-act{ font-size:13px; gap:8px; }
#qp-swhint26{ position:fixed; left:18px; right:18px; z-index:2147483000; max-width:420px; margin:0 auto;
  padding:16px 16px 14px 18px; border-radius:16px; background:#131b2c; border:1px solid rgba(255,255,255,0.07);
  box-shadow:0 0 0 2px rgba(37,208,191,0.55), 0 0 47px 0 rgb(37,208,191); color:#e2e8f0;
  font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; opacity:0; transform:translateY(10px) scale(.98); transition:opacity .3s ease, transform .3s cubic-bezier(.2,.8,.2,1); }
#qp-swhint26.is-in26{ opacity:1; transform:none; }
#qp-swhint26 .t26{ font-weight:650; font-size:16px; line-height:1.35; color:#fff; }
#qp-swhint26 .row26{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:12px; }
#qp-swhint26 .cb26{ display:flex; align-items:center; gap:8px; font-size:13px; color:rgba(226,232,240,0.75); }
#qp-swhint26 .cb26 input{ width:18px; height:18px; accent-color:#25d0bf; margin:0; }
#qp-swhint26 .g26{ flex:0 0 auto; border:0; border-radius:999px; padding:10px 16px; background:#0e8a8f; color:#fff; font:700 14px/1 -apple-system, BlinkMacSystemFont, sans-serif; cursor:pointer; }
body.qp-theme-light #qp-swhint26{ background:#ffffff; color:#0f172a; }
body.qp-theme-light #qp-swhint26 .t26{ color:#0f172a; }
body.qp-theme-light #qp-swhint26 .cb26{ color:rgba(15,23,42,0.65); }
#qp-swhand27{ position:fixed; width:120px; height:120px; z-index:2147483001; pointer-events:none; opacity:0;
  transition:opacity .35s ease, transform 1.3s cubic-bezier(.33,0,.25,1); filter:drop-shadow(0 6px 14px rgba(0,0,0,0.35)); }
#qp-swhand27.is-in26{ opacity:1; }
#qp-swhand27 svg{ width:100%; height:100%; display:block; }
#qp-swhand27.to-left27 svg{ transform:scaleY(-1) rotate(-90deg); }
#qp-swhand27.to-right27 svg{ transform:scaleY(-1) rotate(90deg) scaleX(-1); }
@media (prefers-reduced-motion: reduce){ #qp-swhand27{ transition:opacity .25s ease; } }
#qp-swhand27{ scale:.9; translate:0 10px; }
.qprs-best46-card .qprs-ra-w i {
font-size: 22px !important;
}

.qprs-best46-card .qprs-ra-card .qprs-ra-ar {
font-size: 29px !important;
}
@property --qp06-t0{ syntax:'<length>'; inherits:false; initial-value:0px; }
@property --qp06-t1{ syntax:'<length>'; inherits:false; initial-value:0px; }
@property --qp06-b0{ syntax:'<length>'; inherits:false; initial-value:0px; }
@property --qp06-b1{ syntax:'<length>'; inherits:false; initial-value:0px; }
@media (min-width: 768px){
  html body #verse-viewer-host .vv-surah-header{ display:flex !important; position:relative !important; overflow:hidden !important; isolation:isolate;
    transform:none !important; margin-top:0 !important; margin-bottom:20px !important; margin-left:calc(-1 * var(--qp04-bl, 0px)) !important; margin-right:calc(-1 * var(--qp04-br, 0px)) !important;
    width:calc(100% + var(--qp04-bl, 0px) + var(--qp04-br, 0px)) !important; max-width:none !important; box-sizing:border-box !important; align-self:stretch !important; flex:0 0 auto !important; min-height:clamp(330px, 30vw, 450px) !important;
    padding:clamp(34px, 3.4vw, 50px) clamp(18px, 3vw, 40px) clamp(22px, 2.4vw, 32px) !important; border-radius:0 !important;
    border:0 !important; border-bottom:1px solid rgba(10,171,190,.36) !important;
    background:radial-gradient(ellipse 34% 80% at 50% 18%, rgba(10,103,123,.28), transparent 72%), linear-gradient(180deg, #062435 0%, #031526 42%, #020c19 100%) !important; }
  html body #verse-viewer-host .vv-surah-header::before{ display:none !important; }
  html body #verse-viewer-host .vv-surah-header > .qp-shorn04{ position:absolute !important; z-index:0 !important; top:-30px; bottom:auto; height:calc(100% + 30px); width:auto; max-width:42%; aspect-ratio:640 / 516; pointer-events:none;
    background:var(--qp-dt-corner-bl, url('/quranplus/img/desktop-themes/theme-02/dark/corner-bl.png')) left bottom / contain no-repeat; opacity:.6;
    -webkit-mask-image:none; mask-image:none; }
  html body #verse-viewer-host .vv-surah-header > .qp-shorn04-l{ left:0; transform:scaleY(-1); }
  html body #verse-viewer-host .vv-surah-header > .qp-shorn04-r{ right:0; transform:scale(-1, -1); }
  html body #verse-viewer-host .vv-surah-header .vv-surah-header-bismillah{ display:flex !important; justify-content:center !important; align-items:center; width:100%; margin-bottom:clamp(10px, 1.4vw, 16px) !important; opacity:.96 !important; }
  html body.qp-hero05 #verse-viewer-host .vv-head{ transition:transform .38s cubic-bezier(.32,.72,0,1) !important; }
  html body.qp-hero05.qp-head05-away #verse-viewer-host .vv-head{ transform:translateY(var(--qp05-away, -110%)) !important; }
  html body.qp-hero05.qp-head05-gone #verse-viewer-host .vv-head{ display:none !important; }
  html body.qp-hero05 #vv-sticky-surah{ top:var(--qp05-st, 0px) !important; }
  html body.qp-hero05 #vv-sticky-surah{ transition:top .38s cubic-bezier(.32,.72,0,1), transform .38s cubic-bezier(.32,.72,0,1), opacity .28s ease !important;
    transform:translateY(-130%) !important; opacity:0 !important; pointer-events:none !important; }
  html body.qp-hero05.qp-strip05-in #vv-sticky-surah{ transform:none !important; opacity:1 !important; pointer-events:auto !important; }
  html body.qp-hero05 #verse-viewer-host .vv-surah-header{ margin-top:calc(-1 * var(--qp05-up, 0px)) !important; }
  html body.qp-hero05 #verse-viewer-host .vv-list{ overflow-anchor:none !important; }
  html body.qp-hero05 #verse-viewer-host .vv-card{ position:relative !important; }
  html body.qp-hero05 #verse-viewer-host .vv-head{ position:absolute !important; left:0 !important; right:0 !important; }
  html body.qp-hero05 #verse-viewer-host .vv-list{ flex:1 1 auto !important; min-height:0 !important; max-height:none !important; scroll-padding-top:72px; }
  html body.qp-hero05 #verse-viewer-host .vv-list{
    -webkit-mask-image:linear-gradient(to bottom, transparent 0, transparent var(--qp06-t0), #000 var(--qp06-t1), #000 calc(100% - var(--qp06-b1)), transparent calc(100% - var(--qp06-b0)), transparent 100%) !important;
    mask-image:linear-gradient(to bottom, transparent 0, transparent var(--qp06-t0), #000 var(--qp06-t1), #000 calc(100% - var(--qp06-b1)), transparent calc(100% - var(--qp06-b0)), transparent 100%) !important;
    -webkit-mask-size:100% 100% !important; mask-size:100% 100% !important; -webkit-mask-repeat:no-repeat !important; mask-repeat:no-repeat !important; }
  body.qp-hero05 #verse-viewer-host .vv-list{ transition:--qp06-t0 .38s cubic-bezier(.32,.72,0,1), --qp06-t1 .38s cubic-bezier(.32,.72,0,1), --qp06-b0 .42s cubic-bezier(.32,.72,0,1), --qp06-b1 .42s cubic-bezier(.32,.72,0,1); }
  html body #vv-sticky-surah{ height:60px !important; border-top:1px solid rgba(214,178,110,.55) !important; border-bottom:1px solid rgba(214,178,110,.55) !important;
    background:linear-gradient(180deg, rgba(12,30,46,.97) 0%, rgba(7,19,33,.97) 100%) !important; box-shadow:0 6px 18px rgba(0,0,0,.28), inset 0 1px 0 rgba(94,234,212,.10); }
  html body #vv-sticky-surah .qp-sn57-name{ font-size:21px !important; font-weight:600 !important; letter-spacing:.3px; }
  html body #vv-sticky-surah .qp-bgs2{ font-size:16.5px !important; }
  html body #vv-sticky-surah .qp-bgs2-l{ padding:4px 2px !important; }
  html body.qp-theme-light #vv-sticky-surah{ background:#ffffff !important; border-top-color:transparent !important; border-bottom-color:rgba(15,23,42,.10) !important; box-shadow:0 4px 12px rgba(15,23,42,.05); }
  body.qp-hero04-in #verse-viewer-host .vv-head .vv-head-bismi{ opacity:0 !important; pointer-events:none !important; transition:opacity .3s ease; }
  #verse-viewer-host .vv-head .vv-head-bismi{ transition:opacity .3s ease; }
  html body #verse-viewer-host .vv-surah-header .vv-surah-header-bismillah svg{ width:clamp(210px, 28vw, 330px) !important; height:auto; }
  html body #verse-viewer-host .vv-surah-header .vv-surah-header-main-row{ gap:clamp(12px, 1.8vw, 20px) !important; margin-bottom:8px !important; align-items:center; }
  html body #verse-viewer-host .vv-surah-header .vv-surah-header-title{ font-size:clamp(28px, 3.5vw, 40px) !important; font-weight:750 !important; letter-spacing:-.02em !important; line-height:1.1; }
  html body #verse-viewer-host .vv-surah-header .vv-surah-header-arabic{ font-size:clamp(30px, 3.9vw, 44px) !important; line-height:1.2; }
  html body #verse-viewer-host .vv-surah-header .vv-surah-header-divider-line svg{ height:clamp(32px, 3.6vw, 42px) !important; }
  html body #verse-viewer-host .vv-surah-header .vv-sh-arplay{ width:clamp(50px, 5.4vw, 64px) !important; height:clamp(50px, 5.4vw, 64px) !important; flex:0 0 auto !important; border-width:2px !important; margin-left:clamp(4px, .6vw, 8px) !important; }
  html body #verse-viewer-host .vv-surah-header .vv-sh-arplay .qh-play24{ width:18px !important; height:20px !important; }
  html body #verse-viewer-host .vv-surah-header .vv-surah-header-meta{ font-size:clamp(15px, 1.55vw, 18px) !important; }
  html body #verse-viewer-host .vv-surah-header .vv-surah-header-bgs{ grid-template-columns:repeat(4, minmax(0, 1fr)) !important; width:min(760px, 94%) !important; max-width:none !important; margin-top:clamp(18px, 2.4vw, 28px) !important; }
  html body #verse-viewer-host .vv-surah-header .vv-surah-header-bgs .qp-bgs-link{ min-height:clamp(66px, 7vw, 82px); justify-content:center !important; gap:8px; font-size:clamp(12.5px, 1.35vw, 15px) !important; font-weight:600 !important;
    border-right:1px solid rgba(194,213,231,.18); }
  html body #verse-viewer-host .vv-surah-header .vv-surah-header-bgs .qp-bgs-mush04{ order:10; border-right:0; }
  html body #verse-viewer-host .vv-surah-header .vv-surah-header-bgs .qp-bgs-mush04::before{ content:''; display:block; width:23px; height:23px; background:currentColor; opacity:.92;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M3 5.5c2.6-1.2 5.6-1.2 9 .8 3.4-2 6.4-2 9-.8v13c-2.6-1.2-5.6-1.2-9 .8-3.4-2-6.4-2-9-.8z'/%3E%3Cpath d='M12 6.3v13'/%3E%3C/svg%3E") center / contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M3 5.5c2.6-1.2 5.6-1.2 9 .8 3.4-2 6.4-2 9-.8v13c-2.6-1.2-5.6-1.2-9 .8-3.4-2-6.4-2-9-.8z'/%3E%3Cpath d='M12 6.3v13'/%3E%3C/svg%3E") center / contain no-repeat; }
  body.qp-theme-light #verse-viewer-host .vv-surah-header{ background:radial-gradient(ellipse 38% 90% at 50% 16%, rgba(129,208,216,.28), transparent 73%), linear-gradient(180deg, #edf7f7 0%, #f6faf9 52%, #f7faf9 100%) !important;
    border-bottom-color:#b8dadd !important; }
  html body.qp-theme-light #verse-viewer-host .vv-surah-header > .qp-shorn04{ background-image:var(--qp-dt-corner-bl, url('/quranplus/img/desktop-themes/theme-02/light/corner-bl.png')); opacity:.75; }
  html body.qp-theme-light #verse-viewer-host .vv-surah-header .vv-surah-header-bgs .qp-bgs-link{ border-right-color:rgba(36,103,120,.16); }
  html body.qp-theme-light #verse-viewer-host .vv-surah-header .vv-surah-header-bgs .qp-bgs-mush04{ border-right:0; }
}
@media (max-width: 767.98px){
  #verse-viewer-host .vv-surah-header .vv-surah-header-bgs .qp-bgs-mush04, #verse-viewer-host .vv-surah-header > .qp-shorn04{ display:none !important; }
}
@media (max-width:767.98px){
  #big-iframe-overlay.qp-bsheet19:has(iframe[src*="99names"]){ top:0 !important; }
  #big-iframe-overlay.qp-bsheet19:has(iframe[src*="99names"]) .qp-bsheet19-grab{ height:12px !important; }
  html.qp-standalone #big-iframe-overlay.qp-bsheet19:has(iframe[src*="99names"]){ top:var(--qp-safe-top) !important; }
}
#qp-nc99-th .qp-micfix98{ margin-top:10px; text-align:center; font-size:12px; line-height:1.4; color:rgba(148,163,184,0.85); }
#qp-nc99-th .qp-micfix98 .qp-micfix98-a{ color:#38bdf8; text-decoration:underline; cursor:pointer; -webkit-tap-highlight-color:transparent; }
#qp-nc99-th.ro62 .qp-micfix98, #qp-nc99-th .ro62 .qp-micfix98{ display:none !important; }
body.qp-fixfromnote98 #qp-nc99-th{ visibility:hidden !important; }
#tm-lab #tm-lab-top #tm-lab-tag{ position:static !important; transform:none !important; left:auto !important; top:auto !important; margin-left:0 !important; }
html.qp-standalone body #tm-lab #tm-lab-tag{ margin-top:0 !important; }
#tm-lab #tm-lab-top .qp-labbtn97{ cursor:pointer; background:none; border:none; color:rgba(255,255,255,0.92); padding:4px; display:inline-flex;
  align-items:center; justify-content:center; border-radius:8px; -webkit-tap-highlight-color:transparent; }
#tm-lab #tm-lab-top .qp-labbtn97:hover{ color:#7fe0cf; }
body.qp-theme-light #tm-lab #tm-lab-top .qp-labbtn97{ color:rgba(0,0,0,0.55); }
@media (max-width: 767px){
  body .vv-history-overlay{ padding:env(safe-area-inset-top, 0px) 0 env(safe-area-inset-bottom, 0px) 0 !important; align-items:stretch !important;
    width:auto !important; height:auto !important; }
  body .vv-history-overlay .vv-history-modal{ width:100% !important; max-width:none !important; height:100% !important; max-height:none !important;
    border-radius:0 !important; }
  body:has(.vv-history-overlay) #ql-bottom-tabs{ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; }
}
@media (max-width: 767px){
  #qp-nc99-th .qp-nc99-ta.qp-nc99-ta{ font-size:16px !important; }
}
#leftScroll #results{ padding-bottom: calc(140px + env(safe-area-inset-bottom, 0px)) !important; }
@media (max-width:767.98px){
  html.qp-standalone #big-iframe-overlay.qp-bsheet19{ top: calc(var(--qp-safe-top) + 8px) !important; }
  html.qp-standalone #big-iframe-overlay.qp-bsheet19 .big-ol-shell{ top: 0 !important; }
}
@media (max-width: 767px){
  html.qp-vrow-mobile body #verse-viewer-host .vv-row.qp-vvlit89 .qp-rr53.qp-rr53{ overflow:visible !important; }
  html.qp-vrow-mobile body #verse-viewer-host .vv-row.qp-vvlit89 .qp-rr53 .qp-rr53-row{ position:relative; padding-top:12px !important; padding-bottom:12px !important; margin-top:-12px !important; margin-bottom:-12px !important; }
  html.qp-vrow-mobile #verse-viewer-host .qp-rr53-row .qp-rr53-i.qp-notes66{ margin-left:8px !important; }
}
.qp-auto83 .qp-nc99-scope{ display:none !important; }

.srow .qp-vsw07-sbg, .srow .qp-vsw07-smush{ background:url(/quranplus/img/qp-pat-dark.webp) center/cover no-repeat, #13242b !important; color:#f1f5f9 !important; box-shadow:none; }
.srow .qp-vsw07-act + .qp-vsw07-act{ box-shadow:inset 1px 0 0 rgba(214,178,110,0.55) !important; }
html.qp-theme-light .srow .qp-vsw07-sbg, body.qp-theme-light .srow .qp-vsw07-sbg, html.qp-theme-light .srow .qp-vsw07-smush, body.qp-theme-light .srow .qp-vsw07-smush{ background:url(/quranplus/img/qp-pat2-light.webp) center/cover no-repeat, #f4eee3 !important; color:#2b2418 !important; }
html.qp-theme-light .srow .qp-vsw07-act + .qp-vsw07-act, body.qp-theme-light .srow .qp-vsw07-act + .qp-vsw07-act{ box-shadow:inset 1px 0 0 rgba(120,96,62,0.45) !important; }
.srow .qp-vsw07-sbg, .srow .qp-vsw07-smush{ justify-content:center !important; padding:0 8px !important; box-sizing:border-box; }
.srow .qp-vsw07-sbg svg, .srow .qp-vsw07-smush svg{ display:none !important; }
.srow .qp-vsw07-sbg span, .srow .qp-vsw07-smush span{ font:600 14px/1.25 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; letter-spacing:.01em; text-align:center; max-width:92%; text-shadow:0 1px 2px rgba(0,0,0,0.45); }
html.qp-theme-light .srow .qp-vsw07-sbg span, body.qp-theme-light .srow .qp-vsw07-sbg span, html.qp-theme-light .srow .qp-vsw07-smush span, body.qp-theme-light .srow .qp-vsw07-smush span{ text-shadow:0 1px 0 rgba(255,255,255,0.7); }
.qp-next37{ display:flex; justify-content:flex-end; padding:20px 16px 28px; clear:both; }
.qp-next37 button{ display:inline-flex; align-items:center; gap:10px; border:1px solid rgba(45,212,191,0.45); background:rgba(45,212,191,0.08); color:inherit; border-radius:999px;
  padding:7px 7px 7px 18px; font:600 15px/1.2 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.qp-next37 button:active{ transform:scale(.98); }
.qp-next37 .l37{ font-weight:500; opacity:.62; }
.qp-next37 .a37{ width:32px; height:32px; border-radius:50%; background:#0e8a8f; color:#fff; display:flex; align-items:center; justify-content:center; flex:0 0 auto; }
html.qp-theme-light .qp-next37 button, body.qp-theme-light .qp-next37 button{ border-color:rgba(14,138,143,0.40); background:rgba(14,138,143,0.06); }
html body #qp-topic-pv57 .qp-pv57-ctxbar85{ display:flex !important; align-items:center; gap:6px; padding:2px 18px 8px; }
html body #qp-topic-pv57 .qp-pv57-ctxbar85 .qp-pv57-back, html body #qp-topic-pv57 .qp-pv57-ctxbar85 .qp-pv57-x, html body #qp-topic-pv57 .qp-pv57-ctxbar85 .qp-pv57-share{ display:none !important; }
html body #qp-topic-pv57 .qp-pv57-ctxbar85 .qp-pv57-ctxlab85, html body #qp-topic-pv57 .qp-pv57-ctxbar85 .qp-pv57-ctxinfo85{ display:inline-flex !important; align-items:center; }
html body #qp-topic-pv57 .qp-pv57-ctxlab85{ font:700 11.5px/1.2 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; letter-spacing:.14em; text-transform:uppercase; color:#7fe3d8; }
html body #qp-topic-pv57 .qp-pv57-ctxbar85 .qp-pv57-ctxinfo85{ color:#7fe3d8 !important; background:none; border:0; padding:4px; cursor:pointer; }
html body.qp-theme-light #qp-topic-pv57 .qp-pv57-ctxlab85, html body.qp-theme-light #qp-topic-pv57 .qp-pv57-ctxbar85 .qp-pv57-ctxinfo85{ color:#0e7c7f !important; }
html body #qp-topic-pv57.qp-borrow38 .qp-pv57-ctxbar85{ display:none !important; }
html body #qp-snp-taf .qp-snp-taf-title{ text-align:left !important; flex:1 1 auto; }
html body #qp-snp-taf .qp-bk-set99{ display:none !important; }
.qp-bk-gear38{ background:none; border:0; color:inherit; opacity:.9; padding:6px; margin-right:4px; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; }
html body #qp-snp-taf .qp-bk-pop99{ top:64px !important; bottom:auto !important; left:auto !important; right:12px !important; position:fixed !important; z-index:5; }
.qp-pen38{ background:none; border:0; color:inherit; opacity:.72; padding:4px 6px; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; vertical-align:middle; }
.qp-pen38.has38{ color:darkturquoise; opacity:1; }
body.qp-theme-light .qp-pen38.has38{ color:#1cc259; }
.qp-vn38{ position:fixed; inset:0; z-index:2147483200; }
.qp-vn38 .bd38{ position:absolute; inset:0; background:rgba(2,8,23,0.45); opacity:0; transition:opacity .25s ease; }
.qp-vn38 .sh38{ position:absolute; left:0; right:0; bottom:0; max-height:78vh; max-height:78dvh; display:flex; flex-direction:column; background:#0f1826; color:#e8eef7;
  border-radius:20px 20px 0 0; box-shadow:0 -12px 40px rgba(0,0,0,.45); transform:translateY(100%); transition:transform .3s cubic-bezier(.2,.8,.2,1);
  padding-bottom:env(safe-area-inset-bottom, 0px); font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
.qp-vn38.is-in38 .bd38{ opacity:1; }
.qp-vn38.is-in38 .sh38{ transform:none; }
.qp-vn38 .sh38.full38{ height:90vh; height:90dvh; max-height:90vh; max-height:90dvh; }
.qp-vn38 .hd38, .qp-vn38 .grip38, .qp-vn38 .flt38{ touch-action:none; }
.qp-vn38 .list38{ overscroll-behavior:contain; }
html.qp-vrow-mobile body #verse-viewer-host .vv-row .vv-row-head > .qp-pen38{ order:9 !important; margin-left:auto !important; }
html:not(.qp-vrow-mobile) body #verse-viewer-host .vv-row .vv-row-head > .qp-pen38{ order:0 !important; margin-left:4px !important; }
.qp-nf40{ display:flex; gap:8px; flex-wrap:wrap; padding:6px 2px 12px; }
.qp-nf40 button{ border:1px solid rgba(127,227,218,.28); background:none; color:inherit; border-radius:999px; padding:7px 12px; font:500 13.5px/1 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; cursor:pointer; }
.qp-nf40 button.on40{ background:#0e8a8f; border-color:#0e8a8f; color:#fff; }
.qp-nf40 i{ font-style:normal; opacity:.75; margin-left:3px; }
body.qp-theme-light .qp-nf40 button{ border-color:rgba(14,138,143,.3); }
body.qp-theme-light .qp-nf40 button.on40{ color:#fff; }
[data-nf40="mine"] .qp-nc99-card:not(.is-me), [data-nf40="mine"] .qpn7-card:not(.is-me){ display:none !important; }
[data-nf40="hl"] .qp-nc99-card.is-me, [data-nf40="hl"] .qpn7-card.is-me{ display:none !important; }
[data-nf40="mine"] .qp-nc99-sec[data-k40="hl"], [data-nf40="hl"] .qp-nc99-sec[data-k40="me"]{ display:none !important; }
.qpn7-grp[data-hide40]{ display:none !important; }
html.qp-micno40 .qp-nct7-mic{ display:none !important; }
@media (min-width: 1200px){ #verse-viewer-host .vv-head-row.qp-hb52on .vv-search-btn-desk.qp-hbsearch52{ display:inline-flex !important; align-items:center; gap:6px; width:auto !important; padding:6px 10px !important; } }
.qp-srb53 .a53 .qp-natb53{ display:inline-flex; align-items:center; gap:7px; border:1px solid rgba(45,212,191,.5); background:rgba(45,212,191,.12); color:inherit; border-radius:999px;
  padding:8px 14px; font:600 13.5px/1 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; cursor:pointer; white-space:nowrap; width:auto; height:auto; }
.qp-srb53{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:12px 0 16px; padding:12px 16px; border-radius:16px;
  background:linear-gradient(90deg, rgba(20,184,166,.20), rgba(20,184,166,.06)); border:1px solid rgba(45,212,191,.38); color:inherit;
  font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
html.qp-vrow-mobile .qp-srb53{ margin:12px 14px 16px; }
.qp-srb53 .t53{ flex:1 1 220px; min-width:0; display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; }
.qp-srb53 .k53{ font:700 11.5px/1.2 inherit; letter-spacing:.12em; text-transform:uppercase; color:#2dd4bf; }
.qp-srb53 .q53{ font:600 16px/1.3 inherit; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; }
.qp-srb53 .n53{ font:500 13.5px/1.3 inherit; opacity:.7; }
.qp-srb53 .a53{ display:flex; gap:8px; flex-wrap:wrap; }
.qp-srb53 .a53 button{ display:inline-flex; align-items:center; gap:7px; border:1px solid rgba(45,212,191,.5); background:rgba(45,212,191,.12); color:inherit; border-radius:999px;
  padding:8px 14px; font:600 13.5px/1 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; cursor:pointer; white-space:nowrap; }
.qp-srb53 .a53 button:hover{ background:rgba(45,212,191,.22); }
.qp-srb53 .a53 .p53{ background:#0e8a8f; border-color:#0e8a8f; color:#fff; }
body.qp-theme-light .qp-srb53{ background:linear-gradient(90deg, rgba(13,148,136,.14), rgba(13,148,136,.04)); border-color:rgba(13,148,136,.32); }
body.qp-theme-light .qp-srb53 .k53{ color:#0e7c7f; }
body.qp-theme-light .qp-srb53 .a53 button{ border-color:rgba(13,148,136,.4); background:rgba(13,148,136,.08); }
body.qp-theme-light .qp-srb53 .a53 .p53{ background:#0e8a8f; border-color:#0e8a8f; color:#fff; }
.qp-hb52, .qp-hbl52{ display:none; }
@media (min-width: 1200px) {
  #verse-viewer-host .vv-head-row .qp-hb52{ display:inline-flex !important; align-items:center; gap:6px; background:none; border:0; color:inherit; cursor:pointer; padding:6px 10px; white-space:nowrap; }
  #verse-viewer-host .vv-head-row .qp-hb52 svg, #verse-viewer-host .vv-head-row .qp-hb52 img{ width:20px; height:20px; flex:0 0 auto; }
  #verse-viewer-host .vv-head-row.qp-hb52on .qp-hbl52{ display:inline !important; white-space:nowrap; }
  #verse-viewer-host .vv-head-row.qp-hb52on .qp-star99-btn, #verse-viewer-host .vv-head-row.qp-hb52on .qp-home99-btn{ display:inline-flex; align-items:center; gap:6px; width:auto !important; padding:6px 10px !important; }
}
.qp-surah-sheet-overlay.qp-side42 .qp-verse-cell.is-current{ background:rgba(45,212,191,.16); color:#2dd4bf; }
#verse-viewer-host .qp-home100-btn .qp-logo45d, #verse-viewer-host .qp-home100-btn .qp-logo45w{ height:32px !important; width:auto !important; }
#true-mushaf-body .qpc-page-end-marker{ align-items:flex-start !important; }
#true-mushaf-body .qpc-page-end-marker > .qpc-page-end-label:last-child{ margin-top:28px; }
#verse-viewer-host .qp-home100-btn .qp-logo45w, #verse-viewer-host .qp-home100-btn .qp-logo45d{ display:none; }
html.qp-sidenav42 .qp-surah-sheet-overlay.qp-side42{ background:transparent !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; pointer-events:none !important; }
html.qp-sidenav42 .qp-surah-sheet-overlay.qp-side42 .qp-surah-sheet{ pointer-events:auto; position:fixed !important; left:0 !important; top:0 !important; bottom:0 !important; right:auto !important;
  width:var(--side42, 360px) !important; max-width:var(--side42, 360px) !important; height:100% !important; max-height:none !important; margin:0 !important; border-radius:0 !important; transform:none !important;
  animation:none !important; transition:none !important; box-shadow:1px 0 0 rgba(127,127,127,.18), 8px 0 28px rgba(0,0,0,.12) !important; display:flex; flex-direction:column; }
html.qp-sidenav42 .qp-surah-sheet-overlay.qp-side42 .qp-surah-sheet-handle{ display:none !important; }
html.qp-sidepush42 body{ margin-left:var(--side42, 360px) !important; }
html.qp-sidepush42{ --tmpush46: var(--side42, 360px); }
html.qp-sidepush42 #true-mushaf-overlay{ left:var(--side42, 360px) !important; right:0 !important; width:auto !important; }
html.qp-sidepush42 #ql-bottom-tabs, html.qp-sidepush42 #qp-dt-layer{ left:var(--side42, 360px) !important; width:auto !important; right:0 !important; }
html.qp-sidepush42 #verse-viewer-host .vv-list{
  padding-left:calc(var(--side42, 360px) + max(clamp(24px, 5vw, 72px), (100% - var(--side42, 360px) - 1200px) / 2)) !important;
  padding-right:max(clamp(24px, 5vw, 72px), (100% - var(--side42, 360px) - 1200px) / 2) !important; }
html.qp-sidenav42 .qp-surah-sheet-overlay.qp-side42 .qp-surah-sheet{ top:var(--qphd42, 0px) !important; height:auto !important; }
html.qp-navanim42 #verse-viewer-host .vv-list{ transition:padding-left .3s cubic-bezier(.2,.8,.2,1), padding-right .3s cubic-bezier(.2,.8,.2,1) !important; }
html.qp-sidenav42 #verse-viewer-host .vv-card{ width:100% !important; max-width:100% !important; }
.qp-rsz42{ position:absolute; top:0; bottom:0; right:0; width:8px; cursor:col-resize; z-index:5; touch-action:none; }
.qp-rsz42::after{ content:''; position:absolute; top:0; bottom:0; right:0; width:2px; background:transparent; transition:background .15s ease; }
.qp-rsz42:hover::after, html.qp-rszing42 .qp-rsz42::after{ background:#2dd4bf; }
html.qp-rszing42, html.qp-rszing42 *{ cursor:col-resize !important; user-select:none !important; }
html.qp-sidenav42 .qp-surah-sheet-overlay.qp-side42 .qp-page-list .qp-keypad{ display:none !important; }
.qp-pglist42{ padding:4px 0 24px; }
.qp-pg42{ cursor:pointer; }
.qp-pg42.is-current{ background:rgba(45,212,191,.10); }
.qp-pg42-wait{ padding:18px; opacity:.6; }
html.qp-sidepush42 #qp-viewer-cover{ left:var(--side42, 360px) !important; width:auto !important; right:0 !important; }
html.qp-sidenav42 #qp-viewer-cover .qp-vc-inner > *:not(.qp-vc-loading){ display:none !important; }
html.qp-sidenav42 #qp-viewer-cover .qp-vc-loading{ font:500 15px/1.4 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important; letter-spacing:.02em !important; opacity:.8; display:flex !important; align-items:center; gap:10px; }
html.qp-sidenav42 #qp-viewer-cover .qp-vc-loading::before{ content:''; width:16px; height:16px; border-radius:50%; border:2px solid rgba(45,212,191,.25); border-top-color:#2dd4bf; animation:qpSpin42 .8s linear infinite; }
@keyframes qpSpin42{ to{ transform:rotate(360deg); } }
html.qp-sidenav42 .qp-surah-sheet-overlay.qp-side42.qp-pre42 .qp-surah-sheet{ transform:translateX(-100%) !important; transition:none !important; }
html.qp-sidenav42 .qp-surah-sheet-overlay.qp-side42.qp-in42 .qp-surah-sheet{ transition:transform .3s cubic-bezier(.2,.8,.2,1) !important; }
html.qp-sidenav42 .qp-surah-sheet-overlay.qp-side42.qp-out42 .qp-surah-sheet{ transform:translateX(-100%) !important; transition:transform .3s cubic-bezier(.2,.8,.2,1) !important; }
html.qp-navanim42 body, html.qp-navanim42 #verse-viewer-host, html.qp-navanim42 #ql-bottom-tabs, html.qp-navanim42 #qp-dt-layer, html.qp-navanim42 #qp-viewer-cover, html.qp-navanim42 #true-mushaf-overlay{ transition:margin-left .3s cubic-bezier(.2,.8,.2,1), left .3s cubic-bezier(.2,.8,.2,1) !important; }
html.qp-sidenav42 .qp-surah-sheet-overlay.qp-side42 .qp-surah-sheet{ background-color:#212534 !important; }
body.qp-theme-light .qp-surah-sheet-overlay.qp-side42 .qp-surah-sheet, html.qp-theme-light.qp-sidenav42 .qp-surah-sheet-overlay.qp-side42 .qp-surah-sheet{ background-color:#ffffff !important; }
#qp-tmhome98{ right:50px !important; }
#qp-tmhelp94{ right:88px !important; }
@media (min-width: 821px) {
  #vv-sticky-surah{ background:linear-gradient(160deg, rgb(33 37 52) 0%, rgba(33, 37, 52, .52) 100%) !important; }
  #verse-viewer-host .qp-home100-btn > svg{ display:none !important; }
  #verse-viewer-host .qp-home100-btn .qp-logo45w{ display:block; }
  body.qp-theme-light #verse-viewer-host .qp-home100-btn .qp-logo45w{ display:none; }
  body.qp-theme-light #verse-viewer-host .qp-home100-btn .qp-logo45d{ display:block; }
  #verse-viewer-host .qp-home100-btn.qp-logo45{ width:auto !important; height:auto !important; padding:0 6px 0 0 !important; }
  #true-mushaf-topbar{ margin-left:calc(50% - (100vw - var(--tmpush46, 0px)) / 2) !important; margin-right:calc(50% - (100vw - var(--tmpush46, 0px)) / 2) !important; padding-left:24px !important; padding-right:150px !important; }
  #tm-back-viewer{ display:none !important; }
  #qp-tmlogo43{ display:block !important; }
  #tm-more-btn{ right:24px !important; }
  #qp-tmhome98{ right:70px !important; }
  #qp-tmhelp94{ right:116px !important; }
}
#qp-tmlogo43{ display:none; width:78px; height:36px; flex:0 0 auto; margin-right:12px; background:url(/quranplus/img/quranPlusLogo-white.svg) left center / contain no-repeat; border:0; padding:0; cursor:pointer; }
body.qp-theme-light #qp-tmlogo43{ background-image:url(/quranplus/img/quranPlusLogo.svg); }
#qp-micp40{ position:fixed; inset:0; z-index:2147483300; display:flex; align-items:flex-end; justify-content:center; font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
#qp-micp40 .bd40{ position:absolute; inset:0; background:rgba(2,8,23,.62); -webkit-backdrop-filter:blur(10px) saturate(1.1); backdrop-filter:blur(10px) saturate(1.1); opacity:0; transition:opacity .2s ease; }
#qp-micp40 .x40{ position:absolute; top:12px; right:12px; width:34px; height:34px; border-radius:50%; border:0; background:rgba(255,255,255,.10); color:inherit; font:400 22px/1 -apple-system, BlinkMacSystemFont, sans-serif; cursor:pointer; }
body.qp-theme-light #qp-micp40 .x40{ background:rgba(15,23,42,.07); }
body.qp-theme-light #qp-micp40 .bd40{ background:rgba(15,23,42,.35); }
#qp-micp40 .cd40{ position:relative; width:100%; max-width:480px; margin:0 10px calc(12px + env(safe-area-inset-bottom, 0px)); background:#0f1826; color:#e8eef7; border-radius:20px; padding:22px 20px 18px;
  box-shadow:0 16px 44px rgba(0,0,0,.5); transform:translateY(24px); opacity:0; transition:transform .22s ease, opacity .22s ease; text-align:center; }
#qp-micp40.in40 .bd40{ opacity:1; }
#qp-micp40.in40 .cd40{ transform:none; opacity:1; }
#qp-micp40 .ic40{ width:52px; height:52px; border-radius:50%; margin:0 auto 10px; display:flex; align-items:center; justify-content:center; background:rgba(45,212,191,.14); color:#2dd4bf; }
#qp-micp40 h3{ margin:0 0 8px; font-size:19px; }
#qp-micp40 p{ margin:0 0 18px; font-size:15px; line-height:1.5; opacity:.8; }
#qp-micp40 .bt40{ display:flex; gap:10px; }
#qp-micp40 .bt40 button{ flex:1 1 0; border-radius:14px; padding:13px; font:600 15.5px/1 inherit; cursor:pointer; }
#qp-micp40 .ty40{ background:none; border:1px solid rgba(255,255,255,.2); color:inherit; }
#qp-micp40 .go40{ background:#0e8a8f; border:0; color:#fff; }
body.qp-theme-light #qp-micp40 .cd40{ background:#fff; color:#0f172a; box-shadow:0 16px 44px rgba(15,23,42,.2); }
body.qp-theme-light #qp-micp40 .ty40{ border-color:rgba(15,23,42,.18); }
html.qp-vrow-mobile body #verse-viewer-host .vv-row-head .vv-h-more .vv-more-plus{ display:block !important; width:20px; height:20px; }
.qp-vn38 .grip38{ width:44px; height:5px; border-radius:3px; background:rgba(255,255,255,.3); margin:9px auto 2px; }
.qp-vn38 .hd38{ display:flex; align-items:baseline; gap:10px; padding:8px 18px 10px; }
.qp-vn38 .hd38 b{ font-size:18px; }
.qp-vn38 .hd38 span{ font-size:14px; opacity:.6; flex:1 1 auto; }
.qp-vn38 .x38{ background:none; border:0; color:inherit; font-size:24px; line-height:1; padding:2px 6px; cursor:pointer; opacity:.8; }
.qp-vn38 .flt38{ display:flex; gap:8px; padding:0 16px 10px; }
.qp-vn38 .flt38 button{ border:1px solid rgba(127,227,218,.28); background:none; color:inherit; border-radius:999px; padding:7px 12px; font:500 13.5px/1 inherit; cursor:pointer; }
.qp-vn38 .flt38 button.on38{ background:#0e8a8f; border-color:#0e8a8f; color:#fff; }
.qp-vn38 .flt38 i{ font-style:normal; opacity:.75; margin-left:3px; }
.qp-vn38 .list38{ flex:1 1 auto; overflow:auto; -webkit-overflow-scrolling:touch; padding:2px 16px 8px; }
.qp-vn38 .empty38{ opacity:.6; text-align:center; padding:26px 8px; font-size:15px; }
.qp-vn38 .it38{ border:1px solid rgba(255,255,255,.08); border-radius:14px; padding:12px 14px; margin:0 0 10px; background:rgba(255,255,255,.03); }
.qp-vn38 .it38.mine38{ border-color:rgba(45,212,191,.35); }
.qp-vn38 .tag38{ font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; opacity:.62; margin-bottom:6px; }
.qp-vn38 .tx38{ font-size:15.5px; line-height:1.5; white-space:pre-wrap; }
.qp-vn38 .acts38{ display:flex; justify-content:flex-end; gap:14px; margin-top:8px; }
.qp-vn38 .acts38 button{ background:none; border:0; color:#7fe3d8; font:500 13.5px/1 inherit; cursor:pointer; padding:4px 2px; }
.qp-vn38 .ft38{ padding:10px 16px 14px; border-top:1px solid rgba(255,255,255,.08); }
.qp-vn38 .add38{ width:100%; display:flex; align-items:center; justify-content:center; gap:8px; border:0; border-radius:14px; background:#0e8a8f; color:#fff; padding:13px; font:600 15.5px/1 inherit; cursor:pointer; }
body.qp-theme-light .qp-vn38 .sh38{ background:#fff; color:#0f172a; box-shadow:0 -12px 40px rgba(15,23,42,.18); }
body.qp-theme-light .qp-vn38 .grip38{ background:rgba(15,23,42,.2); }
body.qp-theme-light .qp-vn38 .it38{ border-color:rgba(15,23,42,.1); background:rgba(15,23,42,.02); }
body.qp-theme-light .qp-vn38 .acts38 button{ color:#0e7c7f; }
body.qp-theme-light .qp-vn38 .ft38{ border-top-color:rgba(15,23,42,.08); }
.srow.qp-vsw07-on::after{ content:''; position:absolute; left:0; right:0; top:0; bottom:0; z-index:3; pointer-events:none;
  border-top:1px solid rgba(45,212,191,0.38); border-bottom:1px solid rgba(45,212,191,0.38); }
html.qp-theme-light .srow.qp-vsw07-on::after, body.qp-theme-light .srow.qp-vsw07-on::after{ border-top-color:rgba(13,148,136,0.30); border-bottom-color:rgba(13,148,136,0.30); }
#qp-swveil29{ position:fixed; inset:0; z-index:2147482990; pointer-events:none; }
#qp-swveil29 .v29{ position:absolute; pointer-events:auto; background:rgba(2,8,23,0.42); -webkit-backdrop-filter:blur(7px); backdrop-filter:blur(7px); opacity:0; transition:opacity 1s ease; }
#qp-swhint26 .row26.ok31{ justify-content:flex-end; }
.srow.qp-vsw07-on > *:not(.qp-vsw07-under):not(.qp-vsw07-face){ transform:none !important; }
.srow.qp-vsw07-on > .qp-vsw07-face{ display:none !important; }
.srow.qp-vsw07-on > .qp-vsw07-under{ z-index:4 !important; }
.srow.qp-vsw07-on .qp-vsw07-r{ transform:translate3d(calc(var(--ch31w, 205px) + var(--vsw07-x, 0px)), 0, 0); box-shadow:-14px 0 22px -10px rgba(0,0,0,0.6); }
.srow.qp-vsw07-on .qp-vsw07-l{ transform:translate3d(calc(var(--vsw07-x, 0px) - var(--ch31w, 205px)), 0, 0); box-shadow:14px 0 22px -10px rgba(0,0,0,0.6); }
html.qp-theme-light .srow.qp-vsw07-on .qp-vsw07-r, body.qp-theme-light .srow.qp-vsw07-on .qp-vsw07-r{ box-shadow:-14px 0 22px -10px rgba(15,23,42,0.28); }
html.qp-theme-light .srow.qp-vsw07-on .qp-vsw07-l, body.qp-theme-light .srow.qp-vsw07-on .qp-vsw07-l{ box-shadow:14px 0 22px -10px rgba(15,23,42,0.28); }
.srow.qp-vsw07-on::after{ z-index:5; }
#qp-swveil29.is-in26 .v29{ opacity:1; }
body.qp-theme-light #qp-swveil29 .v29, html.qp-theme-light #qp-swveil29 .v29{ background:rgba(241,245,249,0.45); }
.surah-intro-overlay.qp-intro-sheet25{ display:flex !important; align-items:flex-end !important; justify-content:center !important; padding:0 !important; background:rgba(2,8,23,0.55) !important; }
.surah-intro-overlay.qp-intro-sheet25 .surah-intro-modal{ position:relative !important; inset:auto !important; left:auto !important; top:auto !important; width:100% !important; max-width:100% !important;
  height:92vh !important; height:92dvh !important; max-height:none !important; margin:0 !important; border-radius:20px 20px 0 0 !important;
  transform:translateY(100%); transition:transform .32s cubic-bezier(.2,.8,.2,1); box-shadow:0 -12px 40px rgba(0,0,0,0.45) !important; }
.surah-intro-overlay.qp-intro-sheet25.is-up25 .surah-intro-modal{ transform:translateY(0); }
.qp-isheet25-handle{ height:22px; display:flex; align-items:center; justify-content:center; cursor:grab; touch-action:none; }
.qp-isheet25-handle::before{ content:''; width:44px; height:5px; border-radius:3px; background:rgba(255,255,255,0.35); }
body.qp-theme-light .qp-isheet25-handle::before{ background:rgba(15,23,42,0.25); }
.surah-intro-overlay.qp-intro-sheet25 .surah-intro-header{ touch-action:none; }
@media (max-width: 767px){
  .qp-help99-btn, .qp-star99-btn{ display:none !important; }
  #searchbox{ margin:6px 14px 4px !important; width:auto !important; box-sizing:border-box !important; border-radius:16px !important;
    background:#131b2c !important; border:1px solid rgba(255,255,255,0.07) !important; box-shadow:0 6px 18px rgba(0,0,0,0.28) !important;
    min-height:54px !important; padding-left:14px !important; }
  #searchbox > svg:first-of-type{ width:20px !important; height:20px !important; stroke:#2dd4bf !important; stroke-width:2 !important; flex:0 0 auto; }
  #searchbox #q{ font-size:16px !important; }
  #searchbox #q::placeholder{ color:rgba(226,232,240,0.62) !important; }
  #searchbox #micBtn{ background:#0e8a8f !important; border:0 !important; box-shadow:none !important; color:#ffffff !important; }
  #searchbox #micBtn svg, #searchbox #micBtn svg *{ stroke:#ffffff !important; }
  #ql-bottom-tabs .tab-item .tab-icon{ width:24px !important; height:24px !important; display:flex !important; align-items:center; justify-content:center; margin:0 auto !important; }
  #ql-bottom-tabs .tab-item .tab-icon svg, #ql-bottom-tabs .tab-item .tab-icon img{ width:22px !important; height:22px !important; }
  #ql-bottom-tabs .tab-item .tab-icon, #ql-bottom-tabs .tab-item .tab-icon *:not(svg):not(img):not(path){ font-size:19px !important; line-height:1 !important; }
  #ql-bottom-tabs .tab-item .tab-label{ font:600 11.5px/1.15 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    letter-spacing:0 !important; margin-top:5px !important; color:rgba(255,255,255,0.84) !important; white-space:nowrap; }
  body.qp-theme-light #ql-bottom-tabs .tab-item .tab-label{ color:rgba(15,23,42,0.82) !important; }
  body.qp-theme-light #searchbox{ background:#f1f5f9 !important; border-color:rgba(15,23,42,0.08) !important; box-shadow:0 4px 14px rgba(15,23,42,0.08) !important; }
}
#qp-savetoast79 .st79-in{ position:relative; overflow:hidden; }
#qp-savetoast79 .st79-bar{ position:absolute; left:0; right:0; top:0; height:3px; background:#ffd84d; transform-origin:right center; transform:scaleX(0); pointer-events:none; }
#qp-savetoast79.is-in .st79-bar{ animation:st79bar15 var(--st79-ms, 5500ms) linear forwards; }
#qp-savetoast79.st79-hold .st79-bar{ animation-play-state:paused; }
@keyframes st79bar15{ from{ transform:scaleX(1); } to{ transform:scaleX(0); } }
@media (max-width: 767px){
  #qp-savetoast79{ left:0 !important; right:0 !important; width:100% !important; bottom:0 !important; padding:0 !important; border-radius:0 !important;
    box-shadow:none !important; transform:translate(0, 110%) !important; }
  #qp-savetoast79.is-in{ transform:translate(0, 0) !important; }
  #qp-savetoast79 .st79-in{ border-radius:0 !important; border:0 !important; background:#8f2238 !important;
    padding:18px 56px calc(18px + env(safe-area-inset-bottom, 0px)) 20px !important; }
  #qp-savetoast79 .st79-x{ position:absolute !important; top:10px; right:10px; }
}
@media (prefers-reduced-motion: reduce){ #qp-savetoast79 .st79-bar{ animation:none !important; transform:scaleX(0); } }
body:not(.qp-theme-light) .qp-word-popup{ background-color:#16202f !important; background-image:linear-gradient(180deg, #16202f 0%, #060a1d 100%) !important; }
body:not(.qp-theme-light) .qp-word-popup .qp-wp-close, body:not(.qp-theme-light) .qp-word-popup .qp-sel-popup-close,
html body .qp-savepop-bd{ display:flex !important; flex-direction:column; flex:1 1 auto; min-height:0; overflow:hidden !important; }
html body .qp-savepop .ql-bs-wrap, html body .qpbs--save-to .ql-bs-wrap{ min-height:0 !important; }
html body .qp-savepop .ql-bs-wrap{ display:flex; flex-direction:column; flex:1 1 auto; overflow:hidden; }
html body .qp-savepop .ql-folders-scroll{ flex:1 1 auto !important; min-height:0 !important; max-height:none !important; overflow-y:auto; }
html body .qp-savepop .ql-add-folder-row, html body .qp-savepop .ql-save-foot{ flex:0 0 auto; }
html body .qp-savepop-hd {
font: 700 19px / 1.2 system-ui, -apple-system, sans-serif !important;
letter-spacing: normal !important;
text-transform: none !important;
color: #0fe2e5;
padding-bottom: 17px !important;
}
html body .qp-savepop-dim {
-webkit-backdrop-filter: blur(11px);
backdrop-filter: blur(11px);
background: rgb(0 0 0 / 19%);
}
html body .qp-savepop-x {
width: 24px;
height: 23px;
border-radius: 46%;
font-size: 25px !important;
margin-right: 14px;
background-color: #6a7278;
}
@media (min-width: 820px) {
html body .qp-savepop-dim {
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
background: rgb(0 0 0 / 0%);
}
}
#verse-viewer-host .vv-commentary-note.qp-cmn84 p, #verse-viewer-host .vv-commentary-note.qp-cmn84-self{ position:relative; padding-left:1.9em; }
#verse-viewer-host .vv-commentary-note sup.qp-cmn84-num{ display:inline-block !important; position:absolute; left:0; top:0; width:1.7em;
  margin:0 !important; font-size:.85em; line-height:inherit; vertical-align:baseline; text-align:left; }
html body ::selection, html body :is(.vv-ar .vv-ar2, .vv-right, .vv-en, .vv-tr) ::selection{ background:rgba(13,213,213,0.35); color:#ffffff; }
html body ::-moz-selection{ background:rgba(13,213,213,0.35); color:#ffffff; }
html body.qp-theme-light ::selection, html body.qp-theme-light :is(.vv-ar .vv-ar2, .vv-right, .vv-en, .vv-tr) ::selection{ background:rgba(0,150,160,0.24); color:#0f172a; }
html body.qp-theme-light ::-moz-selection{ background:rgba(0,150,160,0.24); color:#0f172a; }
@media (min-width: 820px) {
#qp-more-menu {
left: 40vw !important;
width: 60vw !important;
max-width: 60vw !important;
}
#qprs-wiz .qprs-lead {
font-size: 16.5px;
text-align: left;
max-width: 80ch;
padding: 12px;
}
.qprs-lead45 span {
display: inline-block;
}
}
body.qp-roottab64 #searchbox{ margin-top:16px !important; }
.qprs-best46-card{ max-width:680px; margin:18px auto 0 !important; border-radius:20px !important; }
.qprs-best46-bar{ padding:16px 18px 6px !important; }
.qprs-best46-card .qprs-ra-card{ padding:10px 18px 20px !important; }
.qprs-best46-card .qprs-ra-ar{ font-size:44px !important; line-height:1.3 !important; }
.qprs-best46-card .qprs-ra-w i{ font-size:28px !important; font-weight:700 !important; font-style:normal; }
.qprs-best46-card .qprs-ra-en{ font-size:18px !important; }
.qprs-best46-root{ margin:0 12px 14px !important; width:calc(100% - 24px) !important; border:1px solid rgba(127,227,218,.14) !important;
  border-radius:14px; padding:16px !important; flex-wrap:wrap; gap:14px !important; }
body.qp-theme-light .qprs-best46-root{ border-color:rgba(15,138,144,.18) !important; }
.qprs-best86-go{ margin-left:auto; flex:0 0 auto; display:inline-flex; align-items:center; gap:10px; padding:12px 20px; border-radius:999px;
  background:linear-gradient(180deg,#5fe3e6,#2fbfc4); color:#06252b; font:700 15px/1 system-ui,-apple-system,sans-serif;
  box-shadow:0 6px 18px rgba(47,191,196,.28), inset 0 1px 0 rgba(255,255,255,.35); white-space:nowrap; transition:transform .15s ease, box-shadow .15s ease; }
.qprs-best46-root:hover .qprs-best86-go{ transform:translateY(-1px); box-shadow:0 10px 24px rgba(47,191,196,.36), inset 0 1px 0 rgba(255,255,255,.35); }
body.qp-theme-light .qprs-best86-go{ background:linear-gradient(180deg,#14a3a8,#0d8a8f); color:#ffffff; box-shadow:0 6px 16px rgba(13,138,143,.25); }
@media (max-width: 560px){ .qprs-best86-go{ margin-left:0; width:100%; justify-content:center; } }
.qprs-root66{ max-width:680px; margin:0 auto; }
.qprs-root66 > .qprs-rs45-card{ margin:18px auto 0 !important; max-width:680px !important; border-radius:20px !important; padding:18px 20px !important; }
.qprs-mh86{ display:flex; align-items:center; gap:14px; margin:0 0 14px; }
.qprs-mh86-ic{ flex:0 0 auto; width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  border:1px solid rgba(127,227,218,.28); color:#7fe3da; background:rgba(127,227,218,.06); }
body.qp-theme-light .qprs-mh86-ic{ color:#0d8a8f; border-color:rgba(13,138,143,.25); background:rgba(13,138,143,.05); }
.qprs-mh86-t h4{ margin:0 !important; }
.qprs-mh86-sub{ margin:3px 0 0; font:400 13.5px/1.4 system-ui,-apple-system,sans-serif; opacity:.72; }
.is-means86 .qprs-wl-mrow{ gap:10px !important; }
.qprs-rs45-card.is-cnt86{ display:flex !important; align-items:center; gap:14px; cursor:pointer; }
.qprs-rs45-card.is-cnt86 .qprs-rs45-txt{ flex:1 1 auto; min-width:0; }
.qprs-rs45-card.is-cnt86 .qprs-ra36-count{ font-size:17px; margin-bottom:8px; }
.qprs-cnt86-chev{ flex:0 0 auto; font-size:26px; line-height:1; opacity:.55; }
#qp-dt-layer{ display:none; }
html.qp-dt-on{ background:var(--qp-dt-bg, #060c1a) !important; }
html.qp-dt-on body{ background:transparent !important; }
html.qp-dt-on #qp-dt-layer{ display:block; position:fixed; inset:0; z-index:-1; pointer-events:none; overflow:hidden; }
#qp-dt-layer > div{ position:absolute; pointer-events:none; }
#qp-dt-layer .qp-dt-glow{ inset:0;
  background:radial-gradient(58vw 46vh at 100% 0%, var(--qp-dt-glow, transparent), transparent 70%),
             radial-gradient(48vw 44vh at 0% 100%, var(--qp-dt-glow, transparent), transparent 70%); }
#qp-dt-layer .qp-dt-tr{ top:var(--qp-dt-tr-y, -70px); right:var(--qp-dt-tr-x, -50px);
  width:var(--qp-dt-tr-w, clamp(240px, 24vw, 500px)); aspect-ratio:640 / 492;
  background:var(--qp-dt-corner-tr) top right / var(--qp-dt-tr-fit, contain) no-repeat;
  transform:rotate(var(--qp-dt-tr-rot, 0deg)) scale(var(--qp-dt-tr-zoom, 1));
  transform-origin:top right;
  opacity:var(--qp-dt-op-corner-tr, .22); }
html.qp-dt-mirror-tr #qp-dt-layer .qp-dt-tr{ aspect-ratio:640 / 516;
  background-position:bottom left; transform:rotate(var(--qp-dt-tr-rot, 180deg)) scale(var(--qp-dt-tr-zoom, 1)); transform-origin:center; }
#qp-dt-layer .qp-dt-bl{ bottom:var(--qp-dt-bl-y, 0px); left:var(--qp-dt-bl-x, 0px);
  width:var(--qp-dt-bl-w, clamp(300px, 32vw, 640px)); aspect-ratio:640 / 516;
  background:var(--qp-dt-corner-bl) bottom left / var(--qp-dt-bl-fit, contain) no-repeat;
  transform:rotate(var(--qp-dt-bl-rot, 0deg)) scale(var(--qp-dt-bl-zoom, 1)); transform-origin:bottom left;
  opacity:var(--qp-dt-op-corner-bl, var(--qp-dt-op-corner, .34)); }
#qp-dt-layer .qp-dt-sky{ right:var(--qp-dt-sky-x, 0px); bottom:var(--qp-dt-sky-y, 0px);
  width:var(--qp-dt-sky-w, clamp(380px, 38vw, 720px)); aspect-ratio:720 / 368;
  background:var(--qp-dt-skyline) bottom right / var(--qp-dt-sky-fit, contain) no-repeat;
  transform:rotate(var(--qp-dt-sky-rot, 0deg)) scale(var(--qp-dt-sky-zoom, 1)); transform-origin:bottom right;
  -webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--qp-dt-sky-fade, 44%));
  mask-image:linear-gradient(to right, transparent 0, #000 var(--qp-dt-sky-fade, 44%));
  opacity:var(--qp-dt-op-skyline, .12); }
body.qp-theme-light #qp-dt-layer .qp-dt-sky{ width:var(--qp-dt-sky-w, clamp(300px, 28vw, 560px));
  right:var(--qp-dt-sky-x, -40px); }
@media (max-height: 680px){ #qp-dt-layer .qp-dt-sky{ display:none; } }
@media (max-width: 1023.98px){
  #qp-dt-layer .qp-dt-tr, #qp-dt-layer .qp-dt-bl, #qp-dt-layer .qp-dt-sky,
  #qp-dt-layer .qp-dt-ol, #qp-dt-layer .qp-dt-or, #qp-dt-layer .qp-dt-glow{ display:none !important; }
  html.qp-dt-on #verse-viewer-host .qp-dt-foot{ display:none !important; }
}
@media (max-width: 1179.98px){ #qp-dt-layer .qp-dt-sky{ display:none !important; } }
@media (max-width: 1439.98px){ #qp-dt-layer .qp-dt-ol, #qp-dt-layer .qp-dt-or{ display:none !important; } }
#qp-dt-layer .qp-dt-tr {
opacity: var(--qp-dt-op-corner-tr, .5);
}
#qp-snp-taf .qp-bk-pop99-fs button{ border-radius:9px; padding:4px 12px; border:1px solid transparent; background:transparent; color:inherit; cursor:pointer; }
#qp-snp-taf .qp-bk-pop99-sm{ font-size:14px; }
#qp-snp-taf .qp-bk-pop99-lg{ font-size:20px; font-weight:700; }
#qp-snp-taf .qp-bk-pop99-fs button.is-on{ background:rgba(0,206,209,0.16); border-color:rgba(0,206,209,0.55); color:darkturquoise; }
body.qp-theme-light #qp-snp-taf .qp-bk-pop99-fs button.is-on{ background:rgba(13,138,143,0.10); border-color:rgba(13,138,143,0.45); color:#0d8a8f; }
#qp-tabord99 .qp-tabord99-row{ cursor:grab; touch-action:none; -webkit-user-select:none; user-select:none; }
#qp-tabord99 .qp-tabord99-row.is-dragging{ cursor:grabbing; box-shadow:0 18px 40px rgba(0,0,0,0.30); transform:scale(1.02);
  border-radius:12px; background:var(--panel, #ffffff); opacity:.98; }
#qp-tabord99 .qp-tabord99-ph{ border:2px dashed rgba(0,206,209,0.65); border-radius:12px; background:rgba(0,206,209,0.07); box-sizing:border-box; }
body.qp-theme-light #qp-tabord99 .qp-tabord99-ph{ border-color:rgba(13,138,143,0.55); background:rgba(13,138,143,0.06); }
html:not(.qp-vrow-mobile) body #verse-viewer-host .vv-row .vv-row-head > .vv-h-btn.vv-h-savefolder.vv-h-savefolder{ order:0 !important; margin-left:2px !important; margin-right:0 !important; padding-left:16px !important; }
html:not(.qp-vrow-mobile) #verse-viewer-host .vv-row-head .vv-h-actions .vv-h-more{ order:2 !important; margin-right:0 !important; }
html.qp-vrow-mobile body #verse-viewer-host .vv-row .vv-row-head > .vv-h-btn.vv-h-savefolder.vv-h-savefolder{ order:9 !important; margin-left:8px !important; margin-right:0 !important; padding-left:0 !important; }
html.qp-vrow-mobile #verse-viewer-host .vv-row-head .vv-h-actions .vv-h-more{ order:-1 !important; margin-right:auto !important; }
html.qp-vrow-mobile body #verse-viewer-host .vv-row:not(.qp-vvlit89) .vv-row-head .vv-h-actions .vv-h-more.vv-h-more{ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; }
html.qp-vrow-mobile #verse-viewer-host .vv-row-head .vv-h-more::before{ content:none !important; display:none !important; }
#verse-viewer-host .vv-row > .vv-row-head{ min-width:0 !important; }
html.qp-vrow-mobile #verse-viewer-host .vv-row > .vv-row-head{ max-width:100% !important; }
html.qp-vrow-mobile body #verse-viewer-host .vv-row.qp-vvlit89 .vv-row-head .vv-h-actions.vv-h-actions{ gap:clamp(9px, calc((100vw - 346px) / 3), 20px) !important; }
html.qp-vrow-mobile body #verse-viewer-host .vv-row.qp-vvlit89 .vv-row-head .vv-h-actions .vv-h-more.vv-h-more.vv-h-more{ margin-right:auto !important; opacity:1 !important; visibility:visible !important; }
html.qp-vrow-mobile body #verse-viewer-host .vv-row:not(.qp-vvlit89) .vv-row-head .vv-h-actions .vv-h-more.vv-h-more.vv-h-more{ transition:opacity .12s ease, visibility 0s linear .12s !important; }
@keyframes qpBmPulse06{ 0%{ transform:scale(1); filter:drop-shadow(0 0 0 rgba(0,206,209,0)); } 18%{ transform:scale(1.24); filter:drop-shadow(0 0 5px rgba(0,206,209,.8)); } 38%{ transform:scale(1); filter:drop-shadow(0 0 1px rgba(0,206,209,.3)); } 58%{ transform:scale(1.15); filter:drop-shadow(0 0 4px rgba(0,206,209,.6)); } 80%,100%{ transform:scale(1); filter:drop-shadow(0 0 0 rgba(0,206,209,0)); } }
#verse-viewer-host .vv-h-savefolder.is-saved.qp-bmpulse06 .vv-sf-ic{ animation:qpBmPulse06 2s cubic-bezier(.4,0,.2,1) 1 both; transform-origin:50% 45%; }
@media (prefers-reduced-motion: reduce){ #verse-viewer-host .vv-h-savefolder.qp-bmpulse06 .vv-sf-ic{ animation:none !important; } }
html.qp-vsw07.qp-vrow-mobile #verse-viewer-host .vv-list .vv-row{ touch-action:pan-y !important; }
#verse-viewer-host .vv-row.qp-vsw07-on{ position:relative !important; overflow:hidden !important; isolation:isolate; }
#verse-viewer-host .vv-row.qp-vsw07-on > *:not(.qp-vsw07-under):not(.qp-vsw07-face):not(.vv-topics-slide){ transform:translate3d(var(--vsw07-x, 0px), 0, 0); }
#verse-viewer-host .vv-row.qp-vsw07-drag > *:not(.qp-vsw07-under):not(.vv-topics-slide){ will-change:transform; }
.qp-vsw07-face{ position:absolute; inset:0; z-index:-1; display:none; background:var(--vsw07-bg, #020817); transform:translate3d(var(--vsw07-x, 0px), 0, 0); pointer-events:none; }
.qp-vsw07-under{ position:absolute; inset:0; z-index:-2; display:none; justify-content:space-between; align-items:stretch; pointer-events:none; }
#verse-viewer-host .vv-row.qp-vsw07-on > .qp-vsw07-face{ display:block; }
#verse-viewer-host .vv-row.qp-vsw07-on > .qp-vsw07-under{ display:flex; }
.qp-vsw07-side{ display:flex; visibility:hidden; }
.vv-row.qp-vsw07-dl .qp-vsw07-l, .vv-row.qp-vsw07-dr .qp-vsw07-r{ visibility:visible; }
.vv-row.qp-vsw07-open .qp-vsw07-under{ pointer-events:auto; }
.qp-vsw07-act{ width:74px; border:0; margin:0; padding:0; border-radius:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; color:#fff; font:600 11.5px/1 system-ui, -apple-system, sans-serif; letter-spacing:.02em; -webkit-tap-highlight-color:transparent; cursor:pointer; -webkit-user-select:none; user-select:none; }
.qp-vsw07-act > *{ opacity:var(--vsw07-p, 0); transform:scale(calc(.55 + .45 * var(--vsw07-p, 0))); }
.qp-vsw07-act:active{ filter:brightness(1.18); }
.qp-vsw07-view{ background:#4338ca; }
.qp-vsw07-play{ background:#b4233c; }
.qp-vsw07-save{ background:#0e8a8f; }
.qp-vsw07-more{ background:#475569; }
.qp-vsw07-col{ display:flex; flex-direction:column; width:74px; }
.qp-vsw07-col > .qp-vsw07-act{ width:auto; flex:1 1 0; min-height:0; gap:5px; }
.qp-vsw07-repeat{ background:#7d1a2e; box-shadow:inset 0 1px 0 rgba(255,255,255,0.18); }
.qp-vsw07-repeat.is-on{ background:#0e8a8f; }
.qp-vsw07-side.qp-vsw07-3 > .qp-vsw07-act, .qp-vsw07-side.qp-vsw07-3 > .qp-vsw07-col{ width:70px; }
.qp-vsw07-surahs{ background:#2f5d8a; }
.qp-vsw07-fonts{ background:#3730a3; }
.qp-vsw07-explore{ background:#0e7c7f; }
.qp-vsw07-topics{ background:#2f5d8a; }
.qp-vsw07-topics.is-off78{ opacity:.45; }
html.qp-hand-left.qp-vrow-mobile #verse-viewer-host .vv-row .vv-row-head{ flex-direction:row-reverse !important; }
html.qp-hand-left.qp-vrow-mobile body #verse-viewer-host .vv-row .vv-row-head .vv-h-actions.vv-h-actions{ flex-direction:row-reverse !important; }
html.qp-hand-left.qp-vrow-mobile body #verse-viewer-host .vv-row .vv-row-head .vv-h-actions .vv-h-more.vv-h-more.vv-h-more.vv-h-more{ margin-right:0 !important; margin-left:auto !important; }
html.qp-hand-left.qp-vrow-mobile body #verse-viewer-host .vv-row .vv-row-head > .vv-h-btn.vv-h-savefolder.vv-h-savefolder{ margin-left:0 !important; margin-right:8px !important; }
html.qp-hand-left.qp-vrow-mobile #verse-viewer-host .vv-row .vv-row-head .vv-h-ref{ padding-right:0 !important; padding-left:11px !important; }
html.qp-splash-asleep #qp-splash, html.qp-splash-asleep #qp-splash *{ animation-play-state:paused !important; }
html.qp-splash-asleep #qp-splash{ visibility:hidden !important; }
@media (min-width: 821px) {
    #verse-viewer-host .vv-list:not(.vv-solo) .vv-row-head {
opacity: 0.9;
}
}
@media (min-width: 821px) {
    #verse-viewer-host .qp-rr53 {
opacity: 0.8;
}
}
@media (min-width: 821px){
  html:not(.qp-vrow-mobile) #verse-viewer-host .vv-list:not(.vv-solo) .vv-main > .qp-rr53{ margin-left:calc(-12.5% - 4px) !important; margin-right:calc(-12.5% - 1px) !important; width:auto !important; max-width:none !important; }
}
@media (max-width: 767px) {
    #verse-viewer-host .vv-row-head .vv-h-play .vv-ico-play {
padding-right: 11px !important;
}
}

@media (max-width: 767px) {
    body.qp-vvmin89 #verse-viewer-host .vv-row.qp-vvlit89 .vv-row-head .vv-h-btn, body.qp-vvmin89 #verse-viewer-host .vv-row.qp-vvlit89 .vv-row-head .vv-h-more {
margin-right: 4px !important;
}
}

 @media (max-width: 767px) {
    #verse-viewer-host .vv-row-head .vv-h-ref {
padding-right: 11px;
}
}
#verse-viewer-host .vv-row-head .vv-h-ref{ cursor:default !important; }
html.qp-standalone #big-iframe-overlay .big-ol-shell{ top: calc(var(--qp-safe-top) + 26px) !important; }
@media (prefers-reduced-transparency: reduce){ html.qp-dt-on #qp-dt-layer{ display:none; } }
.qp-dt-foot{ display:none; }
html.qp-dt-on #verse-viewer-host .qp-dt-foot{ display:flex; align-items:flex-end; justify-content:space-between; position:relative; overflow:hidden;
  height:clamp(190px, 18vw, 250px); margin:44px 18px 0; padding:0 30px 26px; border-radius:18px; box-sizing:border-box;
  border:1px solid rgba(127,227,218,0.10); pointer-events:none; user-select:none; }
body.qp-theme-light .qp-dt-foot{ border-color:rgba(13,138,143,0.12) !important; }
.qp-dt-foot .qp-dt-foot-art{ position:absolute; inset:0; background:var(--qp-dt-footer-banner) bottom right / cover no-repeat; opacity:var(--qp-dt-op-footer, .9); }
.qp-dt-foot .qp-dt-foot-l, .qp-dt-foot .qp-dt-foot-r{ position:relative; }
.qp-dt-foot .qp-dt-foot-l{ display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
.qp-dt-foot .qp-dt-ros{ width:56px; height:56px; background:var(--qp-dt-rosette) center / contain no-repeat; opacity:.85; }
.qp-dt-foot .qp-dt-foot-q{ font:italic 400 26px/1.15 'Cormorant Garamond', 'EB Garamond', Georgia, 'Times New Roman', serif; color:#d9e6ee; letter-spacing:.01em; }
.qp-dt-foot .qp-dt-foot-rule{ width:56px; height:2px; border-radius:2px; background:#c9a55a; opacity:.85; }
.qp-dt-foot .qp-dt-foot-r{ text-align:right; }
.qp-dt-foot .qp-dt-foot-b{ font:italic 400 24px/1.1 'Cormorant Garamond', Georgia, serif; color:#e6eef4; }
.qp-dt-foot .qp-dt-foot-t{ margin-top:4px; font:500 12.5px/1.3 system-ui, -apple-system, sans-serif; letter-spacing:.08em; color:rgba(230,238,244,.72); }
body.qp-theme-light .qp-dt-foot .qp-dt-foot-q, body.qp-theme-light .qp-dt-foot .qp-dt-foot-b{ color:#23384a; }
body.qp-theme-light .qp-dt-foot .qp-dt-foot-t{ color:rgba(35,56,74,.7); }
body.qp-theme-light .qp-dt-foot .qp-dt-foot-rule{ background:#c09040; }
#ql-bottom-tabs .tab-img-icon {
filter: invert(1) opacity(1);
}
html.qp-dt-on body.qp-theme-light .app.qp-theme-light{ background:none !important; }
html.qp-dt-on .list, html.qp-dt-on #results,
html.qp-dt-on .app.qp-theme-light .list, html.qp-dt-on .app.qp-theme-light #results{ background:transparent !important; }
@media (min-width: 821px){
  body .topbar .qp-help99-btn, body .topbar .qp-star99-btn{ display:none !important; }
}
#verse-viewer-host .vv-head .vv-back{ font-size:0 !important; }
#verse-viewer-host .vv-head .vv-back svg{ display:none !important; }
#verse-viewer-host .vv-head .vv-back::before{
  content:''; display:block; width:26px; height:26px; background:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M15 5l-7 7 7 7'/></svg>") center / contain no-repeat; mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M15 5l-7 7 7 7'/></svg>") center / contain no-repeat;
}
.qp-home100-btn{ display:none; }
@media (min-width: 821px){
  #verse-viewer-host .vv-head .qp-home100-btn{ display:inline-flex; align-items:center; justify-content:center; background:transparent; border:0;
    padding:6px; margin:0 6px 0 0; color:inherit; cursor:pointer; align-self:center; }
  #verse-viewer-host .vv-head .qp-home100-btn svg{ width:24px; height:24px; display:block; }
}
#verse-viewer-host .vv-back svg {
margin-top: 5px;
margin-left: 7px;
}
#qp-dt-layer .qp-dt-ol{ left:var(--qp-dt-ol-x, 0px); top:var(--qp-dt-ol-y, 18vh);
  width:var(--qp-dt-ol-w, clamp(70px, 9vw, 180px)); transform:scale(var(--qp-dt-ol-zoom, 1)); transform-origin:left center;
  opacity:var(--qp-dt-op-ornament-l, var(--qp-dt-op-ornament, .5)); }
#qp-dt-layer .qp-dt-or{ right:var(--qp-dt-or-x, 0px); bottom:var(--qp-dt-or-y, 16vh);
  width:var(--qp-dt-or-w, clamp(70px, 9vw, 180px)); transform:scale(var(--qp-dt-or-zoom, 1)); transform-origin:right center;
  opacity:var(--qp-dt-op-ornament-r, var(--qp-dt-op-ornament, .5)); }
@media (max-height: 700px){ #qp-dt-layer .qp-dt-or{ display:none; } }
html.qp-dt-on #verse-viewer-host .qp-dt-foot{ height:clamp(250px, 26vw, 380px); margin:30px 0 0; padding:0 36px 30px 64px; border:0 !important; border-radius:0;
  -webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 22%); mask-image:linear-gradient(to bottom, transparent 0, #000 22%); }
.qp-dt-foot .qp-dt-foot-art{ background:var(--qp-dt-footer-banner) center bottom / cover no-repeat; }
.qp-dt-foot .qp-dt-foot-orn{ position:absolute; left:0; bottom:8%; width:clamp(60px, 6vw, 110px); aspect-ratio:225 / 450;
  background:var(--qp-dt-ornament-left) left center / contain no-repeat; opacity:var(--qp-dt-op-ornament, .5); }
.qp-dt-foot .qp-dt-ros{ display:none; }
.qp-dt-foot .qp-dt-foot-q{ font-size:clamp(24px, 2.2vw, 32px); }
.qpbs--save-to .ql-folder-row .folder-arrow, .qp-savepop .ql-folder-row .folder-arrow{ order:2; margin-left:auto; }
.qpbs--save-to .ql-folder-row .folder-info, .qp-savepop .ql-folder-row .folder-info{ order:1; min-width:0; }
.qpbs--save-to .ql-folder-row.is-selected::after, .qp-savepop .ql-folder-row.is-selected::after{ content:none !important; }
@media (max-width:899px){
  html.qp-standalone #qp-topic-pv57{ padding-top:var(--qp-safe-top, 0px) !important; box-sizing:border-box !important; }
}
html.qp-standalone #tm-ml-full{ padding-top:var(--qp-safe-top, 0px); box-sizing:border-box; }
 
#qp-more-menu [data-qp-div110][data-qp-cap110]{ border-top:none !important; }
 
.qp-ar-key56 .qp-ar-l58{ font-size:1.22em !important; font-weight:700 !important; }