/* Quran-Reader-Stile (aus quran/index.php ausgelagert). */


@font-face{font-family:"Poppins";src:url("/assets/fonts/poppins/Poppins-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"Poppins";src:url("/assets/fonts/poppins/Poppins-SemiBold.woff2") format("woff2");font-weight:600 900;font-style:normal;font-display:swap;}
@font-face{font-family:"Amiri";src:url("/assets/fonts/amiri/Amiri-Regular.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap;}
@font-face{font-family:"UthmanicHafs";src:url("/assets/fonts/quran/UthmanicHafs.otf") format("opentype");font-display:swap;}
@font-face{font-family:"IndoPakQuran";src:url("/assets/fonts/quran/indopak.woff2") format("woff2"),url("/assets/fonts/quran/AlQalamQuranMajeedWebRegular.ttf") format("truetype");font-display:swap;}
html,body{margin:0!important;padding:0!important;overflow-x:hidden!important;max-width:100%!important;}
body{background:var(--ds-bg,#060b14);font-family:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;}
.ds-page-main{min-height:100vh;overflow-x:clip!important;}
html[data-theme="dark"][data-ds-palette="red"],html[data-theme="dark"][data-ds-palette="rot"],html:not([data-theme])[data-ds-palette="red"],html:not([data-theme])[data-ds-palette="rot"]{
  --ds-bg:#0b0505;--ds-text:#fff1f2;--ds-muted:rgba(255,241,242,.66);--ds-muted2:rgba(255,241,242,.80);--ds-card:rgba(32,12,12,.86);--ds-card2:rgba(48,18,18,.72);--ds-sectionA:rgba(32,12,12,.76);--ds-border:rgba(239,68,68,.24);--ds-chip:rgba(239,68,68,.10);--ds-chip-border:rgba(239,68,68,.26);--ds-accent:#ef4444;--ds-accent2:#dc2626;--ds-accent3:#fca5a5;--ds-shadow:0 20px 54px rgba(0,0,0,.28);--ds-shadow2:0 30px 84px rgba(0,0,0,.42);
  --dsg-bg:#0b0505;--dsg-text:#fff1f2;--dsg-muted:rgba(255,241,242,.72);--dsg-muted2:rgba(255,241,242,.58);--dsg-card:rgba(32,12,12,.76);--dsg-card2:rgba(48,18,18,.84);--dsg-border:rgba(239,68,68,.18);--dsg-border2:rgba(239,68,68,.26);--dsg-accent:#ef4444;--dsg-accent2:#dc2626;--dsg-gold:#fca5a5;--dsg-gold2:#fecaca;
  --dsag-page-bg:#0b0505;--dsag-text:#fff1f2;--dsag-muted:#fecaca;--dsag-muted2:#ffe4e6;--dsag-card:#200c0c;--dsag-card-soft:rgba(32,12,12,.74);--dsag-border:rgba(239,68,68,.22);--dsag-chip:#2b1010;--dsag-chip-border:rgba(239,68,68,.28);--dsag-accent:#ef4444;--dsag-accent2:#dc2626;--dsag-gold:#fca5a5;--dsag-gold2:#fecaca;
  --dsw-bg:#0b0505;--dsw-text:#fff1f2;--dsw-muted:#fecaca;--dsw-muted2:#ffe4e6;--dsw-card:#200c0c;--dsw-border:rgba(239,68,68,.26);--dsw-chip:#2b1010;--dsw-chip-border:rgba(239,68,68,.28);--dsw-accent:#ef4444;--dsw-accent2:#dc2626;
}
html[data-theme="light"][data-ds-palette="red"],html[data-theme="light"][data-ds-palette="rot"]{
  --ds-bg:#fff1f2;--ds-text:#450a0a;--ds-muted:rgba(69,10,10,.62);--ds-muted2:rgba(69,10,10,.76);--ds-card:rgba(255,255,255,.90);--ds-card2:rgba(255,247,247,.82);--ds-sectionA:rgba(255,255,255,.78);--ds-border:rgba(220,38,38,.22);--ds-chip:rgba(220,38,38,.10);--ds-chip-border:rgba(220,38,38,.22);--ds-accent:#dc2626;--ds-accent2:#ef4444;--ds-accent3:#f87171;--ds-shadow:0 18px 46px rgba(127,29,29,.08);--ds-shadow2:0 26px 72px rgba(127,29,29,.12);
  --dsg-bg:#fff1f2;--dsg-text:#450a0a;--dsg-muted:rgba(69,10,10,.72);--dsg-muted2:rgba(69,10,10,.58);--dsg-card:rgba(255,255,255,.80);--dsg-card2:rgba(255,255,255,.92);--dsg-border:rgba(220,38,38,.14);--dsg-border2:rgba(220,38,38,.22);--dsg-accent:#dc2626;--dsg-accent2:#ef4444;--dsg-gold:#f87171;--dsg-gold2:#fca5a5;
  --dsag-page-bg:#fff1f2;--dsag-text:#450a0a;--dsag-muted:#7f1d1d;--dsag-muted2:#7f1d1d;--dsag-card:#ffffff;--dsag-card-soft:rgba(255,255,255,.78);--dsag-border:rgba(220,38,38,.20);--dsag-chip:#ffe4e6;--dsag-chip-border:rgba(220,38,38,.22);--dsag-accent:#dc2626;--dsag-accent2:#ef4444;--dsag-gold:#f87171;--dsag-gold2:#fca5a5;
  --dsw-bg:#fff1f2;--dsw-text:#450a0a;--dsw-muted:#7f1d1d;--dsw-muted2:#7f1d1d;--dsw-card:#ffffff;--dsw-border:rgba(220,38,38,.22);--dsw-chip:#ffe4e6;--dsw-chip-border:rgba(220,38,38,.22);--dsw-accent:#dc2626;--dsw-accent2:#ef4444;
}
/* Anti-Overflow für alle migrierten Werkzeugseiten */
#ds-guides-all,#ds-learnArabic,#ds-dua-all,#ds-game-home,#ds-arabic-game-all,#ds-prayer-all,#ds-quran,#ds-wunder-page{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;overflow-x:clip!important;}
#ds-guides-all *,#ds-learnArabic *,#ds-dua-all *,#ds-game-home *,#ds-arabic-game-all *,#ds-prayer-all *,#ds-quran *,#ds-wunder-page *{box-sizing:border-box;}
#ds-quran.dsq-wrap{--accent:var(--ds-accent,#37dcd2)!important;--accent2:var(--ds-accent2,#2aa7a8)!important;}


/* Unterrichtsseiten-Player für Werkzeug-Videos */
.ds-tool-player{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:24px;background:#020617;border:1px solid color-mix(in srgb,var(--ds-accent,#2dd4bf) 26%,transparent);box-shadow:0 28px 82px rgba(0,0,0,.26)}
.ds-tool-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;pointer-events:none;background:#020617}.ds-tool-player .ds-tool-poster,.ds-tool-player .ds-tool-shield,.ds-tool-player .ds-tool-controls{position:absolute}.ds-tool-player .ds-tool-shield{inset:0;z-index:3;background:transparent}.ds-tool-player .ds-tool-poster{inset:0;z-index:6;display:grid;place-items:center;background-size:cover;background-position:center;transition:opacity .24s ease,visibility .24s ease}.ds-tool-player .ds-tool-poster:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,.38),rgba(2,6,23,.72)),radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--ds-accent,#2dd4bf) 24%,transparent),transparent 32%)}.ds-tool-player .ds-tool-play{position:relative;z-index:2;width:68px;height:68px;border:0;border-radius:999px;background:rgba(255,255,255,.18);box-shadow:0 22px 60px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);cursor:pointer;font-size:0}.ds-tool-player .ds-tool-play:before{content:"";display:block;width:0;height:0;margin:auto;margin-left:27px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:18px solid #fff}.ds-tool-player.is-playing .ds-tool-poster{opacity:0;visibility:hidden;pointer-events:none}.ds-tool-player .ds-tool-controls{left:14px;right:14px;bottom:14px;z-index:10;display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(3,8,18,.78);box-shadow:0 18px 52px rgba(0,0,0,.34);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:opacity .22s ease,transform .22s ease,visibility .22s ease}.ds-tool-player.is-playing.controls-hidden:not(:hover):not(:focus-within) .ds-tool-controls{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px)}.ds-tool-player .ds-tool-controls button,.ds-tool-player .ds-tool-volume{flex:0 0 auto;min-height:32px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;padding:0 10px;font-size:10.5px;font-weight:850;cursor:pointer}.ds-tool-player .ds-tool-seek{flex:1 1 auto;min-width:96px;appearance:none;height:4px;border-radius:999px;background:rgba(255,255,255,.18);outline:none}.ds-tool-player .ds-tool-seek::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:999px;background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--ds-accent,#2dd4bf) 22%,transparent);cursor:pointer}.ds-tool-player .ds-tool-time{color:#fff;font-size:10px;font-weight:850;min-width:42px;text-align:center}.ds-tool-player .ds-tool-volume{display:inline-flex;align-items:center;gap:7px;color:rgba(255,255,255,.80)}.ds-tool-player .ds-tool-volume input{width:74px;accent-color:var(--ds-accent,#2dd4bf)}.ds-tool-player.is-fullscreen{width:100vw!important;height:100vh!important;aspect-ratio:auto!important;border-radius:0!important;background:#000!important}@media(max-width:700px){.ds-tool-player .ds-tool-controls{left:8px;right:8px;bottom:8px;max-width:calc(100% - 16px);overflow-x:auto;scrollbar-width:none}.ds-tool-player .ds-tool-volume{display:none}.ds-tool-player .ds-tool-controls::-webkit-scrollbar{display:none}.ds-tool-player .ds-tool-seek{flex:1 0 110px}}

  @font-face{
    font-family:"UthmanicHafs";
    src:url("/assets/fonts/quran/UthmanicHafs.otf") format("opentype");
    font-display:swap;
  }
  @font-face{
    font-family:"IndoPakQuran";
    src:
      url("/assets/fonts/quran/indopak.woff2") format("woff2"),
      url("/assets/fonts/quran/AlQalamQuranMajeedWebRegular.ttf") format("truetype");
    font-display:swap;
  }

  #ds-quran.dsq-wrap{
    width:100%;
    padding: 20px 0;
    padding-top: var(--ds-header-h, 74px) !important;
    font-family:"Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  }
  #ds-quran .dsq-container{ max-width: 1140px; margin: 0 auto; padding: 0 18px; }

  html[data-theme="dark"] #ds-quran.dsq-wrap,
  html:not([data-theme]) #ds-quran.dsq-wrap{
    --bg:#06101c; --card:rgba(10,20,33,.78); --text:#eaf2ff; --muted:rgba(234,242,255,.68);
    --line:rgba(55,220,210,.18); --chip:rgba(8,26,30,.65); --chipOn:rgba(55,220,210,.14);
    --shadow:0 30px 70px rgba(0,0,0,.55); --radius:18px; --fs:16px;
    --accent:#37dcd2; --accent2:#2aa7a8;
  }
  html[data-theme="light"] #ds-quran.dsq-wrap{
    --bg:#f6fbff; --card:#ffffff; --text:#0b1220; --muted:rgba(11,18,32,.62);
    --line:rgba(42,167,168,.20); --chip:rgba(42,167,168,.08); --chipOn:rgba(42,167,168,.14);
    --shadow:0 18px 40px rgba(20,40,60,.12); --radius:18px; --fs:16px;
    --accent:#2aa7a8; --accent2:#37dcd2;
  }

  html[data-theme="light"] #ds-quran .dsq-primary-soft{
    color: #0b1220 !important;
    border: 1px solid rgba(42,167,168,.40) !important;
    background: linear-gradient(135deg, rgba(42,167,168,.14), rgba(55,220,210,.10)) !important;
  }
  html[data-theme="light"] #ds-quran #dsq-ayah-btn{
    color: rgba(11,18,32,.90) !important;
  }

  #ds-quran .dsq-card{
    background:
      radial-gradient(900px 420px at 20% -10%, rgba(55,220,210,.14), transparent 60%),
      radial-gradient(900px 420px at 90% 0%, rgba(42,167,168,.10), transparent 55%),
      var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    overflow: hidden;
    position: relative;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  #ds-quran .dsq-controls, #ds-quran .dsq-row{ overflow: visible !important; }
  #ds-quran .dsq-row > *{ min-width: 0; }

  #ds-quran .dsq-head{
    display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
    padding:16px 18px 12px; border-bottom:1px solid var(--line);
    background: linear-gradient(180deg, rgba(55,220,210,.10), transparent);
  }
  #ds-quran .dsq-title{ font-size:20px; font-weight:900; letter-spacing:.2px; color: var(--text); }
  #ds-quran .dsq-sub{ font-size:13px; color:var(--muted); margin-top:2px; }
  #ds-quran .dsq-head-actions{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; justify-content:flex-end; }

  #ds-quran .dsq-iconbtn{
    border:1px solid rgba(55,220,210,.22);
    background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    color: var(--text);
    padding: 10px 14px; border-radius: 9999px; cursor:pointer; font-size:13px; font-weight:900;
    transition: transform .14s ease, filter .14s ease, background .14s ease, border-color .14s ease, box-shadow .14s ease;
    user-select:none; display:inline-flex; align-items:center; gap:10px; white-space: nowrap;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  }
  #ds-quran .dsq-iconbtn:hover{
    transform: translateY(-1px);
    filter: brightness(1.06);
    border-color: rgba(55,220,210,.46);
    box-shadow: 0 12px 32px rgba(55,220,210,.10), inset 0 1px 0 rgba(255,255,255,.10);
  }
  #ds-quran .dsq-iconbtn:active{ transform: translateY(1px); }
  #ds-quran .dsq-iconbtn-ghost{ background: transparent; }

  #ds-quran .dsq-stickybar{
    position: sticky;
    top: var(--ds-header-h, 74px);
    z-index: 999990;
    display:flex;
    align-items:center;
    gap:10px;
    padding: 8px 12px;
    border-bottom:1px solid rgba(55,220,210,.20);
    background: color-mix(in srgb, var(--card) 88%, rgba(6,16,28,.94));
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 18px 40px rgba(0,0,0,.20);
  }
  #ds-quran .dsq-stickybar[aria-hidden="true"],
  #ds-quran.is-suwar-index .dsq-stickybar{
    display:none;
  }
  #ds-quran .dsq-sticky-title{
    min-width:0;
    flex:1 1 auto;
    color:var(--text);
    font-size:13px;
    font-weight:1000;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  #ds-quran .dsq-sticky-actions{
    display:flex;
    align-items:center;
    gap:7px;
    flex:0 0 auto;
  }
  #ds-quran .dsq-stickybtn,
  #ds-quran .dsq-actionbtn{
    min-height:38px;
    border:1px solid rgba(55,220,210,.22);
    border-radius:9999px;
    background: linear-gradient(180deg, rgba(55,220,210,.12), rgba(255,255,255,.025));
    color:var(--text);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 13px;
    font-size:12px;
    font-weight:1000;
    cursor:pointer;
    white-space:nowrap;
    transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease, background .14s ease;
  }
  #ds-quran .dsq-stickybtn:hover,
  #ds-quran .dsq-actionbtn:hover{
    transform:translateY(-1px);
    border-color:rgba(55,220,210,.52);
    box-shadow:0 12px 28px rgba(55,220,210,.10);
  }
  #ds-quran .dsq-sticky-main,
  #ds-quran .dsq-actionbtn-main{
    min-width:44px;
    border:0;
    color:#031318;
    background:linear-gradient(135deg, var(--accent), var(--accent2));
    box-shadow:0 14px 34px rgba(55,220,210,.18);
  }
  @media (max-width: 700px){
    #ds-quran .dsq-stickybar{
      gap:7px;
      padding:7px 9px;
    }
    #ds-quran .dsq-stickybtn{
      min-height:34px;
      padding:0 10px;
      font-size:11px;
    }
    #ds-quran #dsq-sticky-copy{
      display:none;
    }
    #ds-quran .dsq-sticky-title{
      font-size:12px;
    }
  }

  #ds-quran .dsq-pill{
    font-size: 12px; font-weight: 900; padding: 4px 10px; border-radius: 9999px;
    background: rgba(55,220,210,.10); border: 1px solid rgba(55,220,210,.22); color: var(--text);
  }

  #ds-quran .dsq-controls{
    padding:14px 18px 12px;
    border-bottom:1px solid var(--line);
    background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(55,220,210,.025));
  }
  #ds-quran.is-suwar-index .dsq-body{
    padding-top: 18px;
  }

  #ds-quran .dsq-suwar-hero{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    padding: 4px 2px 18px;
    border-bottom: 1px solid rgba(55,220,210,.14);
    margin-bottom: 16px;
  }

  #ds-quran .dsq-suwar-kicker{
    color: var(--accent);
    font-size: 12px;
    font-weight: 1000;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 4px;
  }

  #ds-quran .dsq-suwar-hero h2{
    color: var(--text);
    font-size: clamp(24px, 3vw, 40px);
    line-height: 1.05;
    margin: 0;
    font-weight: 1000;
  }

  #ds-quran .dsq-suwar-hero p{
    color: var(--muted);
    font-size: 14px;
    font-weight: 750;
    line-height: 1.55;
    margin: 8px 0 0;
    max-width: 720px;
  }

  #ds-quran .dsq-suwar-grid{
    display:grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }

  #ds-quran .dsq-sura-card{
    text-decoration:none;
    width:100%;
    min-height: 82px;
    display:grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    align-items:center;
    gap: 14px;
    border: 1px solid rgba(55,220,210,.16);
    border-radius: 10px;
    background: rgba(255,255,255,.025);
    color: var(--text);
    cursor:pointer;
    padding: 12px 14px;
    text-align:left;
    transition: transform .14s ease, border-color .14s ease, background .14s ease, box-shadow .14s ease;
  }

  #ds-quran .dsq-sura-card:hover{
    transform: translateY(-1px);
    border-color: rgba(55,220,210,.54);
    background: rgba(55,220,210,.08);
    box-shadow: 0 16px 36px rgba(55,220,210,.10);
  }

  #ds-quran .dsq-sura-num{
    width: 42px;
    height: 42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    position: relative;
    isolation: isolate;
    color: var(--text);
    font-size: 14px;
    font-weight: 1000;
    line-height: 1;
  }

  #ds-quran .dsq-sura-num::before{
    content:"";
    position:absolute;
    inset: 3px;
    z-index:-1;
    border-radius: 8px;
    background: rgba(234,242,255,.10);
    transform: rotate(45deg);
  }

  #ds-quran .dsq-sura-card:hover .dsq-sura-num::before{
    background: linear-gradient(135deg, var(--accent), var(--accent2));
  }

  #ds-quran .dsq-sura-card:hover .dsq-sura-num{
    color: #021015;
  }

  #ds-quran .dsq-sura-main{
    min-width:0;
    display:grid;
    gap: 3px;
  }

  #ds-quran .dsq-sura-en{
    color: var(--text);
    font-size: 15px;
    font-weight: 1000;
    line-height: 1.15;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
  }

  #ds-quran .dsq-sura-trname{
    color: var(--muted);
    font-size: 12px;
    font-weight: 850;
    line-height: 1.2;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
  }

  #ds-quran .dsq-sura-side{
    display:grid;
    justify-items:end;
    gap: 4px;
    min-width: 76px;
  }

  #ds-quran .dsq-sura-ar{
    direction: rtl;
    color: var(--text);
    font-family: "UthmanicHafs","Amiri","Scheherazade New","Noto Naskh Arabic",serif;
    font-size: 18px;
    line-height: 1.2;
  }

  #ds-quran .dsq-sura-count{
    color: var(--muted);
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
  }

  html[data-theme="light"] #ds-quran .dsq-sura-card{
    background: rgba(255,255,255,.72);
    border-color: rgba(42,167,168,.18);
  }

  html[data-theme="light"] #ds-quran .dsq-sura-num::before{
    background: rgba(42,167,168,.10);
  }

  @media (max-width: 980px){
    #ds-quran .dsq-suwar-grid{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 640px){
    #ds-quran .dsq-suwar-grid{
      grid-template-columns: 1fr;
      gap: 10px;
    }

    #ds-quran .dsq-sura-card{
      min-height: 76px;
      grid-template-columns: 54px minmax(0, 1fr) auto;
      gap: 10px;
      padding: 11px 12px;
    }

    #ds-quran .dsq-sura-side{
      min-width: 68px;
    }

    #ds-quran .dsq-suwar-hero{
      padding-bottom: 14px;
      margin-bottom: 12px;
    }
  }

  #ds-quran .dsq-row{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 10px;
    align-items:end;
  }
  @media (max-width: 700px){ #ds-quran .dsq-row{ grid-template-columns: 1fr; } }

  #ds-quran .dsq-label{
    display:block; font-size:12px; font-weight:900; letter-spacing:.02em;
    color:var(--muted); margin:0 0 6px 2px;
  }

  #ds-quran .dsq-input{
    width:100%; border-radius:14px; border:1px solid rgba(55,220,210,.18);
    background: rgba(255,255,255,.035);
    color: var(--text); padding: 12px 12px; outline:none; font-size:14px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
  }
  #ds-quran .dsq-input:focus{
    border-color: rgba(55,220,210,.55);
    box-shadow: 0 0 0 4px rgba(55,220,210,.14);
  }

  #ds-quran .dsq-togglebar{ display:flex; gap:8px; flex-wrap:wrap; }

  #ds-quran .dsq-chip{
    border:1px solid rgba(55,220,210,.20);
    background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(55,220,210,.035));
    color: var(--text);
    padding: 10px 12px; border-radius: 9999px; font-size:13px; font-weight:900;
    cursor:pointer; user-select:none; transition: transform .14s ease, filter .14s ease, background .14s ease, border-color .14s ease, box-shadow .14s ease;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.065);
  }
  #ds-quran .dsq-chip:hover{
    transform: translateY(-1px);
    filter: brightness(1.06);
    border-color: rgba(55,220,210,.46);
    box-shadow:0 12px 28px rgba(55,220,210,.09), inset 0 1px 0 rgba(255,255,255,.08);
  }
  #ds-quran .dsq-chip:active{ transform: translateY(1px); }
  #ds-quran .dsq-chip.is-on{
    background: linear-gradient(135deg, rgba(55,220,210,.28), rgba(42,167,168,.16));
    border-color: rgba(55,220,210,.52);
    box-shadow:0 12px 30px rgba(55,220,210,.11), inset 0 1px 0 rgba(255,255,255,.12);
  }

  #ds-quran .dsq-btn{
    border:1px solid rgba(55,220,210,.20);
    background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(55,220,210,.035));
    color: var(--text);
    padding: 12px 14px; border-radius: 9999px; cursor:pointer; font-size:14px; font-weight:900;
    transition: transform .14s ease, filter .14s ease, background .14s ease, border-color .14s ease, box-shadow .14s ease;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.065);
  }
  #ds-quran .dsq-btn:hover{
    transform: translateY(-1px);
    filter: brightness(1.06);
    border-color: rgba(55,220,210,.46);
    box-shadow:0 12px 28px rgba(55,220,210,.09), inset 0 1px 0 rgba(255,255,255,.08);
  }
  #ds-quran .dsq-btn:active{ transform: translateY(1px); }

  #ds-quran .dsq-primary{
    width:100%; text-align:left; color:#021015; border:0;
    background: linear-gradient(135deg, var(--accent), var(--accent2));
    box-shadow: 0 14px 34px rgba(55,220,210,.18);
    white-space: nowrap; overflow:hidden; text-overflow: ellipsis;
  }
  #ds-quran .dsq-primary-soft{
    color: #eaf2ff; border: 1px solid rgba(55,220,210,.28);
    background: linear-gradient(135deg, rgba(55,220,210,.18), rgba(42,167,168,.14));
    box-shadow: none;
  }

  #ds-quran .dsq-dropdown{ position:relative; min-width: 0; }
  #ds-quran .dsq-dropdown-menu{
    position:absolute; top: calc(100% + 10px); left:0; width:100%; max-height: 360px; overflow:auto;
    background: rgba(6,16,28,.96); border:1px solid rgba(55,220,210,.20); border-radius: 16px;
    box-shadow: 0 24px 60px rgba(0,0,0,.55);
    display:none; z-index: 999999; padding: 8px;
  }
  html[data-theme="light"] #ds-quran .dsq-dropdown-menu{ background: #ffffff; box-shadow: 0 20px 50px rgba(20,40,60,.18); }
  #ds-quran .dsq-dropdown-menu.open{ display:block; }
  #ds-quran .dsq-dropdown-menu-right{ left: auto; right: 0; min-width: 320px; }

  #ds-quran .dsq-dropdown-item{
    padding: 12px 12px; border-radius: 12px; cursor:pointer; font-size:14px; font-weight:900;
    color: var(--text); transition: background .12s ease, transform .12s ease;
  }
  #ds-quran .dsq-dropdown-item:hover{ background: rgba(55,220,210,.10); transform: translateY(-1px); }
  #ds-quran .dsq-dropdown-item.is-active{ background: rgba(55,220,210,.14); border: 1px solid rgba(55,220,210,.26); }
  #ds-quran .dsq-dropdown-item.is-direct-preview{
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.34);
    box-shadow: inset 0 0 0 1px rgba(55,220,210,.10);
  }
  html[data-theme="light"] #ds-quran .dsq-dropdown-item.is-direct-preview{
    background: rgba(42,167,168,.10);
    border-color: rgba(42,167,168,.34);
  }
  #ds-quran .dsq-dd-sub{ font-size: 12px; font-weight: 800; color: var(--muted); margin-top: 2px; }

  #ds-quran .dsq-note{ margin-top: 10px; }
  #ds-quran .dsq-info{
    grid-column: 1 / -1; font-size: 12px; font-weight: 700; color: var(--muted);
    padding: 12px 12px; border: 1px dashed rgba(55,220,210,.22); border-radius: 14px;
    background: linear-gradient(180deg, rgba(55,220,210,.08), transparent);
  }

  #ds-quran .dsq-body{ padding: 14px 18px 18px; padding-bottom: 120px !important; }
  #ds-quran .dsq-status{ color: var(--muted); font-size: 13px; padding: 6px 2px 12px; font-weight: 800; }
  #ds-quran .dsq-list{ display:flex; flex-direction:column; gap:12px; }
  #ds-quran .dsq-bottom-actions{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    flex-wrap:wrap;
    margin:18px 0 4px;
    padding:14px;
    border:1px solid rgba(55,220,210,.16);
    border-radius:18px;
    background:
      radial-gradient(520px 130px at 50% 0%, rgba(55,220,210,.14), transparent 70%),
      linear-gradient(180deg, rgba(255,255,255,.045), rgba(55,220,210,.035));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  }
  #ds-quran.is-suwar-index .dsq-bottom-actions{ display:none !important; }

  #ds-quran .dsq-basmala{
    border: 1px solid rgba(55,220,210,.18); border-radius: 18px;
    padding: 14px 14px; margin-bottom: 12px;
    background: linear-gradient(180deg, rgba(55,220,210,.10), transparent);
    text-align: center;
  }
  #ds-quran .dsq-basmala .dsq-basmala-ar{
    direction: rtl; font-size: calc(var(--fs) + 12px); line-height: 2.0; color: var(--text);
    font-family: "UthmanicHafs","Amiri","Scheherazade New","Noto Naskh Arabic",serif;
    text-shadow: 0 10px 30px rgba(55,220,210,.10);
  }

  #ds-quran .dsq-ayah{
    border: 1px solid rgba(55,220,210,.18); border-radius: 18px;
    padding: 16px 14px 14px;
    background: linear-gradient(180deg, rgba(55,220,210,.08), transparent);
    scroll-margin-top: calc(var(--ds-header-h, 74px) + 16px);
  }
  #ds-quran .dsq-meta{
    display:flex; justify-content:space-between; gap:10px; align-items:center;
    margin-bottom: 10px; color: var(--muted); font-size: 12px; font-weight: 900;
  }
  #ds-quran .dsq-meta-left{ display:flex; align-items:center; gap:10px; min-width:0; }
  #ds-quran .dsq-badge{
    border:1px solid rgba(55,220,210,.18); padding: 5px 10px; border-radius: 9999px;
    background: transparent; color: var(--muted); font-weight: 900; white-space: nowrap;
  }
  #ds-quran .dsq-ayah-actions{ display:flex; gap:8px; align-items:center; justify-content:flex-end; position: relative; }

  #ds-quran .dsq-mini{
    width: 40px; height: 40px;
    display:inline-flex; align-items:center; justify-content:center;
    border-radius: 9999px; border: 1px solid rgba(55,220,210,.18);
    background: transparent; color: var(--text); cursor:pointer; font-weight: 900;
    transition: transform .12s ease, filter .12s ease, background .12s ease;
    user-select:none;
  }
  #ds-quran .dsq-mini svg{ display:block; }
  #ds-quran .dsq-mini:hover{ transform: translateY(-1px); filter: brightness(1.06); background: rgba(55,220,210,.10); }
  #ds-quran .dsq-mini:active{ transform: translateY(1px); }

  #ds-quran .dsq-ayah{
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
  }

  #ds-quran .dsq-selectbtn{
    font-size: 16px;
    font-weight: 1000;
  }

  #ds-quran .dsq-selectbtn.is-selected{
    background: linear-gradient(135deg, var(--accent), var(--accent2));
    border-color: transparent;
    color: #021015;
    box-shadow: 0 10px 24px rgba(55,220,210,.18);
  }

  #ds-quran .dsq-ayah.is-selected{
    border-color: rgba(55,220,210,.55);
    box-shadow:
      0 0 0 2px rgba(55,220,210,.13),
      0 16px 38px rgba(55,220,210,.10);
    background:
      linear-gradient(180deg, rgba(55,220,210,.13), rgba(55,220,210,.04)),
      linear-gradient(180deg, rgba(55,220,210,.08), transparent);
  }

  html[data-theme="light"] #ds-quran .dsq-selectbtn.is-selected{
    color: #ffffff;
  }

  #ds-quran .dsq-morewrap{ position: relative; display:inline-flex; align-items:center; }
  #ds-quran .dsq-morebtn{ font-size: 22px; line-height: 1; padding-bottom: 3px; }
  #ds-quran .dsq-moremenu{
    position:absolute; top: calc(100% + 10px); right: 0;
    min-width: 200px;
    border-radius: 16px;
    border: 1px solid rgba(55,220,210,.20);
    background: rgba(6,16,28,.96);
    box-shadow: 0 24px 60px rgba(0,0,0,.55);
    padding: 8px;
    display:none;
    z-index: 999999;
  }
  html[data-theme="light"] #ds-quran .dsq-moremenu{ background:#fff; box-shadow: 0 20px 50px rgba(20,40,60,.18); }
  #ds-quran .dsq-moremenu.open{ display:block; }
  #ds-quran .dsq-moreitem{
    width:100%;
    text-align:left;
    border: 0;
    background: transparent;
    color: var(--text);
    padding: 12px 12px;
    border-radius: 12px;
    cursor:pointer;
    font-weight: 900;
    font-size: 14px;
    transition: background .12s ease, transform .12s ease;
  }
  #ds-quran .dsq-moreitem:hover{ background: rgba(55,220,210,.10); transform: translateY(-1px); }
  #ds-quran .dsq-moreitem:active{ transform: translateY(1px); }

  #ds-quran .dsq-ar{
    font-size: calc(var(--fs) + 7px); line-height: 1.95; direction: rtl; text-align: right;
    margin: 0 0 10px; color: var(--arabic-color, var(--text));
    font-family: var(--arabic-font, "UthmanicHafs","Amiri","Scheherazade New","Noto Naskh Arabic",serif);
  }
  #ds-quran .dsq-tr{ font-size: var(--fs); line-height: 1.75; margin: 0; color: var(--text); font-weight: 650; }
  #ds-quran .dsq-tl{
    font-size: calc(var(--fs) - 1px);
    line-height: 1.7;
    margin: 8px 0 0;
    color: var(--muted);
    font-weight: 750;
    font-style: italic;
  }
  #ds-quran .dsq-arword{
    display:inline-block; padding: 0 4px; border-radius: 10px; cursor:pointer; user-select:none;
    position:relative;
    transition: background .12s ease, transform .12s ease;
  }
  #ds-quran .dsq-arword:hover{ background: rgba(55,220,210,.14); transform: translateY(-1px); }
  #ds-quran .dsq-arword[data-word-tip]:hover::after,
  #ds-quran .dsq-arword[data-word-tip]:focus-visible::after{
    content: attr(data-word-tip);
    position:absolute;
    left:50%;
    bottom:calc(100% + 8px);
    transform:translateX(-50%);
    z-index:999999;
    width:max-content;
    max-width:min(280px, 72vw);
    padding:8px 10px;
    border:1px solid rgba(55,220,210,.22);
    border-radius:12px;
    background:rgba(6,16,28,.96);
    color:var(--text);
    font-family:"Poppins", system-ui, sans-serif;
    direction:ltr;
    text-align:center;
    font-size:12px;
    line-height:1.35;
    font-weight:900;
    box-shadow:0 18px 42px rgba(0,0,0,.35);
    white-space:normal;
    pointer-events:none;
  }
  html[data-theme="light"] #ds-quran .dsq-arword[data-word-tip]:hover::after,
  html[data-theme="light"] #ds-quran .dsq-arword[data-word-tip]:focus-visible::after{
    background:#fff;
    color:#0b1220;
    box-shadow:0 16px 36px rgba(20,40,60,.16);
  }

  #ds-quran .dsq-footnotes{
    margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(55,220,210,.18);
    color: var(--muted); font-size: 13px; line-height: 1.65; display: none; font-weight: 650;
  }
  #ds-quran .dsq-footnotes strong{ color: var(--text); font-weight: 900; }

  #ds-quran .dsq-toast{
    position: fixed;
    left: 50%;
    top: calc(var(--ds-header-h, 74px) + 14px);
    transform: translateX(-50%);
    z-index: 2147483200;
    width: min(420px, calc(100vw - 28px));
    margin: 0;
    display:none;
    padding: 10px 14px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--accent, #37dcd2) 32%, transparent);
    background: color-mix(in srgb, var(--card, #06101c) 94%, transparent);
    color: var(--text);
    font-weight: 900;
    font-size: 13px;
    line-height: 1.35;
    text-align: center;
    box-shadow: 0 18px 48px rgba(0,0,0,.32);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    pointer-events: none;
  }

  .dsq-selection-bar{
    position: fixed;
    left: 50%;
    bottom: 92px;
    z-index: 9999998;
    width: min(720px, calc(100vw - 28px));
    transform: translate(-50%, 18px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid rgba(55,220,210,.24);
    border-radius: 18px;
    background: rgba(6,16,28,.92);
    box-shadow: 0 22px 64px rgba(0,0,0,.45);
    color: var(--text, #eaf2ff);
    opacity: 0;
    pointer-events: none;
    transition: opacity .16s ease, transform .16s ease;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }

  .dsq-selection-bar[aria-hidden="false"]{
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, 0);
  }

  .dsq-selection-count{
    min-width: 0;
    color: var(--text, #eaf2ff);
    font-size: 13px;
    font-weight: 900;
  }

  .dsq-selection-actions{
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
  }

  .dsq-selection-btn{
    border: 1px solid rgba(55,220,210,.22);
    border-radius: 9999px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 900;
    padding: 10px 14px;
    transition: transform .12s ease, filter .12s ease, background .12s ease;
  }

  .dsq-selection-btn:hover{
    transform: translateY(-1px);
    filter: brightness(1.06);
  }

  .dsq-selection-copy{
    background: linear-gradient(135deg, var(--accent, #37dcd2), var(--accent2, #2aa7a8));
    border-color: transparent;
    color: #021015;
  }

  .dsq-selection-clear{
    background: rgba(255,255,255,.05);
    color: var(--text, #eaf2ff);
  }

  html[data-theme="light"] .dsq-selection-bar{
    background: rgba(255,255,255,.95);
    color: #0b1220;
    box-shadow: 0 18px 48px rgba(20,40,60,.16);
  }

  html[data-theme="light"] .dsq-selection-count,
  html[data-theme="light"] .dsq-selection-clear{
    color: #0b1220;
  }

  #ds-quran .dsq-foot{
    display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:10px;
    padding: 12px 18px; border-top: 1px solid var(--line);
    color: var(--muted); font-size: 12px; font-weight: 800;
    background: linear-gradient(180deg, transparent, rgba(55,220,210,.06));
  }
  #ds-quran .dsq-foot > span:first-child{ flex:1 1 230px; min-width:0; }
  #ds-quran .dsq-right{ flex:0 0 auto; white-space:nowrap; color: rgba(55,220,210,.85); font-weight: 900; }

  #ds-quran .dsq-pagewrap{
    border: 1px solid rgba(55,220,210,.18);
    border-radius: 18px;
    padding: 18px 16px 24px;
    background: linear-gradient(180deg, rgba(55,220,210,.05), transparent);
    min-height: min(760px, 72vh);
  }
  #ds-quran .dsq-pagehead{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    margin-bottom: 18px;
    color: var(--muted);
    font-weight: 900;
    font-size: 13px;
  }
  #ds-quran .dsq-pagebadge{
    border:1px solid rgba(55,220,210,.18); padding: 6px 10px;
    border-radius: 9999px; background: transparent; color: var(--muted); white-space: nowrap;
  }
  #ds-quran .dsq-pageview-label{ opacity:.9; }
  #ds-quran .dsq-mushaf-shell{
    max-width: 640px;
    margin: 0 auto;
    padding: 2px 4px;
  }
  #ds-quran .dsq-mushaf{
    direction: rtl;
    text-align: center;
    line-height: 2.18;
    font-size: clamp(24px, calc(var(--fs) + 13px), 40px);
    color: var(--arabic-color, var(--text));
    font-family: var(--arabic-font, "UthmanicHafs","Amiri","Scheherazade New","Noto Naskh Arabic",serif);
    font-weight: 500;
    word-spacing: .08em;
  }
  #ds-quran .dsq-mushaf-line{
    display:block;
    width:100%;
    min-height: 1.95em;
    text-align:center;
    white-space: nowrap;
  }
  #ds-quran .dsq-ayahmark{
    display:inline;
    direction: rtl;
    unicode-bidi: isolate;
    padding: 0 .18em;
    margin: 0 .08em;
    color: color-mix(in srgb, var(--accent) 82%, var(--text));
    font-size: .68em;
    font-weight: 900;
    white-space: nowrap;
  }
  #ds-quran .dsq-pagefooter{
    max-width: 620px;
    margin: 22px auto 0;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,.14);
    text-align: center;
    color: var(--muted);
    font-weight: 900;
    font-size: 13px;
  }

  #ds-quran .dsq-settings-wrap{ position:relative; overflow:visible; }
  #ds-quran .dsq-settings-btn{ min-width:46px; }
  #ds-quran .dsq-settings-menu{
    position:fixed;
    left:14px;
    right:auto;
    top:120px;
    transform:none;
    z-index:2147482999;
    width:min(360px, calc(100vw - 28px));
    max-width:calc(100vw - 28px);
    display:none;
    gap:12px;
    padding:12px;
    border:1px solid rgba(55,220,210,.22);
    border-radius:16px;
    background:rgba(6,16,28,.96);
    box-shadow:0 24px 60px rgba(0,0,0,.45);
  }
  #ds-quran .dsq-settings-menu[aria-hidden="false"]{ display:grid; }
  html[data-theme="light"] #ds-quran .dsq-settings-menu{ background:#fff; box-shadow:0 20px 50px rgba(20,40,60,.18); }
  #ds-quran .dsq-setting-row{
    display:grid;
    gap:7px;
    color:var(--muted);
    font-size:12px;
    font-weight:900;
  }
  #ds-quran .dsq-select{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    width:100%;
    min-height:40px;
    border-radius:12px;
    border:1px solid rgba(55,220,210,.24);
    background-color:rgba(7,22,34,.98);
    background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);
    background-position:calc(100% - 18px) 17px, calc(100% - 12px) 17px;
    background-size:6px 6px, 6px 6px;
    background-repeat:no-repeat;
    color:var(--text);
    padding:0 36px 0 10px;
    font-weight:900;
    outline:none;
  }
  #ds-quran .dsq-select:focus{
    border-color:rgba(55,220,210,.62);
    box-shadow:0 0 0 4px rgba(55,220,210,.14);
  }
  #ds-quran .dsq-select option{
    background:#071622;
    color:#eaf2ff;
  }
  html[data-theme="light"] #ds-quran .dsq-select{
    background-color:#ffffff;
    color:#0b1220;
  }
  html[data-theme="light"] #ds-quran .dsq-select option{
    background:#ffffff;
    color:#0b1220;
  }

  #ds-quran .dsq-vm{
    display:none;
    border-top: 1px solid var(--line);
    background: linear-gradient(180deg, rgba(55,220,210,.06), transparent);
    padding: 14px 18px 18px;
  }
  #ds-quran .dsq-vm[aria-hidden="false"]{ display:block; }

  #ds-quran .dsq-vm-head{
    display:flex; align-items:center; justify-content:space-between; gap:10px;
    margin-bottom: 12px;
  }
  #ds-quran .dsq-vm-title{
    display:flex; align-items:center; gap:10px;
    font-weight: 900; color: var(--text);
  }

  #ds-quran .dsq-vm-grid{
    display:grid;
    grid-template-columns: 1.45fr .95fr;
    gap: 12px;
  }
  @media (max-width: 980px){
    #ds-quran .dsq-vm-grid{ grid-template-columns: 1fr; }
  }

  #ds-quran .dsq-vm-range-grid{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:10px;
  }
  @media (max-width: 700px){
    #ds-quran .dsq-vm-range-grid{ grid-template-columns: 1fr; }
  }

  #ds-quran .dsq-vm-range-meta{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:10px;
    margin-top:10px;
  }
  @media (max-width: 860px){
    #ds-quran .dsq-vm-range-meta{ grid-template-columns: 1fr; }
  }

  #ds-quran .dsq-vm-toolbar{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:10px;
    margin-top:10px;
  }
  @media (max-width: 860px){
    #ds-quran .dsq-vm-toolbar{ grid-template-columns: 1fr; }
  }

  #ds-quran .dsq-color{
    width:100%;
    height:48px;
    border-radius:14px;
    border:1px solid rgba(55,220,210,.18);
    background: transparent;
    padding:6px;
    cursor:pointer;
  }

  #ds-quran .dsq-vm-preview{
    position: relative;
    border-radius: 18px;
    overflow:hidden;
    border: 1px solid rgba(55,220,210,.18);
    background:#000;
    min-height: 260px;
  }

  #ds-quran #dsq-vm-video{
    width:100%;
    height:auto;
    display:block;
    background:#000;
    transform-origin:center center;
    will-change: transform, opacity;
  }

  #ds-quran .dsq-vm-overlay{
    position:absolute;
    left:0; right:0;
    bottom: 74px;
    padding: 0 20px;
    text-align:center;
    pointer-events:none;
  }

  #ds-quran .dsq-vm-ar{
  direction: rtl;
  font-size: clamp(16px, 2.7vw, 38px);
  line-height: 1.38;
  color: #fff;
  text-shadow: 0 10px 30px rgba(0,0,0,.55), 0 0 18px rgba(0,0,0,.35);
  font-family: "UthmanicHafs","Amiri","Scheherazade New","Noto Naskh Arabic",serif;
  font-weight: 600;
  margin-bottom: 8px;
  max-width: 92%;
  margin-left: auto;
  margin-right: auto;
  word-break: break-word;
}

#ds-quran .dsq-vm-tr{
  font-size: clamp(12px, 1.8vw, 19px);
  line-height: 1.36;
  color:#fff;
  text-shadow: 0 10px 26px rgba(0,0,0,.55);
  font-family:"Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 700;
  opacity: .96;
  max-width: 92%;
  margin-left: auto;
  margin-right: auto;
  word-break: break-word;
}
#ds-quran .dsq-vm-overlay.is-long .dsq-vm-ar{
  font-size: clamp(14px, 2.1vw, 28px);
  line-height: 1.32;
}

#ds-quran .dsq-vm-overlay.is-long .dsq-vm-tr{
  font-size: clamp(11px, 1.45vw, 16px);
  line-height: 1.28;
}
  #ds-quran .dsq-vm-ref{
    margin-top: 8px;
    font-size: 12px;
    font-weight: 900;
    color: rgba(255,255,255,.88);
    text-shadow: 0 10px 26px rgba(0,0,0,.55);
    font-family:"Poppins", system-ui, sans-serif;
  }

  #ds-quran .dsq-vm-controls{
    position:absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    display:flex;
    align-items:center;
    gap:8px;
    pointer-events:auto;
    z-index:2;
  }
  #ds-quran .dsq-vm-time{
    margin-left:auto;
    font-size: 12px;
    font-weight: 900;
    color: rgba(255,255,255,.88);
    text-shadow: 0 10px 26px rgba(0,0,0,.55);
  }

  #ds-quran #dsq-vm-seek{
    position:absolute;
    left:10px;
    right:10px;
    bottom: 50px;
    width: calc(100% - 20px);
    z-index:2;
  }

  .dsq-player{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    z-index: 2147483000 !important;

    --accent: var(--accent, #37dcd2);
    --accent2: var(--accent2, #2aa7a8);
    --text: var(--text, #eaf2ff);
    --muted: var(--muted, rgba(234,242,255,.68));

    padding: 7px 16px;
    padding-left: calc(18px + env(safe-area-inset-left, 0px));
    padding-right: calc(18px + env(safe-area-inset-right, 0px));

    box-sizing: border-box !important;
    overflow: visible !important;
    border-top: 1px solid rgba(55,220,210,.18);
    background: linear-gradient(180deg, rgba(6,16,28,.78), rgba(6,16,28,.94));
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    display:none;
  }
  html[data-theme="light"] .dsq-player{
    background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.96));
  }
  .dsq-player[aria-hidden="false"]{
    display:flex;
    align-items:center;
    gap:12px;
  }

  .dsq-player-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin:0;
    min-width:0;
    flex:0 1 310px;
  }
  .dsq-now{
    font-size: 12px;
    font-weight: 900;
    color: var(--text);
    min-width:0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    padding-right: 6px;
    flex: 1 1 auto;
  }

  .dsq-player-mid{
    display:flex;
    align-items:center;
    gap: 10px;
    flex-wrap: nowrap;
    min-width: 0;
    flex:1 1 auto;
    max-width: 1180px;
    margin: 0;
  }
  .dsq-pcontrols{
    display:flex;
    gap:8px;
    align-items:center;
    flex: 0 0 auto;
    flex-wrap: nowrap;
  }
  .dsq-seekwrap{
    flex: 1 1 auto;
    min-width: 120px;
    display:flex;
    align-items:center;
    gap:10px;
  }
  .dsq-time{
    font-size: 11px;
    font-weight: 900;
    color: var(--muted);
    margin: 0;
    flex:0 0 auto;
    min-width:78px;
  }
  .dsq-volwrap{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:8px;
    flex: 0 0 150px;
    max-width: 150px;
  }
  .dsq-vlabel{
    font-size: 11px;
    font-weight: 900;
    color: var(--muted);
  }

  .dsq-pbtn{
    height: 34px;
    border-radius: 9999px;
    border: 1px solid rgba(55,220,210,.18);
    background: transparent;
    color: var(--text);
    cursor:pointer;
    font-weight: 900;
    transition: transform .12s ease, filter .12s ease, background .12s ease;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    user-select:none;
    padding: 0 10px;
    white-space: nowrap;
  }
  .dsq-pbtn:hover{ transform: translateY(-1px); filter: brightness(1.06); background: rgba(55,220,210,.10); }
  .dsq-pbtn:active{ transform: translateY(1px); }

  .dsq-pbtn-primary{
    border: 0;
    background: linear-gradient(135deg, var(--accent), var(--accent2));
    color:#041218;
    box-shadow: 0 14px 34px rgba(55,220,210,.18);
    padding: 0 12px;
  }
  .dsq-pbtn-ghost{ width: 34px; padding: 0; }
  .dsq-playbtn{ width: 34px; padding: 0; }
  .dsq-playbtn svg{ display:block; }

  .dsq-range{
    width:100%;
    accent-color: var(--accent);
    height: 8px;
    border-radius: 9999px;
    background: rgba(55,220,210,.12);
    outline: none;
  }

  .dsq-pmorewrap{ position: relative !important; display:inline-flex; align-items:center; }
  .dsq-pmoremenu{
    position:absolute !important;
    right: 0 !important;
    bottom: calc(100% + 10px) !important;
    top: auto !important;
    min-width: 220px;
    border-radius: 16px;
    border: 1px solid rgba(55,220,210,.20);
    background: rgba(6,16,28,.96);
    box-shadow: 0 24px 60px rgba(0,0,0,.55);
    padding: 8px;
    display:none;
    z-index: 2147483001 !important;
  }
  html[data-theme="light"] .dsq-pmoremenu{
    background:#fff;
    box-shadow: 0 20px 50px rgba(20,40,60,.18);
  }
  .dsq-pmoremenu.open{ display:block; }

  .dsq-pmoreitem{
    width:100%;
    text-align:left;
    border: 0;
    background: transparent;
    color: var(--text);
    padding: 12px 12px;
    border-radius: 12px;
    cursor:pointer;
    font-weight: 900;
    font-size: 14px;
    transition: background .12s ease, transform .12s ease;
  }
  .dsq-pmoreitem:hover{ background: rgba(55,220,210,.10); transform: translateY(-1px); }
  .dsq-pmoreitem:active{ transform: translateY(1px); }

  @media (max-width: 900px){
    .dsq-player-mid{ flex-wrap: wrap; }
    .dsq-volwrap{ flex: 1 1 100%; max-width: none; }
  }

  @media (max-width: 700px){
    .dsq-player{
      padding: 6px 12px;
      padding-left: calc(12px + env(safe-area-inset-left, 0px));
      padding-right: calc(12px + env(safe-area-inset-right, 0px));
    }
    .dsq-now{ font-size: 11.5px; }
    .dsq-pbtn{ height: 32px; padding: 0 8px; }
    .dsq-pbtn-ghost, .dsq-playbtn{ width: 32px; }
    .dsq-range{ height: 7px; }
    .dsq-volwrap{ display:none !important; }

    #ds-quran .dsq-vm-overlay{
      bottom: 76px;
      padding: 0 14px;
    }
    #ds-quran .dsq-vm-ar{
      font-size: clamp(18px, 5vw, 30px);
      line-height: 1.35;
    }
    #ds-quran .dsq-vm-tr{
      font-size: clamp(13px, 3.6vw, 17px);
      line-height: 1.35;
    }

    .dsq-selection-bar{
      bottom: 84px;
      width: calc(100vw - 20px);
      border-radius: 16px;
      padding: 9px;
    }

    .dsq-selection-count{
      font-size: 12px;
    }

    .dsq-selection-btn{
      padding: 9px 11px;
      font-size: 12px;
    }
  }

  body{ padding-bottom: 150px !important; }
/* Direkte Zahlen-Eingabe in Sure/Vers Dropdown */
#ds-quran .dsq-dropdown-direct{
  position: sticky;
  top: 0;
  z-index: 4;
  padding: 8px;
  background: color-mix(in srgb, var(--card) 94%, transparent);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

#ds-quran .dsq-dropdown-input{
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(55,220,210,.24);
  background: var(--chip);
  color: var(--text);
  padding: 10px 12px;
  outline: none;
  font-size: 14px;
  font-weight: 800;
}

#ds-quran .dsq-dropdown-input:focus{
  border-color: rgba(55,220,210,.62);
  box-shadow: 0 0 0 4px rgba(55,220,210,.14);
}

#ds-quran .dsq-dropdown-input::placeholder{
  color: var(--muted);
  font-weight: 700;
}

/* Filter-Vorschlaege */
#ds-quran .dsq-filter-wrap{
  position: relative;
  min-width: 0;
}

#ds-quran .dsq-filter-wrap .dsq-input{
  width: 100%;
}

#ds-quran .dsq-filter-suggest{
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  z-index: 80;
  display: none;
  max-height: min(360px, 58vh);
  overflow: auto;
  padding: 8px;
  border: 1px solid rgba(55,220,210,.22);
  border-radius: 16px;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--card) 96%, transparent), color-mix(in srgb, var(--bg2) 96%, transparent));
  box-shadow: 0 22px 60px rgba(0,0,0,.35);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

#ds-quran .dsq-filter-suggest.open{
  display: grid;
  gap: 6px;
}

#ds-quran .dsq-filter-suggest-item{
  appearance: none;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: var(--text);
  cursor: pointer;
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  text-align: left;
  width: 100%;
}

#ds-quran .dsq-filter-suggest-item:hover,
#ds-quran .dsq-filter-suggest-item.is-active{
  border-color: rgba(55,220,210,.34);
  background: rgba(55,220,210,.12);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
}

#ds-quran .dsq-filter-suggest-main{
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
}

#ds-quran .dsq-filter-suggest-sub{
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
}

html[data-theme="light"] #ds-quran .dsq-filter-suggest{
  border-color: rgba(42,167,168,.24);
  background: rgba(255,255,255,.96);
  box-shadow: 0 18px 48px rgba(25,45,65,.16);
}

html[data-theme="light"] #ds-quran .dsq-filter-suggest-item:hover,
html[data-theme="light"] #ds-quran .dsq-filter-suggest-item.is-active{
  border-color: rgba(42,167,168,.34);
  background: rgba(42,167,168,.10);
}

@media (max-width: 640px){
  #ds-quran .dsq-filter-suggest{
    border-radius: 14px;
    max-height: 52vh;
  }
}

/* Markierung fuer angesprungenen Vers */
#ds-quran .dsq-ayah.is-jump-target{
  border-color: rgba(255,255,255,.78) !important;
  box-shadow:
    0 0 0 2px rgba(255,255,255,.18),
    0 0 26px rgba(255,255,255,.22),
    0 18px 42px rgba(55,220,210,.16) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(55,220,210,.08)),
    linear-gradient(180deg, rgba(55,220,210,.08), transparent) !important;
}

html[data-theme="light"] #ds-quran .dsq-ayah.is-jump-target{
  border-color: rgba(42,167,168,.62) !important;
  box-shadow:
    0 0 0 2px rgba(42,167,168,.13),
    0 0 28px rgba(42,167,168,.20),
    0 18px 42px rgba(20,40,60,.12) !important;
  background:
    linear-gradient(180deg, rgba(42,167,168,.10), rgba(255,255,255,.56)),
    linear-gradient(180deg, rgba(55,220,210,.08), transparent) !important;
}

/* Quran saved verses addon */
.dsq-saved-panel{border-top:1px solid var(--line);padding:14px 18px;background:rgba(55,220,210,.04)}
.dsq-saved-head{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap}
.dsq-saved-head .dsq-input{max-width:260px}
.dsq-saved-list{display:grid;gap:10px}
.dsq-saved-item{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--card)}
.dsq-saved-item p{margin:6px 0 0;color:var(--muted);font-weight:700}.dsq-saved-item .ar{font-family:UthmanicHafs,Amiri,serif;direction:rtl;color:var(--text);font-size:1.35em;line-height:1.9}.dsq-savebtn{font-size:18px}.dsq-savebtn.is-saved{color:var(--accent)}
.dsq-saved-item [data-remove-saved]{
  width:auto !important;
  min-width:auto !important;
  height:auto !important;
  min-height:0 !important;
  border-radius:10px !important;
  padding:8px 10px !important;
  flex:0 0 auto;
  align-self:flex-start;
  white-space:nowrap;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:var(--muted) !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid var(--line) !important;
  box-shadow:none !important;
}
.dsq-saved-item [data-remove-saved]:hover{
  color:#fff !important;
  border-color:rgba(239,68,68,.42) !important;
  background:rgba(239,68,68,.18) !important;
}
@media(max-width:640px){.dsq-saved-item{display:block}.dsq-saved-item button{margin-top:10px}.dsq-saved-head .dsq-input{max-width:none;width:100%}}

/* Final compact Quran UI pass */
#ds-quran .dsq-controls{
  padding:12px 18px !important;
}
#ds-quran .dsq-row{
  grid-template-columns:repeat(auto-fit, minmax(138px, 1fr)) !important;
  gap:8px !important;
}
#ds-quran .dsq-label{
  font-size:11px !important;
  margin-bottom:5px !important;
  letter-spacing:0 !important;
}
#ds-quran .dsq-togglebar{
  gap:6px !important;
}
#ds-quran .dsq-iconbtn,
#ds-quran .dsq-chip,
#ds-quran .dsq-btn,
#ds-quran .dsq-actionbtn{
  min-height:34px !important;
  padding:0 12px !important;
  border-radius:13px !important;
  border:1px solid rgba(55,220,210,.18) !important;
  background:rgba(255,255,255,.035) !important;
  color:var(--text) !important;
  font-size:12px !important;
  font-weight:760 !important;
  line-height:1 !important;
  box-shadow:none !important;
}
#ds-quran .dsq-iconbtn:hover,
#ds-quran .dsq-chip:hover,
#ds-quran .dsq-btn:hover,
#ds-quran .dsq-actionbtn:hover{
  transform:translateY(-1px);
  border-color:rgba(55,220,210,.42) !important;
  background:rgba(55,220,210,.08) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.14) !important;
}
#ds-quran .dsq-chip.is-on,
#ds-quran .dsq-primary,
#ds-quran .dsq-pbtn-primary{
  background:linear-gradient(135deg, var(--accent), var(--accent2)) !important;
  color:#021015 !important;
  border-color:transparent !important;
  box-shadow:0 10px 24px rgba(55,220,210,.16) !important;
}
#ds-quran .dsq-primary-soft{
  background:rgba(55,220,210,.11) !important;
  color:var(--text) !important;
  border-color:rgba(55,220,210,.24) !important;
  box-shadow:none !important;
}
#ds-quran .dsq-input,
#ds-quran .dsq-dropdown-input{
  min-height:34px !important;
  padding:8px 10px !important;
  border-radius:12px !important;
  font-size:12px !important;
  font-weight:720 !important;
}
#ds-quran .dsq-dropdown-menu{
  top:calc(100% + 6px) !important;
  border-radius:14px !important;
  padding:7px !important;
  background:rgba(4,14,25,.98) !important;
  background-image:none !important;
  box-shadow:0 22px 52px rgba(0,0,0,.46) !important;
}
#ds-quran .dsq-dropdown-item{
  border-radius:11px !important;
  padding:9px 10px !important;
  font-size:12.5px !important;
  font-weight:780 !important;
}
#ds-quran .dsq-note{
  margin-top:6px !important;
}
#ds-quran .dsq-info{
  font-size:12px !important;
}
#ds-quran .dsq-bottom-actions{
  padding:12px 18px !important;
}
#ds-quran .dsq-bottom-bar{
  min-height:46px !important;
  border-radius:14px !important;
  padding:8px !important;
  gap:6px !important;
}

body > .dsq-stickybar{
  position:fixed !important;
  top:var(--ds-header-h, 72px) !important;
  left:50% !important;
  z-index:2147482400 !important;
  width:min(1080px, calc(100vw - 24px)) !important;
  min-height:42px !important;
  padding:6px 8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  transform:translateX(-50%) translateY(0) !important;
  border:1px solid rgba(55,220,210,.20) !important;
  border-radius:0 0 16px 16px !important;
  background:rgba(5,16,27,.88) !important;
  color:var(--text) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.34) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
body > .dsq-stickybar[aria-hidden="true"]{
  display:none !important;
}
body > .dsq-stickybar .dsq-sticky-title{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:var(--text) !important;
  font-size:12px !important;
  font-weight:820 !important;
}
body > .dsq-stickybar .dsq-sticky-actions{
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
  flex:0 0 auto !important;
}
body > .dsq-stickybar .dsq-stickybtn{
  min-height:30px !important;
  min-width:30px !important;
  padding:0 10px !important;
  border-radius:11px !important;
  border:1px solid rgba(55,220,210,.20) !important;
  background:rgba(255,255,255,.04) !important;
  color:var(--text) !important;
  font-size:12px !important;
  font-weight:780 !important;
  line-height:1 !important;
  box-shadow:none !important;
}
body > .dsq-stickybar .dsq-stickybtn:hover{
  background:rgba(55,220,210,.10) !important;
  border-color:rgba(55,220,210,.45) !important;
}

body > .dsq-settings-menu{
  position:fixed !important;
  z-index:2147482999 !important;
  display:none !important;
  max-width:calc(100vw - 28px) !important;
  max-height:min(330px, calc(100vh - 28px)) !important;
  overflow:auto !important;
  gap:10px !important;
  padding:12px !important;
  border:1px solid rgba(55,220,210,.24) !important;
  border-radius:16px !important;
  background:rgba(4,14,25,.98) !important;
  background-image:none !important;
  color:var(--text) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.48) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
body > .dsq-settings-menu[aria-hidden="false"]{
  display:grid !important;
}
body > .dsq-settings-menu .dsq-setting-row{
  display:grid !important;
  gap:6px !important;
  color:var(--muted) !important;
  font-size:11px !important;
  font-weight:820 !important;
}
body > .dsq-settings-menu .dsq-range{
  width:100% !important;
}
body > .dsq-settings-menu .dsq-color{
  width:100% !important;
  min-height:34px !important;
  border-radius:12px !important;
  border:1px solid rgba(55,220,210,.22) !important;
  background:rgba(255,255,255,.04) !important;
}
body > .dsq-settings-menu .dsq-select{
  width:100% !important;
  min-height:34px !important;
  border-radius:12px !important;
  border:1px solid rgba(55,220,210,.22) !important;
  background:rgba(255,255,255,.04) !important;
  color:var(--text) !important;
  padding:0 10px !important;
  font-size:12px !important;
  font-weight:760 !important;
}
html[data-theme="light"] body > .dsq-stickybar,
html[data-theme="light"] body > .dsq-settings-menu{
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 18px 44px rgba(25,45,65,.16) !important;
}
@media(max-width:700px){
  body > .dsq-stickybar{
    width:calc(100vw - 12px) !important;
    top:var(--ds-header-h, 64px) !important;
    border-radius:0 0 12px 12px !important;
  }
  body > .dsq-stickybar .dsq-sticky-title{
    max-width:42vw !important;
  }
  body > .dsq-stickybar .dsq-stickybtn{
    padding:0 8px !important;
  }
  #ds-quran .dsq-row{
    grid-template-columns:1fr 1fr !important;
  }
}

/* DeenStudy app-style final skin */
#ds-quran.dsq-wrap{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding:calc(var(--ds-header-h, 74px) + 24px) 16px 72px !important;
  background:
    radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--ds-accent, #37dcd2) 22%, transparent), transparent 32%),
    radial-gradient(circle at 92% 4%, color-mix(in srgb, var(--ds-accent2, #2aa7a8) 16%, transparent), transparent 34%),
    linear-gradient(180deg, color-mix(in srgb, var(--ds-bg, #06101c) 94%, transparent), var(--ds-bg, #06101c));
  color:var(--ds-text, var(--text));
}
#ds-quran .dsq-container{
  width:min(1160px, 100%) !important;
  max-width:none !important;
  padding:0 !important;
}
#ds-quran .dsq-card{
  border-radius:22px !important;
  border:1px solid var(--ds-border, var(--line)) !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--ds-accent, #37dcd2) 12%, transparent), transparent 40%),
    color-mix(in srgb, var(--ds-card, #0a1421) 78%, transparent) !important;
  box-shadow:var(--ds-shadow2, var(--shadow)) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}

#ds-quran{
  --quran-page-bg:#0a1421;
  --ayahmark-color:var(--accent, #37dcd2);
}
#ds-quran .dsq-head{
  padding:18px 20px 14px !important;
  background:transparent !important;
  border-bottom:1px solid color-mix(in srgb, var(--ds-border, var(--line)) 86%, transparent) !important;
}
#ds-quran .dsq-title{
  font-size:22px !important;
  line-height:1.1 !important;
  letter-spacing:-.02em !important;
  font-weight:950 !important;
  color:var(--ds-text, var(--text)) !important;
}
#ds-quran .dsq-sub,
#ds-quran .dsq-label,
#ds-quran .dsq-info{
  color:var(--ds-muted2, var(--muted)) !important;
}
#ds-quran .dsq-controls{
  padding:14px 20px !important;
  background:color-mix(in srgb, var(--ds-card, #0a1421) 46%, transparent) !important;
  border-bottom:1px solid color-mix(in srgb, var(--ds-border, var(--line)) 76%, transparent) !important;
}
#ds-quran .dsq-row{
  grid-template-columns:repeat(12, minmax(0, 1fr)) !important;
  gap:12px !important;
  align-items:end !important;
}
#ds-quran .dsq-field{
  grid-column:span 2;
}
#ds-quran #dsq-sura-field,
#ds-quran #dsq-ayah-field,
#ds-quran .dsq-field:has(#dsq-filter){
  grid-column:span 3;
}
#ds-quran .dsq-toggles{
  grid-column:span 3;
}
#ds-quran .dsq-nav,
#ds-quran .dsq-settings-wrap{
  grid-column:span 2;
}
#ds-quran .dsq-note{
  display:block !important;
}
#ds-quran .dsq-iconbtn,
#ds-quran .dsq-chip,
#ds-quran .dsq-btn,
#ds-quran .dsq-actionbtn,
#ds-quran .dsq-mini,
#ds-quran .dsq-pbtn,
body > .dsq-stickybar .dsq-stickybtn{
  min-height:38px !important;
  border-radius:15px !important;
  border:1px solid color-mix(in srgb, var(--ds-border, var(--line)) 90%, transparent) !important;
  background:color-mix(in srgb, var(--ds-card, #0a1421) 80%, transparent) !important;
  color:var(--ds-text, var(--text)) !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:-.01em !important;
  box-shadow:none !important;
}
#ds-quran .dsq-chip.is-on,
#ds-quran .dsq-primary,
#ds-quran .dsq-pbtn-primary,
#ds-quran .dsq-actionbtn.is-primary,
body > .dsq-stickybar .dsq-stickybtn.is-primary{
  color:#fff !important;
  border-color:transparent !important;
  background:linear-gradient(135deg, var(--ds-accent, var(--accent)), var(--ds-accent2, var(--accent2))) !important;
  box-shadow:0 18px 34px rgba(0,0,0,.13) !important;
}
#ds-quran .dsq-iconbtn:hover,
#ds-quran .dsq-chip:hover,
#ds-quran .dsq-btn:hover,
#ds-quran .dsq-actionbtn:hover,
#ds-quran .dsq-mini:hover,
#ds-quran .dsq-pbtn:hover{
  transform:translateY(-1px) !important;
  border-color:color-mix(in srgb, var(--ds-accent2, var(--accent2)) 42%, var(--ds-border, var(--line))) !important;
  box-shadow:var(--ds-shadow, 0 14px 34px rgba(0,0,0,.18)) !important;
}
#ds-quran .dsq-input,
#ds-quran .dsq-dropdown-input,
#ds-quran .dsq-select,
body > .dsq-settings-menu .dsq-select{
  min-height:40px !important;
  border-radius:15px !important;
  border:1px solid color-mix(in srgb, var(--ds-border, var(--line)) 90%, transparent) !important;
  background-color:color-mix(in srgb, var(--ds-card, #0a1421) 84%, #020617) !important;
  color:var(--ds-text, var(--text)) !important;
  font-size:13px !important;
  font-weight:800 !important;
}
#ds-quran .dsq-dropdown-menu{
  min-width:100% !important;
  background:color-mix(in srgb, var(--ds-bg, #06101c) 88%, #020617) !important;
  border:1px solid color-mix(in srgb, var(--ds-accent2, var(--accent2)) 34%, var(--ds-border, var(--line))) !important;
  border-radius:18px !important;
  box-shadow:0 24px 70px rgba(0,0,0,.38) !important;
}
#ds-quran .dsq-dropdown-item{
  color:var(--ds-text, var(--text)) !important;
  background:transparent !important;
}
#ds-quran .dsq-dropdown-item:hover,
#ds-quran .dsq-dropdown-item.is-active,
#ds-quran .dsq-dropdown-item.is-direct-preview{
  background:color-mix(in srgb, var(--ds-accent, var(--accent)) 12%, var(--ds-card, #0a1421)) !important;
  border-color:color-mix(in srgb, var(--ds-accent2, var(--accent2)) 42%, var(--ds-border, var(--line))) !important;
}
#ds-quran .dsq-select option,
body > .dsq-settings-menu .dsq-select option{
  background:#071622 !important;
  color:#eaf2ff !important;
}
html[data-theme="light"] #ds-quran .dsq-select option,
html[data-theme="light"] body > .dsq-settings-menu .dsq-select option{
  background:#ffffff !important;
  color:#0b1220 !important;
}
#ds-quran .dsq-body{
  background:transparent !important;
}
#ds-quran .dsq-ayah,
#ds-quran .dsq-pagewrap,
#ds-quran .dsq-sura-card,
#ds-quran .dsq-saved-item{
  border-radius:20px !important;
  border:1px solid color-mix(in srgb, var(--ds-border, var(--line)) 82%, transparent) !important;
  background:color-mix(in srgb, var(--ds-card, #0a1421) 70%, transparent) !important;
}

/* Final functional layout fixes */
#ds-quran .dsq-body,
#ds-quran .dsq-list{
  min-width:0 !important;
  overflow:hidden !important;
}
#ds-quran .dsq-pagewrap{
  width:min(980px, 100%) !important;
  margin:32px auto !important;
  overflow:hidden !important;
  background:color-mix(in srgb, var(--quran-page-bg) 84%, transparent) !important;
}
#ds-quran .dsq-mushaf-shell{
  width:100% !important;
  overflow:hidden !important;
  padding:18px clamp(10px, 3vw, 34px) !important;
}
#ds-quran .dsq-mushaf{
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  text-align:center !important;
  font-size:clamp(28px, calc(var(--fs) * 2.25), 54px) !important;
  line-height:2.15 !important;
  color:var(--arabic-color, var(--text)) !important;
}
#ds-quran .dsq-mushaf-line{
  width:100% !important;
  display:block !important;
  text-align:center !important;
  white-space:normal !important;
}
#ds-quran .dsq-mushaf-line.is-basmala-line{
  line-height:1.7 !important;
  margin:.14em 0 .2em !important;
}
#ds-quran .dsq-page-basmala{
  display:inline-flex !important;
  width:100% !important;
  justify-content:center !important;
  align-items:center !important;
  direction:rtl !important;
  unicode-bidi:isolate !important;
  color:var(--arabic-color, var(--text)) !important;
  font-family:var(--arabic-font, "KFGQPC Uthmanic Script HAFS", "Amiri", "Noto Naskh Arabic", serif) !important;
  font-size:.82em !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  white-space:normal !important;
}
#ds-quran .dsq-ar{
  max-width:100% !important;
  overflow-wrap:anywhere !important;
}
#ds-quran .dsq-ayahmark{
  color:var(--ayahmark-color) !important;
  border-color:color-mix(in srgb, var(--ayahmark-color) 44%, transparent) !important;
  background:color-mix(in srgb, var(--ayahmark-color) 13%, transparent) !important;
}
#ds-quran .dsq-arword[data-word-tip]:hover::after,
#ds-quran .dsq-arword[data-word-tip]:focus-visible::after{
  max-width:min(360px, 82vw) !important;
  z-index:2147482000 !important;
}
body > .dsq-settings-menu .dsq-settings-reset,
#ds-quran .dsq-settings-reset{
  min-height:38px !important;
  border-radius:14px !important;
  border:1px solid color-mix(in srgb, var(--accent, #37dcd2) 34%, transparent) !important;
  background:color-mix(in srgb, var(--accent, #37dcd2) 10%, transparent) !important;
  color:var(--text, #eaf2ff) !important;
  cursor:pointer !important;
  font-size:12px !important;
  font-weight:900 !important;
}
#ds-quran .dsq-suwar-hero{
  display:grid !important;
  grid-template-columns:minmax(0, 1.1fr) minmax(280px, .9fr) !important;
  gap:16px !important;
  align-items:stretch !important;
}
#ds-quran .dsq-continue-btn,
#ds-quran .dsq-daily-card{
  width:100% !important;
  margin-top:14px !important;
  text-align:left !important;
  border-radius:18px !important;
  border:1px solid color-mix(in srgb, var(--accent2, #2aa7a8) 36%, var(--line)) !important;
  background:color-mix(in srgb, var(--accent, #37dcd2) 10%, var(--card)) !important;
  color:var(--text) !important;
  padding:14px !important;
  cursor:pointer !important;
  font-weight:900 !important;
}
#ds-quran .dsq-daily-card{
  display:grid !important;
  gap:8px !important;
  margin-top:0 !important;
}
#ds-quran .dsq-daily-kicker{
  color:var(--accent) !important;
  font-size:11px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}
#ds-quran .dsq-daily-ref{
  color:var(--text) !important;
  font-size:15px !important;
}
#ds-quran .dsq-daily-ar{
  direction:rtl !important;
  text-align:right !important;
  font-family:var(--arabic-font, "UthmanicHafs", serif) !important;
  font-size:24px !important;
  line-height:1.8 !important;
  color:var(--arabic-color, var(--text)) !important;
}
#ds-quran .dsq-daily-tr,
#ds-quran .dsq-daily-loading{
  color:var(--muted) !important;
  font-size:13px !important;
  line-height:1.55 !important;
  font-weight:750 !important;
}
.dsq-context-menu{
  position:fixed;
  z-index:2147483100;
  display:none;
  min-width:210px;
  padding:7px;
  border-radius:16px;
  border:1px solid color-mix(in srgb, var(--ds-accent2, #2aa7a8) 34%, transparent);
  background:rgba(5,16,27,.96);
  box-shadow:0 22px 58px rgba(0,0,0,.38);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.dsq-context-menu[aria-hidden="false"]{ display:grid; gap:4px; }
.dsq-context-menu button{
  border:0;
  border-radius:12px;
  background:transparent;
  color:#eaf2ff;
  cursor:pointer;
  padding:10px 11px;
  text-align:left;
  font:inherit;
  font-size:12px;
  font-weight:900;
}
.dsq-context-menu button:hover{
  background:rgba(55,220,210,.12);
}
html[data-theme="light"] .dsq-context-menu{
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 44px rgba(25,45,65,.16);
}
html[data-theme="light"] .dsq-context-menu button{ color:#0b1220; }

@media(max-width:760px){
  #ds-quran .dsq-suwar-hero{
    grid-template-columns:1fr !important;
  }
  #ds-quran .dsq-mushaf{
    font-size:clamp(25px, calc(var(--fs) * 1.9), 42px) !important;
    line-height:2.05 !important;
  }
}

/* Final Medina-style page-mode correction.
   Keeps the Quran page centered, uses fixed Quran.com line numbers when present,
   and prevents ayah markers from becoming blocky buttons inside the Mushaf. */
#ds-quran .dsq-body,
#ds-quran .dsq-list{
  overflow:visible !important;
}

#ds-quran .dsq-pagewrap{
  width:min(860px, calc(100% - 28px)) !important;
  margin:30px auto !important;
  overflow:visible !important;
  border-radius:22px !important;
  background:color-mix(in srgb, var(--quran-page-bg) 88%, transparent) !important;
}

#ds-quran .dsq-mushaf-shell{
  width:100% !important;
  max-width:760px !important;
  margin:0 auto !important;
  overflow:visible !important;
  padding:18px clamp(8px, 2.4vw, 24px) !important;
}

#ds-quran .dsq-mushaf{
  width:100% !important;
  max-width:720px !important;
  margin:0 auto !important;
  direction:rtl !important;
  text-align:center !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  word-spacing:.02em !important;
  font-size:clamp(22px, calc(var(--fs) * 1.48), 38px) !important;
  line-height:2.08 !important;
  color:var(--arabic-color, var(--text)) !important;
}

#ds-quran .dsq-mushaf-line{
  direction:rtl !important;
  width:100% !important;
  min-height:2.05em !important;
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:baseline !important;
  justify-content:center !important;
  gap:.22em !important;
  text-align:center !important;
  white-space:nowrap !important;
}

#ds-quran .dsq-mushaf-line .dsq-arword{
  display:inline-flex !important;
  align-items:baseline !important;
  padding:0 .04em !important;
  margin:0 !important;
  border-radius:.24em !important;
  line-height:1.45 !important;
}

#ds-quran .dsq-mushaf-line .dsq-arword.is-page-jump-target{
  background:color-mix(in srgb, var(--accent) 20%, transparent) !important;
  box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 8%, transparent) !important;
}

#ds-quran .dsq-mushaf .dsq-ayahmark{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 .18em !important;
  margin:0 .08em !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:var(--ayahmark-color) !important;
  font-family:var(--arabic-font, "UthmanicHafs", "Noto Naskh Arabic", serif) !important;
  font-size:.62em !important;
  font-weight:900 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  vertical-align:baseline !important;
}

#ds-quran .dsq-mushaf .dsq-ayahmark:before{
  content:"﴿";
  margin-inline-end:.12em;
}

#ds-quran .dsq-mushaf .dsq-ayahmark:after{
  content:"﴾";
  margin-inline-start:.12em;
}

#ds-quran .dsq-arword[data-word-tip]:hover:after,
#ds-quran .dsq-arword[data-word-tip]:focus-visible:after{
  max-width:min(280px, 72vw) !important;
  width:max-content !important;
  white-space:normal !important;
  line-height:1.35 !important;
  text-align:center !important;
  z-index:2147483200 !important;
  pointer-events:none !important;
}

@media(max-width:760px){
  #ds-quran .dsq-pagewrap{
    width:min(100%, calc(100% - 16px)) !important;
    margin:22px auto !important;
  }

  #ds-quran .dsq-mushaf{
    font-size:clamp(20px, calc(var(--fs) * 1.28), 31px) !important;
    line-height:2.02 !important;
  }

  #ds-quran .dsq-mushaf-line{
    gap:.16em !important;
  }
}
#ds-quran .dsq-ayah:hover,
#ds-quran .dsq-sura-card:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb, var(--ds-accent2, var(--accent2)) 42%, var(--ds-border, var(--line))) !important;
  box-shadow:var(--ds-shadow, 0 14px 34px rgba(0,0,0,.18)) !important;
}

.dsq-player{
  left:50% !important;
  right:auto !important;
  bottom:14px !important;
  width:min(1160px, calc(100vw - 28px)) !important;
  transform:translateX(-50%) !important;
  border:1px solid color-mix(in srgb, var(--ds-border, rgba(55,220,210,.18)) 88%, transparent) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(7,11,22,.58), rgba(7,11,22,.82)) !important;
  box-shadow:0 18px 54px rgba(0,0,0,.30) !important;
  backdrop-filter:blur(20px) !important;
  -webkit-backdrop-filter:blur(20px) !important;
  padding:8px 10px !important;
}
.dsq-player[aria-hidden="false"]{
  display:grid !important;
  grid-template-columns:minmax(120px, 280px) minmax(0, 1fr) !important;
  align-items:center !important;
  gap:10px !important;
}
.dsq-player-top,
.dsq-player-mid{
  min-width:0 !important;
}
.dsq-player-mid{
  gap:8px !important;
}
.dsq-pcontrols{
  gap:6px !important;
}
.dsq-pbtn{
  height:32px !important;
  min-height:32px !important;
  border-radius:999px !important;
  padding:0 9px !important;
}
.dsq-playbtn,
.dsq-pbtn-ghost{
  width:32px !important;
}
.dsq-time,
.dsq-vlabel{
  font-size:10px !important;
}
.dsq-volwrap{
  flex:0 0 132px !important;
  max-width:132px !important;
}
body > .dsq-stickybar,
body > .dsq-settings-menu{
  border-color:color-mix(in srgb, var(--ds-accent2, var(--accent2)) 34%, var(--ds-border, var(--line))) !important;
  background:color-mix(in srgb, var(--ds-bg, #06101c) 88%, #020617) !important;
}
body > .dsq-settings-menu{
  max-height:min(380px, calc(100vh - 28px)) !important;
}
@media(max-width:980px){
  #ds-quran .dsq-row{
    grid-template-columns:repeat(6, minmax(0, 1fr)) !important;
  }
  #ds-quran .dsq-field,
  #ds-quran #dsq-sura-field,
  #ds-quran #dsq-ayah-field,
  #ds-quran .dsq-field:has(#dsq-filter),
  #ds-quran .dsq-toggles{
    grid-column:span 3;
  }
}
@media(max-width:640px){
  #ds-quran.dsq-wrap{
    padding-left:10px !important;
    padding-right:10px !important;
  }
  #ds-quran .dsq-row{
    grid-template-columns:1fr !important;
  }
  #ds-quran .dsq-field,
  #ds-quran #dsq-sura-field,
  #ds-quran #dsq-ayah-field,
  #ds-quran .dsq-field:has(#dsq-filter),
  #ds-quran .dsq-toggles,
  #ds-quran .dsq-nav,
  #ds-quran .dsq-settings-wrap{
    grid-column:span 1;
  }
  .dsq-player[aria-hidden="false"]{
    grid-template-columns:1fr !important;
  }
  .dsq-player-top{
    display:none !important;
  }
  .dsq-volwrap{
    display:none !important;
  }
}

/* Final polish: player icons + optional Tajweed layer */
#ds-quran #dsq-play-sura{
  width:42px !important;
  min-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  border-color:transparent !important;
  background:linear-gradient(135deg, var(--accent), var(--accent2)) !important;
  color:#021015 !important;
  box-shadow:0 16px 34px rgba(55,220,210,.20) !important;
}

#ds-quran #dsq-play-sura svg,
.dsq-player .dsq-pbtn svg,
body > .dsq-stickybar .dsq-stickybtn svg{
  display:block !important;
  width:17px !important;
  height:17px !important;
}

.dsq-player .dsq-pbtn{
  width:34px !important;
  min-width:34px !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:0 !important;
}

.dsq-player .dsq-pbtn-primary{
  width:38px !important;
  min-width:38px !important;
  height:38px !important;
  min-height:38px !important;
  color:#021015 !important;
  background:linear-gradient(135deg, var(--accent), var(--accent2)) !important;
  border-color:transparent !important;
}

.dsq-player .dsq-pbtn-ghost{
  color:var(--text) !important;
}


/* Final Quran consistency + Tajweed legend */
#ds-quran.dsq-wrap{
  background:
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 34%),
    linear-gradient(180deg, var(--bg), var(--bg)) !important;
}

#ds-quran .dsq-card,
#ds-quran .dsq-body,
#ds-quran .dsq-list{
  background-color:var(--bg) !important;
}

#ds-quran .dsq-pagewrap,
#ds-quran .dsq-mushaf-shell,
#ds-quran .dsq-mushaf{
  background-color:var(--quran-page-bg) !important;
}

#ds-quran .dsq-ar,
#ds-quran .dsq-mushaf,
#ds-quran .dsq-basmala-ar,
#ds-quran .dsq-page-basmala{
  font-family:var(--arabic-font, "UthmanicHafs", "KFGQPC Uthmanic Script HAFS", "Quran", "Quran Madina", "Amiri Quran", "Scheherazade New", "Noto Naskh Arabic", serif) !important;
  font-feature-settings:"kern" 1, "liga" 1, "calt" 1 !important;
  text-rendering:optimizeLegibility !important;
}

#ds-quran .dsq-arword,
#ds-quran .dsq-mushaf-line .dsq-arword{
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}

#ds-quran .dsq-arword:hover,
#ds-quran .dsq-arword:focus-visible,
#ds-quran .dsq-arword.is-word-playing{
  background:color-mix(in srgb, var(--accent) 13%, transparent) !important;
}

#ds-quran .dsq-mushaf-line .dsq-arword:hover,
#ds-quran .dsq-mushaf-line .dsq-arword:focus-visible{
  border-radius:.24em !important;
}

#ds-quran .dsq-helpchip{
  padding-inline:12px !important;
}

#ds-quran .dsq-tajweed-legend,
body > .dsq-stickybar .dsq-tajweed-legend,
#ds-quran .dsq-stickybar .dsq-tajweed-legend{
  display:none;
}

#ds-quran .dsq-tajweed-legend[aria-hidden="false"],
body > .dsq-stickybar .dsq-tajweed-legend[aria-hidden="false"],
#ds-quran .dsq-stickybar .dsq-tajweed-legend[aria-hidden="false"]{
  display:block !important;
}

#ds-quran .dsq-inline-legend{
  grid-column:1 / -1;
  margin-top:10px;
}

#ds-quran .dsq-tajweed-legend-inner,
body > .dsq-stickybar .dsq-tajweed-legend-inner,
#ds-quran .dsq-stickybar .dsq-tajweed-legend-inner{
  display:grid;
  gap:8px;
  padding:12px;
  border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));
  border-radius:16px;
  background:color-mix(in srgb, var(--card) 84%, var(--bg));
  color:var(--text);
  box-shadow:0 14px 34px rgba(0,0,0,.16);
}

#ds-quran .dsq-tajweed-legend-inner strong,
body > .dsq-stickybar .dsq-tajweed-legend-inner strong,
#ds-quran .dsq-stickybar .dsq-tajweed-legend-inner strong{
  font-size:12px;
  font-weight:950;
}

#ds-quran .dsq-tajweed-legend-grid,
body > .dsq-stickybar .dsq-tajweed-legend-grid,
#ds-quran .dsq-stickybar .dsq-tajweed-legend-grid{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

#ds-quran .dsq-tajweed-legend-grid span,
body > .dsq-stickybar .dsq-tajweed-legend-grid span,
#ds-quran .dsq-stickybar .dsq-tajweed-legend-grid span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:30px;
  padding:0 10px;
  border:1px solid color-mix(in srgb, var(--line) 86%, transparent);
  border-radius:999px;
  background:color-mix(in srgb, var(--bg) 58%, transparent);
  font-size:11px;
  font-weight:900;
}

#ds-quran .dsq-tajweed-legend-grid i,
body > .dsq-stickybar .dsq-tajweed-legend-grid i,
#ds-quran .dsq-stickybar .dsq-tajweed-legend-grid i{
  font-style:normal;
  font-size:13px;
}

#ds-quran .dsq-tajweed-legend-inner small,
body > .dsq-stickybar .dsq-tajweed-legend-inner small,
#ds-quran .dsq-stickybar .dsq-tajweed-legend-inner small{
  color:var(--muted);
  font-size:11px;
  font-weight:750;
  line-height:1.45;
}

body > .dsq-stickybar,
#ds-quran .dsq-stickybar{
  align-items:center !important;
}

body > .dsq-stickybar.is-expanded,
#ds-quran .dsq-stickybar.is-expanded{
  grid-template-columns:auto minmax(0, 1fr) auto !important;
  row-gap:8px !important;
}

body > .dsq-stickybar .dsq-sticky-legend,
#ds-quran .dsq-stickybar .dsq-sticky-legend{
  grid-column:1 / -1;
  width:100%;
}

body > .dsq-stickybar .dsq-sticky-expand,
#ds-quran .dsq-stickybar .dsq-sticky-expand{
  width:34px !important;
  min-width:34px !important;
  padding:0 !important;
  font-size:18px !important;
  line-height:1 !important;
}

/* Final player cleanup + Mushaf line alignment */
.dsq-player #dsq-stop{
  display:none !important;
}

.dsq-player #dsq-player-close{
  display:inline-flex !important;
  opacity:1 !important;
  visibility:visible !important;
  color:var(--text) !important;
  font-size:18px !important;
  line-height:1 !important;
}

.dsq-player[aria-hidden="false"]{
  grid-template-columns:minmax(140px, 300px) minmax(0, 1fr) !important;
}

.dsq-player .dsq-pcontrols{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
}

.dsq-player .dsq-pbtn{
  opacity:1 !important;
  visibility:visible !important;
  overflow:visible !important;
}

.dsq-player .dsq-pbtn svg{
  color:currentColor !important;
  fill:currentColor !important;
}

.dsq-player #dsq-skip-prev,
.dsq-player #dsq-skip-next{
  border-color:color-mix(in srgb, var(--accent) 30%, var(--line)) !important;
  background:color-mix(in srgb, var(--accent) 8%, transparent) !important;
  color:var(--text) !important;
}

#ds-quran .dsq-mushaf{
  max-width:760px !important;
}

#ds-quran .dsq-mushaf-line:not(.is-basmala-line){
  width:100% !important;
  display:block !important;
  direction:rtl !important;
  text-align:center !important;
  text-align-last:center !important;
  white-space:nowrap !important;
}

#ds-quran .dsq-mushaf-line:not(.is-basmala-line)::after{
  content:none !important;
  display:none !important;
}

#ds-quran .dsq-mushaf-line:not(.is-basmala-line) .dsq-arword{
  display:inline !important;
  padding:0 .03em !important;
  line-height:inherit !important;
}

#ds-quran .dsq-mushaf-line:not(.is-basmala-line) .dsq-ayahmark{
  display:inline-flex !important;
  vertical-align:middle !important;
}

#ds-quran .dsq-mushaf-line.is-basmala-line{
  text-align:center !important;
  text-align-last:center !important;
}

/* Quran.com-like thin Tajweed explanation bar */

body > .dsq-stickybar.is-expanded,
#ds-quran .dsq-stickybar.is-expanded{
  padding-top:6px !important;
  padding-bottom:6px !important;
}

body > .dsq-stickybar .dsq-sticky-legend,
#ds-quran .dsq-stickybar .dsq-sticky-legend{
  margin-top:2px !important;
}

body > .dsq-stickybar .dsq-tajweed-legend-inner,
#ds-quran .dsq-stickybar .dsq-tajweed-legend-inner{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:10px 16px !important;
  padding:5px 8px !important;
  min-height:30px !important;
  border:0 !important;
  border-top:1px solid color-mix(in srgb, var(--line) 80%, transparent) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body > .dsq-stickybar .dsq-tajweed-legend-inner strong,
#ds-quran .dsq-stickybar .dsq-tajweed-legend-inner strong,
body > .dsq-stickybar .dsq-tajweed-legend-inner small,
#ds-quran .dsq-stickybar .dsq-tajweed-legend-inner small{
  display:none !important;
}

body > .dsq-stickybar .dsq-tajweed-legend-grid,
#ds-quran .dsq-stickybar .dsq-tajweed-legend-grid{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:10px 18px !important;
}

body > .dsq-stickybar .dsq-tajweed-legend-grid span,
#ds-quran .dsq-stickybar .dsq-tajweed-legend-grid span{
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--text) !important;
  font-size:12px !important;
  font-weight:800 !important;
  opacity:.92 !important;
}


/* =========================================================
   DEENSTUDY QURAN V2 – Struktur, Ordnung, App-Layout
   Nur Layout/Organisation. Bestehende Funktions-IDs bleiben gleich.
   ========================================================= */

#ds-quran.dsq-v2{
  padding:calc(var(--ds-header-h, 74px) + 28px) 16px 82px !important;
}

#ds-quran.dsq-v2 .dsq-container{
  width:min(1240px, 100%) !important;
}

#ds-quran.dsq-v2 .dsq-page-shell{
  display:grid;
  gap:18px;
}

#ds-quran.dsq-v2 .dsq-app-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:end;
  padding:22px 4px 4px;
}

#ds-quran.dsq-v2 .dsq-kicker{
  margin:0 0 9px;
  color:var(--ds-accent, var(--accent));
  font-size:12px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

#ds-quran.dsq-v2 .dsq-app-hero h1{
  margin:0;
  color:var(--ds-text, var(--text));
  font-size:clamp(38px, 5vw, 72px);
  line-height:.94;
  letter-spacing:-.055em;
  font-weight:950;
}

#ds-quran.dsq-v2 .dsq-hero-sub{
  margin:14px 0 0;
  max-width:780px;
  color:var(--ds-muted2, var(--muted));
  font-size:15.5px;
  line-height:1.75;
  font-weight:650;
}

#ds-quran.dsq-v2 .dsq-hero-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}

#ds-quran.dsq-v2 .dsq-quick-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:12px;
}

#ds-quran.dsq-v2 .dsq-quick-card{
  min-height:92px;
  border-radius:22px;
  border:1px solid color-mix(in srgb, var(--ds-border, var(--line)) 86%, transparent);
  background:
    radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--ds-accent, var(--accent)) 16%, transparent), transparent 52%),
    color-mix(in srgb, var(--ds-card, var(--card)) 74%, transparent);
  box-shadow:var(--ds-shadow2, var(--shadow));
  padding:15px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
}

#ds-quran.dsq-v2 .dsq-quick-card strong{
  color:var(--ds-text, var(--text));
  font-size:24px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.035em;
}

#ds-quran.dsq-v2 .dsq-quick-card span{
  color:var(--ds-muted2, var(--muted));
  font-size:12px;
  line-height:1.4;
  font-weight:850;
}

#ds-quran.dsq-v2 .dsq-reader-card{
  overflow:visible !important;
}

#ds-quran.dsq-v2 .dsq-reader-head{
  border-bottom:1px solid color-mix(in srgb, var(--ds-border, var(--line)) 78%, transparent) !important;
}

#ds-quran.dsq-v2 .dsq-reader-layout{
  display:grid;
  grid-template-columns:minmax(310px, 360px) minmax(0, 1fr);
  gap:0;
  align-items:stretch;
}

#ds-quran.dsq-v2 .dsq-reader-sidebar{
  border-right:1px solid color-mix(in srgb, var(--ds-border, var(--line)) 78%, transparent);
  background:color-mix(in srgb, var(--ds-card, var(--card)) 40%, transparent);
  min-width:0;
}

#ds-quran.dsq-v2 .dsq-reader-main{
  min-width:0;
}

#ds-quran.dsq-v2 .dsq-controls{
  padding:16px !important;
  display:grid !important;
  gap:14px !important;
  background:transparent !important;
  border-bottom:0 !important;
}

#ds-quran.dsq-v2 .dsq-control-panel{
  border:1px solid color-mix(in srgb, var(--ds-border, var(--line)) 84%, transparent);
  border-radius:22px;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--ds-accent, var(--accent)) 8%, transparent), transparent 48%),
    color-mix(in srgb, var(--ds-card, var(--card)) 72%, transparent);
  padding:14px;
  display:grid;
  gap:12px;
  box-shadow:0 14px 34px color-mix(in srgb, #000 12%, transparent);
}

#ds-quran.dsq-v2 .dsq-control-panel-primary{
  border-color:color-mix(in srgb, var(--ds-accent2, var(--accent2)) 34%, var(--ds-border, var(--line)));
}

#ds-quran.dsq-v2 .dsq-panel-title{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:11px;
  align-items:start;
}

#ds-quran.dsq-v2 .dsq-panel-num{
  width:40px;
  height:40px;
  border-radius:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(135deg, var(--ds-accent, var(--accent)), var(--ds-accent2, var(--accent2)));
  font-size:14px;
  font-weight:950;
  box-shadow:0 14px 26px color-mix(in srgb, var(--ds-accent, var(--accent)) 18%, transparent);
}

#ds-quran.dsq-v2 .dsq-panel-title strong{
  display:block;
  color:var(--ds-text, var(--text));
  font-size:15px;
  line-height:1.2;
  font-weight:950;
}

#ds-quran.dsq-v2 .dsq-panel-title small{
  display:block;
  margin-top:4px;
  color:var(--ds-muted2, var(--muted));
  font-size:12px;
  line-height:1.45;
  font-weight:750;
}

#ds-quran.dsq-v2 .dsq-controls .dsq-row{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:11px !important;
  align-items:start !important;
}

#ds-quran.dsq-v2 .dsq-controls .dsq-field,
#ds-quran.dsq-v2 .dsq-controls #dsq-sura-field,
#ds-quran.dsq-v2 .dsq-controls #dsq-ayah-field,
#ds-quran.dsq-v2 .dsq-controls .dsq-toggles,
#ds-quran.dsq-v2 .dsq-controls .dsq-nav,
#ds-quran.dsq-v2 .dsq-controls .dsq-settings-field{
  grid-column:1 / -1 !important;
}

#ds-quran.dsq-v2 .dsq-controls .dsq-togglebar{
  gap:7px !important;
}

#ds-quran.dsq-v2 .dsq-controls .dsq-togglebar .dsq-chip,
#ds-quran.dsq-v2 .dsq-controls .dsq-togglebar .dsq-btn{
  flex:1 1 auto;
}

#ds-quran.dsq-v2 .dsq-page-control .dsq-btn{
  flex:0 0 auto !important;
}

#ds-quran.dsq-v2 .dsq-page-control .dsq-dropdown{
  flex:1 1 auto !important;
}

#ds-quran.dsq-v2 .dsq-body{
  padding:18px 20px 124px !important;
  min-height:620px;
}

#ds-quran.dsq-v2 .dsq-list{
  gap:14px !important;
}

#ds-quran.dsq-v2 .dsq-suwar-hero{
  display:grid !important;
  grid-template-columns:minmax(0, 1.35fr) minmax(280px, .65fr) !important;
  align-items:stretch !important;
  gap:16px !important;
  padding:0 0 18px !important;
}

#ds-quran.dsq-v2 .dsq-suwar-hero > div:first-child,
#ds-quran.dsq-v2 .dsq-daily-wrap{
  border:1px solid color-mix(in srgb, var(--ds-border, var(--line)) 82%, transparent);
  border-radius:24px;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--ds-accent, var(--accent)) 10%, transparent), transparent 46%),
    color-mix(in srgb, var(--ds-card, var(--card)) 70%, transparent);
  padding:18px;
  min-width:0;
}

#ds-quran.dsq-v2 .dsq-suwar-grid{
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
}

#ds-quran.dsq-v2 .dsq-sura-card{
  border-radius:18px !important;
  background:color-mix(in srgb, var(--ds-card, var(--card)) 72%, transparent) !important;
}

#ds-quran.dsq-v2 .dsq-ayah,
#ds-quran.dsq-v2 .dsq-basmala,
#ds-quran.dsq-v2 .dsq-pagewrap{
  border-radius:22px !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--ds-accent, var(--accent)) 8%, transparent), transparent 44%),
    color-mix(in srgb, var(--ds-card, var(--card)) 70%, transparent) !important;
  border-color:color-mix(in srgb, var(--ds-border, var(--line)) 86%, transparent) !important;
}

#ds-quran.dsq-v2 .dsq-vm{
  margin:0 20px 20px !important;
  border:1px solid color-mix(in srgb, var(--ds-border, var(--line)) 86%, transparent) !important;
  border-radius:24px !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--ds-accent, var(--accent)) 10%, transparent), transparent 48%),
    color-mix(in srgb, var(--ds-card, var(--card)) 72%, transparent) !important;
  padding:18px !important;
}

#ds-quran.dsq-v2 .dsq-vm-grid{
  gap:16px !important;
}

#ds-quran.dsq-v2 .dsq-foot{
  border-radius:0 0 22px 22px;
}

#ds-quran.dsq-v2.is-suwar-index .dsq-reader-layout{
  display:block !important;
}

#ds-quran.dsq-v2.is-suwar-index .dsq-reader-sidebar{
  display:none !important;
}

#ds-quran.dsq-v2.is-suwar-index .dsq-reader-head{
  display:none !important;
}

#ds-quran.dsq-v2.is-suwar-index .dsq-body{
  min-height:auto !important;
  padding-top:20px !important;
}

#ds-quran.dsq-v2 .dsq-dropdown-menu,
#ds-quran.dsq-v2 .dsq-filter-suggest{
  z-index:2147482600 !important;
}

html[data-theme="light"] #ds-quran.dsq-v2 .dsq-control-panel,
html[data-theme="light"] #ds-quran.dsq-v2 .dsq-suwar-hero > div:first-child,
html[data-theme="light"] #ds-quran.dsq-v2 .dsq-daily-wrap,
html[data-theme="light"] #ds-quran.dsq-v2 .dsq-quick-card{
  background:
    linear-gradient(135deg, rgba(13,148,136,.07), transparent 48%),
    rgba(255,255,255,.86) !important;
}

@media (max-width:1100px){
  #ds-quran.dsq-v2 .dsq-reader-layout{
    grid-template-columns:1fr !important;
  }

  #ds-quran.dsq-v2 .dsq-reader-sidebar{
    border-right:0 !important;
    border-bottom:1px solid color-mix(in srgb, var(--ds-border, var(--line)) 78%, transparent) !important;
  }

  #ds-quran.dsq-v2 .dsq-controls{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }

  #ds-quran.dsq-v2 .dsq-note{
    grid-column:1 / -1 !important;
  }

  #ds-quran.dsq-v2 .dsq-suwar-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width:820px){
  #ds-quran.dsq-v2 .dsq-app-hero{
    grid-template-columns:1fr !important;
    align-items:start !important;
  }

  #ds-quran.dsq-v2 .dsq-hero-actions{
    justify-content:flex-start !important;
  }

  #ds-quran.dsq-v2 .dsq-quick-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }

  #ds-quran.dsq-v2 .dsq-controls{
    grid-template-columns:1fr !important;
  }

  #ds-quran.dsq-v2 .dsq-suwar-hero{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:640px){
  #ds-quran.dsq-v2{
    padding:calc(var(--ds-header-h, 74px) + 18px) 10px 72px !important;
  }

  #ds-quran.dsq-v2 .dsq-app-hero h1{
    font-size:clamp(34px, 12vw, 52px) !important;
  }

  #ds-quran.dsq-v2 .dsq-quick-grid{
    grid-template-columns:1fr 1fr !important;
    gap:9px !important;
  }

  #ds-quran.dsq-v2 .dsq-quick-card{
    min-height:78px !important;
    border-radius:18px !important;
    padding:12px !important;
  }

  #ds-quran.dsq-v2 .dsq-reader-card,
  #ds-quran.dsq-v2 .dsq-control-panel,
  #ds-quran.dsq-v2 .dsq-vm{
    border-radius:20px !important;
  }

  #ds-quran.dsq-v2 .dsq-controls{
    padding:12px !important;
  }

  #ds-quran.dsq-v2 .dsq-body{
    padding:14px 12px 120px !important;
  }

  #ds-quran.dsq-v2 .dsq-suwar-grid{
    grid-template-columns:1fr !important;
  }

  #ds-quran.dsq-v2 .dsq-hero-actions .dsq-iconbtn,
  #ds-quran.dsq-v2 .dsq-hero-actions .dsq-dropdown{
    width:100% !important;
  }

  #ds-quran.dsq-v2 .dsq-hero-actions .dsq-iconbtn{
    justify-content:center !important;
  }
}


/* =========================================================
   DEENSTUDY QURAN V3 – breiter Lesebereich
   Auswahl + Suche oben unter Lesebereich, Anzeige bleibt links.
   Bestehende IDs und Funktionen bleiben unverändert.
   ========================================================= */

#ds-quran.dsq-v2.dsq-v3 .dsq-container{
  width:min(1520px, 100%) !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-reader-head{
  padding:18px 22px 14px !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-reader-head .dsq-sub{
  max-width:920px !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-top-controls{
  grid-column:1 / -1 !important;
  padding:16px 20px 18px !important;
  border-bottom:1px solid color-mix(in srgb, var(--ds-border, var(--line)) 78%, transparent) !important;
  background:
    radial-gradient(700px 220px at 8% 0%, color-mix(in srgb, var(--ds-accent, var(--accent)) 10%, transparent), transparent 58%),
    color-mix(in srgb, var(--ds-card, var(--card)) 30%, transparent) !important;
  position:relative;
  z-index:6;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-top-controls .dsq-controls{
  display:grid !important;
  grid-template-columns:minmax(0, 1.35fr) minmax(320px, .65fr) !important;
  gap:14px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-top-controls .dsq-control-panel{
  margin:0 !important;
  min-width:0 !important;
  border-radius:22px !important;
  border:1px solid color-mix(in srgb, var(--ds-border, var(--line)) 84%, transparent) !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--ds-accent, var(--accent)) 8%, transparent), transparent 48%),
    color-mix(in srgb, var(--ds-card, var(--card)) 72%, transparent) !important;
  padding:14px !important;
  display:grid !important;
  gap:12px !important;
  box-shadow:0 14px 34px color-mix(in srgb, #000 10%, transparent) !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-top-controls .dsq-control-panel-primary{
  border-color:color-mix(in srgb, var(--ds-accent2, var(--accent2)) 36%, var(--ds-border, var(--line))) !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-top-controls .dsq-row{
  display:grid !important;
  gap:12px !important;
  align-items:end !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-top-controls .dsq-row-select{
  grid-template-columns:repeat(12, minmax(0,1fr)) !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-top-controls .dsq-row-search{
  grid-template-columns:1fr !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-top-controls .dsq-field-mode{
  grid-column:span 2 !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-top-controls #dsq-page-field{
  grid-column:span 3 !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-top-controls #dsq-sura-field{
  grid-column:span 3 !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-top-controls #dsq-ayah-field{
  grid-column:span 2 !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-top-controls .dsq-nav{
  grid-column:span 2 !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-top-controls .dsq-field-filter{
  grid-column:1 / -1 !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-top-controls .dsq-note{
  grid-column:1 / -1 !important;
  margin:0 !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-top-controls .dsq-note .dsq-info{
  margin:0 !important;
  border-radius:18px !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-reader-layout{
  display:grid !important;
  grid-template-columns:minmax(232px, 286px) minmax(0, 1fr) !important;
  gap:0 !important;
  align-items:stretch !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-reader-sidebar{
  border-right:1px solid color-mix(in srgb, var(--ds-border, var(--line)) 78%, transparent) !important;
  border-bottom:0 !important;
  background:color-mix(in srgb, var(--ds-card, var(--card)) 34%, transparent) !important;
  min-width:0 !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-display-sidebar{
  padding:16px !important;
  display:grid !important;
  gap:14px !important;
  position:sticky !important;
  top:calc(var(--ds-header-h, 74px) + 54px) !important;
  z-index:4 !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-display-sidebar .dsq-control-panel{
  border:1px solid color-mix(in srgb, var(--ds-border, var(--line)) 84%, transparent) !important;
  border-radius:22px !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--ds-accent, var(--accent)) 8%, transparent), transparent 48%),
    color-mix(in srgb, var(--ds-card, var(--card)) 72%, transparent) !important;
  padding:14px !important;
  display:grid !important;
  gap:12px !important;
  box-shadow:0 14px 34px color-mix(in srgb, #000 10%, transparent) !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-display-sidebar .dsq-row,
#ds-quran.dsq-v2.dsq-v3 .dsq-display-sidebar .dsq-row-display{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:11px !important;
  align-items:start !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-display-sidebar .dsq-field,
#ds-quran.dsq-v2.dsq-v3 .dsq-display-sidebar .dsq-toggles,
#ds-quran.dsq-v2.dsq-v3 .dsq-display-sidebar .dsq-settings-field{
  grid-column:1 / -1 !important;
  min-width:0 !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-display-sidebar .dsq-togglebar{
  gap:7px !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-display-sidebar .dsq-togglebar .dsq-chip,
#ds-quran.dsq-v2.dsq-v3 .dsq-display-sidebar .dsq-togglebar .dsq-btn{
  flex:1 1 auto !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-reader-main{
  min-width:0 !important;
  background:color-mix(in srgb, var(--ds-bg, var(--bg)) 6%, transparent) !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-body{
  padding:20px 22px 124px !important;
  min-height:660px !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-suwar-grid{
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-suwar-hero{
  grid-template-columns:minmax(0, 1.5fr) minmax(300px, .5fr) !important;
}

#ds-quran.dsq-v2.dsq-v3.is-suwar-index .dsq-top-controls,
#ds-quran.dsq-v2.dsq-v3.is-suwar-index .dsq-reader-sidebar,
#ds-quran.dsq-v2.dsq-v3.is-suwar-index .dsq-reader-head{
  display:none !important;
}

#ds-quran.dsq-v2.dsq-v3.is-suwar-index .dsq-reader-layout{
  display:block !important;
}

html[data-theme="light"] #ds-quran.dsq-v2.dsq-v3 .dsq-top-controls,
html[data-theme="light"] #ds-quran.dsq-v2.dsq-v3 .dsq-reader-sidebar{
  background:rgba(255,255,255,.46) !important;
}

@media (min-width:1500px){
  #ds-quran.dsq-v2.dsq-v3 .dsq-container{
    width:min(1580px, 100%) !important;
  }

  #ds-quran.dsq-v2.dsq-v3 .dsq-reader-layout{
    grid-template-columns:minmax(230px, 270px) minmax(0, 1fr) !important;
  }
}

@media (max-width:1240px){
  #ds-quran.dsq-v2.dsq-v3 .dsq-top-controls .dsq-controls{
    grid-template-columns:1fr !important;
  }

  #ds-quran.dsq-v2.dsq-v3 .dsq-top-controls .dsq-row-select{
    grid-template-columns:repeat(8, minmax(0,1fr)) !important;
  }

  #ds-quran.dsq-v2.dsq-v3 .dsq-top-controls .dsq-field-mode,
  #ds-quran.dsq-v2.dsq-v3 .dsq-top-controls #dsq-page-field,
  #ds-quran.dsq-v2.dsq-v3 .dsq-top-controls #dsq-sura-field,
  #ds-quran.dsq-v2.dsq-v3 .dsq-top-controls #dsq-ayah-field,
  #ds-quran.dsq-v2.dsq-v3 .dsq-top-controls .dsq-nav{
    grid-column:span 4 !important;
  }
}

@media (max-width:1100px){
  #ds-quran.dsq-v2.dsq-v3 .dsq-reader-layout{
    grid-template-columns:1fr !important;
  }

  #ds-quran.dsq-v2.dsq-v3 .dsq-reader-sidebar{
    border-right:0 !important;
    border-bottom:1px solid color-mix(in srgb, var(--ds-border, var(--line)) 78%, transparent) !important;
  }

  #ds-quran.dsq-v2.dsq-v3 .dsq-display-sidebar{
    position:relative !important;
    top:auto !important;
  }

  #ds-quran.dsq-v2.dsq-v3 .dsq-display-sidebar .dsq-row-display{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }

  #ds-quran.dsq-v2.dsq-v3 .dsq-display-sidebar .dsq-toggles,
  #ds-quran.dsq-v2.dsq-v3 .dsq-display-sidebar .dsq-settings-field{
    grid-column:auto !important;
  }

  #ds-quran.dsq-v2.dsq-v3 .dsq-suwar-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width:760px){
  #ds-quran.dsq-v2.dsq-v3 .dsq-top-controls{
    padding:12px !important;
  }

  #ds-quran.dsq-v2.dsq-v3 .dsq-top-controls .dsq-row-select,
  #ds-quran.dsq-v2.dsq-v3 .dsq-display-sidebar .dsq-row-display{
    grid-template-columns:1fr !important;
  }

  #ds-quran.dsq-v2.dsq-v3 .dsq-top-controls .dsq-field-mode,
  #ds-quran.dsq-v2.dsq-v3 .dsq-top-controls #dsq-page-field,
  #ds-quran.dsq-v2.dsq-v3 .dsq-top-controls #dsq-sura-field,
  #ds-quran.dsq-v2.dsq-v3 .dsq-top-controls #dsq-ayah-field,
  #ds-quran.dsq-v2.dsq-v3 .dsq-top-controls .dsq-nav,
  #ds-quran.dsq-v2.dsq-v3 .dsq-display-sidebar .dsq-toggles,
  #ds-quran.dsq-v2.dsq-v3 .dsq-display-sidebar .dsq-settings-field{
    grid-column:1 / -1 !important;
  }

  #ds-quran.dsq-v2.dsq-v3 .dsq-body{
    padding:16px 14px 116px !important;
  }

  #ds-quran.dsq-v2.dsq-v3 .dsq-suwar-grid{
    grid-template-columns:1fr !important;
  }
}
/* =========================================================
   DEENSTUDY QURAN – FINAL HEADER V30 + LERNPLATTFORM FIX V31
   Ziel: letzter Seiten-Fix, transparenter Header, sauberes App-Layout,
   Light/Dark konsistent, keine falschen Balken, keine Funktionsänderung.
   ========================================================= */

html,
body{
  margin:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  overflow-x:hidden !important;
}

#ds-quran.dsq-wrap,
#ds-quran.dsq-wrap *{
  box-sizing:border-box !important;
}

#ds-quran.dsq-wrap{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  min-height:100vh !important;
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  font-family:"Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  padding:calc(var(--ds-header-h, 64px) + 24px) clamp(10px, 1.5vw, 18px) 88px !important;
  color:var(--ds-text, var(--text, #eaf2ff)) !important;
  background:
    radial-gradient(circle at 8% -4%, color-mix(in srgb, var(--ds-accent, var(--accent, #37dcd2)) 18%, transparent), transparent 34%),
    radial-gradient(circle at 95% 0%, color-mix(in srgb, var(--ds-accent2, var(--accent2, #2aa7a8)) 14%, transparent), transparent 36%),
    linear-gradient(180deg, var(--ds-bg, var(--bg, #06101c)), var(--ds-bg, var(--bg, #06101c))) !important;
}

html[data-theme="light"] #ds-quran.dsq-wrap{
  --bg:#eefbfb;
  --card:rgba(255,255,255,.82);
  --text:#07111f;
  --muted:rgba(7,17,31,.62);
  --line:rgba(13,148,136,.18);
  --chip:rgba(255,255,255,.80);
  --chipOn:rgba(13,148,136,.12);
  --shadow:0 24px 60px rgba(15,23,42,.11);
  --accent:#0d9488;
  --accent2:#14b8a6;
  --quran-page-bg:#ffffff;
  --ayahmark-color:#0d9488;
}

html[data-theme="dark"] #ds-quran.dsq-wrap,
html:not([data-theme]) #ds-quran.dsq-wrap{
  --bg:#06101c;
  --card:rgba(10,20,33,.78);
  --text:#eaf2ff;
  --muted:rgba(234,242,255,.68);
  --line:rgba(55,220,210,.18);
  --chip:rgba(8,26,30,.65);
  --chipOn:rgba(55,220,210,.14);
  --shadow:0 30px 70px rgba(0,0,0,.38);
  --accent:#37dcd2;
  --accent2:#2aa7a8;
  --quran-page-bg:#071423;
  --ayahmark-color:#37dcd2;
}

#ds-quran.dsq-wrap::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 26%, transparent 74%, color-mix(in srgb, var(--accent2) 7%, transparent)),
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.055), transparent 36%);
  opacity:.88;
}

html[data-theme="light"] #ds-quran.dsq-wrap::before{
  opacity:.68;
  background:
    linear-gradient(90deg, rgba(13,148,136,.07), transparent 24%, transparent 76%, rgba(20,184,166,.06)),
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.80), transparent 38%);
}

#ds-quran .dsq-container,
#ds-quran.dsq-v2 .dsq-container,
#ds-quran.dsq-v2.dsq-v3 .dsq-container{
  width:min(1540px, 100%) !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:0 !important;
}

#ds-quran .dsq-card,
#ds-quran.dsq-v2 .dsq-reader-card{
  border-radius:28px !important;
  border:1px solid color-mix(in srgb, var(--line) 92%, transparent) !important;
  background:
    radial-gradient(760px 280px at 5% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 62%),
    color-mix(in srgb, var(--card) 84%, transparent) !important;
  box-shadow:var(--ds-shadow2, var(--shadow)) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
  overflow:visible !important;
}

html[data-theme="light"] #ds-quran .dsq-card,
html[data-theme="light"] #ds-quran.dsq-v2 .dsq-reader-card{
  background:
    radial-gradient(760px 280px at 5% 0%, rgba(13,148,136,.08), transparent 62%),
    rgba(255,255,255,.78) !important;
  box-shadow:0 24px 64px rgba(15,23,42,.10) !important;
}

#ds-quran.dsq-v2 .dsq-app-hero{
  padding:10px 4px 2px !important;
  margin-bottom:2px !important;
}

#ds-quran.dsq-v2 .dsq-app-hero h1{
  color:var(--text) !important;
  font-size:clamp(38px, 4.8vw, 70px) !important;
  line-height:.96 !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;
}

#ds-quran.dsq-v2 .dsq-hero-sub,
#ds-quran .dsq-sub,
#ds-quran .dsq-label,
#ds-quran .dsq-info,
#ds-quran .dsq-status{
  color:var(--muted) !important;
}

#ds-quran.dsq-v2 .dsq-quick-grid{
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:12px !important;
}

#ds-quran.dsq-v2 .dsq-quick-card,
#ds-quran.dsq-v2 .dsq-control-panel,
#ds-quran.dsq-v2.dsq-v3 .dsq-top-controls .dsq-control-panel,
#ds-quran.dsq-v2.dsq-v3 .dsq-display-sidebar .dsq-control-panel,
#ds-quran .dsq-ayah,
#ds-quran .dsq-basmala,
#ds-quran .dsq-pagewrap,
#ds-quran .dsq-sura-card,
#ds-quran .dsq-saved-item{
  border-radius:22px !important;
  border:1px solid color-mix(in srgb, var(--line) 88%, transparent) !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 7%, transparent), transparent 44%),
    color-mix(in srgb, var(--card) 76%, transparent) !important;
  box-shadow:0 16px 40px color-mix(in srgb, #000 12%, transparent) !important;
}

html[data-theme="light"] #ds-quran.dsq-v2 .dsq-quick-card,
html[data-theme="light"] #ds-quran.dsq-v2 .dsq-control-panel,
html[data-theme="light"] #ds-quran.dsq-v2.dsq-v3 .dsq-top-controls .dsq-control-panel,
html[data-theme="light"] #ds-quran.dsq-v2.dsq-v3 .dsq-display-sidebar .dsq-control-panel,
html[data-theme="light"] #ds-quran .dsq-ayah,
html[data-theme="light"] #ds-quran .dsq-basmala,
html[data-theme="light"] #ds-quran .dsq-pagewrap,
html[data-theme="light"] #ds-quran .dsq-sura-card,
html[data-theme="light"] #ds-quran .dsq-saved-item{
  background:
    linear-gradient(135deg, rgba(13,148,136,.055), transparent 48%),
    rgba(255,255,255,.82) !important;
  box-shadow:0 16px 42px rgba(15,23,42,.08) !important;
}

/* Header der Quran-Karte nicht wie eigener Seitenheader wirken lassen */
#ds-quran .dsq-head,
#ds-quran.dsq-v2.dsq-v3 .dsq-reader-head{
  padding:18px 22px 15px !important;
  background:transparent !important;
  border-bottom:1px solid color-mix(in srgb, var(--line) 82%, transparent) !important;
}

#ds-quran .dsq-title{
  color:var(--text) !important;
  font-size:22px !important;
  line-height:1.12 !important;
  font-weight:950 !important;
  letter-spacing:-.025em !important;
}

/* Struktur: oben Auswahl/Suche, links Anzeige, rechts Lesebereich */
#ds-quran.dsq-v2.dsq-v3 .dsq-top-controls{
  padding:16px 20px 18px !important;
  background:
    radial-gradient(640px 180px at 12% 0%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 62%),
    color-mix(in srgb, var(--card) 35%, transparent) !important;
  border-bottom:1px solid color-mix(in srgb, var(--line) 78%, transparent) !important;
}

html[data-theme="light"] #ds-quran.dsq-v2.dsq-v3 .dsq-top-controls,
html[data-theme="light"] #ds-quran.dsq-v2.dsq-v3 .dsq-reader-sidebar{
  background:rgba(255,255,255,.36) !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-reader-layout{
  grid-template-columns:minmax(224px, 282px) minmax(0, 1fr) !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-reader-sidebar{
  background:color-mix(in srgb, var(--card) 30%, transparent) !important;
  border-right:1px solid color-mix(in srgb, var(--line) 78%, transparent) !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-display-sidebar{
  padding:16px !important;
  top:calc(var(--ds-header-h, 64px) + 18px) !important;
}

#ds-quran.dsq-v2.dsq-v3 .dsq-body{
  min-height:650px !important;
  padding:20px 22px 128px !important;
  background:transparent !important;
}

/* Inputs/Buttons klarer im Light Mode */
#ds-quran .dsq-iconbtn,
#ds-quran .dsq-chip,
#ds-quran .dsq-btn,
#ds-quran .dsq-actionbtn,
#ds-quran .dsq-mini,
#ds-quran .dsq-pbtn,
body > .dsq-stickybar .dsq-stickybtn{
  min-height:38px !important;
  border-radius:15px !important;
  border:1px solid color-mix(in srgb, var(--line) 90%, transparent) !important;
  background:color-mix(in srgb, var(--card) 78%, transparent) !important;
  color:var(--text) !important;
  font-size:12px !important;
  font-weight:900 !important;
  box-shadow:none !important;
}

html[data-theme="light"] #ds-quran .dsq-iconbtn,
html[data-theme="light"] #ds-quran .dsq-chip,
html[data-theme="light"] #ds-quran .dsq-btn,
html[data-theme="light"] #ds-quran .dsq-actionbtn,
html[data-theme="light"] #ds-quran .dsq-mini,
html[data-theme="light"] #ds-quran .dsq-pbtn,
html[data-theme="light"] body > .dsq-stickybar .dsq-stickybtn{
  background:rgba(255,255,255,.78) !important;
  color:#07111f !important;
  border-color:rgba(13,148,136,.18) !important;
}

#ds-quran .dsq-chip.is-on,
#ds-quran .dsq-primary,
#ds-quran .dsq-pbtn-primary,
#ds-quran .dsq-actionbtn.is-primary,
body > .dsq-stickybar .dsq-stickybtn.is-primary{
  color:#fff !important;
  border-color:transparent !important;
  background:linear-gradient(135deg, var(--accent), var(--accent2)) !important;
  box-shadow:0 18px 34px color-mix(in srgb, var(--accent) 18%, transparent) !important;
}

#ds-quran .dsq-input,
#ds-quran .dsq-dropdown-input,
#ds-quran .dsq-select,
body > .dsq-settings-menu .dsq-select{
  min-height:40px !important;
  border-radius:15px !important;
  border:1px solid color-mix(in srgb, var(--line) 90%, transparent) !important;
  background-color:color-mix(in srgb, var(--card) 84%, #020617) !important;
  color:var(--text) !important;
  font-size:13px !important;
  font-weight:800 !important;
}

html[data-theme="light"] #ds-quran .dsq-input,
html[data-theme="light"] #ds-quran .dsq-dropdown-input,
html[data-theme="light"] #ds-quran .dsq-select,
html[data-theme="light"] body > .dsq-settings-menu .dsq-select{
  background-color:rgba(255,255,255,.88) !important;
  color:#07111f !important;
  border-color:rgba(13,148,136,.20) !important;
}

#ds-quran .dsq-dropdown-menu,
#ds-quran .dsq-filter-suggest{
  background:color-mix(in srgb, var(--bg) 90%, #020617) !important;
  border:1px solid color-mix(in srgb, var(--accent2) 34%, var(--line)) !important;
  border-radius:18px !important;
  box-shadow:0 24px 70px rgba(0,0,0,.36) !important;
  z-index:2147482600 !important;
}

html[data-theme="light"] #ds-quran .dsq-dropdown-menu,
html[data-theme="light"] #ds-quran .dsq-filter-suggest{
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 20px 52px rgba(15,23,42,.14) !important;
}

/* Mushaf stabil, nicht abgeschnitten */
#ds-quran .dsq-pagewrap{
  width:min(880px, calc(100% - 28px)) !important;
  margin:30px auto !important;
  overflow:visible !important;
  background:color-mix(in srgb, var(--quran-page-bg) 90%, transparent) !important;
}

#ds-quran .dsq-mushaf-shell{
  width:100% !important;
  max-width:760px !important;
  margin:0 auto !important;
  overflow:visible !important;
  padding:18px clamp(8px, 2.4vw, 24px) !important;
}

#ds-quran .dsq-mushaf{
  width:100% !important;
  max-width:720px !important;
  margin:0 auto !important;
  direction:rtl !important;
  text-align:center !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  word-spacing:.02em !important;
  font-family:var(--arabic-font, "UthmanicHafs", "KFGQPC Uthmanic Script HAFS", "Amiri Quran", "Noto Naskh Arabic", serif) !important;
  font-size:clamp(22px, calc(var(--fs) * 1.48), 38px) !important;
  line-height:2.08 !important;
  color:var(--arabic-color, var(--text)) !important;
}

#ds-quran .dsq-mushaf-line:not(.is-basmala-line){
  width:100% !important;
  display:block !important;
  direction:rtl !important;
  text-align:center !important;
  text-align-last:center !important;
  white-space:nowrap !important;
}

#ds-quran .dsq-mushaf-line:not(.is-basmala-line) .dsq-arword{
  display:inline !important;
  padding:0 .03em !important;
  line-height:inherit !important;
}

#ds-quran .dsq-mushaf .dsq-ayahmark{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 .18em !important;
  margin:0 .08em !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:var(--ayahmark-color) !important;
  font-family:var(--arabic-font, "UthmanicHafs", "Noto Naskh Arabic", serif) !important;
  font-size:.62em !important;
  font-weight:900 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  vertical-align:middle !important;
}

/* Player unten: Light/Dark passend, nicht zu breit/kaputt */
.dsq-player{
  left:50% !important;
  right:auto !important;
  bottom:14px !important;
  width:min(1160px, calc(100vw - 28px)) !important;
  transform:translateX(-50%) !important;
  border:1px solid color-mix(in srgb, var(--line, rgba(55,220,210,.18)) 88%, transparent) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(7,11,22,.62), rgba(7,11,22,.86)) !important;
  box-shadow:0 18px 54px rgba(0,0,0,.30) !important;
  backdrop-filter:blur(20px) !important;
  -webkit-backdrop-filter:blur(20px) !important;
  padding:8px 10px !important;
  color:var(--text, #eaf2ff) !important;
}

html[data-theme="light"] .dsq-player{
  background:rgba(255,255,255,.90) !important;
  color:#07111f !important;
  border-color:rgba(13,148,136,.20) !important;
  box-shadow:0 18px 48px rgba(15,23,42,.14) !important;
}

.dsq-player[aria-hidden="false"]{
  display:grid !important;
  grid-template-columns:minmax(140px, 300px) minmax(0, 1fr) !important;
  align-items:center !important;
  gap:10px !important;
}

.dsq-player .dsq-pbtn{
  width:34px !important;
  min-width:34px !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:0 !important;
  color:currentColor !important;
}

.dsq-player .dsq-pbtn svg{
  display:block !important;
  width:17px !important;
  height:17px !important;
  color:currentColor !important;
  fill:currentColor !important;
}

.dsq-player #dsq-stop{
  display:none !important;
}

.dsq-player #dsq-player-close{
  display:inline-flex !important;
  opacity:1 !important;
  visibility:visible !important;
  font-size:18px !important;
}

/* Sticky/Settings nicht mehr mit Header kollidieren */
body > .dsq-stickybar{
  top:calc(var(--ds-header-h, 64px) + 6px) !important;
  width:min(1080px, calc(100vw - 24px)) !important;
  border-radius:16px !important;
  background:color-mix(in srgb, var(--bg, #06101c) 88%, #020617) !important;
  border-color:color-mix(in srgb, var(--accent2, #2aa7a8) 34%, var(--line, rgba(55,220,210,.18))) !important;
}

html[data-theme="light"] body > .dsq-stickybar,
html[data-theme="light"] body > .dsq-settings-menu{
  background:rgba(255,255,255,.94) !important;
  color:#07111f !important;
  box-shadow:0 18px 44px rgba(15,23,42,.13) !important;
}

body > .dsq-settings-menu{
  max-height:min(380px, calc(100vh - 28px)) !important;
  background:color-mix(in srgb, var(--bg, #06101c) 88%, #020617) !important;
  border-color:color-mix(in srgb, var(--accent2, #2aa7a8) 34%, var(--line, rgba(55,220,210,.18))) !important;
}

/* Responsive */
@media(max-width:1240px){
  #ds-quran.dsq-v2.dsq-v3 .dsq-reader-layout{
    grid-template-columns:1fr !important;
  }

  #ds-quran.dsq-v2.dsq-v3 .dsq-reader-sidebar{
    border-right:0 !important;
    border-bottom:1px solid color-mix(in srgb, var(--line) 78%, transparent) !important;
  }

  #ds-quran.dsq-v2.dsq-v3 .dsq-display-sidebar{
    position:relative !important;
    top:auto !important;
  }
}

@media(max-width:820px){
  #ds-quran.dsq-wrap,
  #ds-quran.dsq-v2{
    padding:calc(var(--ds-header-h, 64px) + 18px) 10px 78px !important;
  }

  #ds-quran.dsq-v2 .dsq-app-hero{
    grid-template-columns:1fr !important;
    align-items:start !important;
  }

  #ds-quran.dsq-v2 .dsq-hero-actions{
    justify-content:flex-start !important;
  }

  #ds-quran.dsq-v2 .dsq-quick-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }

  #ds-quran.dsq-v2.dsq-v3 .dsq-top-controls .dsq-controls,
  #ds-quran.dsq-v2.dsq-v3 .dsq-top-controls .dsq-row-select,
  #ds-quran.dsq-v2.dsq-v3 .dsq-display-sidebar .dsq-row-display{
    grid-template-columns:1fr !important;
  }

  #ds-quran.dsq-v2.dsq-v3 .dsq-suwar-grid{
    grid-template-columns:1fr !important;
  }

  .dsq-player[aria-hidden="false"]{
    grid-template-columns:1fr !important;
  }

  .dsq-player-top,
  .dsq-volwrap{
    display:none !important;
  }
}

@media(max-width:640px){
  #ds-quran.dsq-v2 .dsq-app-hero h1{
    font-size:clamp(34px, 12vw, 52px) !important;
  }

  #ds-quran .dsq-head,
  #ds-quran.dsq-v2.dsq-v3 .dsq-reader-head,
  #ds-quran.dsq-v2.dsq-v3 .dsq-top-controls,
  #ds-quran.dsq-v2.dsq-v3 .dsq-body{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  #ds-quran .dsq-pagewrap{
    width:min(100%, calc(100% - 10px)) !important;
    margin:22px auto !important;
  }

  #ds-quran .dsq-mushaf{
    font-size:clamp(20px, calc(var(--fs) * 1.28), 31px) !important;
    line-height:2.02 !important;
  }

  body > .dsq-stickybar{
    width:calc(100vw - 12px) !important;
    top:calc(var(--ds-header-h, 64px) + 4px) !important;
  }
}

@media(prefers-reduced-motion:reduce){
  #ds-quran *,
  .dsq-player,
  body > .dsq-stickybar,
  body > .dsq-settings-menu{
    transition:none !important;
    animation:none !important;
  }
}

/* =========================================================
   DEENSTUDY QURAN – FINAL OVERLAP FIX V32
   Fix: Header/Burger überlappen den Hero nicht mehr.
   Wichtig: Ganz am Ende, damit alte Regeln sicher überschrieben werden.
   ========================================================= */

html body #ds-quran,
html body #ds-quran.dsq-wrap,
html body #ds-quran.dsq-v2,
html body #ds-quran.dsq-v2.dsq-v3{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  z-index:1 !important;

  /* Der transparente Header + der linke Menübutton bekommen jetzt echten Platz. */
  padding-top:calc(var(--ds-header-h, 74px) + 86px) !important;
  padding-left:clamp(12px, 1.5vw, 18px) !important;
  padding-right:clamp(12px, 1.5vw, 18px) !important;
  padding-bottom:92px !important;
}

html body #ds-quran .dsq-container,
html body #ds-quran.dsq-v2 .dsq-container,
html body #ds-quran.dsq-v2.dsq-v3 .dsq-container{
  width:min(1540px, 100%) !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:0 !important;
  position:relative !important;
  z-index:2 !important;
}

html body #ds-quran .dsq-page-shell{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  gap:18px !important;
  margin:0 !important;
  padding:0 !important;
}

/* Hero startet nicht mehr im Header und nicht mehr hinter dem Burger. */
html body #ds-quran .dsq-app-hero,
html body #ds-quran.dsq-v2 .dsq-app-hero,
html body #ds-quran.dsq-v2.dsq-v3 .dsq-app-hero{
  margin:0 !important;
  padding:0 4px 4px !important;
  position:relative !important;
  z-index:3 !important;
  transform:none !important;
}

html body #ds-quran .dsq-kicker,
html body #ds-quran.dsq-v2 .dsq-kicker{
  display:block !important;
  margin:0 0 10px !important;
  padding:0 !important;
  position:relative !important;
  z-index:3 !important;
  transform:none !important;
  max-width:100% !important;
  white-space:normal !important;
}

html body #ds-quran .dsq-app-hero h1,
html body #ds-quran.dsq-v2 .dsq-app-hero h1,
html body #ds-quran.dsq-v2.dsq-v3 .dsq-app-hero h1{
  margin:0 !important;
  padding:0 !important;
  position:relative !important;
  z-index:3 !important;
  transform:none !important;
  max-width:100% !important;
}

html body #ds-quran .dsq-hero-sub,
html body #ds-quran.dsq-v2 .dsq-hero-sub{
  position:relative !important;
  z-index:3 !important;
  max-width:860px !important;
}

/* Die Statistik-Karten rutschen sauber unter den Titel. */
html body #ds-quran .dsq-quick-grid,
html body #ds-quran.dsq-v2 .dsq-quick-grid{
  position:relative !important;
  z-index:2 !important;
  margin-top:8px !important;
}

/* Reader-Karte darf nicht nach oben unter den Header ziehen. */
html body #ds-quran .dsq-reader-card,
html body #ds-quran.dsq-v2 .dsq-reader-card,
html body #ds-quran.dsq-v2.dsq-v3 .dsq-reader-card,
html body #ds-quran .dsq-card{
  position:relative !important;
  z-index:2 !important;
  margin-top:0 !important;
}

/* Stickybar/Settings bleiben unter dem transparenten Header. */
html body > .dsq-stickybar{
  top:calc(var(--ds-header-h, 74px) + 18px) !important;
}

html body > .dsq-settings-menu{
  top:calc(var(--ds-header-h, 74px) + 74px) !important;
}

/* Light Mode: kein blasser Text auf hellem Hintergrund. */
html[data-theme="light"] body #ds-quran,
html[data-theme="light"] body #ds-quran.dsq-wrap,
html[data-theme="light"] body #ds-quran.dsq-v2,
html[data-theme="light"] body #ds-quran.dsq-v2.dsq-v3{
  color:#07111f !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(13,148,136,.13), transparent 36%),
    radial-gradient(circle at 92% 4%, rgba(20,184,166,.10), transparent 38%),
    linear-gradient(180deg, #eefbfb, #f8ffff) !important;
}

html[data-theme="light"] body #ds-quran .dsq-app-hero h1,
html[data-theme="light"] body #ds-quran .dsq-kicker,
html[data-theme="light"] body #ds-quran .dsq-quick-card strong,
html[data-theme="light"] body #ds-quran .dsq-title{
  color:#07111f !important;
}

html[data-theme="light"] body #ds-quran .dsq-hero-sub,
html[data-theme="light"] body #ds-quran .dsq-sub,
html[data-theme="light"] body #ds-quran .dsq-quick-card span{
  color:rgba(7,17,31,.68) !important;
}

@media(max-width:900px){
  html body #ds-quran,
  html body #ds-quran.dsq-wrap,
  html body #ds-quran.dsq-v2,
  html body #ds-quran.dsq-v2.dsq-v3{
    padding-top:calc(var(--ds-header-h, 70px) + 74px) !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }
}

@media(max-width:640px){
  html body #ds-quran,
  html body #ds-quran.dsq-wrap,
  html body #ds-quran.dsq-v2,
  html body #ds-quran.dsq-v2.dsq-v3{
    padding-top:calc(var(--ds-header-h, 66px) + 66px) !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  html body #ds-quran .dsq-app-hero h1,
  html body #ds-quran.dsq-v2 .dsq-app-hero h1{
    font-size:clamp(34px, 12vw, 52px) !important;
  }

  html body > .dsq-stickybar{
    top:calc(var(--ds-header-h, 66px) + 14px) !important;
  }
}
/* =========================================================
   DEENSTUDY THEME READY – QURAN
   Header steuert nur: html[data-ds-palette="..."]
   Diese Seite setzt ihre Farben selbst. Standard ohne Attribut = Schwarz/Orange.
   ========================================================= */
html[data-ds-palette="orange"] #ds-quran.dsq-wrap,
html:not([data-ds-palette]) #ds-quran.dsq-wrap{
  --bg:#070604 !important;
  --card:rgba(18,14,10,.88) !important;
  --text:#fff7ed !important;
  --muted:rgba(255,247,237,.78) !important;
  --line:rgba(249,115,22,.25) !important;
  --chip:rgba(251,146,60,.10) !important;
  --chipOn:rgba(251,146,60,.11) !important;
  --shadow:0 32px 90px rgba(0,0,0,.46) !important;
  --accent:#fb923c !important;
  --accent2:#f97316 !important;
  --quran-page-bg:#0d0906 !important;
  --ayahmark-color:#fb923c !important;
}

html[data-theme="light"][data-ds-palette="orange"] #ds-quran.dsq-wrap,
html[data-theme="light"]:not([data-ds-palette]) #ds-quran.dsq-wrap{
  --bg:#fff7ed !important;
  --card:rgba(255,255,255,.92) !important;
  --text:#1c1917 !important;
  --muted:rgba(28,25,23,.74) !important;
  --line:rgba(249,115,22,.25) !important;
  --chip:rgba(249,115,22,.10) !important;
  --chipOn:rgba(249,115,22,.10) !important;
  --shadow:0 28px 76px rgba(124,45,18,.14) !important;
  --accent:#ea580c !important;
  --accent2:#f97316 !important;
  --quran-page-bg:#ffedd5 !important;
  --ayahmark-color:#ea580c !important;
}

html[data-ds-palette="green"] #ds-quran.dsq-wrap{
  --bg:#020806 !important;
  --card:rgba(8,20,14,.88) !important;
  --text:#f0fdf4 !important;
  --muted:rgba(240,253,244,.78) !important;
  --line:rgba(34,197,94,.25) !important;
  --chip:rgba(34,197,94,.10) !important;
  --chipOn:rgba(34,197,94,.11) !important;
  --shadow:0 32px 90px rgba(0,0,0,.46) !important;
  --accent:#22c55e !important;
  --accent2:#16a34a !important;
  --quran-page-bg:#06120c !important;
  --ayahmark-color:#22c55e !important;
}

html[data-theme="light"][data-ds-palette="green"] #ds-quran.dsq-wrap{
  --bg:#f0fdf4 !important;
  --card:rgba(255,255,255,.92) !important;
  --text:#052e16 !important;
  --muted:rgba(5,46,22,.74) !important;
  --line:rgba(34,197,94,.25) !important;
  --chip:rgba(34,197,94,.10) !important;
  --chipOn:rgba(34,197,94,.10) !important;
  --shadow:0 28px 76px rgba(20,83,45,.14) !important;
  --accent:#16a34a !important;
  --accent2:#22c55e !important;
  --quran-page-bg:#dcfce7 !important;
  --ayahmark-color:#16a34a !important;
}

html[data-ds-palette="blue"] #ds-quran.dsq-wrap{
  --bg:#020817 !important;
  --card:rgba(8,18,36,.88) !important;
  --text:#eff6ff !important;
  --muted:rgba(239,246,255,.78) !important;
  --line:rgba(59,130,246,.25) !important;
  --chip:rgba(56,189,248,.10) !important;
  --chipOn:rgba(56,189,248,.11) !important;
  --shadow:0 32px 90px rgba(0,0,0,.46) !important;
  --accent:#38bdf8 !important;
  --accent2:#2563eb !important;
  --quran-page-bg:#071225 !important;
  --ayahmark-color:#38bdf8 !important;
}

html[data-theme="light"][data-ds-palette="blue"] #ds-quran.dsq-wrap{
  --bg:#eff6ff !important;
  --card:rgba(255,255,255,.92) !important;
  --text:#0f172a !important;
  --muted:rgba(15,23,42,.74) !important;
  --line:rgba(37,99,235,.24) !important;
  --chip:rgba(37,99,235,.10) !important;
  --chipOn:rgba(37,99,235,.10) !important;
  --shadow:0 28px 76px rgba(30,64,175,.14) !important;
  --accent:#2563eb !important;
  --accent2:#38bdf8 !important;
  --quran-page-bg:#dbeafe !important;
  --ayahmark-color:#2563eb !important;
}

html[data-ds-palette="gold"] #ds-quran.dsq-wrap{
  --bg:#080704 !important;
  --card:rgba(20,16,8,.88) !important;
  --text:#fefce8 !important;
  --muted:rgba(254,252,232,.78) !important;
  --line:rgba(250,204,21,.25) !important;
  --chip:rgba(250,204,21,.10) !important;
  --chipOn:rgba(250,204,21,.11) !important;
  --shadow:0 32px 90px rgba(0,0,0,.46) !important;
  --accent:#facc15 !important;
  --accent2:#d97706 !important;
  --quran-page-bg:#141006 !important;
  --ayahmark-color:#facc15 !important;
}

html[data-theme="light"][data-ds-palette="gold"] #ds-quran.dsq-wrap{
  --bg:#fefce8 !important;
  --card:rgba(255,255,255,.92) !important;
  --text:#1c1917 !important;
  --muted:rgba(28,25,23,.74) !important;
  --line:rgba(217,119,6,.25) !important;
  --chip:rgba(217,119,6,.10) !important;
  --chipOn:rgba(217,119,6,.10) !important;
  --shadow:0 28px 76px rgba(120,53,15,.14) !important;
  --accent:#d97706 !important;
  --accent2:#facc15 !important;
  --quran-page-bg:#fef3c7 !important;
  --ayahmark-color:#d97706 !important;
}

html[data-ds-palette="purple"] #ds-quran.dsq-wrap,
html[data-ds-palette="lila"] #ds-quran.dsq-wrap{
  --bg:#090614 !important;
  --card:rgba(18,11,32,.88) !important;
  --text:#faf5ff !important;
  --muted:rgba(250,245,255,.78) !important;
  --line:rgba(168,85,247,.25) !important;
  --chip:rgba(168,85,247,.10) !important;
  --chipOn:rgba(168,85,247,.11) !important;
  --shadow:0 32px 90px rgba(0,0,0,.46) !important;
  --accent:#a855f7 !important;
  --accent2:#7c3aed !important;
  --quran-page-bg:#120a24 !important;
  --ayahmark-color:#a855f7 !important;
}

html[data-theme="light"][data-ds-palette="purple"] #ds-quran.dsq-wrap,
html[data-theme="light"][data-ds-palette="lila"] #ds-quran.dsq-wrap{
  --bg:#faf5ff !important;
  --card:rgba(255,255,255,.92) !important;
  --text:#1e1b4b !important;
  --muted:rgba(30,27,75,.74) !important;
  --line:rgba(168,85,247,.25) !important;
  --chip:rgba(124,58,237,.10) !important;
  --chipOn:rgba(124,58,237,.10) !important;
  --shadow:0 28px 76px rgba(88,28,135,.14) !important;
  --accent:#7c3aed !important;
  --accent2:#a855f7 !important;
  --quran-page-bg:#f3e8ff !important;
  --ayahmark-color:#7c3aed !important;
}

html[data-ds-palette="teal"] #ds-quran.dsq-wrap,
html[data-ds-palette="default"] #ds-quran.dsq-wrap{
  --bg:#07111f !important;
  --card:rgba(15,23,42,.88) !important;
  --text:#f3f7ff !important;
  --muted:rgba(226,232,240,.78) !important;
  --line:rgba(45,212,191,.22) !important;
  --chip:rgba(45,212,191,.10) !important;
  --chipOn:rgba(45,212,191,.10) !important;
  --shadow:0 32px 90px rgba(0,0,0,.44) !important;
  --accent:#2dd4bf !important;
  --accent2:#14b8a6 !important;
  --quran-page-bg:#0b1322 !important;
  --ayahmark-color:#2dd4bf !important;
}

html[data-theme="light"][data-ds-palette="teal"] #ds-quran.dsq-wrap,
html[data-theme="light"][data-ds-palette="default"] #ds-quran.dsq-wrap{
  --bg:#f5fbff !important;
  --card:rgba(255,255,255,.92) !important;
  --text:#0b1220 !important;
  --muted:rgba(51,65,85,.78) !important;
  --line:rgba(13,148,136,.22) !important;
  --chip:rgba(13,148,136,.10) !important;
  --chipOn:rgba(13,148,136,.10) !important;
  --shadow:0 28px 76px rgba(15,23,42,.12) !important;
  --accent:#0d9488 !important;
  --accent2:#14b8a6 !important;
  --quran-page-bg:#ecfeff !important;
  --ayahmark-color:#0d9488 !important;
}

#ds-quran.dsq-wrap{
  background:var(--bg) !important;
  color:var(--text) !important;
}
#ds-quran .dsq-card{
  background:
    radial-gradient(900px 420px at 20% -10%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 60%),
    radial-gradient(900px 420px at 90% 0%, color-mix(in srgb, var(--accent2) 10%, transparent), transparent 55%),
    var(--card) !important;
  border-color:var(--line) !important;
}
#ds-quran .dsq-head,
#ds-quran .dsq-controls,
#ds-quran .dsq-body,
#ds-quran .dsq-vm,
#ds-quran .dsq-foot{
  border-color:var(--line) !important;
}
#ds-quran .dsq-iconbtn,
#ds-quran .dsq-stickybtn,
#ds-quran .dsq-actionbtn,
#ds-quran .dsq-chip,
#ds-quran .dsq-btn,
#ds-quran .dsq-input,
#ds-quran .dsq-select,
#ds-quran .dsq-mini,
#ds-quran .dsq-badge,
#ds-quran .dsq-pagebadge,
#ds-quran .dsq-moremenu,
#ds-quran .dsq-dropdown-menu,
#ds-quran .dsq-settings-menu,
.dsq-pbtn,
.dsq-pmoremenu,
.dsq-selection-bar{
  border-color:color-mix(in srgb, var(--accent) 28%, var(--line)) !important;
}
#ds-quran .dsq-stickybar,
#ds-quran .dsq-dropdown-menu,
#ds-quran .dsq-moremenu,
#ds-quran .dsq-settings-menu,
.dsq-player,
.dsq-selection-bar{
  background:color-mix(in srgb, var(--card) 92%, transparent) !important;
}
#ds-quran .dsq-chip.is-on,
#ds-quran .dsq-selectbtn.is-selected,
#ds-quran .dsq-primary,
#ds-quran .dsq-sticky-main,
#ds-quran .dsq-actionbtn-main,
.dsq-pbtn-primary,
.dsq-selection-copy{
  background:linear-gradient(135deg, var(--accent), var(--accent2)) !important;
  border-color:transparent !important;
  color:#fff !important;
}
#ds-quran .dsq-suwar-kicker,
#ds-quran .dsq-right,
#ds-quran .dsq-ayahmark,
#ds-quran .dsq-sura-card:hover .dsq-sura-num,
#ds-quran .dsq-arword:hover,
#ds-quran .dsq-dropdown-item:hover,
#ds-quran .dsq-moreitem:hover{
  color:var(--accent) !important;
}
#ds-quran .dsq-sura-card,
#ds-quran .dsq-basmala,
#ds-quran .dsq-ayah,
#ds-quran .dsq-pagewrap,
#ds-quran .dsq-vm-preview,
#ds-quran .dsq-bottom-actions{
  border-color:color-mix(in srgb, var(--accent) 24%, var(--line)) !important;
  background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent), color-mix(in srgb, var(--card) 82%, transparent) !important;
}
#ds-quran .dsq-ayah.is-selected{
  border-color:color-mix(in srgb, var(--accent) 62%, var(--line)) !important;
  box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 14%, transparent), 0 16px 38px color-mix(in srgb, var(--accent) 10%, transparent) !important;
}
#ds-quran .dsq-range,
.dsq-range{
  accent-color:var(--accent) !important;
}
/* =========================================================
   DEENSTUDY QURAN – THEME FIX V1
   Ganz unten in die Quran-CSS einfügen.
   Fix: keine wechselnden Farben mehr + alle Header-Themes
   in Light/Dark sauber unterstützt.
   ========================================================= */

/* Grund: alle alten Quran-Variablen und globalen DeenStudy-Variablen angleichen */
#ds-quran.dsq-wrap,
#ds-quran.dsq-v2,
#ds-quran.dsq-v2.dsq-v3{
  --radius:22px !important;
  --fs:16px !important;
  background:var(--bg) !important;
  color:var(--text) !important;
  transition:none !important;
}

/* ORANGE – Standard */
html:not([data-ds-palette]) #ds-quran.dsq-wrap,
html[data-ds-palette="orange"] #ds-quran.dsq-wrap{
  --bg:#070604 !important;
  --bg2:#0d0906 !important;
  --card:rgba(18,14,10,.90) !important;
  --card2:rgba(27,18,11,.92) !important;
  --text:#fff7ed !important;
  --muted:rgba(255,247,237,.68) !important;
  --muted2:rgba(255,247,237,.82) !important;
  --line:rgba(249,115,22,.26) !important;
  --chip:rgba(251,146,60,.11) !important;
  --chipOn:rgba(251,146,60,.18) !important;
  --accent:#fb923c !important;
  --accent2:#f97316 !important;
  --accent3:#fdba74 !important;
  --quran-page-bg:#0d0906 !important;
  --ayahmark-color:#fb923c !important;
  --shadow:0 32px 90px rgba(0,0,0,.46) !important;
  --ds-bg:var(--bg) !important;
  --ds-card:var(--card) !important;
  --ds-card2:var(--card2) !important;
  --ds-text:var(--text) !important;
  --ds-muted:var(--muted) !important;
  --ds-muted2:var(--muted2) !important;
  --ds-border:var(--line) !important;
  --ds-chip:var(--chip) !important;
  --ds-chip-border:var(--line) !important;
  --ds-accent:var(--accent) !important;
  --ds-accent2:var(--accent2) !important;
  --ds-shadow:0 24px 70px rgba(0,0,0,.36) !important;
  --ds-shadow2:var(--shadow) !important;
}

html[data-theme="light"]:not([data-ds-palette]) #ds-quran.dsq-wrap,
html[data-theme="light"][data-ds-palette="orange"] #ds-quran.dsq-wrap{
  --bg:#fff7ed !important;
  --bg2:#ffedd5 !important;
  --card:rgba(255,255,255,.94) !important;
  --card2:rgba(255,250,245,.96) !important;
  --text:#1c1917 !important;
  --muted:rgba(28,25,23,.62) !important;
  --muted2:rgba(28,25,23,.78) !important;
  --line:rgba(249,115,22,.25) !important;
  --chip:rgba(249,115,22,.10) !important;
  --chipOn:rgba(249,115,22,.16) !important;
  --accent:#ea580c !important;
  --accent2:#f97316 !important;
  --accent3:#fb923c !important;
  --quran-page-bg:#fff3e4 !important;
  --ayahmark-color:#ea580c !important;
  --shadow:0 28px 76px rgba(124,45,18,.14) !important;
  --ds-bg:var(--bg) !important;
  --ds-card:var(--card) !important;
  --ds-card2:var(--card2) !important;
  --ds-text:var(--text) !important;
  --ds-muted:var(--muted) !important;
  --ds-muted2:var(--muted2) !important;
  --ds-border:var(--line) !important;
  --ds-chip:var(--chip) !important;
  --ds-chip-border:var(--line) !important;
  --ds-accent:var(--accent) !important;
  --ds-accent2:var(--accent2) !important;
  --ds-shadow:0 20px 56px rgba(124,45,18,.10) !important;
  --ds-shadow2:var(--shadow) !important;
}

/* TEAL / TÜRKIS */
html[data-ds-palette="teal"] #ds-quran.dsq-wrap,
html[data-ds-palette="default"] #ds-quran.dsq-wrap{
  --bg:#07111f !important;
  --bg2:#0b1322 !important;
  --card:rgba(15,23,42,.90) !important;
  --card2:rgba(11,19,34,.92) !important;
  --text:#f3f7ff !important;
  --muted:rgba(226,232,240,.68) !important;
  --muted2:rgba(226,232,240,.82) !important;
  --line:rgba(45,212,191,.24) !important;
  --chip:rgba(45,212,191,.10) !important;
  --chipOn:rgba(45,212,191,.16) !important;
  --accent:#2dd4bf !important;
  --accent2:#14b8a6 !important;
  --accent3:#67e8f9 !important;
  --quran-page-bg:#0b1322 !important;
  --ayahmark-color:#2dd4bf !important;
  --shadow:0 32px 90px rgba(0,0,0,.44) !important;
  --ds-bg:var(--bg) !important; --ds-card:var(--card) !important; --ds-card2:var(--card2) !important; --ds-text:var(--text) !important; --ds-muted:var(--muted) !important; --ds-muted2:var(--muted2) !important; --ds-border:var(--line) !important; --ds-chip:var(--chip) !important; --ds-chip-border:var(--line) !important; --ds-accent:var(--accent) !important; --ds-accent2:var(--accent2) !important; --ds-shadow2:var(--shadow) !important;
}
html[data-theme="light"][data-ds-palette="teal"] #ds-quran.dsq-wrap,
html[data-theme="light"][data-ds-palette="default"] #ds-quran.dsq-wrap{
  --bg:#f5fbff !important;
  --bg2:#ecfeff !important;
  --card:rgba(255,255,255,.94) !important;
  --card2:rgba(248,253,255,.96) !important;
  --text:#0b1220 !important;
  --muted:rgba(51,65,85,.62) !important;
  --muted2:rgba(51,65,85,.78) !important;
  --line:rgba(13,148,136,.22) !important;
  --chip:rgba(13,148,136,.10) !important;
  --chipOn:rgba(13,148,136,.15) !important;
  --accent:#0d9488 !important;
  --accent2:#14b8a6 !important;
  --accent3:#2dd4bf !important;
  --quran-page-bg:#f0fdfa !important;
  --ayahmark-color:#0d9488 !important;
  --shadow:0 28px 76px rgba(15,23,42,.12) !important;
  --ds-bg:var(--bg) !important; --ds-card:var(--card) !important; --ds-card2:var(--card2) !important; --ds-text:var(--text) !important; --ds-muted:var(--muted) !important; --ds-muted2:var(--muted2) !important; --ds-border:var(--line) !important; --ds-chip:var(--chip) !important; --ds-chip-border:var(--line) !important; --ds-accent:var(--accent) !important; --ds-accent2:var(--accent2) !important; --ds-shadow2:var(--shadow) !important;
}

/* GREEN */
html[data-ds-palette="green"] #ds-quran.dsq-wrap{
  --bg:#020806 !important; --bg2:#06120c !important; --card:rgba(8,20,14,.90) !important; --card2:rgba(10,29,18,.92) !important; --text:#f0fdf4 !important; --muted:rgba(240,253,244,.68) !important; --muted2:rgba(240,253,244,.82) !important; --line:rgba(34,197,94,.25) !important; --chip:rgba(34,197,94,.10) !important; --chipOn:rgba(34,197,94,.16) !important; --accent:#22c55e !important; --accent2:#16a34a !important; --accent3:#86efac !important; --quran-page-bg:#06120c !important; --ayahmark-color:#22c55e !important; --shadow:0 32px 90px rgba(0,0,0,.46) !important; --ds-bg:var(--bg) !important; --ds-card:var(--card) !important; --ds-card2:var(--card2) !important; --ds-text:var(--text) !important; --ds-muted:var(--muted) !important; --ds-muted2:var(--muted2) !important; --ds-border:var(--line) !important; --ds-chip:var(--chip) !important; --ds-chip-border:var(--line) !important; --ds-accent:var(--accent) !important; --ds-accent2:var(--accent2) !important; --ds-shadow2:var(--shadow) !important;
}
html[data-theme="light"][data-ds-palette="green"] #ds-quran.dsq-wrap{
  --bg:#f0fdf4 !important; --bg2:#dcfce7 !important; --card:rgba(255,255,255,.94) !important; --card2:rgba(247,255,250,.96) !important; --text:#052e16 !important; --muted:rgba(5,46,22,.62) !important; --muted2:rgba(5,46,22,.78) !important; --line:rgba(34,197,94,.25) !important; --chip:rgba(34,197,94,.10) !important; --chipOn:rgba(34,197,94,.15) !important; --accent:#16a34a !important; --accent2:#22c55e !important; --accent3:#4ade80 !important; --quran-page-bg:#ecfdf3 !important; --ayahmark-color:#16a34a !important; --shadow:0 28px 76px rgba(20,83,45,.14) !important; --ds-bg:var(--bg) !important; --ds-card:var(--card) !important; --ds-card2:var(--card2) !important; --ds-text:var(--text) !important; --ds-muted:var(--muted) !important; --ds-muted2:var(--muted2) !important; --ds-border:var(--line) !important; --ds-chip:var(--chip) !important; --ds-chip-border:var(--line) !important; --ds-accent:var(--accent) !important; --ds-accent2:var(--accent2) !important; --ds-shadow2:var(--shadow) !important;
}

/* BLUE */
html[data-ds-palette="blue"] #ds-quran.dsq-wrap{
  --bg:#020817 !important; --bg2:#071225 !important; --card:rgba(8,18,36,.90) !important; --card2:rgba(10,25,50,.92) !important; --text:#eff6ff !important; --muted:rgba(239,246,255,.68) !important; --muted2:rgba(239,246,255,.82) !important; --line:rgba(59,130,246,.25) !important; --chip:rgba(56,189,248,.10) !important; --chipOn:rgba(56,189,248,.16) !important; --accent:#38bdf8 !important; --accent2:#2563eb !important; --accent3:#93c5fd !important; --quran-page-bg:#071225 !important; --ayahmark-color:#38bdf8 !important; --shadow:0 32px 90px rgba(0,0,0,.46) !important; --ds-bg:var(--bg) !important; --ds-card:var(--card) !important; --ds-card2:var(--card2) !important; --ds-text:var(--text) !important; --ds-muted:var(--muted) !important; --ds-muted2:var(--muted2) !important; --ds-border:var(--line) !important; --ds-chip:var(--chip) !important; --ds-chip-border:var(--line) !important; --ds-accent:var(--accent) !important; --ds-accent2:var(--accent2) !important; --ds-shadow2:var(--shadow) !important;
}
html[data-theme="light"][data-ds-palette="blue"] #ds-quran.dsq-wrap{
  --bg:#eff6ff !important; --bg2:#dbeafe !important; --card:rgba(255,255,255,.94) !important; --card2:rgba(248,251,255,.96) !important; --text:#0f172a !important; --muted:rgba(15,23,42,.62) !important; --muted2:rgba(15,23,42,.78) !important; --line:rgba(37,99,235,.24) !important; --chip:rgba(37,99,235,.10) !important; --chipOn:rgba(37,99,235,.15) !important; --accent:#2563eb !important; --accent2:#38bdf8 !important; --accent3:#60a5fa !important; --quran-page-bg:#f4f9ff !important; --ayahmark-color:#2563eb !important; --shadow:0 28px 76px rgba(30,64,175,.14) !important; --ds-bg:var(--bg) !important; --ds-card:var(--card) !important; --ds-card2:var(--card2) !important; --ds-text:var(--text) !important; --ds-muted:var(--muted) !important; --ds-muted2:var(--muted2) !important; --ds-border:var(--line) !important; --ds-chip:var(--chip) !important; --ds-chip-border:var(--line) !important; --ds-accent:var(--accent) !important; --ds-accent2:var(--accent2) !important; --ds-shadow2:var(--shadow) !important;
}

/* RED */
html[data-ds-palette="red"] #ds-quran.dsq-wrap{
  --bg:#0b0505 !important; --bg2:#180808 !important; --card:rgba(28,12,12,.90) !important; --card2:rgba(42,15,15,.92) !important; --text:#fff1f2 !important; --muted:rgba(255,241,242,.68) !important; --muted2:rgba(255,241,242,.82) !important; --line:rgba(239,68,68,.26) !important; --chip:rgba(239,68,68,.10) !important; --chipOn:rgba(239,68,68,.16) !important; --accent:#f87171 !important; --accent2:#dc2626 !important; --accent3:#fca5a5 !important; --quran-page-bg:#180808 !important; --ayahmark-color:#f87171 !important; --shadow:0 32px 90px rgba(0,0,0,.46) !important; --ds-bg:var(--bg) !important; --ds-card:var(--card) !important; --ds-card2:var(--card2) !important; --ds-text:var(--text) !important; --ds-muted:var(--muted) !important; --ds-muted2:var(--muted2) !important; --ds-border:var(--line) !important; --ds-chip:var(--chip) !important; --ds-chip-border:var(--line) !important; --ds-accent:var(--accent) !important; --ds-accent2:var(--accent2) !important; --ds-shadow2:var(--shadow) !important;
}
html[data-theme="light"][data-ds-palette="red"] #ds-quran.dsq-wrap{
  --bg:#fff1f2 !important; --bg2:#ffe4e6 !important; --card:rgba(255,255,255,.94) !important; --card2:rgba(255,248,248,.96) !important; --text:#450a0a !important; --muted:rgba(69,10,10,.62) !important; --muted2:rgba(69,10,10,.78) !important; --line:rgba(220,38,38,.24) !important; --chip:rgba(220,38,38,.10) !important; --chipOn:rgba(220,38,38,.15) !important; --accent:#dc2626 !important; --accent2:#f87171 !important; --accent3:#fb7185 !important; --quran-page-bg:#fff7f7 !important; --ayahmark-color:#dc2626 !important; --shadow:0 28px 76px rgba(127,29,29,.14) !important; --ds-bg:var(--bg) !important; --ds-card:var(--card) !important; --ds-card2:var(--card2) !important; --ds-text:var(--text) !important; --ds-muted:var(--muted) !important; --ds-muted2:var(--muted2) !important; --ds-border:var(--line) !important; --ds-chip:var(--chip) !important; --ds-chip-border:var(--line) !important; --ds-accent:var(--accent) !important; --ds-accent2:var(--accent2) !important; --ds-shadow2:var(--shadow) !important;
}

/* GOLD */
html[data-ds-palette="gold"] #ds-quran.dsq-wrap{
  --bg:#080704 !important; --bg2:#141006 !important; --card:rgba(20,16,8,.90) !important; --card2:rgba(31,24,10,.92) !important; --text:#fefce8 !important; --muted:rgba(254,252,232,.68) !important; --muted2:rgba(254,252,232,.82) !important; --line:rgba(250,204,21,.25) !important; --chip:rgba(250,204,21,.10) !important; --chipOn:rgba(250,204,21,.16) !important; --accent:#facc15 !important; --accent2:#d97706 !important; --accent3:#fde68a !important; --quran-page-bg:#141006 !important; --ayahmark-color:#facc15 !important; --shadow:0 32px 90px rgba(0,0,0,.46) !important; --ds-bg:var(--bg) !important; --ds-card:var(--card) !important; --ds-card2:var(--card2) !important; --ds-text:var(--text) !important; --ds-muted:var(--muted) !important; --ds-muted2:var(--muted2) !important; --ds-border:var(--line) !important; --ds-chip:var(--chip) !important; --ds-chip-border:var(--line) !important; --ds-accent:var(--accent) !important; --ds-accent2:var(--accent2) !important; --ds-shadow2:var(--shadow) !important;
}
html[data-theme="light"][data-ds-palette="gold"] #ds-quran.dsq-wrap{
  --bg:#fefce8 !important; --bg2:#fef3c7 !important; --card:rgba(255,255,255,.94) !important; --card2:rgba(255,253,242,.96) !important; --text:#1c1917 !important; --muted:rgba(28,25,23,.62) !important; --muted2:rgba(28,25,23,.78) !important; --line:rgba(217,119,6,.25) !important; --chip:rgba(217,119,6,.10) !important; --chipOn:rgba(217,119,6,.15) !important; --accent:#d97706 !important; --accent2:#facc15 !important; --accent3:#fbbf24 !important; --quran-page-bg:#fffdf0 !important; --ayahmark-color:#d97706 !important; --shadow:0 28px 76px rgba(120,53,15,.14) !important; --ds-bg:var(--bg) !important; --ds-card:var(--card) !important; --ds-card2:var(--card2) !important; --ds-text:var(--text) !important; --ds-muted:var(--muted) !important; --ds-muted2:var(--muted2) !important; --ds-border:var(--line) !important; --ds-chip:var(--chip) !important; --ds-chip-border:var(--line) !important; --ds-accent:var(--accent) !important; --ds-accent2:var(--accent2) !important; --ds-shadow2:var(--shadow) !important;
}

/* PURPLE / LILA */
html[data-ds-palette="purple"] #ds-quran.dsq-wrap,
html[data-ds-palette="lila"] #ds-quran.dsq-wrap{
  --bg:#090614 !important; --bg2:#120a24 !important; --card:rgba(18,11,32,.90) !important; --card2:rgba(28,16,48,.92) !important; --text:#faf5ff !important; --muted:rgba(250,245,255,.68) !important; --muted2:rgba(250,245,255,.82) !important; --line:rgba(168,85,247,.25) !important; --chip:rgba(168,85,247,.10) !important; --chipOn:rgba(168,85,247,.16) !important; --accent:#a855f7 !important; --accent2:#7c3aed !important; --accent3:#c084fc !important; --quran-page-bg:#120a24 !important; --ayahmark-color:#a855f7 !important; --shadow:0 32px 90px rgba(0,0,0,.46) !important; --ds-bg:var(--bg) !important; --ds-card:var(--card) !important; --ds-card2:var(--card2) !important; --ds-text:var(--text) !important; --ds-muted:var(--muted) !important; --ds-muted2:var(--muted2) !important; --ds-border:var(--line) !important; --ds-chip:var(--chip) !important; --ds-chip-border:var(--line) !important; --ds-accent:var(--accent) !important; --ds-accent2:var(--accent2) !important; --ds-shadow2:var(--shadow) !important;
}
html[data-theme="light"][data-ds-palette="purple"] #ds-quran.dsq-wrap,
html[data-theme="light"][data-ds-palette="lila"] #ds-quran.dsq-wrap{
  --bg:#faf5ff !important; --bg2:#f3e8ff !important; --card:rgba(255,255,255,.94) !important; --card2:rgba(253,250,255,.96) !important; --text:#1e1b4b !important; --muted:rgba(30,27,75,.62) !important; --muted2:rgba(30,27,75,.78) !important; --line:rgba(168,85,247,.25) !important; --chip:rgba(124,58,237,.10) !important; --chipOn:rgba(124,58,237,.15) !important; --accent:#7c3aed !important; --accent2:#a855f7 !important; --accent3:#c084fc !important; --quran-page-bg:#fdfaff !important; --ayahmark-color:#7c3aed !important; --shadow:0 28px 76px rgba(88,28,135,.14) !important; --ds-bg:var(--bg) !important; --ds-card:var(--card) !important; --ds-card2:var(--card2) !important; --ds-text:var(--text) !important; --ds-muted:var(--muted) !important; --ds-muted2:var(--muted2) !important; --ds-border:var(--line) !important; --ds-chip:var(--chip) !important; --ds-chip-border:var(--line) !important; --ds-accent:var(--accent) !important; --ds-accent2:var(--accent2) !important; --ds-shadow2:var(--shadow) !important;
}

/* Flacker-/Farbwechsel-Fix: animierte Farbflächen auf Quran-Seite stoppen */
#ds-quran *,
#ds-quran *::before,
#ds-quran *::after,
.dsq-player,
.dsq-player *,
.dsq-selection-bar,
.dsq-context-menu,
body > .dsq-stickybar,
body > .dsq-settings-menu{
  animation-name:none !important;
}

/* Einheitlicher Seitenhintergrund ohne wechselnde Radial-Farben */
html body #ds-quran.dsq-wrap,
html body #ds-quran.dsq-v2,
html body #ds-quran.dsq-v2.dsq-v3{
  background:
    radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 36%),
    radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--accent2) 9%, transparent), transparent 38%),
    linear-gradient(180deg, var(--bg), var(--bg2)) !important;
}

html[data-theme="light"] body #ds-quran.dsq-wrap,
html[data-theme="light"] body #ds-quran.dsq-v2,
html[data-theme="light"] body #ds-quran.dsq-v2.dsq-v3{
  background:
    radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--accent) 11%, transparent), transparent 36%),
    radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--accent2) 8%, transparent), transparent 38%),
    linear-gradient(180deg, var(--bg), var(--bg2)) !important;
}

/* Alle Karten, Controls, Dropdowns, Player sauber an Theme koppeln */
#ds-quran .dsq-card,
#ds-quran .dsq-reader-card,
#ds-quran .dsq-quick-card,
#ds-quran .dsq-control-panel,
#ds-quran .dsq-ayah,
#ds-quran .dsq-basmala,
#ds-quran .dsq-pagewrap,
#ds-quran .dsq-sura-card,
#ds-quran .dsq-saved-item,
#ds-quran .dsq-vm,
#ds-quran .dsq-bottom-actions,
#ds-quran .dsq-daily-card,
#ds-quran .dsq-continue-btn{
  border-color:color-mix(in srgb, var(--accent) 26%, var(--line)) !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 7%, transparent), transparent 48%),
    color-mix(in srgb, var(--card) 86%, transparent) !important;
  color:var(--text) !important;
  box-shadow:var(--shadow) !important;
}

#ds-quran .dsq-head,
#ds-quran .dsq-controls,
#ds-quran .dsq-body,
#ds-quran .dsq-foot,
#ds-quran.dsq-v2.dsq-v3 .dsq-top-controls,
#ds-quran.dsq-v2.dsq-v3 .dsq-reader-sidebar{
  border-color:color-mix(in srgb, var(--accent) 22%, var(--line)) !important;
  background:color-mix(in srgb, var(--card) 34%, transparent) !important;
}

#ds-quran .dsq-title,
#ds-quran .dsq-app-hero h1,
#ds-quran .dsq-quick-card strong,
#ds-quran .dsq-sura-en,
#ds-quran .dsq-sura-ar,
#ds-quran .dsq-ar,
#ds-quran .dsq-tr,
#ds-quran .dsq-mushaf,
#ds-quran .dsq-page-basmala,
#ds-quran .dsq-basmala-ar,
#ds-quran .dsq-daily-ref,
#ds-quran .dsq-daily-ar{
  color:var(--text) !important;
}

#ds-quran .dsq-sub,
#ds-quran .dsq-hero-sub,
#ds-quran .dsq-label,
#ds-quran .dsq-info,
#ds-quran .dsq-status,
#ds-quran .dsq-quick-card span,
#ds-quran .dsq-sura-trname,
#ds-quran .dsq-sura-count,
#ds-quran .dsq-tl,
#ds-quran .dsq-foot,
#ds-quran .dsq-daily-tr,
#ds-quran .dsq-daily-loading{
  color:var(--muted) !important;
}

#ds-quran .dsq-kicker,
#ds-quran .dsq-suwar-kicker,
#ds-quran .dsq-right,
#ds-quran .dsq-daily-kicker,
#ds-quran .dsq-ayahmark,
#ds-quran .dsq-savebtn.is-saved{
  color:var(--accent) !important;
}

#ds-quran .dsq-iconbtn,
#ds-quran .dsq-chip,
#ds-quran .dsq-btn,
#ds-quran .dsq-actionbtn,
#ds-quran .dsq-mini,
#ds-quran .dsq-pbtn,
#ds-quran .dsq-input,
#ds-quran .dsq-dropdown-input,
#ds-quran .dsq-select,
#ds-quran .dsq-badge,
#ds-quran .dsq-pagebadge,
#ds-quran .dsq-dropdown-menu,
#ds-quran .dsq-moremenu,
#ds-quran .dsq-settings-menu,
#ds-quran .dsq-filter-suggest,
.dsq-player,
.dsq-selection-bar,
.dsq-context-menu,
.dsq-pmoremenu,
body > .dsq-stickybar,
body > .dsq-settings-menu{
  border-color:color-mix(in srgb, var(--accent) 28%, var(--line)) !important;
  background:color-mix(in srgb, var(--card) 92%, transparent) !important;
  color:var(--text) !important;
}

html[data-theme="light"] #ds-quran .dsq-iconbtn,
html[data-theme="light"] #ds-quran .dsq-chip,
html[data-theme="light"] #ds-quran .dsq-btn,
html[data-theme="light"] #ds-quran .dsq-actionbtn,
html[data-theme="light"] #ds-quran .dsq-mini,
html[data-theme="light"] #ds-quran .dsq-pbtn,
html[data-theme="light"] #ds-quran .dsq-input,
html[data-theme="light"] #ds-quran .dsq-dropdown-input,
html[data-theme="light"] #ds-quran .dsq-select,
html[data-theme="light"] #ds-quran .dsq-dropdown-menu,
html[data-theme="light"] #ds-quran .dsq-moremenu,
html[data-theme="light"] #ds-quran .dsq-settings-menu,
html[data-theme="light"] #ds-quran .dsq-filter-suggest,
html[data-theme="light"] .dsq-player,
html[data-theme="light"] .dsq-selection-bar,
html[data-theme="light"] .dsq-context-menu,
html[data-theme="light"] .dsq-pmoremenu,
html[data-theme="light"] body > .dsq-stickybar,
html[data-theme="light"] body > .dsq-settings-menu{
  background:color-mix(in srgb, var(--card) 96%, white) !important;
  color:var(--text) !important;
}

#ds-quran .dsq-chip.is-on,
#ds-quran .dsq-selectbtn.is-selected,
#ds-quran .dsq-primary,
#ds-quran .dsq-sticky-main,
#ds-quran .dsq-actionbtn-main,
#ds-quran .dsq-actionbtn.is-primary,
#ds-quran #dsq-play-sura,
.dsq-player .dsq-pbtn-primary,
.dsq-selection-copy,
body > .dsq-stickybar .dsq-stickybtn.is-primary{
  background:linear-gradient(135deg, var(--accent), var(--accent2)) !important;
  border-color:transparent !important;
  color:#fff !important;
  box-shadow:0 18px 38px color-mix(in srgb, var(--accent) 22%, transparent) !important;
}

/* Schwarzer Text auf Primärbuttons nur bei sehr hellen Akzenten verhindern */
#ds-quran .dsq-primary,
#ds-quran .dsq-chip.is-on,
#ds-quran .dsq-selectbtn.is-selected,
.dsq-player .dsq-pbtn-primary{
  color:#fff !important;
}

#ds-quran .dsq-input:focus,
#ds-quran .dsq-dropdown-input:focus,
#ds-quran .dsq-select:focus,
#ds-quran .dsq-ayah.is-selected,
#ds-quran .dsq-arword:hover,
#ds-quran .dsq-dropdown-item:hover,
#ds-quran .dsq-dropdown-item.is-active,
#ds-quran .dsq-moreitem:hover,
#ds-quran .dsq-filter-suggest-item:hover,
#ds-quran .dsq-filter-suggest-item.is-active{
  border-color:color-mix(in srgb, var(--accent) 60%, var(--line)) !important;
  background:color-mix(in srgb, var(--accent) 12%, var(--card)) !important;
  box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 14%, transparent) !important;
}

#ds-quran .dsq-range,
.dsq-range,
#ds-quran input[type="range"],
#ds-quran input[type="radio"],
#ds-quran input[type="checkbox"]{
  accent-color:var(--accent) !important;
}

#ds-quran .dsq-pagewrap,
#ds-quran .dsq-mushaf-shell,
#ds-quran .dsq-mushaf{
  background:var(--quran-page-bg) !important;
}

#ds-quran .dsq-mushaf .dsq-ayahmark,
#ds-quran .dsq-ayahmark{
  color:var(--ayahmark-color) !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* Player + Stickybar endgültig stabil */
.dsq-player{
  background:color-mix(in srgb, var(--card) 94%, transparent) !important;
  border-color:color-mix(in srgb, var(--accent) 26%, var(--line)) !important;
  color:var(--text) !important;
}

body > .dsq-stickybar,
body > .dsq-settings-menu{
  background:color-mix(in srgb, var(--card) 94%, transparent) !important;
  color:var(--text) !important;
  border-color:color-mix(in srgb, var(--accent) 26%, var(--line)) !important;
}

/* Source-provided V4 palettes and the annotation fallback live in reader-refinement.css. */

/* Finale Seitenkorrekturen: schwarzer/rechter Rand verhindern */
html,body,.ds-page-main{overflow-x:hidden!important;max-width:100%!important;}
#ds-guides-all,#ds-learnArabic,#ds-dua-all,#ds-game-home,#ds-arabic-game-all,#ds-prayer-all,#ds-quran,#ds-wunder-page{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;}
  

/* =========================================================
   QURAN SQL SAVE + CLEAN BACKGROUND FINAL FIX
   ========================================================= */
html, body{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
}
#ds-quran,
#ds-quran.dsq-wrap,
#ds-quran.dsq-v2,
#ds-quran.dsq-v2.dsq-v3{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  overflow-x:clip !important;
  background:
    radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--accent) 15%, transparent), transparent 34%),
    radial-gradient(circle at 94% 4%, color-mix(in srgb, var(--accent2) 10%, transparent), transparent 36%),
    linear-gradient(180deg, var(--bg), var(--bg2, var(--bg))) !important;
}
#ds-quran .dsq-container,
#ds-quran .dsq-page-shell,
#ds-quran .dsq-reader-layout,
#ds-quran .dsq-reader-main,
#ds-quran .dsq-body,
#ds-quran .dsq-list{
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:clip !important;
}
#ds-quran .dsq-card,
#ds-quran .dsq-reader-card,
#ds-quran .dsq-app-hero,
#ds-quran .dsq-suwar-hero,
#ds-quran .dsq-daily-card,
#ds-quran .dsq-control-panel,
#ds-quran .dsq-ayah,
#ds-quran .dsq-sura-card,
#ds-quran .dsq-saved-panel,
#ds-quran .dsq-saved-item{
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 7%, transparent), transparent 52%),
    color-mix(in srgb, var(--card) 82%, transparent) !important;
  border-color:color-mix(in srgb, var(--accent) 30%, var(--line)) !important;
}
#ds-quran .dsq-card,
#ds-quran .dsq-reader-card{
  border-radius:26px !important;
  overflow:hidden !important;
}
#ds-quran.dsq-v2.dsq-v3 .dsq-top-controls,
#ds-quran.dsq-v2.dsq-v3 .dsq-reader-sidebar,
#ds-quran .dsq-controls,
#ds-quran .dsq-head,
#ds-quran .dsq-body,
#ds-quran .dsq-foot{
  background:transparent !important;
}
#ds-quran .dsq-reader-layout{
  background:transparent !important;
}
#ds-quran .dsq-page-shell::before,
#ds-quran .dsq-page-shell::after,
#ds-quran .dsq-reader-card::before,
#ds-quran .dsq-reader-card::after,
#ds-quran .dsq-card::before,
#ds-quran .dsq-card::after{
  max-width:100% !important;
  pointer-events:none !important;
}
#ds-quran .dsq-savebtn{
  font-size:19px !important;
  line-height:1 !important;
  color:var(--muted) !important;
}
#ds-quran .dsq-savebtn:hover,
#ds-quran .dsq-savebtn.is-saved{
  color:var(--accent) !important;
  border-color:color-mix(in srgb, var(--accent) 58%, var(--line)) !important;
  background:color-mix(in srgb, var(--accent) 14%, transparent) !important;
}
#ds-quran #dsq-saved-toggle{
  min-height:42px !important;
}
#ds-quran .dsq-saved-panel{
  border-top:1px solid color-mix(in srgb, var(--accent) 24%, var(--line)) !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
#ds-quran .dsq-saved-head strong{
  color:var(--text) !important;
  font-weight:1000 !important;
}
@media(max-width:760px){
  #ds-quran .dsq-ayah-actions{gap:6px !important; flex-wrap:wrap !important; justify-content:flex-start !important;}
  #ds-quran .dsq-mini{width:38px !important;height:38px !important;}
}



/* =========================================================
   DEENSTUDY QURAN – SAVE BUTTON HARD FINAL FIX
   Fix: Stern + Gespeichert-Tab immer klickbar, nur SQL, nur Login.
   ========================================================= */
#ds-quran #dsq-saved-toggle,
#ds-quran [data-dsq-saveayah],
#ds-quran [data-remove-saved]{
  pointer-events:auto !important;
  cursor:pointer !important;
  position:relative !important;
  z-index:2147481200 !important;
  user-select:none !important;
  -webkit-user-select:none !important;
}
#ds-quran #dsq-saved-toggle{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:42px !important;
  white-space:nowrap !important;
}
#ds-quran [data-dsq-saveayah]{
  width:42px !important;
  min-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:22px !important;
  line-height:1 !important;
  color:var(--muted) !important;
  background:color-mix(in srgb, var(--card) 78%, transparent) !important;
  border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line)) !important;
  border-radius:999px !important;
}
#ds-quran [data-dsq-saveayah]:hover,
#ds-quran [data-dsq-saveayah].is-saved{
  color:var(--accent) !important;
  background:color-mix(in srgb, var(--accent) 15%, var(--card)) !important;
  border-color:color-mix(in srgb, var(--accent) 62%, var(--line)) !important;
  transform:translateY(-1px) !important;
}
#ds-quran [data-dsq-saveayah][disabled]{
  opacity:.72 !important;
  cursor:wait !important;
}
#ds-quran #dsq-saved-panel{
  display:block;
  position:relative !important;
  z-index:20 !important;
  pointer-events:auto !important;
  padding:18px 20px !important;
  border-top:1px solid color-mix(in srgb, var(--accent) 26%, var(--line)) !important;
  background:color-mix(in srgb, var(--card) 72%, transparent) !important;
}
#ds-quran #dsq-saved-panel[hidden]{
  display:none !important;
}
#ds-quran .dsq-saved-head{
  display:flex !important;
  align-items:end !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-bottom:14px !important;
}
#ds-quran .dsq-saved-head strong{
  color:var(--text) !important;
  font-size:22px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
}
#ds-quran .dsq-saved-head .dsq-input{
  max-width:320px !important;
}
#ds-quran .dsq-saved-list{
  display:grid !important;
  gap:12px !important;
}
#ds-quran .dsq-saved-item{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:start !important;
  gap:14px !important;
  padding:14px !important;
  border-radius:18px !important;
  border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line)) !important;
  background:color-mix(in srgb, var(--card) 82%, transparent) !important;
}
#ds-quran .dsq-saved-item .ar{
  direction:rtl !important;
  text-align:right !important;
  font-family:var(--arabic-font, "UthmanicHafs", "Amiri", serif) !important;
  color:var(--text) !important;
  font-size:clamp(24px, 2.2vw, 34px) !important;
  line-height:1.95 !important;
  margin-top:8px !important;
}
#ds-quran .dsq-saved-item p{
  margin:8px 0 0 !important;
  color:var(--muted) !important;
  font-weight:750 !important;
  line-height:1.65 !important;
}
#ds-quran .dsq-saved-open-row{
  display:flex !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  margin-top:10px !important;
}
@media(max-width:720px){
  #ds-quran .dsq-saved-head,
  #ds-quran .dsq-saved-item{
    grid-template-columns:1fr !important;
    display:grid !important;
  }
  #ds-quran .dsq-saved-head .dsq-input{
    max-width:none !important;
    width:100% !important;
  }
}



/* === DeenStudy Ayah Share Image Export - hard final === */
body.dsq-art-lock{overflow:hidden !important;}

/* V2 FIX: Während Versbild/Versvideo-Modal offen ist, darf die Quran-Stickybar nicht über dem Modal liegen */
body.dsq-art-lock > .dsq-stickybar,
body.dsq-art-lock > .dsq-settings-menu,
body.dsq-art-lock > .dsq-context-menu,
body.dsq-art-lock #ds-quran .dsq-stickybar{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
body.dsq-art-lock .dsq-art-modal{
  z-index:2147483600 !important;
}
body.dsq-art-lock .dsq-art-dialog{
  position:relative !important;
  z-index:2147483601 !important;
}

.dsq-art-modal[hidden]{display:none !important;}
.dsq-art-modal{position:fixed !important;inset:0 !important;z-index:2147483000 !important;padding:20px !important;background:rgba(3,8,18,.76) !important;backdrop-filter:blur(16px) !important;-webkit-backdrop-filter:blur(16px) !important;display:flex !important;align-items:center !important;justify-content:center !important;box-sizing:border-box !important;font-family:"Poppins",system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;}
.dsq-art-modal *{box-sizing:border-box !important;}
.dsq-art-dialog{width:min(1120px,calc(100vw - 28px)) !important;max-height:calc(100vh - 28px) !important;display:flex !important;flex-direction:column !important;overflow:hidden !important;border:1px solid var(--line,rgba(255,255,255,.16)) !important;border-radius:28px !important;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035)) !important;box-shadow:0 30px 90px rgba(0,0,0,.48) !important;color:var(--text,#f8fafc) !important;backdrop-filter:blur(18px) !important;-webkit-backdrop-filter:blur(18px) !important;}
.dsq-art-head{display:flex !important;align-items:flex-start !important;justify-content:space-between !important;gap:16px !important;padding:18px 20px !important;border-bottom:1px solid var(--line,rgba(255,255,255,.16)) !important;}
.dsq-art-head h3{margin:0 !important;font-size:22px !important;line-height:1.1 !important;color:var(--text,#f8fafc) !important;font-weight:950 !important;letter-spacing:-.03em !important;}
.dsq-art-head p{margin:7px 0 0 !important;color:var(--muted,rgba(248,250,252,.68)) !important;font-size:13px !important;line-height:1.55 !important;font-weight:700 !important;}
.dsq-art-close{width:42px !important;height:42px !important;border-radius:999px !important;border:1px solid rgba(255,255,255,.16) !important;background:rgba(255,255,255,.06) !important;color:var(--text,#f8fafc) !important;cursor:pointer !important;font-size:18px !important;font-weight:950 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;flex:0 0 auto !important;}
.dsq-art-body{display:grid !important;grid-template-columns:minmax(0,1fr) 320px !important;gap:18px !important;padding:18px !important;overflow:auto !important;}
.dsq-art-previewWrap{border:1px solid var(--line,rgba(255,255,255,.16)) !important;border-radius:24px !important;padding:16px !important;background:rgba(255,255,255,.04) !important;}
.dsq-art-previewBox{border:1px dashed rgba(255,255,255,.16) !important;border-radius:20px !important;min-height:320px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:rgba(4,12,20,.38) !important;overflow:hidden !important;}
.dsq-art-previewBox img{display:block !important;max-width:100% !important;max-height:72vh !important;width:auto !important;height:auto !important;border-radius:18px !important;box-shadow:0 24px 48px rgba(0,0,0,.34) !important;}
.dsq-art-side{display:flex !important;flex-direction:column !important;gap:14px !important;}
.dsq-art-panel{border:1px solid var(--line,rgba(255,255,255,.16)) !important;border-radius:18px !important;padding:14px !important;background:rgba(255,255,255,.04) !important;}
.dsq-art-label{display:block !important;font-size:12px !important;font-weight:950 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:var(--muted,rgba(248,250,252,.68)) !important;margin:0 0 10px !important;}
.dsq-art-chipRow{display:flex !important;flex-wrap:wrap !important;gap:8px !important;}
.dsq-art-chip{min-height:38px !important;padding:0 14px !important;border-radius:999px !important;border:1px solid rgba(255,255,255,.14) !important;background:rgba(255,255,255,.05) !important;color:var(--text,#f8fafc) !important;font-size:12px !important;font-weight:950 !important;cursor:pointer !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;}
.dsq-art-chip.is-active{border-color:transparent !important;background:linear-gradient(135deg,var(--accent,#37dcd2),var(--accent2,#2aa7a8)) !important;color:#04131a !important;box-shadow:0 18px 34px rgba(55,220,210,.18) !important;}
.dsq-art-meta{display:grid !important;gap:10px !important;font-size:13px !important;color:var(--muted,rgba(248,250,252,.68)) !important;}
.dsq-art-meta strong{display:block !important;color:var(--text,#f8fafc) !important;font-size:14px !important;margin-bottom:4px !important;}
.dsq-art-actions{display:flex !important;flex-wrap:wrap !important;gap:10px !important;padding:0 18px 18px !important;}
.dsq-art-btn{min-height:44px !important;padding:0 16px !important;border-radius:999px !important;border:1px solid rgba(255,255,255,.14) !important;background:rgba(255,255,255,.06) !important;color:var(--text,#f8fafc) !important;font-size:13px !important;font-weight:1000 !important;cursor:pointer !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;}
.dsq-art-btn.is-primary{border-color:transparent !important;background:linear-gradient(135deg,var(--accent,#37dcd2),var(--accent2,#2aa7a8)) !important;color:#04131a !important;box-shadow:0 18px 34px rgba(55,220,210,.18) !important;}
.dsq-art-status{font-size:12px !important;color:var(--muted,rgba(248,250,252,.68)) !important;padding:0 18px 18px !important;font-weight:700 !important;}
#ds-quran .dsq-mini.dsq-imagebtn{font-size:0 !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;}
#ds-quran .dsq-mini.dsq-imagebtn svg{width:17px !important;height:17px !important;display:block !important;}
@media(max-width:900px){.dsq-art-body{grid-template-columns:1fr !important}.dsq-art-previewBox img{max-height:52vh !important}}
@media(max-width:640px){.dsq-art-modal{padding:10px !important}.dsq-art-head{padding:14px !important}.dsq-art-body{padding:14px !important}.dsq-art-actions{padding:0 14px 14px !important}.dsq-art-status{padding:0 14px 14px !important}}



/* =========================================================
   DEENSTUDY QURAN – CLEAN BOX FINALFIX
   Entfernt die dunklen Kästen hinter Hero/Titel und macht Verskarten cleaner.
   Muss ganz am Ende stehen.
   ========================================================= */
html body #ds-quran.dsq-wrap,
html body #ds-quran.dsq-v2,
html body #ds-quran.dsq-v2.dsq-v3{
  background:
    radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--accent) 15%, transparent), transparent 34%),
    radial-gradient(circle at 94% 4%, color-mix(in srgb, var(--accent2) 10%, transparent), transparent 36%),
    linear-gradient(180deg, var(--bg), var(--bg2, var(--bg))) !important;
}

html body #ds-quran .dsq-app-hero,
html body #ds-quran.dsq-v2 .dsq-app-hero,
html body #ds-quran.dsq-v2.dsq-v3 .dsq-app-hero,
html body #ds-quran .dsq-hero-main,
html body #ds-quran.dsq-v2 .dsq-hero-main,
html body #ds-quran.dsq-v2.dsq-v3 .dsq-hero-main{
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  border-radius:0 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  overflow:visible !important;
}

html body #ds-quran .dsq-app-hero::before,
html body #ds-quran .dsq-app-hero::after,
html body #ds-quran .dsq-hero-main::before,
html body #ds-quran .dsq-hero-main::after{
  display:none !important;
  content:none !important;
}

html body #ds-quran .dsq-reader-card{
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 5%, transparent), transparent 54%),
    color-mix(in srgb, var(--card) 58%, transparent) !important;
  border-color:color-mix(in srgb, var(--accent) 24%, var(--line)) !important;
  box-shadow:0 22px 58px color-mix(in srgb, #000 18%, transparent) !important;
}

html body #ds-quran .dsq-reader-head,
html body #ds-quran .dsq-reader-main,
html body #ds-quran .dsq-body,
html body #ds-quran .dsq-list{
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

html body #ds-quran .dsq-ayah,
html body #ds-quran.dsq-v2 .dsq-ayah,
html body #ds-quran.dsq-v2.dsq-v3 .dsq-ayah{
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 4%, transparent), transparent 48%),
    color-mix(in srgb, var(--bg) 72%, var(--card) 28%) !important;
  border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line)) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] body #ds-quran .dsq-ayah,
html[data-theme="light"] body #ds-quran.dsq-v2 .dsq-ayah,
html[data-theme="light"] body #ds-quran.dsq-v2.dsq-v3 .dsq-ayah{
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 4%, transparent), transparent 48%),
    color-mix(in srgb, #ffffff 82%, var(--bg) 18%) !important;
  border-color:color-mix(in srgb, var(--accent) 24%, var(--line)) !important;
}

html body #ds-quran .dsq-ayah::before,
html body #ds-quran .dsq-ayah::after{
  display:none !important;
  content:none !important;
}

html body #ds-quran .dsq-ayah:hover{
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 52%),
    color-mix(in srgb, var(--bg) 66%, var(--card) 34%) !important;
  border-color:color-mix(in srgb, var(--accent) 42%, var(--line)) !important;
  box-shadow:0 14px 34px color-mix(in srgb, var(--accent) 8%, transparent) !important;
}

html[data-theme="light"] body #ds-quran .dsq-ayah:hover{
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 52%),
    color-mix(in srgb, #ffffff 88%, var(--bg) 12%) !important;
}

html body #ds-quran .dsq-ar,
html body #ds-quran .dsq-tr,
html body #ds-quran .dsq-tl,
html body #ds-quran .dsq-footnotes{
  background:transparent !important;
  background-image:none !important;
}

html body #ds-quran .dsq-quick-card{
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 6%, transparent), transparent 52%),
    color-mix(in srgb, var(--card) 58%, transparent) !important;
  box-shadow:none !important;
}

html body #ds-quran .dsq-control-panel{
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 5%, transparent), transparent 52%),
    color-mix(in srgb, var(--card) 54%, transparent) !important;
  box-shadow:none !important;
}



/* === Last Fix: Quran Einstellungen + Sticky-Offset === */
#ds-quran.dsq-wrap .dsq-ar,
#ds-quran.dsq-wrap .dsq-mushaf,
#ds-quran.dsq-wrap .dsq-page-basmala,
#ds-quran.dsq-wrap .dsq-basmala-ar,
#ds-quran.dsq-wrap .dsq-daily-ar,
#ds-quran.dsq-wrap .dsq-saved-item .ar{
  color:var(--arabic-color, var(--text)) !important;
  font-family:var(--arabic-font, "UthmanicHafs", "Amiri", "Noto Naskh Arabic", serif) !important;
}
#ds-quran.dsq-wrap .dsq-ar{
  font-size:clamp(22px, calc(var(--fs) * 1.48), 40px) !important;
}
#ds-quran.dsq-wrap .dsq-tr{
  font-size:var(--fs) !important;
}
#ds-quran.dsq-wrap .dsq-tl,
#ds-quran.dsq-wrap .dsq-footnotes{
  font-size:calc(var(--fs) - 1px) !important;
}
#ds-quran.dsq-wrap .dsq-basmala-ar{
  font-size:clamp(26px, calc(var(--fs) * 1.9), 48px) !important;
}
#ds-quran.dsq-wrap .dsq-mushaf{
  font-size:clamp(24px, calc(var(--fs) + 13px), 42px) !important;
}
#ds-quran.dsq-wrap .dsq-ayahmark,
#ds-quran.dsq-wrap .dsq-mushaf .dsq-ayahmark{
  color:var(--ayahmark-color, var(--accent)) !important;
}
#ds-quran.dsq-wrap .dsq-ayah,
#ds-quran.dsq-wrap .dsq-basmala,
#ds-quran.dsq-wrap .dsq-pagewrap,
#ds-quran.dsq-wrap .dsq-mushaf-shell,
#ds-quran.dsq-wrap .dsq-mushaf{
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 5%, transparent), transparent 46%),
    color-mix(in srgb, var(--quran-page-bg, var(--card)) 94%, transparent) !important;
}
body > .dsq-stickybar{
  z-index:2147483200 !important;
  pointer-events:auto !important;
}
body > .dsq-stickybar .dsq-stickybtn,
body > .dsq-settings-menu,
body > .dsq-settings-menu *{
  pointer-events:auto !important;
}

  

/* =========================================================
   DEENSTUDY QURAN – MOBILE LAYOUT + ART VIDEO FIX V1
   Ganz unten im Header-Style eingefügt
   ========================================================= */
@media (max-width: 820px){
  #ds-quran.dsq-wrap{
    padding-left:0 !important;
    padding-right:0 !important;
    overflow-x:hidden !important;
  }
  #ds-quran .dsq-container{
    width:100% !important;
    max-width:100% !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }
  #ds-quran .dsq-head{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    align-items:start !important;
  }
  #ds-quran .dsq-head-actions{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:10px !important;
    justify-content:stretch !important;
  }
  #ds-quran .dsq-head-actions > *,
  #ds-quran .dsq-head-actions .dsq-iconbtn,
  #ds-quran .dsq-head-actions .dsq-actionbtn,
  #ds-quran .dsq-head-actions .dsq-dropdown{
    width:100% !important;
    min-width:0 !important;
  }
  #ds-quran .dsq-head-actions .dsq-iconbtn,
  #ds-quran .dsq-head-actions .dsq-actionbtn{
    justify-content:center !important;
    min-height:44px !important;
  }
  #ds-quran .dsq-quick-grid,
  #ds-quran .dsq-controls,
  #ds-quran .dsq-row,
  #ds-quran .dsq-read-grid,
  #ds-quran .dsq-reader-layout{
    grid-template-columns:1fr !important;
  }
  #ds-quran .dsq-card,
  #ds-quran .dsq-panel,
  #ds-quran .dsq-reader,
  #ds-quran .dsq-ayah,
  #ds-quran .dsq-toolbar,
  #ds-quran .dsq-stepbox{
    border-radius:20px !important;
  }
  #ds-quran .dsq-title,
  #ds-quran .dsq-hero-title,
  #ds-quran h1{
    font-size:clamp(38px, 13vw, 58px) !important;
    line-height:.95 !important;
    letter-spacing:-.055em !important;
  }
  #ds-quran .dsq-sub,
  #ds-quran .dsq-hero-sub{
    max-width:100% !important;
    font-size:14px !important;
    line-height:1.65 !important;
  }
  #ds-quran .dsq-dropdown-menu{
    position:fixed !important;
    left:12px !important;
    right:12px !important;
    top:auto !important;
    bottom:calc(82px + env(safe-area-inset-bottom, 0px)) !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    max-height:min(54vh, 430px) !important;
    overflow:auto !important;
    z-index:2147483600 !important;
    border-radius:22px !important;
    box-shadow:0 24px 70px rgba(0,0,0,.42) !important;
  }
  #ds-quran #dsq-reciter-menu{
    max-height:min(48vh, 360px) !important;
  }
  #ds-quran .dsq-dropdown-item{
    min-height:46px !important;
    padding:11px 13px !important;
    border-radius:14px !important;
  }
  #ds-quran .dsq-dropdown-item.is-active{
    background:linear-gradient(135deg, var(--accent), var(--accent2)) !important;
    color:var(--on-accent, #fff) !important;
    border-color:transparent !important;
    box-shadow:0 12px 28px color-mix(in srgb, var(--accent) 26%, transparent) !important;
  }
  #ds-quran .dsq-dropdown-item.is-active .dsq-dd-sub{
    color:color-mix(in srgb, var(--on-accent, #fff) 76%, transparent) !important;
  }
  .dsq-player{
    left:10px !important;
    right:10px !important;
    bottom:10px !important;
    width:auto !important;
    border-radius:22px !important;
    padding:10px !important;
  }
  .dsq-player .dsq-player-inner,
  .dsq-player .dsq-player-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .dsq-player .dsq-player-controls{
    width:100% !important;
    justify-content:space-between !important;
  }
  .dsq-player input[type="range"]{
    width:100% !important;
  }
}
@media (max-width:520px){
  #ds-quran .dsq-head-actions{
    grid-template-columns:1fr !important;
  }
  #ds-quran .dsq-sura-card,
  #ds-quran .dsq-ayah{
    padding:14px !important;
  }
  #ds-quran .dsq-ar{
    font-size:clamp(26px, 9vw, 38px) !important;
    line-height:1.9 !important;
  }
  #ds-quran .dsq-mini,
  #ds-quran .dsq-iconbtn,
  #ds-quran .dsq-btn,
  #ds-quran .dsq-chip{
    min-height:42px !important;
  }
  .dsq-art-dialog{
    width:calc(100vw - 20px) !important;
    max-height:calc(100dvh - 20px) !important;
    border-radius:22px !important;
  }
  .dsq-art-body{
    grid-template-columns:1fr !important;
  }
  .dsq-art-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
}

  

/* DSQ performance + precise word-click patch */
#ds-quran .dsq-arword,
#ds-quran .dsq-mushaf-line .dsq-arword{
  transform:none !important;
  will-change:auto !important;
  transition:background-color .08s ease, color .08s ease, box-shadow .08s ease !important;
}
#ds-quran .dsq-arword:hover,
#ds-quran .dsq-arword:focus-visible,
#ds-quran .dsq-mushaf-line .dsq-arword:hover,
#ds-quran .dsq-mushaf-line .dsq-arword:focus-visible{
  transform:none !important;
  filter:none !important;
}
#ds-quran .dsq-arword[data-word-tip]:hover::after,
#ds-quran .dsq-arword[data-word-tip]:focus-visible::after{
  pointer-events:none !important;
  transform:translateX(-50%) translateZ(0) !important;
}
#ds-quran .dsq-list{
  content-visibility:auto;
  contain-intrinsic-size: 1200px;
}
#ds-quran .dsq-ayah{
  content-visibility:auto;
  contain-intrinsic-size: 220px;
}
@media (max-width: 900px){
  #ds-quran .dsq-card,
  #ds-quran .dsq-stickybar,
  .dsq-player{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  #ds-quran .dsq-iconbtn:hover,
  #ds-quran .dsq-btn:hover,
  #ds-quran .dsq-chip:hover,
  #ds-quran .dsq-mini:hover{
    transform:none !important;
    filter:none !important;
  }
}
@media (prefers-reduced-motion: reduce){
  #ds-quran *, .dsq-player *{
    transition:none !important;
    animation:none !important;
  }
}

  

/* Quran.com Word-by-word Tooltip */
#ds-quran .dsq-arword[data-word-tip]{
  -webkit-tap-highlight-color: transparent;
}
#ds-quran .dsq-arword[data-word-tip]:hover::after,
#ds-quran .dsq-arword[data-word-tip]:focus-visible::after{
  min-width: 90px;
  max-width: min(320px, 78vw) !important;
  white-space: normal !important;
  text-wrap: balance;
}



/* =========================================================
   DEENSTUDY QURAN – STICKY SURAH/AYAH SEARCH DROPDOWNS
   ========================================================= */
body > .dsq-stickybar{
  overflow:visible !important;
}
body > .dsq-stickybar .dsq-sticky-jump{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  flex:0 1 auto !important;
  min-width:0 !important;
}
body > .dsq-stickybar .dsq-sticky-dd{
  position:relative !important;
  min-width:0 !important;
  flex:0 1 auto !important;
}
body > .dsq-stickybar .dsq-sticky-select{
  min-width:104px !important;
  max-width:185px !important;
  justify-content:flex-start !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  padding:0 12px !important;
}
body > .dsq-stickybar .dsq-sticky-dd-ayah .dsq-sticky-select{
  min-width:72px !important;
  max-width:92px !important;
  justify-content:center !important;
}
body > .dsq-stickybar .dsq-sticky-menu{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  left:0 !important;
  right:auto !important;
  width:min(360px, calc(100vw - 28px)) !important;
  max-height:min(390px, calc(100vh - var(--ds-header-h, 72px) - 86px)) !important;
  overflow:auto !important;
  display:none !important;
  z-index:2147483400 !important;
  padding:8px !important;
  border-radius:16px !important;
  border:1px solid color-mix(in srgb, var(--accent) 34%, var(--line)) !important;
  background:color-mix(in srgb, var(--card) 96%, #020617) !important;
  color:var(--text) !important;
  box-shadow:0 24px 64px rgba(0,0,0,.48) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
body > .dsq-stickybar .dsq-sticky-dd-ayah .dsq-sticky-menu{
  width:min(210px, calc(100vw - 28px)) !important;
}
body > .dsq-stickybar .dsq-sticky-menu.open{
  display:block !important;
}
body > .dsq-stickybar .dsq-dropdown-direct{
  position:sticky !important;
  top:0 !important;
  z-index:2 !important;
  padding:0 0 7px !important;
  background:inherit !important;
}
body > .dsq-stickybar .dsq-dropdown-input{
  width:100% !important;
  min-height:36px !important;
  border-radius:12px !important;
  border:1px solid color-mix(in srgb, var(--accent) 30%, var(--line)) !important;
  background:color-mix(in srgb, var(--card) 92%, transparent) !important;
  color:var(--text) !important;
  padding:8px 10px !important;
  font-size:12px !important;
  font-weight:820 !important;
  outline:none !important;
}
body > .dsq-stickybar .dsq-dropdown-input:focus{
  border-color:color-mix(in srgb, var(--accent) 65%, var(--line)) !important;
  box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent) !important;
}
body > .dsq-stickybar .dsq-dropdown-item{
  border-radius:12px !important;
  padding:10px 10px !important;
  color:var(--text) !important;
  font-size:12.5px !important;
  font-weight:840 !important;
  cursor:pointer !important;
}
body > .dsq-stickybar .dsq-dropdown-item:hover,
body > .dsq-stickybar .dsq-dropdown-item.is-direct-preview{
  background:color-mix(in srgb, var(--accent) 14%, transparent) !important;
}
body > .dsq-stickybar .dsq-dropdown-item.is-active{
  background:linear-gradient(135deg, var(--accent), var(--accent2)) !important;
  color:#fff !important;
}
html[data-theme="light"] body > .dsq-stickybar .dsq-sticky-menu,
html[data-theme="light"] body > .dsq-stickybar .dsq-dropdown-input{
  background:color-mix(in srgb, var(--card) 98%, white) !important;
  color:var(--text) !important;
}
@media(max-width:900px){
  body > .dsq-stickybar{
    gap:5px !important;
  }
  body > .dsq-stickybar .dsq-sticky-title{
    display:none !important;
  }
  body > .dsq-stickybar .dsq-sticky-select{
    min-width:92px !important;
    max-width:135px !important;
  }
  body > .dsq-stickybar .dsq-sticky-dd-ayah .dsq-sticky-select{
    min-width:64px !important;
    max-width:78px !important;
  }
}
@media(max-width:640px){
  body > .dsq-stickybar{
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:center !important;
    padding:6px !important;
  }
  body > .dsq-stickybar #dsq-sticky-suwar{
    min-width:62px !important;
  }
  body > .dsq-stickybar .dsq-sticky-jump{
    order:2 !important;
    width:100% !important;
    justify-content:center !important;
  }
  body > .dsq-stickybar .dsq-sticky-actions{
    order:1 !important;
  }
  body > .dsq-stickybar .dsq-sticky-select{
    min-width:132px !important;
    max-width:calc(100vw - 126px) !important;
  }
  body > .dsq-stickybar .dsq-sticky-dd-ayah .dsq-sticky-select{
    min-width:76px !important;
    max-width:86px !important;
  }
  body > .dsq-stickybar .dsq-sticky-menu{
    left:50% !important;
    transform:translateX(-50%) !important;
    max-height:min(330px, calc(100vh - var(--ds-header-h, 64px) - 122px)) !important;
  }
}


/* DSQ exact-jump + sticky search final fix */
#ds-quran .dsq-sticky-filter-wrap{
  min-width:min(260px, 24vw);
  flex:0 1 300px;
  position:relative;
}
#ds-quran .dsq-sticky-filter{
  width:100%;
  height:38px;
  border-radius:999px;
  border:1px solid var(--line);
  background:color-mix(in srgb, var(--card2) 76%, transparent);
  color:var(--text);
  padding:0 14px;
  outline:none;
  font:700 13px/1.2 Poppins, system-ui, sans-serif;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
#ds-quran .dsq-sticky-filter:focus{
  border-color:color-mix(in srgb, var(--accent) 58%, var(--line));
  box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 17%, transparent);
}
#ds-quran .dsq-ayah.is-jump-target{
  outline:2px solid color-mix(in srgb, var(--accent) 70%, transparent);
  outline-offset:4px;
  box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 12%, transparent), var(--shadow) !important;
}
#ds-quran .dsq-arword.is-page-jump-target{
  background:color-mix(in srgb, var(--accent) 20%, transparent);
  border-radius:.35em;
}
@media (max-width: 900px){
  #ds-quran .dsq-sticky-filter-wrap{
    order:5;
    flex-basis:100%;
    min-width:100%;
  }
  #ds-quran .dsq-sticky-filter{height:36px;}
}



/* =========================================================
   DSQ FINAL FIX – Sticky-Suche sauber integriert + Vorschläge
   ========================================================= */
body > .dsq-stickybar .dsq-sticky-filter-wrap{
  position:relative !important;
  flex:1 1 300px !important;
  min-width:220px !important;
  max-width:380px !important;
  margin:0 2px !important;
}
body > .dsq-stickybar .dsq-sticky-filter-wrap:before{
  content:"⌕";
  position:absolute;
  left:13px;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
  color:color-mix(in srgb, var(--accent) 78%, var(--muted));
  font-size:14px;
  font-weight:900;
  pointer-events:none;
  opacity:.9;
}
body > .dsq-stickybar .dsq-sticky-filter{
  width:100% !important;
  height:38px !important;
  min-height:38px !important;
  border-radius:15px !important;
  border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line)) !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 9%, transparent), transparent 44%),
    color-mix(in srgb, var(--card) 88%, #020617) !important;
  color:var(--text) !important;
  padding:0 14px 0 36px !important;
  outline:none !important;
  font:800 12.5px/1.2 Poppins, system-ui, sans-serif !important;
  letter-spacing:-.01em !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 10px 26px rgba(0,0,0,.10) !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}
body > .dsq-stickybar .dsq-sticky-filter::placeholder{
  color:color-mix(in srgb, var(--muted) 86%, transparent) !important;
  font-weight:750 !important;
}
body > .dsq-stickybar .dsq-sticky-filter:focus{
  border-color:color-mix(in srgb, var(--accent) 62%, var(--line)) !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 13%, transparent), transparent 48%),
    color-mix(in srgb, var(--card) 94%, #020617) !important;
  box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 15%, transparent), 0 14px 32px rgba(0,0,0,.18) !important;
}
body > .dsq-stickybar .dsq-sticky-filter::-webkit-search-cancel-button{
  filter:invert(1);
  opacity:.55;
}
body > .dsq-stickybar .dsq-sticky-filter-suggest{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:calc(100% + 8px) !important;
  z-index:2147483600 !important;
  display:none !important;
  max-height:min(340px, calc(100vh - var(--ds-header-h, 72px) - 100px)) !important;
  overflow:auto !important;
  padding:8px !important;
  border-radius:18px !important;
  border:1px solid color-mix(in srgb, var(--accent) 34%, var(--line)) !important;
  background:
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 34%),
    color-mix(in srgb, var(--card) 96%, #020617) !important;
  color:var(--text) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.42) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
body > .dsq-stickybar .dsq-sticky-filter-suggest.open{
  display:grid !important;
  gap:6px !important;
}
body > .dsq-stickybar .dsq-filter-suggest-item{
  appearance:none !important;
  width:100% !important;
  display:grid !important;
  gap:3px !important;
  text-align:left !important;
  border:1px solid transparent !important;
  border-radius:13px !important;
  background:transparent !important;
  color:var(--text) !important;
  padding:10px 11px !important;
  cursor:pointer !important;
}
body > .dsq-stickybar .dsq-filter-suggest-main{
  font-size:12.8px !important;
  font-weight:950 !important;
  line-height:1.25 !important;
}
body > .dsq-stickybar .dsq-filter-suggest-sub{
  color:var(--muted) !important;
  font-size:11.4px !important;
  font-weight:780 !important;
  line-height:1.25 !important;
}
body > .dsq-stickybar .dsq-filter-suggest-item:hover,
body > .dsq-stickybar .dsq-filter-suggest-item.is-active{
  border-color:color-mix(in srgb, var(--accent) 48%, var(--line)) !important;
  background:color-mix(in srgb, var(--accent) 13%, var(--card)) !important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb, #fff 6%, transparent) !important;
}
html[data-theme="light"] body > .dsq-stickybar .dsq-sticky-filter{
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 44%),
    rgba(255,255,255,.88) !important;
  color:#07111f !important;
  border-color:rgba(13,148,136,.20) !important;
}
html[data-theme="light"] body > .dsq-stickybar .dsq-sticky-filter-suggest{
  background:rgba(255,255,255,.96) !important;
  color:#07111f !important;
  box-shadow:0 20px 52px rgba(15,23,42,.14) !important;
}
html[data-theme="light"] body > .dsq-stickybar .dsq-sticky-filter::-webkit-search-cancel-button{
  filter:none;
}
@media(max-width:900px){
  body > .dsq-stickybar .dsq-sticky-filter-wrap{
    order:5 !important;
    flex:1 1 100% !important;
    min-width:100% !important;
    max-width:100% !important;
  }
  body > .dsq-stickybar .dsq-sticky-filter{height:36px !important;min-height:36px !important;}
}


/* DSQ Performance Patch: weniger Repaint/Lag bei langen Suren */
#ds-quran .dsq-ayah{
  content-visibility:auto;
  contain-intrinsic-size: 300px;
  contain: layout style paint;
}
#ds-quran .dsq-list,
#ds-quran .dsq-pagewrap,
#ds-quran .dsq-mushaf-shell{
  contain: layout paint;
}
#ds-quran .dsq-filter-suggest,
body > .dsq-stickybar .dsq-sticky-filter-suggest,
#ds-quran .dsq-dropdown-menu,
body > .dsq-stickybar .dsq-dropdown-menu{
  contain: layout paint;
}
@media (max-width: 760px), (prefers-reduced-transparency: reduce){
  #ds-quran .dsq-card,
  #ds-quran .dsq-panel,
  #ds-quran .dsq-dropdown-menu,
  #ds-quran .dsq-filter-suggest,
  body > .dsq-stickybar,
  body > .dsq-stickybar .dsq-dropdown-menu,
  body > .dsq-stickybar .dsq-sticky-filter-suggest{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
}

/* === DSQ PLAYER FROM OLD GOOD VERSION (transplanted) === */
.dsq-player-expanded{
  position:fixed;inset:0;z-index:2147482500;display:none;
  align-items:stretch;justify-content:center;pointer-events:none;
  padding:clamp(12px,2vw,28px);
}
.dsq-player-expanded.is-open{display:flex;pointer-events:auto}
.dsq-player-expanded:before{
  content:"";position:fixed;inset:0;
  background:
    radial-gradient(circle at 50% 12%, color-mix(in srgb,var(--accent,#37dcd2) 16%, transparent), transparent 34%),
    radial-gradient(circle at 12% 88%, rgba(255,77,103,.16), transparent 38%),
    rgba(2,6,23,.82);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  opacity:0;transition:opacity .2s ease;
}
.dsq-player-expanded.is-open:before{opacity:1}
.dsq-player-sheet{
  position:relative;width:100%;height:100%;overflow:hidden;
  border:1px solid color-mix(in srgb,var(--accent,#37dcd2) 28%,rgba(255,255,255,.14));
  border-radius:clamp(18px,2.3vw,34px);
  background:
    linear-gradient(180deg,rgba(7,13,23,.94),rgba(3,7,12,.98)),
    radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent,#37dcd2) 14%,transparent),transparent 36%);
  box-shadow:0 35px 120px rgba(0,0,0,.62);
  padding:clamp(14px,2.1vw,30px);
  display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(12px,1.5vw,18px);
  color:#fff;transform:scale(.985);opacity:0;transition:transform .2s ease,opacity .2s ease;
}
.dsq-player-expanded.is-open .dsq-player-sheet{transform:scale(1);opacity:1}
html[data-theme="light"] .dsq-player-sheet{
  background:linear-gradient(180deg,rgba(248,253,253,.96),rgba(236,247,247,.98));
  color:#13202c;box-shadow:0 35px 120px rgba(15,23,42,.22);
}
.dsq-player-sheet-top{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  width:min(100%,1550px);margin:0 auto;
}
.dsq-player-kicker{font-size:11px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--accent,#37dcd2) 88%,#fff)}
.dsq-player-title{margin-top:4px;font-size:clamp(16px,1.6vw,24px);font-weight:950;letter-spacing:-.02em}
.dsq-player-sheet-actions{display:flex;gap:10px;align-items:center}
.dsq-player-sheet-actions .dsq-pbtn{min-width:46px;min-height:46px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
html[data-theme="light"] .dsq-player-sheet-actions .dsq-pbtn{background:rgba(255,255,255,.72);border-color:rgba(15,23,42,.12);color:#101827}
.dsq-player-art{
  position:relative;align-self:center;justify-self:center;
  height:min(68vh, 760px);
  width:auto;max-width:100%;
  aspect-ratio:16/9;min-height:0;
  border-radius:clamp(22px,2.4vw,38px);overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(135deg,rgba(11,31,48,.96),rgba(4,9,17,.98));
  padding:clamp(24px,4vw,72px);display:grid;place-items:center;text-align:center;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 24px 70px rgba(0,0,0,.36);
}
html[data-theme="light"] .dsq-player-art{border-color:rgba(15,23,42,.12);background:linear-gradient(135deg,rgba(234,247,247,.98),rgba(255,255,255,.96));box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 24px 70px rgba(15,23,42,.13)}
.dsq-player-art:before{
  content:"";position:absolute;inset:0;
  background:
    repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 1px,transparent 1px 15px),
    radial-gradient(circle at 50% 12%,color-mix(in srgb,var(--accent,#37dcd2) 22%,transparent),transparent 35%),
    radial-gradient(circle at 10% 100%,rgba(255,77,103,.14),transparent 40%);
  pointer-events:none;
}
.dsq-player-corners:before,.dsq-player-corners:after{content:"";position:absolute;width:clamp(46px,5vw,84px);height:clamp(46px,5vw,84px);border-color:rgba(255,255,255,.25);border-style:solid;pointer-events:none}
.dsq-player-corners:before{left:clamp(22px,3vw,44px);top:clamp(22px,3vw,44px);border-width:2px 0 0 2px}.dsq-player-corners:after{right:clamp(22px,3vw,44px);bottom:clamp(22px,3vw,44px);border-width:0 2px 2px 0}
html[data-theme="light"] .dsq-player-corners:before,html[data-theme="light"] .dsq-player-corners:after{border-color:rgba(15,23,42,.20)}
.dsq-player-versecard{position:relative;z-index:1;width:min(100%,1120px);display:grid;gap:clamp(10px,1.3vw,20px);place-items:center}
.dsq-player-surah-pill{justify-self:center;min-width:min(330px,88%);max-width:100%;padding:clamp(9px,1vw,13px) clamp(20px,2.5vw,36px);border-radius:999px;background:linear-gradient(135deg,var(--accent,#37dcd2),color-mix(in srgb,var(--accent,#37dcd2) 72%,#fff));color:#06131c;border:2px solid rgba(255,255,255,.72);box-shadow:0 14px 30px rgba(0,0,0,.22);font-weight:950;font-size:clamp(13px,1.25vw,18px)}
.dsq-player-refbig{font-size:clamp(30px,4.6vw,74px);line-height:1.02;font-weight:950;letter-spacing:-.045em;text-wrap:balance}
.dsq-player-arbig{direction:rtl;font-family:var(--dsq-ar-font,"UthmanicHafs","Amiri",serif);font-size:clamp(34px,5.1vw,86px);line-height:1.55;color:#f8fbff;text-shadow:0 0 20px rgba(255,255,255,.20);text-wrap:balance}
html[data-theme="light"] .dsq-player-arbig{color:#111827;text-shadow:none}
.dsq-player-source{font-size:clamp(11px,1vw,14px);font-weight:900;color:color-mix(in srgb,var(--accent,#37dcd2) 88%,#fff);text-align:left;width:min(100%,760px);margin:0 auto -8px}
.dsq-player-trbox{margin:0 auto;width:min(100%,760px);padding:clamp(14px,1.5vw,22px) clamp(16px,2vw,26px);border-radius:20px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.075);font-size:clamp(16px,1.7vw,28px);font-weight:850;line-height:1.32;text-align:left;text-wrap:balance}
html[data-theme="light"] .dsq-player-trbox{background:rgba(255,255,255,.72);border-color:rgba(15,23,42,.12);color:#111827}
.dsq-player-logo{height:clamp(26px,2.7vw,42px);width:auto;margin:clamp(18px,2.2vw,42px) auto 0;display:block;opacity:.92}
.dsq-player-controls2{
  width:min(100%,1550px);margin:0 auto;
  display:grid;grid-template-columns:minmax(240px,auto) minmax(280px,1fr) minmax(260px,420px);gap:14px;align-items:center;
  padding:14px;border-radius:28px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.065);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
html[data-theme="light"] .dsq-player-controls2{background:rgba(255,255,255,.70);border-color:rgba(15,23,42,.11)}
.dsq-player-controls-row{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:nowrap}
.dsq-player-controls-row .dsq-pbtn{min-width:52px;min-height:52px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.06));box-shadow:0 12px 28px rgba(0,0,0,.18);font-size:18px;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}
.dsq-player-controls-row .dsq-pbtn:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 16px 36px rgba(0,0,0,.22)}
.dsq-player-controls-row .dsq-pbtn-primary{min-width:66px;min-height:66px;border:0;background:linear-gradient(135deg,var(--accent,#37dcd2),var(--accent2,#ff4d67));color:#06131c;font-weight:950;box-shadow:0 18px 42px color-mix(in srgb,var(--accent2,#ff4d67) 28%,rgba(0,0,0,.35))}
html[data-theme="light"] .dsq-player-controls-row .dsq-pbtn{background:#fff;border-color:rgba(15,23,42,.11);color:#101827}.dsq-player-seekbig{display:grid;gap:8px}.dsq-player-seekbig .dsq-time{justify-self:end;font-weight:850;opacity:.86}.dsq-player-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dsq-player-option{border:1px solid rgba(255,255,255,.11);border-radius:20px;padding:10px 12px;background:rgba(255,255,255,.06)}
html[data-theme="light"] .dsq-player-option{border-color:rgba(15,23,42,.10);background:rgba(255,255,255,.68)}
.dsq-player-option label,.dsq-player-toggle span{display:block;font-size:10.5px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;color:var(--muted,rgba(255,255,255,.68));margin-bottom:6px}.dsq-player-option select{width:100%;min-height:42px;border-radius:15px;border:1px solid rgba(255,255,255,.14);background:rgba(2,6,23,.66);color:#fff;padding:0 10px;font-weight:850;outline:none}html[data-theme="light"] .dsq-player-option select{background:#fff;color:#111827;border-color:rgba(15,23,42,.12)}.dsq-player-toggle button{width:100%;min-height:42px;border-radius:15px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:inherit;font-weight:950;cursor:pointer;transition:.16s ease}html[data-theme="light"] .dsq-player-toggle button{background:#fff;border-color:rgba(15,23,42,.12);color:#111827}.dsq-player-toggle button.is-on{background:linear-gradient(135deg,var(--accent,#37dcd2),var(--accent2,#ff4d67));color:#071019;border-color:transparent}.dsq-ayah.is-playing-audio{outline:2px solid color-mix(in srgb,var(--accent,#37dcd2) 65%,transparent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent,#37dcd2) 13%,transparent)}
@media(max-width:980px){.dsq-player-expanded{padding:8px}.dsq-player-sheet{border-radius:24px;padding:12px;grid-template-rows:auto minmax(0,1fr) auto}.dsq-player-art{height:min(56vh, calc(100vh - 300px));width:auto;max-width:100%;padding:20px;border-radius:24px}.dsq-player-controls2{grid-template-columns:1fr;gap:10px}.dsq-player-options{grid-template-columns:1fr 1fr}.dsq-player-refbig{font-size:clamp(22px,8vw,46px)}.dsq-player-arbig{font-size:clamp(28px,9vw,54px)}}
@media(max-width:560px){.dsq-player-options{grid-template-columns:1fr}.dsq-player-controls-row{justify-content:space-between}.dsq-player-controls-row .dsq-pbtn{min-width:46px;min-height:46px}.dsq-player-controls-row .dsq-pbtn-primary{min-width:58px;min-height:58px}.dsq-player-art{height:min(48vh, calc(100vh - 365px));width:auto;max-width:100%}}


/* === FINAL FIX: polished mini player + true fullscreen 16:9 expanded player === */
#dsq-player.dsq-player{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:max(12px, env(safe-area-inset-bottom, 0px))!important;
  transform:translateX(-50%)!important;
  width:min(1180px, calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  z-index:2147483000!important;
  display:none!important;
  grid-template-columns:minmax(180px, 330px) minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  padding:12px 14px!important;
  border:1px solid color-mix(in srgb,var(--accent,#37dcd2) 28%,rgba(255,255,255,.12))!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,rgba(8,18,31,.92),rgba(4,10,19,.96))!important;
  box-shadow:0 26px 80px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,255,255,.035)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
  overflow:visible!important;
  color:#f8fbff!important;
}
html[data-theme="light"] #dsq-player.dsq-player{
  background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(245,252,252,.96))!important;
  border-color:rgba(15,23,42,.12)!important;
  box-shadow:0 20px 70px rgba(15,23,42,.18), inset 0 0 0 1px rgba(255,255,255,.70)!important;
  color:#111827!important;
}
#dsq-player.dsq-player[aria-hidden="false"]{display:grid!important}
#dsq-player .dsq-player-top{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;margin:0!important;flex:none!important}
#dsq-player .dsq-now{font-size:12px!important;font-weight:950!important;letter-spacing:-.01em!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:inherit!important;opacity:.94!important;padding:0!important}
#dsq-player .dsq-pmorewrap{flex:0 0 auto!important}
#dsq-player .dsq-player-mid{display:grid!important;grid-template-columns:auto minmax(160px,1fr) minmax(130px,210px)!important;gap:12px!important;align-items:center!important;min-width:0!important;max-width:none!important;margin:0!important;flex:none!important;width:100%!important}
#dsq-player .dsq-pcontrols{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:max-content!important}
#dsq-player .dsq-seekwrap{display:grid!important;gap:6px!important;min-width:0!important;width:100%!important}
#dsq-player .dsq-time{font-size:11px!important;font-weight:900!important;opacity:.82!important;text-align:right!important;color:inherit!important}
#dsq-player .dsq-volwrap{display:grid!important;grid-template-columns:auto minmax(74px,1fr)!important;gap:8px!important;align-items:center!important;min-width:0!important;color:inherit!important}
#dsq-player .dsq-vlabel{font-size:10px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.08em!important;opacity:.70!important;white-space:nowrap!important}
#dsq-player .dsq-pbtn{
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:999px!important;border:1px solid rgba(255,255,255,.13)!important;
  background:rgba(255,255,255,.075)!important;color:inherit!important;
  box-shadow:none!important;padding:0!important;font-size:15px!important;font-weight:950!important;
}
html[data-theme="light"] #dsq-player .dsq-pbtn{background:#fff!important;border-color:rgba(15,23,42,.12)!important;color:#111827!important}
#dsq-player .dsq-pbtn svg{width:18px!important;height:18px!important;display:block!important}
#dsq-player .dsq-pbtn-primary{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;border:0!important;background:linear-gradient(135deg,var(--accent,#37dcd2),var(--accent2,#ff4d67))!important;color:#06131c!important;box-shadow:0 14px 34px color-mix(in srgb,var(--accent,#37dcd2) 25%,rgba(0,0,0,.38))!important}
#dsq-player .dsq-pbtn-expand{
  width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;
  background:linear-gradient(135deg,var(--accent,#37dcd2),color-mix(in srgb,var(--accent,#37dcd2) 74%,#fff))!important;
  color:#06131c!important;border:0!important;font-size:0!important;
  box-shadow:0 16px 38px color-mix(in srgb,var(--accent,#37dcd2) 30%,rgba(0,0,0,.42))!important;
}
#dsq-player .dsq-pbtn-expand::before{content:"⤢";font-size:21px;line-height:1;font-weight:950;color:#06131c;display:block;transform:translateY(-1px)}
#dsq-player .dsq-pbtn-expand:hover{filter:brightness(1.08);transform:translateY(-1px)}
#dsq-player .dsq-range{accent-color:var(--accent,#37dcd2)!important}
#dsq-player .dsq-seekwrap input[type="range"],#dsq-player .dsq-volwrap input[type="range"]{width:100%!important;min-width:0!important}

body.dsq-expanded-player-open{overflow:hidden!important}
body.dsq-expanded-player-open #dsq-player.dsq-player{
  inset:0!important;left:0!important;right:0!important;bottom:auto!important;top:0!important;transform:none!important;
  width:100vw!important;max-width:none!important;height:100vh!important;
  padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  display:block!important;pointer-events:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body.dsq-expanded-player-open #dsq-player > .dsq-player-top,
body.dsq-expanded-player-open #dsq-player > .dsq-player-mid{display:none!important}
body.dsq-expanded-player-open #dsq-player .dsq-player-expanded{pointer-events:auto!important}
#dsq-player .dsq-player-expanded{
  position:fixed!important;inset:0!important;z-index:2147483500!important;padding:0!important;
  align-items:stretch!important;justify-content:center!important;background:transparent!important;
}
#dsq-player .dsq-player-expanded::before{
  background:
    radial-gradient(circle at 50% 0%, color-mix(in srgb,var(--accent,#37dcd2) 18%, transparent), transparent 32%),
    radial-gradient(circle at 0% 100%, rgba(255,77,103,.15), transparent 38%),
    rgba(1,6,13,.94)!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
}
#dsq-player .dsq-player-sheet{
  width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;
  border-radius:0!important;border:0!important;
  padding:clamp(14px,2vw,28px) clamp(16px,3vw,54px) calc(clamp(14px,2vw,28px) + env(safe-area-inset-bottom,0px))!important;
  display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;gap:clamp(12px,1.5vw,20px)!important;
  background:linear-gradient(180deg,rgba(3,10,20,.98),rgba(1,5,11,.995))!important;
  color:#f8fbff!important;box-shadow:none!important;overflow:hidden!important;
}
html[data-theme="light"] #dsq-player .dsq-player-sheet{background:linear-gradient(180deg,#f6fbff,#edf8f8)!important;color:#101827!important}
#dsq-player .dsq-player-sheet-top{width:100%!important;max-width:1680px!important;margin:0 auto!important;min-height:52px!important}
#dsq-player .dsq-player-kicker{font-size:11px!important;font-weight:950!important;letter-spacing:.16em!important;color:color-mix(in srgb,var(--accent,#37dcd2) 86%,#fff)!important}
#dsq-player .dsq-player-title{font-size:clamp(18px,1.55vw,27px)!important;font-weight:950!important;letter-spacing:-.025em!important}
#dsq-player .dsq-player-sheet-actions{display:flex!important;align-items:center!important;gap:10px!important}
#dsq-player .dsq-player-sheet-actions .dsq-pbtn{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.14)!important;color:inherit!important;font-size:20px!important}
html[data-theme="light"] #dsq-player .dsq-player-sheet-actions .dsq-pbtn{background:#fff!important;border-color:rgba(15,23,42,.12)!important;color:#101827!important}
#dsq-player .dsq-player-art{
  align-self:center!important;justify-self:center!important;
  width:min(100%, 1680px)!important;height:auto!important;max-height:calc(100vh - 230px)!important;
  aspect-ratio:16/9!important;min-height:0!important;
  border-radius:clamp(18px,2vw,34px)!important;padding:clamp(24px,4.2vw,72px)!important;
  display:grid!important;place-items:center!important;overflow:hidden!important;
  background:
    linear-gradient(135deg,rgba(11,31,48,.96),rgba(4,9,17,.98)),
    radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent,#37dcd2) 18%,transparent),transparent 36%)!important;
  border:1px solid color-mix(in srgb,var(--accent,#37dcd2) 26%,rgba(255,255,255,.12))!important;
  box-shadow:0 30px 90px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.04)!important;
}
html[data-theme="light"] #dsq-player .dsq-player-art{background:linear-gradient(135deg,rgba(235,249,249,.98),rgba(255,255,255,.96))!important;border-color:rgba(15,23,42,.12)!important;box-shadow:0 25px 80px rgba(15,23,42,.13), inset 0 0 0 1px rgba(255,255,255,.7)!important}
#dsq-player .dsq-player-versecard{width:min(100%,1180px)!important;gap:clamp(9px,1.2vw,18px)!important}
#dsq-player .dsq-player-surah-pill{font-size:clamp(13px,1.05vw,18px)!important;padding:clamp(8px,.85vw,12px) clamp(20px,2.3vw,34px)!important}
#dsq-player .dsq-player-refbig{font-size:clamp(24px,3.2vw,58px)!important;line-height:1.04!important}
#dsq-player .dsq-player-arbig{font-size:clamp(30px,4.15vw,78px)!important;line-height:1.45!important;max-width:100%!important}
#dsq-player .dsq-player-source{width:min(100%,860px)!important;text-align:left!important;margin:2px auto -4px!important}
#dsq-player .dsq-player-trbox{width:min(100%,860px)!important;font-size:clamp(15px,1.38vw,25px)!important;line-height:1.34!important}
#dsq-player .dsq-player-logo{height:clamp(24px,2.1vw,38px)!important;margin:clamp(10px,1.4vw,24px) auto 0!important}
#dsq-player .dsq-player-controls2{
  width:100%!important;max-width:1680px!important;margin:0 auto!important;
  display:grid!important;grid-template-columns:minmax(230px,320px) minmax(280px,1fr) minmax(330px,460px)!important;gap:14px!important;align-items:center!important;
  padding:12px!important;border-radius:28px!important;border:1px solid rgba(255,255,255,.11)!important;
  background:rgba(255,255,255,.065)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
}
html[data-theme="light"] #dsq-player .dsq-player-controls2{background:rgba(255,255,255,.76)!important;border-color:rgba(15,23,42,.11)!important}
#dsq-player .dsq-player-controls-row{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}
#dsq-player .dsq-player-controls-row .dsq-pbtn{width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.13)!important;color:inherit!important;box-shadow:0 12px 28px rgba(0,0,0,.18)!important}
#dsq-player .dsq-player-controls-row .dsq-pbtn-primary{width:68px!important;height:68px!important;min-width:68px!important;min-height:68px!important;border:0!important;background:linear-gradient(135deg,var(--accent,#37dcd2),var(--accent2,#ff4d67))!important;color:#06131c!important}
#dsq-player .dsq-player-options{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
#dsq-player .dsq-player-option{border-radius:20px!important;background:rgba(255,255,255,.065)!important;border:1px solid rgba(255,255,255,.11)!important;padding:10px 12px!important}
#dsq-player .dsq-player-option label,#dsq-player .dsq-player-toggle span{font-size:10px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.08em!important;opacity:.72!important;margin:0 0 6px!important}
#dsq-player .dsq-player-option select,#dsq-player .dsq-player-toggle button{min-height:42px!important;border-radius:15px!important;font-weight:950!important}
@media(max-width:980px){
  #dsq-player.dsq-player[aria-hidden="false"]{grid-template-columns:1fr!important;width:calc(100vw - 16px)!important;padding:10px!important;border-radius:24px!important}
  #dsq-player .dsq-player-mid{grid-template-columns:auto minmax(110px,1fr)!important}
  #dsq-player .dsq-volwrap{display:none!important}
  #dsq-player .dsq-player-sheet{padding:10px!important;gap:10px!important}
  #dsq-player .dsq-player-art{width:100%!important;max-height:calc(100vh - 300px)!important;padding:clamp(16px,4vw,28px)!important;border-radius:22px!important}
  #dsq-player .dsq-player-controls2{grid-template-columns:1fr!important;border-radius:22px!important}
  #dsq-player .dsq-player-options{grid-template-columns:1fr 1fr!important}
}
@media(max-width:560px){
  #dsq-player .dsq-player-options{grid-template-columns:1fr!important}
  #dsq-player .dsq-player-art{max-height:calc(100vh - 365px)!important}
  #dsq-player .dsq-player-arbig{font-size:clamp(26px,8vw,46px)!important}
  #dsq-player .dsq-player-refbig{font-size:clamp(20px,6vw,34px)!important}
}


/* === FINAL IT TEAM PATCH: compact responsive 16:9 expanded player === */
body.dsq-expanded-player-open{overflow:hidden!important;overscroll-behavior:none!important}
body.dsq-expanded-player-open #dsq-player.dsq-player{display:block!important;pointer-events:none!important}
#dsq-player .dsq-player-expanded.is-open{
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:clamp(6px,1.1vw,14px)!important;
  box-sizing:border-box!important;
}
#dsq-player .dsq-player-sheet{
  width:100%!important;height:100%!important;max-width:100vw!important;max-height:100dvh!important;
  min-height:0!important;box-sizing:border-box!important;overflow:hidden!important;
  padding:clamp(8px,1.15vw,14px)!important;gap:clamp(6px,.85vw,10px)!important;
  display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;
  border-radius:clamp(18px,2vw,28px)!important;
}
#dsq-player .dsq-player-sheet-top{
  min-height:42px!important;max-height:48px!important;width:100%!important;max-width:100%!important;
  padding:0 clamp(2px,.8vw,8px)!important;box-sizing:border-box!important;flex:0 0 auto!important;
}
#dsq-player .dsq-player-kicker{font-size:10px!important;letter-spacing:.18em!important;opacity:.9!important}
#dsq-player .dsq-player-title{font-size:clamp(14px,1.22vw,20px)!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:min(70vw,920px)!important}
#dsq-player .dsq-player-sheet-actions{gap:8px!important;flex:0 0 auto!important}
#dsq-player #dsq-expanded-min{
  width:auto!important;min-width:118px!important;height:42px!important;min-height:42px!important;padding:0 14px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  border-radius:999px!important;background:linear-gradient(135deg,var(--accent,#37dcd2),var(--accent2,#ff4d67))!important;
  color:#06131c!important;border:0!important;font-size:12px!important;font-weight:950!important;letter-spacing:.01em!important;
  box-shadow:0 12px 28px color-mix(in srgb,var(--accent,#37dcd2) 22%,rgba(0,0,0,.35))!important;
}
#dsq-player #dsq-expanded-min .dsq-min-icon{font-size:18px!important;line-height:1!important;transform:translateY(-1px)!important}
#dsq-player #dsq-expanded-min .dsq-min-text{display:inline!important}
#dsq-player #dsq-expanded-close{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;font-size:18px!important}
#dsq-player .dsq-player-art{
  align-self:center!important;justify-self:center!important;
  width:min(calc(100vw - 40px), calc((100dvh - 172px) * 16 / 9), 1480px)!important;
  height:auto!important;max-height:calc(100dvh - 172px)!important;aspect-ratio:16/9!important;min-height:0!important;
  padding:clamp(16px,3.2vw,54px)!important;border-radius:clamp(18px,2vw,30px)!important;
  box-sizing:border-box!important;overflow:hidden!important;
}
#dsq-player .dsq-player-versecard{width:min(100%,1040px)!important;gap:clamp(6px,.95vw,14px)!important;min-height:0!important}
#dsq-player .dsq-player-surah-pill{min-width:min(290px,78%)!important;padding:clamp(7px,.72vw,10px) clamp(18px,2vw,30px)!important;font-size:clamp(12px,.95vw,16px)!important}
#dsq-player .dsq-player-refbig{font-size:clamp(22px,3.0vw,50px)!important;line-height:1.02!important;margin:0!important}
#dsq-player .dsq-player-arbig{font-size:clamp(26px,3.65vw,66px)!important;line-height:1.34!important;margin:0!important;max-height:38vh!important;overflow:hidden!important}
#dsq-player .dsq-player-source{font-size:clamp(10px,.82vw,12px)!important;width:min(100%,760px)!important;margin:0 auto -2px!important}
#dsq-player .dsq-player-trbox{width:min(100%,760px)!important;padding:clamp(10px,1vw,15px) clamp(12px,1.3vw,18px)!important;border-radius:16px!important;font-size:clamp(13px,1.18vw,20px)!important;line-height:1.25!important;max-height:18vh!important;overflow:auto!important;scrollbar-width:thin!important}
#dsq-player .dsq-player-logo{height:clamp(18px,1.65vw,30px)!important;margin:clamp(4px,.8vw,10px) auto 0!important}
#dsq-player .dsq-player-corners:before,#dsq-player .dsq-player-corners:after{width:clamp(38px,4vw,70px)!important;height:clamp(38px,4vw,70px)!important}
#dsq-player .dsq-player-controls2{
  width:100%!important;max-width:min(1480px, calc(100vw - 24px))!important;margin:0 auto!important;
  display:grid!important;grid-template-columns:minmax(190px,260px) minmax(220px,1fr) minmax(260px,390px)!important;
  gap:clamp(8px,1vw,12px)!important;align-items:center!important;
  padding:clamp(8px,.9vw,11px)!important;border-radius:22px!important;
  min-height:76px!important;max-height:112px!important;box-sizing:border-box!important;overflow:hidden!important;
}
#dsq-player .dsq-player-controls-row{gap:clamp(7px,.8vw,10px)!important;justify-content:flex-start!important}
#dsq-player .dsq-player-controls-row .dsq-pbtn{
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;
  font-size:15px!important;line-height:1!important;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease!important;
}
#dsq-player .dsq-player-controls-row .dsq-pbtn:hover{transform:translateY(-1px) scale(1.02)!important}
#dsq-player .dsq-player-controls-row .dsq-pbtn-primary{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;font-size:0!important;position:relative!important}
#dsq-player .dsq-player-seekbig{
  display:grid!important;grid-template-columns:1fr auto!important;grid-template-areas:"bar time"!important;align-items:center!important;gap:12px!important;
  padding:10px 12px!important;border-radius:18px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.09)!important;
  min-width:0!important;
}
html[data-theme="light"] #dsq-player .dsq-player-seekbig{background:rgba(255,255,255,.75)!important;border-color:rgba(15,23,42,.10)!important}
#dsq-player .dsq-player-seekbig .dsq-time{grid-area:time!important;justify-self:end!important;font-size:12px!important;font-weight:950!important;min-width:82px!important;text-align:right!important;opacity:.9!important;white-space:nowrap!important}
#dsq-player #dsq-expanded-seek{grid-area:bar!important;width:100%!important;min-width:0!important;height:12px!important;appearance:none!important;background:transparent!important;accent-color:var(--accent,#37dcd2)!important;cursor:pointer!important}
#dsq-player #dsq-expanded-seek::-webkit-slider-runnable-track{height:8px!important;border-radius:999px!important;background:linear-gradient(90deg,var(--accent,#37dcd2),var(--accent2,#ff4d67))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important}
#dsq-player #dsq-expanded-seek::-webkit-slider-thumb{appearance:none!important;width:20px!important;height:20px!important;border-radius:999px!important;background:#fff!important;margin-top:-6px!important;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent,#37dcd2) 18%,transparent),0 8px 18px rgba(0,0,0,.25)!important}
#dsq-player #dsq-expanded-seek::-moz-range-track{height:8px!important;border-radius:999px!important;background:linear-gradient(90deg,var(--accent,#37dcd2),var(--accent2,#ff4d67))!important}
#dsq-player #dsq-expanded-seek::-moz-range-thumb{width:20px!important;height:20px!important;border-radius:999px!important;background:#fff!important;border:0!important}
#dsq-player .dsq-player-options{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;min-width:0!important}
#dsq-player .dsq-player-option{padding:8px 10px!important;border-radius:16px!important;min-width:0!important;overflow:hidden!important}
#dsq-player .dsq-player-option label,#dsq-player .dsq-player-toggle span{font-size:9.5px!important;line-height:1!important;margin-bottom:5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#dsq-player .dsq-player-option select,#dsq-player .dsq-player-toggle button{min-height:36px!important;border-radius:12px!important;font-size:12px!important;padding:0 10px!important}
/* Mini player: modern visible seek + volume */
#dsq-player .dsq-seekwrap,#dsq-player .dsq-volwrap{min-width:0!important}
#dsq-player .dsq-seekwrap input[type="range"],#dsq-player .dsq-volwrap input[type="range"]{appearance:none!important;height:9px!important;background:transparent!important;cursor:pointer!important}
#dsq-player .dsq-seekwrap input[type="range"]::-webkit-slider-runnable-track,#dsq-player .dsq-volwrap input[type="range"]::-webkit-slider-runnable-track{height:6px!important;border-radius:999px!important;background:rgba(255,255,255,.22)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)!important}
#dsq-player .dsq-seekwrap input[type="range"]::-webkit-slider-thumb,#dsq-player .dsq-volwrap input[type="range"]::-webkit-slider-thumb{appearance:none!important;width:15px!important;height:15px!important;border-radius:999px!important;background:#fff!important;margin-top:-4.5px!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent,#37dcd2) 18%,transparent)!important}
@media (max-width:1180px){
  #dsq-player .dsq-player-controls2{grid-template-columns:minmax(178px,240px) minmax(220px,1fr)!important;max-height:150px!important}
  #dsq-player .dsq-player-options{grid-column:1 / -1!important;grid-template-columns:1fr 1fr!important}
  #dsq-player .dsq-player-art{width:min(calc(100vw - 32px), calc((100dvh - 228px) * 16 / 9))!important;max-height:calc(100dvh - 228px)!important}
}
@media (max-width:760px){
  #dsq-player .dsq-player-expanded.is-open{padding:6px!important}
  #dsq-player .dsq-player-sheet{border-radius:20px!important;padding:8px!important;gap:7px!important}
  #dsq-player .dsq-player-sheet-top{min-height:38px!important;max-height:42px!important}
  #dsq-player .dsq-player-kicker{display:none!important}
  #dsq-player .dsq-player-title{font-size:14px!important;max-width:54vw!important}
  #dsq-player #dsq-expanded-min{min-width:44px!important;width:44px!important;padding:0!important}
  #dsq-player #dsq-expanded-min .dsq-min-text{display:none!important}
  #dsq-player .dsq-player-art{width:min(calc(100vw - 22px), calc((100dvh - 246px) * 16 / 9))!important;max-height:calc(100dvh - 246px)!important;padding:clamp(12px,4vw,22px)!important;border-radius:18px!important}
  #dsq-player .dsq-player-refbig{font-size:clamp(18px,5.2vw,28px)!important}
  #dsq-player .dsq-player-arbig{font-size:clamp(24px,7.2vw,42px)!important;line-height:1.36!important;max-height:31vh!important}
  #dsq-player .dsq-player-trbox{font-size:clamp(12px,3.7vw,16px)!important;max-height:13vh!important;padding:9px 11px!important}
  #dsq-player .dsq-player-controls2{grid-template-columns:1fr!important;max-height:210px!important;min-height:0!important;border-radius:18px!important;gap:7px!important;padding:8px!important}
  #dsq-player .dsq-player-controls-row{justify-content:center!important;gap:8px!important}
  #dsq-player .dsq-player-controls-row .dsq-pbtn{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
  #dsq-player .dsq-player-controls-row .dsq-pbtn-primary{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important}
  #dsq-player .dsq-player-seekbig{grid-template-columns:1fr!important;grid-template-areas:"time" "bar"!important;gap:5px!important;padding:8px 10px!important}
  #dsq-player .dsq-player-seekbig .dsq-time{justify-self:center!important;min-width:0!important;text-align:center!important;font-size:11px!important}
  #dsq-player .dsq-player-options{grid-template-columns:1fr 1fr!important;gap:7px!important}
  #dsq-player .dsq-player-option{padding:7px 8px!important;border-radius:14px!important}
  #dsq-player .dsq-player-option select,#dsq-player .dsq-player-toggle button{min-height:34px!important;font-size:11px!important}
}
@media (max-width:430px){
  #dsq-player .dsq-player-art{width:calc(100vw - 18px)!important;max-height:calc(100dvh - 278px)!important}
  #dsq-player .dsq-player-options{grid-template-columns:1fr!important}
  #dsq-player .dsq-player-controls2{max-height:250px!important}
}


/* =========================================================
   FINAL FIX: Expanded Quran Player wirklich modal
   - Hintergrundseite nicht scrollbar
   - globaler Header + Quran-Stickybar unsichtbar
   ========================================================= */
html.dsq-expanded-player-open,
body.dsq-expanded-player-open{
  overflow:hidden !important;
  overscroll-behavior:none !important;
  touch-action:none !important;
}
body.dsq-expanded-player-open{
  position:fixed !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  height:100dvh !important;
}
body.dsq-expanded-player-open header,
body.dsq-expanded-player-open .ds-header,
body.dsq-expanded-player-open #ds-header,
body.dsq-expanded-player-open .site-header,
body.dsq-expanded-player-open .elementor-location-header,
body.dsq-expanded-player-open .elementor-location-header *,
body.dsq-expanded-player-open .ds-nav,
body.dsq-expanded-player-open .ds-topbar,
body.dsq-expanded-player-open .ds-menu,
body.dsq-expanded-player-open body > .dsq-stickybar,
body.dsq-expanded-player-open > .dsq-stickybar,
body.dsq-expanded-player-open #ds-quran .dsq-stickybar,
body.dsq-expanded-player-open .dsq-stickybar,
body.dsq-expanded-player-open body > .dsq-settings-menu,
body.dsq-expanded-player-open > .dsq-settings-menu{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
body.dsq-expanded-player-open #dsq-player,
body.dsq-expanded-player-open #dsq-player .dsq-player-expanded,
body.dsq-expanded-player-open #dsq-player .dsq-player-expanded.is-open{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
body.dsq-expanded-player-open #dsq-player .dsq-player-expanded.is-open{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483646 !important;
  display:flex !important;
  padding:clamp(6px,1.1vw,14px) !important;
}
body.dsq-expanded-player-open #dsq-player .dsq-player-sheet{
  max-height:100dvh !important;
}


/* === THEME + PLAYBACK FINAL: player follows DeenStudy palette === */
#dsq-player{
  --accent:var(--ds-accent,#37dcd2)!important;
  --accent2:var(--ds-accent2,#ff4d67)!important;
  --player-bg:var(--ds-bg,#07111f)!important;
  --player-text:var(--ds-text,#f8fafc)!important;
  --player-muted:var(--ds-muted,#a8b5c7)!important;
  --player-card:var(--ds-card,rgba(8,17,31,.86))!important;
  --player-card2:var(--ds-card2,rgba(11,22,38,.74))!important;
  --player-border:var(--ds-border,rgba(55,220,210,.22))!important;
}
#dsq-player .dsq-player-expanded.is-open{
  background:
    radial-gradient(circle at 16% 0%, color-mix(in srgb,var(--accent) 24%,transparent), transparent 34%),
    radial-gradient(circle at 88% 100%, color-mix(in srgb,var(--accent2) 18%,transparent), transparent 38%),
    color-mix(in srgb,var(--player-bg) 96%,#000 4%)!important;
}
#dsq-player .dsq-player-sheet{
  color:var(--player-text)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--player-card) 90%,transparent),color-mix(in srgb,var(--player-bg) 92%,#000 8%))!important;
  border-color:color-mix(in srgb,var(--accent) 30%,transparent)!important;
  box-shadow:0 34px 110px color-mix(in srgb,var(--accent) 10%,rgba(0,0,0,.50))!important;
}
#dsq-player .dsq-player-art{
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,transparent),transparent 34%),
    linear-gradient(180deg,color-mix(in srgb,var(--player-bg) 94%,#000 6%),color-mix(in srgb,var(--player-card2) 78%,#000 22%))!important;
  border-color:color-mix(in srgb,var(--accent) 34%,transparent)!important;
}
#dsq-player .dsq-player-controls2,
#dsq-player .dsq-player-seekbig,
#dsq-player .dsq-player-option{
  background:color-mix(in srgb,var(--player-card) 84%,transparent)!important;
  border-color:color-mix(in srgb,var(--accent) 20%,transparent)!important;
  color:var(--player-text)!important;
}
#dsq-player .dsq-player-trbox{
  background:color-mix(in srgb,var(--player-card2) 78%,transparent)!important;
  border-color:color-mix(in srgb,var(--accent) 24%,transparent)!important;
  color:var(--player-text)!important;
}
#dsq-player .dsq-player-source,
#dsq-player .dsq-player-option label,
#dsq-player .dsq-player-toggle span,
#dsq-player .dsq-time{color:var(--player-muted)!important}
#dsq-player .dsq-player-surah-pill,
#dsq-player #dsq-expanded-min,
#dsq-player .dsq-pbtn-primary{
  background:linear-gradient(135deg,var(--accent),var(--accent2))!important;
  color:color-mix(in srgb,var(--player-bg) 78%,#000 22%)!important;
}
#dsq-player .dsq-pbtn:not(.dsq-pbtn-primary),
#dsq-player .dsq-player-option select,
#dsq-player .dsq-player-toggle button{
  background:color-mix(in srgb,var(--player-card2) 78%,transparent)!important;
  border-color:color-mix(in srgb,var(--accent) 24%,transparent)!important;
  color:var(--player-text)!important;
}
#dsq-player #dsq-expanded-seek::-webkit-slider-runnable-track,
#dsq-player .dsq-seekwrap input[type="range"]::-webkit-slider-runnable-track,
#dsq-player .dsq-volwrap input[type="range"]::-webkit-slider-runnable-track{
  background:linear-gradient(90deg,var(--accent),var(--accent2))!important;
}
#dsq-player #dsq-expanded-seek,
#dsq-player .dsq-seekwrap input[type="range"],
#dsq-player .dsq-volwrap input[type="range"]{accent-color:var(--accent)!important}
html[data-theme="light"] #dsq-player .dsq-player-expanded.is-open{
  background:
    radial-gradient(circle at 18% 0%, color-mix(in srgb,var(--accent) 20%,transparent), transparent 35%),
    linear-gradient(180deg,color-mix(in srgb,var(--ds-bg,#f8fafc) 92%,#fff 8%),color-mix(in srgb,var(--ds-card,#fff) 72%,#eef7fb 28%))!important;
}
html[data-theme="light"] #dsq-player .dsq-player-sheet,
html[data-theme="light"] #dsq-player .dsq-player-controls2,
html[data-theme="light"] #dsq-player .dsq-player-seekbig,
html[data-theme="light"] #dsq-player .dsq-player-option{
  box-shadow:0 22px 80px rgba(15,23,42,.10)!important;
}


/* === STREAM/CINEMA MODE: Quran window only + hover controls === */
#dsq-player #dsq-expanded-cinema{
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:999px!important;font-size:18px!important;font-weight:950!important;
}
#dsq-player .dsq-cinema-min{
  display:none;position:fixed;top:clamp(10px,1.6vw,22px);right:clamp(10px,1.6vw,22px);z-index:2147483647;
  width:42px;height:42px;border:1px solid color-mix(in srgb,var(--accent,#37dcd2) 42%,rgba(255,255,255,.18));border-radius:999px;
  background:color-mix(in srgb,var(--card,#0b1524) 72%,transparent);color:var(--text,#fff);
  box-shadow:0 16px 38px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.08);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:24px;font-weight:950;line-height:1;cursor:pointer;
}
body.dsq-player-cinema-open #dsq-player .dsq-cinema-min{display:inline-flex!important;align-items:center!important;justify-content:center!important}
body.dsq-player-cinema-open #dsq-player .dsq-player-expanded.is-open{
  background:#000!important;padding:0!important;align-items:center!important;justify-content:center!important;
}
body.dsq-player-cinema-open #dsq-player .dsq-player-expanded.is-open::before{display:none!important}
body.dsq-player-cinema-open #dsq-player .dsq-player-sheet{
  width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;
  padding:0!important;border:0!important;border-radius:0!important;background:#000!important;box-shadow:none!important;
  display:grid!important;grid-template-rows:minmax(0,1fr)!important;place-items:center!important;overflow:hidden!important;
}
body.dsq-player-cinema-open #dsq-player .dsq-player-sheet-top{display:none!important}
body.dsq-player-cinema-open #dsq-player .dsq-player-art{
  width:min(100vw, calc(100dvh * 16 / 9))!important;
  height:min(100dvh, calc(100vw * 9 / 16))!important;
  max-width:100vw!important;max-height:100dvh!important;
  aspect-ratio:16/9!important;border-radius:0!important;border:0!important;margin:0!important;
  padding:clamp(24px,5vw,72px)!important;box-shadow:none!important;
}
body.dsq-player-cinema-open #dsq-player .dsq-player-art::before{opacity:.92!important}
body.dsq-player-cinema-open #dsq-player .dsq-player-versecard{
  width:min(88%,1120px)!important;max-height:88%!important;gap:clamp(7px,1vw,15px)!important;
}
body.dsq-player-cinema-open #dsq-player .dsq-player-surah-pill{font-size:clamp(12px,1.05vw,17px)!important}
body.dsq-player-cinema-open #dsq-player .dsq-player-refbig{font-size:clamp(28px,4.2vw,72px)!important}
body.dsq-player-cinema-open #dsq-player .dsq-player-arbig{font-size:clamp(34px,5.2vw,88px)!important;max-height:42vh!important}
body.dsq-player-cinema-open #dsq-player .dsq-player-trbox{
  width:min(100%,820px)!important;font-size:clamp(14px,1.45vw,24px)!important;max-height:20vh!important;
}
body.dsq-player-cinema-open #dsq-player .dsq-player-controls2{
  position:fixed!important;left:50%!important;bottom:clamp(10px,2vh,24px)!important;transform:translate(-50%,18px)!important;
  width:min(1120px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important;
  min-height:0!important;max-height:none!important;grid-template-columns:minmax(170px,230px) minmax(220px,1fr) minmax(230px,340px)!important;
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  transition:opacity .22s ease,visibility .22s ease,transform .22s ease!important;z-index:2147483646!important;
  background:color-mix(in srgb,var(--card,#0b1524) 76%,transparent)!important;
  backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;
}
body.dsq-player-cinema-open #dsq-player .dsq-player-expanded.is-ui-visible .dsq-player-controls2,
body.dsq-player-cinema-open #dsq-player .dsq-player-expanded:hover .dsq-player-controls2,
body.dsq-player-cinema-open #dsq-player .dsq-player-expanded:focus-within .dsq-player-controls2{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important;
}
body.dsq-player-cinema-open #dsq-player .dsq-player-expanded:not(.is-ui-visible):not(:hover):not(:focus-within){cursor:none!important}
body.dsq-player-cinema-open #dsq-player .dsq-player-expanded:not(.is-ui-visible):not(:hover):not(:focus-within) .dsq-cinema-min{opacity:.38!important}
body.dsq-player-cinema-open #dsq-player .dsq-player-expanded.is-ui-visible .dsq-cinema-min,
body.dsq-player-cinema-open #dsq-player .dsq-player-expanded:hover .dsq-cinema-min{opacity:1!important}
@media(max-width:900px){
  body.dsq-player-cinema-open #dsq-player .dsq-player-art{padding:clamp(14px,4vw,34px)!important}
  body.dsq-player-cinema-open #dsq-player .dsq-player-controls2{grid-template-columns:1fr!important;gap:8px!important;padding:8px!important}
  body.dsq-player-cinema-open #dsq-player .dsq-player-options{grid-template-columns:1fr 1fr!important}
}
@media(max-width:640px){
  body.dsq-player-cinema-open #dsq-player .dsq-player-art{width:100vw!important;height:min(100dvh,calc(100vw * 9 / 16))!important}
  body.dsq-player-cinema-open #dsq-player .dsq-player-refbig{font-size:clamp(22px,7vw,38px)!important}
  body.dsq-player-cinema-open #dsq-player .dsq-player-arbig{font-size:clamp(28px,8.5vw,50px)!important}
  body.dsq-player-cinema-open #dsq-player .dsq-player-trbox{font-size:clamp(12px,3.7vw,17px)!important}
  body.dsq-player-cinema-open #dsq-player .dsq-player-options{display:none!important}
}



/* === 2026-07 FINAL AESTHETIC FIT: responsive expanded/cinema player, no scrollbars === */
#dsq-player .dsq-player-expanded.is-open{
  --dsq-art-h-gap: clamp(118px, 17dvh, 176px);
  padding: clamp(4px,.75vw,10px) !important;
}
#dsq-player .dsq-player-sheet{
  grid-template-rows: auto minmax(0,1fr) auto !important;
  gap: clamp(6px,.75vw,10px) !important;
  padding: clamp(7px,1vw,13px) !important;
  overflow: hidden !important;
}
#dsq-player .dsq-player-sheet-top{
  min-height: 34px !important;
  max-height: 44px !important;
}
#dsq-player .dsq-player-title{font-size:clamp(13px,1.05vw,18px)!important;}
#dsq-player .dsq-player-art{
  width:min(calc(100vw - 22px), calc((100dvh - var(--dsq-art-h-gap)) * 16 / 9), 1420px) !important;
  height:auto !important;
  max-height:calc(100dvh - var(--dsq-art-h-gap)) !important;
  aspect-ratio:16/9 !important;
  padding:clamp(12px,2.45vw,40px) !important;
  border-radius:clamp(16px,1.65vw,26px) !important;
  overflow:hidden !important;
}
#dsq-player .dsq-player-versecard{
  width:min(100%,980px)!important;
  max-height:100%!important;
  min-height:0!important;
  gap:clamp(4px,.66vw,10px)!important;
  align-content:center!important;
}
#dsq-player .dsq-player-surah-pill{
  min-width:min(250px,72%)!important;
  padding:clamp(6px,.55vw,9px) clamp(15px,1.6vw,25px)!important;
  font-size:clamp(11px,.82vw,14px)!important;
}
#dsq-player .dsq-player-refbig{
  font-size:var(--dsq-ref-fit, clamp(20px,2.65vw,44px))!important;
  line-height:1.02!important;
  margin:0!important;
}
#dsq-player .dsq-player-arbig{
  font-size:var(--dsq-ar-fit, clamp(24px,3.35vw,58px))!important;
  line-height:1.23!important;
  max-height:none!important;
  overflow:visible!important;
  margin:0!important;
  text-wrap:balance!important;
}
#dsq-player .dsq-player-source{
  font-size:var(--dsq-source-fit, clamp(9px,.72vw,11px))!important;
  width:min(100%,680px)!important;
  margin:0 auto -1px!important;
}
#dsq-player .dsq-player-trbox{
  width:min(100%,680px)!important;
  padding:var(--dsq-tr-pad-fit, clamp(8px,.78vw,12px)) clamp(10px,1vw,15px)!important;
  border-radius:14px!important;
  font-size:var(--dsq-tr-fit, clamp(11px,.95vw,16px))!important;
  line-height:1.16!important;
  max-height:none!important;
  overflow:visible!important;
  scrollbar-width:none!important;
  text-wrap:balance!important;
}
#dsq-player .dsq-player-trbox::-webkit-scrollbar{display:none!important;}
#dsq-player .dsq-player-logo{
  height:var(--dsq-logo-fit, clamp(18px,1.32vw,26px))!important;
  margin:clamp(8px,1.1vh,16px) auto clamp(2px,.5vh,8px)!important;
  transform:translateY(-2px)!important;
}
#dsq-player .dsq-player-controls2{
  min-height:58px!important;
  max-height:94px!important;
  grid-template-columns:minmax(176px,236px) minmax(210px,1fr) minmax(230px,350px)!important;
  padding:clamp(6px,.7vw,9px)!important;
  gap:clamp(6px,.75vw,10px)!important;
  border-radius:18px!important;
}
#dsq-player .dsq-player-controls-row .dsq-pbtn{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;}
#dsq-player .dsq-player-controls-row .dsq-pbtn-primary{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;}
#dsq-player .dsq-player-seekbig{
  min-height:46px!important;
  padding:8px 10px!important;
  border-radius:16px!important;
  grid-template-columns:1fr auto!important;
}
#dsq-player .dsq-player-seekbig .dsq-time{font-size:11px!important;min-width:76px!important;}
#dsq-player #dsq-expanded-seek::-webkit-slider-runnable-track{height:7px!important;}
#dsq-player #dsq-expanded-seek::-webkit-slider-thumb{width:18px!important;height:18px!important;margin-top:-5.5px!important;}
#dsq-player .dsq-player-option{padding:7px 8px!important;border-radius:14px!important;}
#dsq-player .dsq-player-option select,#dsq-player .dsq-player-toggle button{min-height:32px!important;border-radius:11px!important;font-size:11px!important;}
body.dsq-player-cinema-open #dsq-player .dsq-player-sheet{grid-template-rows:minmax(0,1fr)!important;}
body.dsq-player-cinema-open #dsq-player .dsq-player-art{
  width:min(100vw, calc(100dvh * 16 / 9))!important;
  height:min(100dvh, calc(100vw * 9 / 16))!important;
  padding:clamp(22px,4.2vw,58px)!important;
}
body.dsq-player-cinema-open #dsq-player .dsq-player-versecard{width:min(88%,1060px)!important;gap:clamp(5px,.82vw,12px)!important;}
body.dsq-player-cinema-open #dsq-player .dsq-player-arbig{font-size:var(--dsq-ar-fit, clamp(30px,4.65vw,78px))!important;max-height:none!important;overflow:visible!important;}
body.dsq-player-cinema-open #dsq-player .dsq-player-trbox{font-size:var(--dsq-tr-fit, clamp(12px,1.18vw,20px))!important;max-height:none!important;overflow:visible!important;}
body.dsq-player-cinema-open #dsq-player .dsq-player-logo{
  margin-top:clamp(14px,2.2vh,30px)!important;
  margin-bottom:clamp(10px,1.8vh,22px)!important;
  transform:translateY(-8px)!important;
}
body.dsq-player-cinema-open #dsq-player .dsq-player-controls2{
  bottom:clamp(14px,2.3vh,28px)!important;
  min-height:58px!important;
  max-height:92px!important;
}
@media(max-width:1180px){
  #dsq-player .dsq-player-expanded.is-open{--dsq-art-h-gap: clamp(176px, 28dvh, 238px);}
  #dsq-player .dsq-player-controls2{grid-template-columns:minmax(168px,225px) minmax(200px,1fr)!important;max-height:138px!important;}
  #dsq-player .dsq-player-options{grid-column:1/-1!important;}
}
@media(max-width:760px){
  #dsq-player .dsq-player-expanded.is-open{--dsq-art-h-gap: clamp(220px, 39dvh, 310px); padding:5px!important;}
  #dsq-player .dsq-player-sheet{padding:7px!important;gap:6px!important;border-radius:18px!important;}
  #dsq-player .dsq-player-art{width:min(calc(100vw - 18px), calc((100dvh - var(--dsq-art-h-gap)) * 16 / 9))!important;padding:clamp(10px,3.4vw,19px)!important;}
  #dsq-player .dsq-player-controls2{grid-template-columns:1fr!important;max-height:200px!important;gap:6px!important;}
  #dsq-player .dsq-player-options{grid-template-columns:1fr 1fr!important;}
  #dsq-player .dsq-player-refbig{font-size:var(--dsq-ref-fit, clamp(16px,4.8vw,28px))!important;}
  #dsq-player .dsq-player-arbig{font-size:var(--dsq-ar-fit, clamp(20px,6.6vw,40px))!important;line-height:1.25!important;}
  #dsq-player .dsq-player-trbox{font-size:var(--dsq-tr-fit, clamp(10px,3.2vw,15px))!important;line-height:1.15!important;}
}
@media(max-width:440px){
  #dsq-player .dsq-player-expanded.is-open{--dsq-art-h-gap: clamp(245px, 44dvh, 330px);}
  #dsq-player .dsq-player-options{display:none!important;}
  #dsq-player .dsq-player-controls2{max-height:148px!important;}
  #dsq-player .dsq-player-controls-row{justify-content:center!important;}
}


/* === LAST PLAYER FIX: visible expand button, no translation-source label, expanded volume === */
#dsq-player .dsq-player-source{display:none!important;}
#dsq-player .dsq-pbtn-expand{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  min-width:96px!important;width:auto!important;height:44px!important;padding:0 14px!important;
  border-radius:999px!important;border:1px solid color-mix(in srgb,var(--accent,#37dcd2) 44%,transparent)!important;
  background:linear-gradient(135deg,var(--accent,#37dcd2),var(--accent2,#ff4d67))!important;
  color:#06131c!important;font-weight:950!important;font-size:12px!important;letter-spacing:.01em!important;
  box-shadow:0 16px 38px color-mix(in srgb,var(--accent,#37dcd2) 20%,transparent), inset 0 0 0 1px rgba(255,255,255,.25)!important;
  opacity:1!important;visibility:visible!important;transform:none!important;position:relative!important;z-index:5!important;
}
#dsq-player .dsq-pbtn-expand::before{content:none!important;}
#dsq-player .dsq-pbtn-expand .dsq-expand-icon{display:inline-flex!important;font-size:17px!important;line-height:1!important;transform:translateY(-1px)!important;}
#dsq-player .dsq-pbtn-expand .dsq-expand-text{display:inline!important;}
#dsq-player .dsq-pbtn-expand:hover{filter:brightness(1.08)!important;transform:translateY(-1px)!important;}
#dsq-player .dsq-player-seekbig{
  grid-template-columns:1fr auto!important;
  grid-template-areas:"bar time" "vol vol"!important;
  row-gap:8px!important;
}
#dsq-player .dsq-player-volbig{
  grid-area:vol!important;display:grid!important;grid-template-columns:auto minmax(120px,1fr)!important;align-items:center!important;gap:10px!important;
  margin:0!important;min-width:0!important;color:var(--player-muted,var(--text,#fff))!important;font-size:10px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.08em!important;
}
#dsq-player .dsq-player-volbig input[type="range"]{
  width:100%!important;min-width:0!important;appearance:none!important;height:10px!important;background:transparent!important;accent-color:var(--accent,#37dcd2)!important;cursor:pointer!important;
}
#dsq-player .dsq-player-volbig input[type="range"]::-webkit-slider-runnable-track{height:6px!important;border-radius:999px!important;background:linear-gradient(90deg,var(--accent,#37dcd2),var(--accent2,#ff4d67))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important;}
#dsq-player .dsq-player-volbig input[type="range"]::-webkit-slider-thumb{appearance:none!important;width:15px!important;height:15px!important;border-radius:999px!important;background:#fff!important;margin-top:-4.5px!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent,#37dcd2) 18%,transparent)!important;}
#dsq-player .dsq-player-volbig input[type="range"]::-moz-range-track{height:6px!important;border-radius:999px!important;background:linear-gradient(90deg,var(--accent,#37dcd2),var(--accent2,#ff4d67))!important;}
#dsq-player .dsq-player-volbig input[type="range"]::-moz-range-thumb{width:15px!important;height:15px!important;border-radius:999px!important;background:#fff!important;border:0!important;}
@media(max-width:760px){
  #dsq-player .dsq-pbtn-expand{min-width:48px!important;width:48px!important;padding:0!important;gap:0!important;}
  #dsq-player .dsq-pbtn-expand .dsq-expand-text{display:none!important;}
  #dsq-player .dsq-player-volbig{grid-template-columns:1fr!important;gap:5px!important;}
  #dsq-player .dsq-player-volbig span{display:none!important;}
}



/* === REALLY FINAL PLAYER CONTROL ROW FIX: volume beside seek, compact loop === */
#dsq-player .dsq-player-controls2{
  grid-template-columns:max-content minmax(260px,1fr) minmax(210px,280px)!important;
  gap:8px!important;
  align-items:center!important;
  min-height:62px!important;
  max-height:78px!important;
  padding:8px 10px!important;
  border-radius:20px!important;
  overflow:hidden!important;
}
#dsq-player .dsq-player-controls-row{
  gap:7px!important;
  justify-content:flex-start!important;
  min-width:max-content!important;
}
#dsq-player .dsq-player-controls-row .dsq-pbtn{
  width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
}
#dsq-player .dsq-player-controls-row .dsq-pbtn-primary{
  width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;
}
#dsq-player .dsq-player-seekbig{
  display:grid!important;
  grid-template-columns:minmax(170px,1fr) 68px 154px!important;
  grid-template-areas:"bar time vol"!important;
  align-items:center!important;
  column-gap:10px!important;
  row-gap:0!important;
  min-width:0!important;
  min-height:44px!important;
  max-height:54px!important;
  padding:7px 10px!important;
  border-radius:16px!important;
}
#dsq-player .dsq-player-seekbig .dsq-time{
  grid-area:time!important;
  min-width:62px!important;
  font-size:11px!important;
  font-weight:950!important;
  text-align:right!important;
  white-space:nowrap!important;
  opacity:.86!important;
}
#dsq-player #dsq-expanded-seek{
  grid-area:bar!important;
  width:100%!important;
  min-width:0!important;
  height:14px!important;
}
#dsq-player #dsq-expanded-seek::-webkit-slider-runnable-track{height:7px!important;border-radius:999px!important;}
#dsq-player #dsq-expanded-seek::-webkit-slider-thumb{width:18px!important;height:18px!important;margin-top:-5.5px!important;}
#dsq-player #dsq-expanded-seek::-moz-range-track{height:7px!important;border-radius:999px!important;}
#dsq-player #dsq-expanded-seek::-moz-range-thumb{width:18px!important;height:18px!important;}
#dsq-player .dsq-player-volbig{
  grid-area:vol!important;
  display:grid!important;
  grid-template-columns:20px minmax(86px,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  margin:0!important;
  min-width:0!important;
  width:100%!important;
  max-width:154px!important;
  color:var(--player-muted,var(--text,#fff))!important;
}
#dsq-player .dsq-player-volbig span{
  display:block!important;
  width:20px!important;height:20px!important;overflow:hidden!important;
  font-size:0!important;line-height:1!important;opacity:.78!important;position:relative!important;
}
#dsq-player .dsq-player-volbig span::before{
  content:none!important;
}
#dsq-player .dsq-player-volbig input[type="range"]{
  width:100%!important;
  min-width:0!important;
  max-width:126px!important;
  height:12px!important;
}
#dsq-player .dsq-player-volbig input[type="range"]::-webkit-slider-runnable-track{height:6px!important;border-radius:999px!important;}
#dsq-player .dsq-player-volbig input[type="range"]::-webkit-slider-thumb{width:14px!important;height:14px!important;margin-top:-4px!important;}
#dsq-player .dsq-player-volbig input[type="range"]::-moz-range-track{height:6px!important;border-radius:999px!important;}
#dsq-player .dsq-player-volbig input[type="range"]::-moz-range-thumb{width:14px!important;height:14px!important;}
#dsq-player .dsq-player-options{
  display:grid!important;
  grid-template-columns:minmax(92px,1fr) minmax(112px,1fr)!important;
  gap:7px!important;
  min-width:0!important;
}
#dsq-player .dsq-player-option{
  min-width:0!important;
  padding:6px 7px!important;
  border-radius:14px!important;
}
#dsq-player .dsq-player-option label,
#dsq-player .dsq-player-toggle span{
  font-size:8.5px!important;
  line-height:1!important;
  margin:0 0 4px!important;
  letter-spacing:.06em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#dsq-player .dsq-player-option select,
#dsq-player .dsq-player-toggle button{
  min-height:30px!important;
  height:30px!important;
  border-radius:11px!important;
  font-size:11px!important;
  padding:0 8px!important;
}
body.dsq-player-cinema-open #dsq-player .dsq-player-controls2{
  grid-template-columns:max-content minmax(260px,1fr) minmax(210px,280px)!important;
  width:min(1040px,calc(100vw - 24px))!important;
  min-height:62px!important;
  max-height:78px!important;
  padding:8px 10px!important;
}
@media(max-width:1050px){
  #dsq-player .dsq-player-controls2,
  body.dsq-player-cinema-open #dsq-player .dsq-player-controls2{
    grid-template-columns:max-content minmax(220px,1fr)!important;
    max-height:124px!important;
  }
  #dsq-player .dsq-player-options{
    grid-column:1 / -1!important;
    grid-template-columns:minmax(100px,160px) minmax(120px,180px)!important;
    justify-content:end!important;
  }
}
@media(max-width:720px){
  #dsq-player .dsq-player-controls2,
  body.dsq-player-cinema-open #dsq-player .dsq-player-controls2{
    grid-template-columns:1fr!important;
    max-height:180px!important;
    gap:7px!important;
  }
  #dsq-player .dsq-player-controls-row{justify-content:center!important;}
  #dsq-player .dsq-player-seekbig{
    grid-template-columns:minmax(140px,1fr) 56px 118px!important;
    column-gap:7px!important;
  }
  #dsq-player .dsq-player-volbig{max-width:118px!important;grid-template-columns:18px minmax(70px,1fr)!important;}
  #dsq-player .dsq-player-options{justify-content:center!important;grid-template-columns:1fr 1fr!important;}
}
@media(max-width:460px){
  #dsq-player .dsq-player-seekbig{
    grid-template-columns:1fr 52px!important;
    grid-template-areas:"bar time"!important;
  }
  #dsq-player .dsq-player-volbig{display:none!important;}
  #dsq-player .dsq-player-options{display:none!important;}
  #dsq-player .dsq-player-controls2{max-height:122px!important;}
}



/* === POP-OUT / CINEMA FINAL CLEANUP: only exit button, no hover controls, no scrollbars === */
#dsq-player .dsq-player-versecard{
  transform:scale(var(--dsq-card-scale,1))!important;
  transform-origin:center center!important;
  max-width:94%!important;
  max-height:94%!important;
}
#dsq-player .dsq-player-trbox,
#dsq-player .dsq-player-arbig,
#dsq-player .dsq-player-refbig{
  overflow:visible!important;
  scrollbar-width:none!important;
}
#dsq-player .dsq-player-trbox::-webkit-scrollbar{display:none!important;}
body.dsq-player-cinema-open #dsq-player .dsq-player-expanded.is-open{
  padding:0!important;
  background:#020605!important;
}
body.dsq-player-cinema-open #dsq-player .dsq-player-sheet{
  width:100vw!important;
  height:100dvh!important;
  max-width:100vw!important;
  max-height:100dvh!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  grid-template-rows:minmax(0,1fr)!important;
  gap:0!important;
  overflow:hidden!important;
}
body.dsq-player-cinema-open #dsq-player .dsq-player-controls2,
body.dsq-player-cinema-open #dsq-player .dsq-player-expanded.is-ui-visible .dsq-player-controls2,
body.dsq-player-cinema-open #dsq-player .dsq-player-expanded:hover .dsq-player-controls2,
body.dsq-player-cinema-open #dsq-player .dsq-player-expanded:focus-within .dsq-player-controls2{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:none!important;
}
body.dsq-player-cinema-open #dsq-player .dsq-player-art{
  width:min(100vw, calc(100dvh * 16 / 9))!important;
  height:min(100dvh, calc(100vw * 9 / 16))!important;
  max-width:100vw!important;
  max-height:100dvh!important;
  border-radius:0!important;
  border:0!important;
  padding:clamp(26px,4.8vw,76px)!important;
  box-shadow:none!important;
}
body.dsq-player-cinema-open #dsq-player .dsq-player-versecard{
  width:min(90%,1120px)!important;
  gap:clamp(5px,.9vh,14px)!important;
}
body.dsq-player-cinema-open #dsq-player .dsq-player-logo{
  margin-top:clamp(18px,2.7vh,36px)!important;
  margin-bottom:clamp(16px,2.2vh,32px)!important;
  transform:translateY(-10px)!important;
}
body.dsq-player-cinema-open #dsq-player .dsq-cinema-min{
  display:inline-flex!important;
  position:fixed!important;
  top:clamp(12px,2vh,26px)!important;
  right:clamp(12px,2vw,28px)!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  border-radius:999px!important;
  z-index:2147483647!important;
  opacity:.72!important;
  visibility:visible!important;
  pointer-events:auto!important;
  background:rgba(4,12,18,.58)!important;
  border:1px solid color-mix(in srgb,var(--accent,#37dcd2) 45%,rgba(255,255,255,.22))!important;
  color:var(--text,#fff)!important;
  box-shadow:0 14px 42px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
body.dsq-player-cinema-open #dsq-player .dsq-cinema-min:hover,
body.dsq-player-cinema-open #dsq-player .dsq-player-expanded.is-ui-visible .dsq-cinema-min,
body.dsq-player-cinema-open #dsq-player .dsq-player-expanded:hover .dsq-cinema-min{
  opacity:1!important;
}
@media(max-width:760px){
  body.dsq-player-cinema-open #dsq-player .dsq-player-art{padding:clamp(16px,4.6vw,34px)!important;}
  body.dsq-player-cinema-open #dsq-player .dsq-cinema-min{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;}
}



  /* DSQ FIX 2026-07: Copy feedback must not move ayahs. */
  #ds-quran #dsq-toast.dsq-toast{
    position:fixed!important;
    left:50%!important;
    top:calc(var(--ds-header-h,74px) + 14px)!important;
    transform:translateX(-50%)!important;
    z-index:2147483200!important;
    width:min(420px,calc(100vw - 28px))!important;
    margin:0!important;
    border-radius:999px!important;
    text-align:center!important;
    pointer-events:none!important;
  }
  @media(max-width:640px){
    #ds-quran #dsq-toast.dsq-toast{top:calc(var(--ds-header-h,74px) + 8px)!important;width:calc(100vw - 20px)!important;font-size:12px!important;}
}

/* iPhone/Android: Suren-Startseite niemals als schmale Zweispaltenansicht rendern. */
@media (max-width:820px){
  #ds-quran.dsq-v2.dsq-v3 .dsq-suwar-hero{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:14px !important;
    width:100% !important;
    min-width:0 !important;
  }
  #ds-quran.dsq-v2.dsq-v3 .dsq-suwar-hero > *{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }
  #ds-quran.dsq-v2.dsq-v3 .dsq-suwar-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
    min-width:0 !important;
  }
  #ds-quran.dsq-v2.dsq-v3 .dsq-sura-card{
    width:100% !important;
    min-width:0 !important;
    grid-template-columns:48px minmax(0,1fr) minmax(64px,auto) !important;
    gap:10px !important;
  }
  #ds-quran.dsq-v2.dsq-v3 .dsq-sura-main,
  #ds-quran.dsq-v2.dsq-v3 .dsq-sura-side{min-width:0 !important}
}
@media (max-width:390px){
  #ds-quran.dsq-v2.dsq-v3 .dsq-sura-card{
    grid-template-columns:42px minmax(0,1fr) !important;
  }
  #ds-quran.dsq-v2.dsq-v3 .dsq-sura-side{
    grid-column:2 !important;
    justify-items:start !important;
    text-align:left !important;
  }
}