* {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.toggle-track {
  width: 56px;
  height: 28px;
}

.toggle-thumb {
  width: 22px;
  height: 22px;
  top: 3px;
  left: 3px;
}

.dark .toggle-thumb {
  transform: translateX(28px);
}

.music-section {
  display: none;
}

.dark .music-section {
  display: block;
}

.dark .tech-section {
  display: none;
}

html {
  scroll-behavior: smooth;
}

.typing-cursor {
  font-weight: 400;
  animation: blink 0.7s step-end infinite;
}

@keyframes blink {
  50% { opacity: 0; }
}