.spcd-anchor{display:block;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}
.spcd-editor-note{
  display:block;
  padding:14px 16px;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(14,45,37,.92),rgba(9,32,26,.96));
  color:#d9efe5;
  font:500 14px/1.5 Orbitron,Arial,sans-serif;
  border:1px solid rgba(120,185,154,.28);
  box-shadow:0 16px 40px rgba(0,0,0,.22);
}
.spcd-follower{
  position:fixed;
  left:0;
  top:0;
  width:56px;
  height:56px;
  z-index:2147482000;
  pointer-events:none;
  opacity:0;
  transform:translate3d(-120px,-120px,0);
  transition:opacity .22s ease;
  will-change:transform;
}
.spcd-follower.is-visible{opacity:1}
.spcd-drone{
  position:absolute;
  inset:0;
  filter:drop-shadow(0 8px 18px rgba(16,61,46,.26));
}
.spcd-body{
  position:absolute;
  left:19px;
  top:19px;
  width:18px;
  height:18px;
  border-radius:6px;
  background:linear-gradient(180deg,#315d4f 0%,#23473b 55%,#163229 100%);
  border:1px solid rgba(8,28,22,.95);
  box-shadow:inset 0 1px 0 rgba(175,223,201,.14),0 0 0 1px rgba(8,22,18,.28);
}
.spcd-core{
  position:absolute;
  left:50%;
  top:50%;
  width:6px;
  height:6px;
  margin-left:-3px;
  margin-top:-3px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#9dc8b7 0%,#57846f 55%,#1b362c 100%);
  box-shadow:0 0 6px rgba(112,177,149,.22);
}
.spcd-arm{
  position:absolute;
  width:18px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#10241d,#1d3a30 45%,#325548 100%);
  box-shadow:0 0 0 1px rgba(8,22,18,.22);
  transform-origin:left center;
}
.spcd-arm.a{left:28px;top:28px;transform:rotate(-135deg)}
.spcd-arm.b{left:28px;top:28px;transform:rotate(-45deg)}
.spcd-arm.c{left:28px;top:28px;transform:rotate(135deg)}
.spcd-arm.d{left:28px;top:28px;transform:rotate(45deg)}
.spcd-rotor{
  position:absolute;
  width:14px;
  height:14px;
  border-radius:50%;
  border:1px solid rgba(6,18,14,.98);
  background:radial-gradient(circle at 50% 50%,#284d40 0 16%,#0f231c 17% 46%,rgba(8,20,16,.18) 47% 60%,transparent 61%);
  box-shadow:0 0 0 1px rgba(151,205,182,.08),0 1px 4px rgba(0,0,0,.30);
}
.spcd-rotor:before,
.spcd-rotor:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:12px;
  height:2px;
  margin-left:-6px;
  margin-top:-1px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(6,18,14,.98),rgba(26,61,49,.98),rgba(6,18,14,.98));
  transform-origin:center center;
  animation:spcd-rotor-spin .11s linear infinite;
}
.spcd-rotor:after{
  animation-duration:.085s;
  transform:rotate(90deg);
}
.spcd-rotor.a{left:6px;top:6px}
.spcd-rotor.b{right:6px;top:6px}
.spcd-rotor.c{left:6px;bottom:6px}
.spcd-rotor.d{right:6px;bottom:6px}
.spcd-wind,
.spcd-wind:before,
.spcd-wind:after{
  position:absolute;
  content:"";
  height:1px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(104,171,144,0),rgba(104,171,144,.36),rgba(183,231,208,0));
}
.spcd-wind{
  width:26px;
  right:100%;
  top:50%;
  margin-right:3px;
  animation:spcd-wind-pulse 1.2s ease-in-out infinite;
}
.spcd-wind:before{width:18px;right:2px;top:-5px;opacity:.62}
.spcd-wind:after{width:14px;right:5px;top:5px;opacity:.44}
@keyframes spcd-rotor-spin{to{transform:rotate(360deg)}}
@keyframes spcd-wind-pulse{0%,100%{opacity:.34;transform:translateX(0)}50%{opacity:.78;transform:translateX(-4px)}}
@media (prefers-reduced-motion: reduce){
  .spcd-rotor:before,.spcd-rotor:after,.spcd-wind{animation:none}
  .spcd-follower{transition:none}
}