.copy-feedback {
  position: fixed;
  z-index: var(--z-toast, 60);
  display: flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  max-width: calc(100vw - 24px);
  padding: 12px 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--action-bg);
  color: var(--action-ink);
  box-shadow: 0 6px 20px #0003;
  font: 600 14px/1.5 var(--sans, sans-serif);
  pointer-events: none;
  animation: copy-feedback-appear 3s both;
}
.copy-feedback svg { width: 20px; height: 20px; flex: none; }
.copy-feedback path {
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1;
  animation: copy-feedback-check .35s ease-out both;
}
@keyframes copy-feedback-appear {
  0% { opacity: 0; transform: translateY(6px); }
  7%, 90% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(-4px); }
}
@keyframes copy-feedback-check { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@media (prefers-reduced-motion: reduce) {
  .copy-feedback, .copy-feedback path { animation: none; }
}
