body {
    background: linear-gradient(135deg, #ffcd00, #ffa200, #62390e);
    background-size: 400% 400%;
    animation: gradientMove 15s ease infinite;
}

@keyframes gradientMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.card {
    margin-top: 5rem;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: none;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

.boop-counter{
    background: white;
    border: none;
    border-radius: 16px;
}

.btn-furtrack {
    background: #2d0e4c;
    border-color: #2d0e4c;
    color: white;
}

.btn-bsky {
    background: #1185FE;
    border-color: #1185FE;
    color: white;
}
.btn-bsky img {
    filter: brightness(0) invert(1);
}

/* Jello wiggle animation */
@keyframes jello-wiggle {
  0%   { transform: scale(1, 1); }
  15%  { transform: scale(1.1, 0.9); }
  30%  { transform: scale(0.9, 1.1); }
  45%  { transform: scale(1.05, 0.95); }
  60%  { transform: scale(0.95, 1.05); }
  75%  { transform: scale(1.02, 0.98); }
  100% { transform: scale(1, 1); }
}

.jello {
  animation: jello-wiggle 0.6s ease;
}