.skeleton {
  background: #0f172a;
  border-radius: 8px;
  padding: 16px;
}

.line {
  height: 14px;
  background: linear-gradient(
    90deg,
    #1e293b 25%,
    #334155 37%,
    #1e293b 63%
  );
  background-size: 400% 100%;
  animation: shimmer 1.4s ease infinite;
  border-radius: 4px;
  margin-bottom: 10px;
}

.line.title { height: 20px; }
.line.short { width: 60%; }

@keyframes shimmer {
  0% { background-position: 100% 0 }
  100% { background-position: -100% 0 }
}

.hidden {
  display: none;
}