/* Authoritative reader/player presentation; legacy audio, search and export code stays intact. */
html[data-theme] body #dsq-player,html[data-theme] body #dsq-player *{box-sizing:border-box!important}
html[data-theme] body #dsq-player .dsq-player-sheet{background:var(--ds-bg)!important;border:0!important;box-shadow:none!important}
html[data-theme] body #dsq-player .dsq-player-art{position:relative!important;isolation:isolate;overflow:hidden!important;border-radius:20px!important;background:radial-gradient(ellipse at 12% 12%,color-mix(in srgb,var(--ds-accent) 6%,transparent),transparent 58%),radial-gradient(ellipse at 100% 100%,color-mix(in srgb,var(--ds-accent2) 3%,transparent),transparent 60%),var(--ds-card)!important;box-shadow:inset 0 1px 0 var(--ds-border2)!important}
html[data-theme=dark] body #dsq-player .dsq-player-art{background:radial-gradient(ellipse at 12% 12%,color-mix(in srgb,var(--ds-accent) 5%,transparent),transparent 58%),color-mix(in srgb,var(--ds-card-solid) 65%,#000)!important}
html[data-theme] body #dsq-player .dsq-player-art::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--ds-text);mask:url('/assets/img/deenstudy-calligraphy.png') center/cover no-repeat;-webkit-mask:url('/assets/img/deenstudy-calligraphy.png') center/cover no-repeat;opacity:.055}
html[data-theme] body #dsq-player .dsq-player-corners{display:none!important}
.dsq-player-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;--orb-x:7%;--orb-y:12%;--orb-bx:76%;--orb-by:57%}
.dsq-player-atmosphere .ds-liquid-orb{width:clamp(84px,17%,160px)!important;opacity:.34!important}
html[data-theme=dark] body #dsq-player .dsq-player-art::after{opacity:.032}
@media(prefers-reduced-motion:no-preference){body:has(#ds-atmosphere[data-motion=on]) #dsq-player-expanded[aria-hidden=false] .ds-liquid-orb{animation:ds-atmosphere-drift 22s ease-in-out infinite alternate!important}body:has(#ds-atmosphere[data-motion=on]) #dsq-player-expanded[aria-hidden=false] .ds-liquid-orb:nth-child(2){animation-duration:28s!important;animation-delay:-9s!important;animation-direction:alternate-reverse!important}body.ds-atmosphere-paused #dsq-player-expanded .ds-liquid-orb{animation-play-state:paused!important}}
html[data-theme] body #dsq-player .dsq-player-versecard{--dsq-reader-studio:1;position:relative!important;width:min(100%,860px)!important;max-width:100%!important;max-height:calc(100% - 64px)!important;margin:auto!important;padding:26px 24px!important;gap:16px!important;overflow-y:auto!important;scrollbar-width:thin;transform:none!important}
html[data-theme] body #dsq-player .dsq-player-arbig{font-size:clamp(26px,3.4vw,58px)!important;line-height:1.9!important}
html[data-theme] body #dsq-player .dsq-player-trbox{font-size:clamp(14px,1.4vw,18px)!important;line-height:1.7!important}
html[data-theme] body #dsq-player :is(.dsq-player-source,.dsq-player-refbig){font-size:12px!important;line-height:1.4!important}
html[data-theme] body #dsq-player .dsq-player-logo{position:absolute!important;bottom:18px!important;left:50%!important;right:auto!important;top:auto!important;transform:translateX(-50%)!important;width:112px!important;max-width:112px!important;height:20px!important;max-height:20px!important;margin:0!important;object-fit:contain!important;opacity:.48!important;animation:none!important;pointer-events:none}
html[data-theme=light] body #dsq-player .dsq-player-logo{filter:brightness(.3)!important}
html[data-theme] body:not(.dsq-player-cinema-open) #dsq-player .dsq-player-controls2{padding:14px!important;border-radius:16px!important;grid-template-columns:minmax(0,1fr) auto!important;width:min(100%,1040px)!important;max-width:100%!important;min-width:0!important;gap:12px 16px!important}
html[data-theme] body:not(.dsq-player-cinema-open) #dsq-player .dsq-player-seekbig{display:grid!important;grid-template-columns:auto minmax(0,1fr) 150px!important;align-items:center!important;gap:14px!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:10px 12px!important;border:0!important;background:var(--ds-bg2)!important;border-radius:10px!important;overflow:visible!important}
html[data-theme] body #dsq-player .dsq-player-seekbig{grid-template-areas:none!important}
html[data-theme] body #dsq-player #dsq-expanded-time{grid-area:auto!important;white-space:nowrap!important;min-width:0!important}
html[data-theme] body #dsq-player #dsq-expanded-seek{grid-area:auto!important;width:100%!important;max-width:100%!important;min-width:0!important;flex:none!important;margin:0!important}
html[data-theme] body #dsq-player .dsq-player-volbig{grid-area:auto!important;display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;align-items:center!important;width:100%!important;min-width:0!important;max-width:none!important;gap:8px!important;margin:0!important;padding:0!important}
html[data-theme] body #dsq-player #dsq-expanded-vol{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;flex:none!important}
html[data-theme] body #dsq-player .dsq-player-options{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
html[data-theme] body #dsq-player .dsq-player-option{padding:6px 8px!important;background:transparent!important;border:0!important;min-width:140px!important}
html[data-theme] body #dsq-player :is(.dsq-pbtn,.dsq-player-option select,.dsq-player-option button){border-radius:10px!important;font:600 13px var(--ds-font)!important;min-height:44px!important}
html[data-theme] body #dsq-player .dsq-player-surah-pill{width:auto!important;min-width:0!important;max-width:100%!important;padding:7px 18px!important;border-radius:9px!important;font-weight:600!important}
html[data-theme] body #dsq-player .dsq-player-trbox{border:0!important;background:transparent!important;padding:6px 12px!important;text-align:center!important;max-width:65ch!important}
html[data-theme] body #dsq-player .dsq-player-source{margin:0!important}
html[data-theme] body #dsq-player .dsq-player-read-mode{display:flex!important;align-items:center!important;gap:8px!important;padding:8px!important;flex-wrap:wrap!important;grid-column:1/-1!important;border-top:1px solid var(--ds-border)!important}
html[data-theme] body #dsq-player .dsq-player-read-mode label{font:600 12px var(--ds-font);color:var(--ds-muted);margin-right:auto}
html[data-theme] body #dsq-player #dsq-player-text-mode{font:600 12px var(--ds-font);background:var(--ds-card);color:var(--ds-text);border:1px solid var(--ds-border);border-radius:10px;padding:8px 30px 8px 12px;min-height:44px;max-width:100%}
html[data-theme] body #dsq-player #dsq-player-text-help{font:400 11px/1.5 var(--ds-font);color:var(--ds-muted);margin:0;flex-basis:100%}
html[data-theme] body #dsq-player #dsq-player-auto-resume[hidden]{display:none!important}
html[data-theme] body #dsq-player #dsq-player-expanded[data-text-mode=fit] .dsq-player-versecard{max-height:none!important;overflow:hidden!important;gap:calc(16px * var(--dsq-fit-scale,1))!important;padding:calc(26px * var(--dsq-fit-scale,1)) 24px!important}
html[data-theme] body #dsq-player #dsq-player-expanded[data-text-mode=fit] .dsq-player-arbig{font-size:calc(clamp(26px,3.4vw,58px) * var(--dsq-fit-scale,1))!important;line-height:1.7!important}
html[data-theme] body #dsq-player #dsq-player-expanded[data-text-mode=fit] .dsq-player-trbox{font-size:calc(clamp(14px,1.4vw,18px) * var(--dsq-fit-scale,1))!important;line-height:1.6!important;padding-block:calc(6px * var(--dsq-fit-scale,1))!important}
html[data-theme] body #dsq-player #dsq-player-expanded[data-text-mode=fit] .dsq-player-refbig{font-size:calc(12px * var(--dsq-fit-scale,1))!important}
/* Cinema still exposes reading modes on deliberate hover / keyboard focus. */
html[data-theme] body.dsq-player-cinema-open #dsq-player .dsq-player-read-mode{display:flex!important}
html[data-theme] body.dsq-player-cinema-open #dsq-player .dsq-player-controls2{display:grid!important;max-height:min(50vh,280px)!important;overflow-y:auto!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity 180ms ease!important}
html[data-theme] body.dsq-player-cinema-open #dsq-player .dsq-player-expanded:is(.is-ui-visible,:hover,:focus-within) .dsq-player-controls2{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
/* Reader: airy navigation, calm verse sheets, less competing framing. */
html[data-theme] body #ds-page-quran #ds-quran .dsq-reader-card{border:0!important;background:transparent!important}
html[data-theme] body #ds-page-quran #ds-quran .dsq-reader-head{padding:18px 4px!important;border-bottom:1px solid var(--ds-border)!important}
html[data-theme] body #ds-page-quran #ds-quran .dsq-reader-layout{gap:24px!important;margin-top:16px!important}
html[data-theme] body #ds-page-quran #ds-quran .dsq-top-controls{padding:16px 0!important;background:transparent!important;border:0!important;box-shadow:none!important}
html[data-theme] body #ds-page-quran #ds-quran .dsq-panel-num{display:none!important}
html[data-theme] body #ds-page-quran #ds-quran .dsq-panel-title{display:block!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important;margin-bottom:14px!important}
html[data-theme] body #ds-page-quran #ds-quran .dsq-panel-title>div{width:100%!important;min-width:0!important}
html[data-theme] body #ds-page-quran #ds-quran .dsq-panel-title strong{font-weight:600!important;font-size:15px!important;line-height:1.4!important}
html[data-theme] body #ds-page-quran #ds-quran .dsq-panel-title small{font-weight:400!important;line-height:1.5!important;max-width:75ch!important}
html[data-theme] body #ds-page-quran #ds-quran .dsq-control-panel{padding:18px!important;border-radius:16px!important;border:0!important;background:var(--ds-card)!important;box-shadow:none!important}
html[data-theme] body #ds-page-quran #ds-quran .dsq-control-panel:not(.dsq-control-panel-primary){padding:16px 0!important;background:transparent!important}
html[data-theme] body #ds-page-quran #ds-quran .dsq-note{border:0!important;border-left:2px solid var(--ds-border)!important;border-radius:0!important;background:transparent!important;padding:8px 14px!important;font-weight:400!important}
html[data-theme] body #ds-page-quran #ds-quran .dsq-reader-head h2{font-size:18px!important;font-weight:600!important}
html[data-theme] body #ds-page-quran #ds-quran .dsq-controls{gap:8px!important}
html[data-theme] body #ds-page-quran #ds-quran :is(#dsq-sura-btn,#dsq-ayah-btn,#dsq-page-btn){background:var(--ds-bg2)!important;color:var(--ds-text)!important;border:1px solid var(--ds-border)!important;box-shadow:none!important;font-weight:500!important;justify-content:space-between!important}
html[data-theme] body #ds-page-quran #ds-quran :is(#dsq-sura-btn,#dsq-ayah-btn,#dsq-page-btn)::after{content:'⌄';opacity:.6;margin-left:12px}
html[data-theme] body #ds-page-quran #ds-quran .dsq-suwar-hero{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;gap:24px!important;align-items:stretch!important}
html[data-theme] body #ds-page-quran #ds-quran .dsq-suwar-hero>div:first-child{border:0!important;box-shadow:none!important;background:transparent!important;padding:18px 0!important;border-radius:0!important}
html[data-theme] body #ds-page-quran #ds-quran .dsq-daily-wrap{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important}
html[data-theme] body #ds-page-quran #ds-quran .dsq-daily-card{border:1px solid var(--ds-border2)!important;border-radius:18px!important;padding:22px!important;background:var(--ds-card)!important;height:100%!important;box-shadow:none!important}
/* This card uses the site surface, not the custom Mushaf paper palette. */
html[data-theme] body #ds-page-quran #ds-quran .dsq-daily-card .dsq-daily-ar{color:var(--ds-text)!important;-webkit-text-fill-color:var(--ds-text)!important;opacity:1!important}
html[data-theme] body #ds-page-quran #ds-quran .dsq-suwar-hero h2{font-size:clamp(24px,3vw,36px)!important;font-weight:600!important;letter-spacing:-.03em!important}
html[data-theme] body #ds-page-quran #ds-quran .dsq-suwar-hero p{font-weight:400!important;max-width:52ch!important;line-height:1.7!important}
html[data-theme] body #ds-page-quran #ds-quran .dsq-index-tools{margin:20px 0!important;padding:0!important;background:transparent!important;border:0!important}
html[data-theme] body #ds-page-quran #ds-quran .dsq-body{padding:clamp(18px,2.5vw,32px) clamp(18px,2.5vw,32px) 32px!important}
html[data-theme] body #ds-page-quran #ds-quran .dsq-ayah{padding:clamp(18px,3vw,32px)!important;border-radius:18px!important;border-color:var(--ds-border2)!important;margin-bottom:16px!important}
html[data-theme] body #ds-page-quran #ds-quran .dsq-ayah.is-selected{border-color:var(--ds-accent)!important;background:color-mix(in srgb,var(--ds-accent) 5%,var(--ds-card))!important}
html[data-theme] body #ds-page-quran #ds-quran .dsq-tr{max-width:75ch;margin-top:14px!important}
html[data-theme] body #ds-page-quran #ds-quran .dsq-sura-card{border-radius:14px!important;transition:border-color 160ms ease,background 160ms ease!important}
@media(hover:hover){html[data-theme] body #ds-page-quran #ds-quran .dsq-sura-card:hover{border-color:color-mix(in srgb,var(--ds-accent) 50%,var(--ds-border))!important;background:color-mix(in srgb,var(--ds-accent) 7%,var(--ds-card))!important;box-shadow:0 4px 20px color-mix(in srgb,var(--ds-accent) 8%,transparent)!important}}
@media(max-width:600px){
 html[data-theme] body:not(.dsq-player-cinema-open) #dsq-player .dsq-player-seekbig{grid-template-columns:auto minmax(0,1fr)!important;gap:8px!important}
 html[data-theme] body:not(.dsq-player-cinema-open) #dsq-player .dsq-player-volbig{grid-column:1/-1;justify-self:end;width:130px!important}
 html[data-theme] body:not(.dsq-player-cinema-open) #dsq-player .dsq-player-controls2{grid-template-columns:minmax(0,1fr)!important;padding:10px!important}
 html[data-theme] body #dsq-player .dsq-player-versecard{padding:18px 12px!important;gap:10px!important}
 html[data-theme] body #dsq-player .dsq-player-logo{width:96px!important;max-width:96px!important;height:17px!important;bottom:14px!important}
 html[data-theme] body #ds-page-quran #ds-quran .dsq-container{padding-inline:12px!important}
 html[data-theme] body #ds-page-quran #ds-quran .dsq-reader-layout{gap:12px!important}
}
@media(prefers-reduced-motion:reduce){html[data-theme] body #ds-page-quran #ds-quran .dsq-sura-card{transition:none!important}}