input[type="text"] {
    padding: 10px;
    border: 1px solid #ccc;
    background-color: white; /* Light mode background color */
    color: black; /* Light mode text color */
}

/* Dark mode styles for the input */
@media (prefers-color-scheme: dark) {
    input[type="text"] {
        background-color: #333; /* Dark mode background color */
        color: white; /* Dark mode text color */
    }
}