body.dark-mode { background-color: #121212; color: #ffffff; }
.dark-mode .container { background-color: #1e1e1e;box-shadow: 0 4px 15px rgba(0,0,0,0.5); }
.dark-mode input { background-color: #333;color: white;border: 1px solid #444; }
.dark-mode h1 a { color: #4da3ff; }
.theme-switch-wrapper {display: flex;align-items: center;justify-content: center;margin: 20px 0;gap: 10px; }
.theme-switch {display: inline-block;height: 24px;position: relative;width: 50px; }
.theme-switch input {display: none; }
.slider { background-color: #ccc;bottom: 0;cursor: pointer;left: 0;position: absolute;right: 0;top: 0;transition: .4s;border-radius: 34px; }
.slider:before { background-color: #fff;bottom: 4px;content: "";height: 16px;left: 4px;position: absolute;transition: .4s;width: 16px;border-radius: 50%; }
input:checked + .slider { background-color: #2196F3; }
input:checked + .slider:before { transform: translateX(26px); }
.mode-label { font-size: 0.9rem;font-weight: bold; }
.dark-mode label{ color:white; }