@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes slideUp { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes bounceIn { 0% { transform: scale(0.3); opacity: 0; } 50% { transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { transform: scale(1); opacity: 1; } } .glass { backdrop-filter: blur(16px) saturate(180%); background-color: rgba(255, 255, 255, 0.75); border: 1px solid rgba(255, 255, 255, 0.125); } .dark .glass { background-color: rgba(17, 24, 39, 0.75); border: 1px solid rgba(255, 255, 255, 0.125); } .scroll-button, .refresh-button { position: fixed; bottom: 20px; right: 20px; z-index: 99; background-color: rgba(59, 130, 246, 0.8); color: white; border-radius: 50%; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: background-color 0.3s; } .scroll-button:hover, .refresh-button:hover { background-color: rgba(59, 130, 246, 1); } .refresh-button { right: 80px; z-index: 99; }