/* Scope the entire treatment to the audience panel; no other chapter motion is changed. */
#audPanel{--aud-ease:cubic-bezier(.2,.74,.2,1)}
#audPanel.changing{animation:none}
.audience-tabs button[aria-selected=true]{color:#10E3FF;background:linear-gradient(110deg,#7e36ff20,#00cfff0c)}
.audience-tabs button[aria-selected=true]:after{background:linear-gradient(90deg,#9345FF,#08DCFF);height:3px}
#audPanel .audience-visual:before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,#8e39ff1a,transparent 68%);pointer-events:none}
#audPanel .audience-ring{transform-origin:50% 50%;transform:rotate(-90deg)}
#audPanel .audience-ring circle{stroke-width:22;opacity:var(--sector-opacity,.92);transition:stroke-width .35s ease,filter .35s ease;filter:none}
#audPanel .audience-ring circle.active{stroke-width:30!important;filter:drop-shadow(0 0 5px #a856ff55)}
#audPanel .ring-value{color:#09DFFF;text-shadow:0 0 24px #00dfff30}
#audPanel .ring-label{color:#f3edff}
#audPanel .ring-center small{color:#b7a5d2}
#audPanel .audience-breakdown h3{color:#fff}
#audPanel .audience-hint{color:#b9a9d4}
#audPanel .audience-legend button{color:#e5d9f8;transition:background .25s,border-color .25s;min-width:0}
#audPanel .audience-legend button i{width:8px;height:8px;box-shadow:0 0 9px color-mix(in srgb,var(--color) 45%,transparent)}
#audPanel .audience-legend button strong{color:#f7f1ff}
#audPanel .audience-legend button.active,#audPanel .audience-legend button:hover{background:linear-gradient(105deg,#8e38ff24,#07cfff08);border-color:#a46aff65}
#audPanel .audience-legend button:focus-visible{outline:2px solid #13dfff;outline-offset:2px}
#audPanel.aud-ready22:not(.aud-visible22) .audience-ring,
#audPanel.aud-ready22:not(.aud-visible22) .ring-center,
#audPanel.aud-ready22:not(.aud-visible22) .audience-breakdown h3,
#audPanel.aud-ready22:not(.aud-visible22) .audience-hint,
#audPanel.aud-ready22:not(.aud-visible22) .audience-legend button{opacity:0}
#audPanel.aud-visible22 .audience-ring{animation:audSpin22 1.2s var(--aud-ease) both}
#audPanel.aud-visible22 .audience-ring circle{animation:audArc22 1s var(--aud-ease) var(--arc-delay) both,audPulse22 5.4s ease-in-out calc(1.5s + var(--arc-delay)) infinite}
#audPanel.aud-visible22 .ring-center{animation:audText22 .8s var(--aud-ease) .28s both}
#audPanel.aud-visible22 .audience-breakdown h3{animation:audText22 .78s var(--aud-ease) .10s both}
#audPanel.aud-visible22 .audience-hint{animation:audText22 .78s var(--aud-ease) .18s both}
#audPanel.aud-visible22 .audience-legend button{animation:audText22 .78s var(--aud-ease) var(--text-delay) both}
#audPanel.aud-interacting22 .audience-ring circle{animation-play-state:running,paused}
#audPanel.aud-paused22 .audience-ring circle{animation-play-state:paused,paused}
#audPanel.aud-paused22 .audience-ring,#audPanel.aud-paused22 .ring-center,#audPanel.aud-paused22 .audience-breakdown h3,#audPanel.aud-paused22 .audience-hint,#audPanel.aud-paused22 .audience-legend button{animation-play-state:paused}
@keyframes audSpin22{from{opacity:0;transform:rotate(-126deg) scale(.88)}to{opacity:1;transform:rotate(-90deg) scale(1)}}
@keyframes audArc22{from{stroke-dasharray:0 var(--circ);opacity:0}to{stroke-dasharray:var(--arc-length) var(--arc-rest);opacity:var(--sector-opacity,.92)}}
@keyframes audPulse22{0%,64%,100%{stroke-width:22}79%{stroke-width:25.5}90%{stroke-width:23}}
@keyframes audText22{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
 #audPanel.aud-ready22 .audience-ring,#audPanel.aud-ready22 .ring-center,#audPanel.aud-ready22 .audience-breakdown h3,#audPanel.aud-ready22 .audience-hint,#audPanel.aud-ready22 .audience-legend button{animation:none!important;opacity:1!important;transform:none!important}
 #audPanel.aud-ready22 .audience-ring{transform:rotate(-90deg)!important}
 #audPanel .audience-ring circle{animation:none!important;transition:none!important;stroke-dasharray:var(--arc-length) var(--arc-rest);opacity:var(--sector-opacity,.92)}
}