/* Werd listening controls v78 — full Islamic patterned listening background */
#listening{position:relative!important;isolation:isolate!important;background:
linear-gradient(rgba(247,243,234,.93),rgba(247,243,234,.93)),
repeating-linear-gradient(45deg,rgba(180,147,89,.055) 0 1px,transparent 1px 18px),
repeating-linear-gradient(-45deg,rgba(15,91,69,.035) 0 1px,transparent 1px 18px)!important;border-radius:28px!important;overflow:hidden!important}
#listening::before,#listening::after{content:""!important;position:absolute!important;z-index:-1!important;width:170px!important;height:170px!important;opacity:.15!important;pointer-events:none!important;background:
conic-gradient(from 22.5deg,transparent 0 12.5%,#b49359 12.5% 25%,transparent 25% 37.5%,#b49359 37.5% 50%,transparent 50% 62.5%,#b49359 62.5% 75%,transparent 75% 87.5%,#b49359 87.5% 100%)!important;clip-path:polygon(50% 0,61% 27%,85% 15%,73% 39%,100% 50%,73% 61%,85% 85%,61% 73%,50% 100%,39% 73%,15% 85%,27% 61%,0 50%,27% 39%,15% 15%,39% 27%)!important}
#listening::before{top:58px!important;right:-58px!important}#listening::after{bottom:130px!important;left:-62px!important;transform:rotate(18deg)!important}
#listening .section-title{position:relative!important;z-index:1!important}
#listening .listen-main-actions{display:flex!important;justify-content:center!important;align-items:center!important;gap:28px!important;margin:26px 0 30px!important;direction:ltr!important}
#listening .listen-round{appearance:none!important;-webkit-appearance:none!important;position:relative!important;width:68px!important;height:68px!important;border-radius:50%!important;border:1.5px solid #d7b875!important;background:#fffdf8!important;color:transparent!important;font-size:0!important;text-shadow:none!important;box-shadow:0 8px 20px rgba(69,50,20,.07)!important;display:grid!important;place-items:center!important;overflow:hidden!important}
#listening .listen-round>*{display:none!important}
#listening .listen-round::before,#listening .listen-round::after{content:""!important;position:absolute!important;display:block!important;top:50%!important}
#listening #listenPrev::before{left:20px!important;transform:translateY(-50%)!important;border-top:10px solid transparent!important;border-bottom:10px solid transparent!important;border-right:14px solid #0d6049!important}
#listening #listenPrev::after{left:32px!important;transform:translateY(-50%)!important;border-top:10px solid transparent!important;border-bottom:10px solid transparent!important;border-right:14px solid #0d6049!important}
#listening #listenNext::before{right:20px!important;transform:translateY(-50%)!important;border-top:10px solid transparent!important;border-bottom:10px solid transparent!important;border-left:14px solid #0d6049!important}
#listening #listenNext::after{right:32px!important;transform:translateY(-50%)!important;border-top:10px solid transparent!important;border-bottom:10px solid transparent!important;border-left:14px solid #0d6049!important}
#listening .listen-round.primary-play{width:94px!important;height:94px!important;border-radius:50%!important;border:2px solid #d1aa5e!important;background:linear-gradient(145deg,#11805f,#07543f)!important;box-shadow:0 12px 27px rgba(12,87,65,.19),0 0 0 7px rgba(209,170,94,.13)!important}
#listening .listen-round.primary-play::before{left:50%!important;top:50%!important;transform:translate(-40%,-50%)!important;width:0!important;height:0!important;background:none!important;box-shadow:none!important;border-top:15px solid transparent!important;border-bottom:15px solid transparent!important;border-left:23px solid #fff!important;border-right:0!important;border-radius:0!important}
#listening .listen-round.primary-play::after{display:none!important}
#listening .listen-round.primary-play.is-playing::before{left:50%!important;top:50%!important;transform:translate(-14px,-50%)!important;width:9px!important;height:31px!important;border:0!important;border-radius:3px!important;background:#fff!important;box-shadow:19px 0 0 #fff!important}
#listening .listen-round:active{transform:scale(.96)!important}
#listening .listen-main-actions::before,#listening .listen-main-actions::after{display:none!important}
#listening .listen-hero{position:relative!important;overflow:hidden!important;background:linear-gradient(rgba(255,253,248,.96),rgba(255,253,248,.96)),repeating-radial-gradient(circle at 0 0,rgba(180,147,89,.08) 0 1px,transparent 1px 14px)!important;border:1px solid rgba(180,147,89,.30)!important;box-shadow:0 12px 30px rgba(76,57,24,.08)!important}
#listening .listen-hero:before{content:""!important;position:absolute!important;top:14px!important;inset-inline-end:16px!important;width:64px!important;height:64px!important;opacity:.18!important;background:conic-gradient(from 45deg,#b49359 0 12.5%,transparent 12.5% 25%,#b49359 25% 37.5%,transparent 37.5% 50%,#b49359 50% 62.5%,transparent 62.5% 75%,#b49359 75% 87.5%,transparent 87.5% 100%)!important;clip-path:polygon(50% 0,61% 28%,85% 15%,72% 39%,100% 50%,72% 61%,85% 85%,61% 72%,50% 100%,39% 72%,15% 85%,28% 61%,0 50%,28% 39%,15% 15%,39% 28%)!important;pointer-events:none!important}
#listening .listen-hero:after{content:"۞"!important;position:absolute!important;bottom:18px!important;inset-inline-start:18px!important;color:#b49359!important;font-size:22px!important;opacity:.30!important;pointer-events:none!important}
#listening .card:not(.listen-hero){position:relative!important;overflow:hidden!important;border-color:rgba(180,147,89,.22)!important;background:linear-gradient(rgba(255,253,248,.97),rgba(255,253,248,.97)),repeating-linear-gradient(90deg,rgba(180,147,89,.045) 0 1px,transparent 1px 22px)!important}
.mini-player{position:fixed!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(620px,calc(100% - 28px))!important;box-sizing:border-box!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;min-height:86px!important;border:1.5px solid #cfa75d!important;border-radius:25px!important;background:
linear-gradient(135deg,rgba(8,96,72,.97),rgba(13,117,88,.97)),
repeating-linear-gradient(45deg,rgba(255,255,255,.055) 0 1px,transparent 1px 15px)!important;box-shadow:0 14px 32px rgba(5,46,35,.18)!important;padding:12px 54px 12px 16px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:hidden!important}
.mini-player:before,.mini-player:after{content:""!important;position:absolute!important;width:74px!important;height:74px!important;border:1px solid rgba(231,201,139,.34)!important;box-shadow:0 0 0 10px rgba(231,201,139,.05)!important;transform:rotate(45deg)!important;pointer-events:none!important}
.mini-player:before{top:-42px!important;inset-inline-end:-28px!important}.mini-player:after{bottom:-42px!important;inset-inline-start:-28px!important}
.mini-player .mini-close{position:absolute!important;inset-inline-start:13px!important;top:50%!important;transform:translateY(-50%)!important;width:38px!important;height:38px!important;border-radius:50%!important;background:transparent!important;color:#f8f0df!important;border:1.5px solid #d8b46c!important;font-size:25px!important;line-height:1!important;box-shadow:none!important;display:grid!important;place-items:center!important;z-index:2!important}
.mini-player button:not(.mini-close){appearance:none!important;-webkit-appearance:none!important;width:48px!important;height:48px!important;border-radius:50%!important;border:1.5px solid #d8b46c!important;background:#fffaf0!important;color:#075c46!important;font-family:Arial,sans-serif!important;font-size:0!important;box-shadow:none!important;position:relative!important;overflow:hidden!important;z-index:1!important}
.mini-player #miniPlay::before{content:""!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-40%,-50%)!important;border-top:9px solid transparent!important;border-bottom:9px solid transparent!important;border-left:14px solid #075c46!important}
.mini-player #miniPlay.is-playing::before{width:5px!important;height:18px!important;border:0!important;background:#075c46!important;box-shadow:10px 0 0 #075c46!important;transform:translate(-8px,-50%)!important}
.mini-player #miniPrev::before,.mini-player #miniNext::before{content:""!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:0!important;height:0!important;border-top:7px solid transparent!important;border-bottom:7px solid transparent!important}
.mini-player #miniPrev::before{border-right:10px solid #075c46!important}.mini-player #miniNext::before{border-left:10px solid #075c46!important}
body.mini-player-dismissed .mini-player{display:none!important}
@media(max-width:430px){#listening{border-radius:22px!important}#listening .listen-main-actions{gap:24px!important}#listening .listen-round{width:64px!important;height:64px!important}#listening .listen-round.primary-play{width:88px!important;height:88px!important}.mini-player{width:calc(100% - 24px)!important;min-height:82px!important;border-radius:23px!important}#listening::before,#listening::after{width:135px!important;height:135px!important}}
body.dark #listening{background:linear-gradient(rgba(18,36,30,.95),rgba(18,36,30,.95)),repeating-linear-gradient(45deg,rgba(180,147,89,.05) 0 1px,transparent 1px 18px)!important}body.dark #listening .listen-round{background:#20362e!important;border-color:#a98b54!important}