body.dark-mode{background-color:#121212;color:#fff}body.dark-mode #top-header{background-color:#333;border-bottom:1px solid #444;color:#fff}body.dark-mode #top-header a{color:#fff}body.dark-mode #top-header nav ul li a:hover{color:#007bff}body.dark-mode #mobile-header{background-color:#333;color:#fff}body.dark-mode #mobile-header .hamburger,body.dark-mode #mobile-header h2{color:#fff}body.dark-mode #footer{background-color:#333;border-top:1px solid #444;color:#fff}.dark-mode .footer-content .info-dropdown{background-color:#2c2c2c;border:1px solid #444}.dark-mode .footer-content .info-dropdown a{color:#e0e0e0}#right-sidebar.dark-mode,#sidebar.dark-mode{background-color:#333}#content.dark-mode{background-color:#121212;color:#fff}body.dark-mode #searchInput{background-color:#333;border:1px solid #555;color:#fff}body.dark-mode #searchInput::placeholder{color:#aaa}body.dark-mode #searchToggleIcon{color:#fff}body.dark-mode #languageFilter{border:1px solid #555}body.dark-mode #languageFilter,body.dark-mode #languageFilter option,body.dark-mode #wordInput{background-color:#333;color:#fff}body.dark-mode #wordInput{border-color:#555}body.dark-mode #wordInput:focus{border-color:#76ff03;box-shadow:0 0 8px rgba(118,255,3,.3)}body.dark-mode .voice-option:hover{background-color:#000}body.dark-mode #controls{background-color:#2c2c2c;box-shadow:0 2px 4px rgba(0,0,0,.5);padding:5px 10px}body.dark-mode #pitchValue,body.dark-mode #speedValue,body.dark-mode .control-slider label{color:#ccc}body.dark-mode input[type=range]::-webkit-slider-runnable-track{background-color:#555;border-radius:2px}body.dark-mode input[type=range]::-webkit-slider-thumb{background-color:#007bff;box-shadow:none}body.dark-mode #pronounceIcon{background-color:#626567;box-shadow:0 2px 4px rgba(0,0,0,.6);color:#fff}body.dark-mode #pronounceIcon:hover{background-color:#0056b3}@media (max-width:600px){#controls{gap:25px}}body.dark-mode #highlightWord{color:#ddd}body.dark-mode .share-container{background-color:#333;border:1px solid #444;color:#ddd}body.dark-mode #shareButton i{color:#626567}body.dark-mode #shareButton i:hover{color:#2040b4}body.dark-mode #textStats{background-color:#333;border:1px solid #444;color:#ddd}body.dark-mode #savedHistory::-webkit-scrollbar-thumb,body.dark-mode #voiceList::-webkit-scrollbar-thumb,body.dark-mode #wordInput::-webkit-scrollbar-thumb{background-color:#666}body.dark-mode #savedHistory::-webkit-scrollbar-thumb:hover,body.dark-mode #voiceList::-webkit-scrollbar-thumb:hover,body.dark-mode #wordInput::-webkit-scrollbar-thumb:hover{background-color:#444}body.dark-mode .branding .site-title{color:#fff}#savedHistory.dark-mode{background-color:#2a2a2a;border:1px solid #484343;color:#fff}body.dark-mode #subtitleSettingsPanel select,body.dark-mode #subtitleSettingsPanel select option{background-color:#222;color:#fff}body.dark-mode #subtitleSettingsPanel select option:checked{background-color:#0056b3;color:#fff}body.dark-mode #subtitleSettingsPanel select option:hover{background-color:#06c;color:#fff}#highlightStyle optgroup,body.dark-mode #videoLinkModal .modal-content label,body.dark-mode .modal-content{background-color:#222;color:#fff}body:not(.dark-mode) #subtitleSettingsPanel,body:not(.dark-mode) #subtitleSettingsPanel input,body:not(.dark-mode) #subtitleSettingsPanel label,body:not(.dark-mode) #subtitleSettingsPanel select{background-color:#fff;color:#000}#subtitleModal.dark-mode .full-sentence-row span,#subtitleSettingsPanel.dark-mode .full-sentence-row span,body.dark-mode .full-sentence-row span{color:#fff}