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

  .bg-animated {
    background: linear-gradient(-45deg, #0f0f0f, #1f1f1f, #2e2e2e, #1a1a1a);
    background-size: 400% 400%;
    animation: gradientShift 20s ease infinite;
  }

  .float {
    position: absolute;
    border-radius: 9999px;
    opacity: 0.1;
    animation: floatAnim 15s ease-in-out infinite;
  }

  @keyframes floatAnim {
    0% {
      transform: translateY(0px) translateX(0px) scale(1);
    }
    50% {
      transform: translateY(-100px) translateX(50px) scale(1.2);
    }
    100% {
      transform: translateY(0px) translateX(0px) scale(1);
    }
  }

  .glass {
    backdrop-filter: blur(12px);
    background-color: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
  }
  /* styleタグ or 外部CSSに */
::-webkit-scrollbar {
    display: none;
  }