/* Fast-mode decoration follows the existing accessible toggle; it never handles input. */
.power-sparkles {
  display:none;
  position:absolute;
  inset:6px 0;
  overflow:hidden;
  border-radius:30px;
  clip-path:inset(0 calc(100% - var(--power-fill)) 0 0);
  pointer-events:none;
}
.power-popover:has(#power-fast[aria-pressed="true"]) .power-sparkles {display:block}
.power-sparkles i {
  position:absolute;
  left:var(--x);
  bottom:var(--y,45%);
  width:var(--size,2px);
  height:var(--size,2px);
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 3px #ffffff80;
  opacity:0;
  animation:power-spark-drift calc(var(--duration,2.6s) / 16) calc(var(--delay,0s) / 16) linear infinite;
}
.power-sparkles i:nth-child(3n){--y:23%}
.power-sparkles i:nth-child(3n + 1){--y:70%}
.power-sparkles i:nth-child(1){--x:4%;--delay:-1.1s;--size:1.5px}
.power-sparkles i:nth-child(2){--x:11%;--delay:-2.3s;--duration:3.1s}
.power-sparkles i:nth-child(3){--x:17%;--delay:-.3s;--size:2.5px}
.power-sparkles i:nth-child(4){--x:24%;--delay:-1.7s;--duration:2.9s}
.power-sparkles i:nth-child(5){--x:31%;--delay:-.8s;--size:1.5px}
.power-sparkles i:nth-child(6){--x:38%;--delay:-2s;--duration:3.2s}
.power-sparkles i:nth-child(7){--x:44%;--delay:-.1s;--size:2.5px}
.power-sparkles i:nth-child(8){--x:50%;--delay:-1.3s;--duration:2.8s}
.power-sparkles i:nth-child(9){--x:57%;--delay:-2.2s;--size:1.5px}
.power-sparkles i:nth-child(10){--x:63%;--delay:-.6s;--duration:3s}
.power-sparkles i:nth-child(11){--x:69%;--delay:-1.6s;--size:2.5px}
.power-sparkles i:nth-child(12){--x:75%;--delay:-.4s;--duration:2.8s}
.power-sparkles i:nth-child(13){--x:81%;--delay:-2.4s;--size:1.5px}
.power-sparkles i:nth-child(14){--x:87%;--delay:-1s;--duration:3.2s}
.power-sparkles i:nth-child(15){--x:93%;--delay:-1.9s;--size:2.5px}
.power-fast[aria-pressed="true"] .power-bolt {
  filter:drop-shadow(0 0 3px #3687f54d);
  animation:power-bolt-on .32s ease-out;
}
@keyframes power-spark-drift {
  0%{transform:translate3d(24px,0,0);opacity:0}
  22%{opacity:.65}
  68%{opacity:.45}
  100%{transform:translate3d(-18px,0,0);opacity:0}
}
@keyframes power-bolt-on {
  0%{transform:scale(.85)}
  55%{transform:scale(1.12)}
  100%{transform:scale(1)}
}
@media(prefers-reduced-motion:reduce) {
  .power-sparkles i{animation:none;bottom:35%;opacity:.5}
  .power-sparkles i:nth-child(3n){bottom:65%}
  .power-sparkles i:nth-child(3n + 1){bottom:20%}
  .power-fast[aria-pressed="true"] .power-bolt{animation:none}
}
@media(forced-colors:active){.power-sparkles{display:none!important}}