/* Animated chakra-fire progress rings. The same remaining-time ratio drives all 3 SVG layers. */
.ring{isolation:isolate}
.ring .track{stroke:rgba(255,119,28,.17);stroke-width:7}
.ring .fill,.ring .fire-aura,.ring .fire-flames{
 fill:none;stroke-dasharray:590.619;stroke-dashoffset:0;
 transform:none;vector-effect:none;transition:stroke-dashoffset .3s linear;
 stroke-linecap:round;
}
.ring .fill{stroke-width:6;filter:drop-shadow(0 0 2px #ffb32e) drop-shadow(0 0 6px #ff6800)}
.ring .fire-aura{stroke-width:14;opacity:.52;filter:blur(6px) drop-shadow(0 0 9px #ff4c00);animation:firePulse 2.2s ease-in-out infinite}
.ring .fire-flames{stroke-width:11;opacity:.78;animation:fireFlicker 1.7s ease-in-out infinite;transform-origin:center}
.ring-wrap:before,.ring-wrap:after{content:"";position:absolute;inset:2%;border-radius:50%;pointer-events:none;opacity:.45;z-index:0}
.ring-wrap:before{background:radial-gradient(circle at 50% 50%,transparent 59%,rgba(255,89,12,.1) 70%,transparent 76%);animation:firePulse 3s ease-in-out infinite}
.ring-wrap:after{background:radial-gradient(circle at 52% 6%,#ffcd6d 0 1.2px,transparent 2.5px),radial-gradient(circle at 88% 25%,#ff8418 0 1.5px,transparent 3px),radial-gradient(circle at 14% 71%,#ffb74c 0 1px,transparent 3px);animation:emberOrbit 9s linear infinite}
@keyframes firePulse{0%,100%{opacity:.35}50%{opacity:.68}}
@keyframes fireFlicker{0%,100%{opacity:.75}30%{opacity:.96}60%{opacity:.58}80%{opacity:.88}}
@keyframes emberOrbit{to{transform:rotate(360deg)}}
body.light .ring .track{stroke:rgba(208,92,16,.2)}
@media(prefers-reduced-motion:reduce){.ring .fire-aura,.ring .fire-flames,.ring-wrap:before,.ring-wrap:after{animation:none!important}.ring .fire-flames{filter:none!important}}