/* ブロブコンテナのスタイル */
#blob-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: -1; /* ログインフォームの下に配置します */
    /* bodyの背景色を、ブロブが映えるように設定します */
    background-color: #1a202c; /* ダークモードの背景色に合わせます */
}

/* 個々のブロブの基本スタイル */
.blob {
    position: absolute;
    border-radius: 50%; /* JavaScriptで上書きされますが、初期値として */
    opacity: 0; /* 初期状態では非表示 */
    filter: blur(100px); /* ぼかし効果を大幅に強くしました */
    transition: transform 12s ease-in-out, opacity 8s ease-in-out; /* アニメーションのトランジションを調整しました */
    will-change: transform, opacity; /* パフォーマンス最適化 */
}