body {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}
        body {
            font-family: 'Inter', sans-serif;
        }
        .cell {
            transition: all 0.2s ease-in-out;
            -webkit-user-select: none; user-select: none;
        }
        .cell:hover {
            transform: scale(1.03);
            box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
        }
        .btn-filter {
            transition: all 0.2s ease;
        }
        .btn-filter.active {
            background-color: #3b82f6; /* bg-blue-600 */
            color: white;
            box-shadow: 0 4px 14px 0 rgba(0, 118, 255, 0.39);
        }
        /* Modal styles */
        .modal {
            transition: opacity 0.25s ease;
        }
        .modal-content {
            transition: transform 0.25s ease;
        }

.p-8 {
    padding: 2rem;
    color: aliceblue;
    font-family: cursive;
}