n-sun {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg);
}
#theme-icon-moon {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(90deg);
}
html.dark-mode #theme-icon-sun {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(-90deg);
}
html.dark-mode #theme-icon-moon {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg);
}


@media (max-width: 1024px) { .content { flex-direction: column; } .text-input-section, .audio-output-section { width: 100%; } }
@media (m