/* 실험실 탭 — 작은 오실로스코프. */

.is-lab {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: visible;
  gap: 8px;
}
.is-lab .lab-core {
  position: relative;
  width: 22px;
  height: 14px;
  flex: none;
}
.is-lab .lab-core svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.is-lab .lab-plate {
  fill: #0b0d0c;
  stroke: rgb(54 249 88 / .38);
  stroke-width: .7;
}
.is-lab .lab-grid {
  fill: none;
  stroke: rgb(54 249 88 / .14);
  stroke-width: .35;
}
.is-lab .lab-wave {
  fill: none;
  stroke: #36F958;
  stroke-width: 1.15;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: .28;
}
.is-lab .lab-trace {
  fill: none;
  stroke: #e8ffd4;
  stroke-width: 1.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: url(#lab-glow);
  stroke-dasharray: 7 30;
  animation: labRun 1.7s linear infinite;
}
.is-lab:hover .lab-trace {
  animation-duration: .85s;
  stroke: #fff;
}
.is-lab:hover .lab-plate {
  stroke: #36F958;
}
@keyframes labRun {
  to { stroke-dashoffset: -37; }
}
@media (prefers-reduced-motion: reduce) {
  .is-lab .lab-trace { animation: none; stroke-dasharray: none; }
}
