.controls {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dark-mode {
    background-color: #121212;
    color: #ffffff;
}

.dark-mode .sidebar {
    background-color: #1e1e1e;
    border-color: #444;
}

.dark-mode .icon-box {
    background-color: #1e1e1e;
    border-color: #444;
}

.dark-mode p {
    background-color: #1e1e1e;
    border-color: #444;
}

.eye-care-mode {
    background-color: #e2d5a2;
    color: #333;
}

.eye-care-mode .sidebar {
    background-color: #d0c69f;
    border-color: #aaa;
}

.eye-care-mode .icon-box {
    background-color: #f9f8e2;
    border-color: #aaa;
}

.eye-care-mode p {
    background-color: #d0c69f;
    border-color: #aaa;
}