/*
 * Typing Master Pro - dark mode overrides.
 * Applied via the .tmp-dark class toggled by TMPUtils.initDarkMode().
 */
#tmp-typing-test-app.tmp-widget.tmp-dark,
#tmp-typing-practice-app.tmp-widget.tmp-dark,
#tmp-balloon-game-app.tmp-widget.tmp-dark,
#tmp-typing-history-app.tmp-widget.tmp-dark {
	color: var(--tmp-text-dark);
}#tmp-typing-test-app.tmp-dark .tmp-chip,
#tmp-typing-practice-app.tmp-dark .tmp-chip,
#tmp-balloon-game-app.tmp-dark .tmp-chip,
#tmp-typing-history-app.tmp-dark .tmp-chip {
	border-color: rgba(139, 92, 246, 0.4);
}#tmp-typing-test-app.tmp-dark .tmp-btn-ghost,
#tmp-typing-practice-app.tmp-dark .tmp-btn-ghost,
#tmp-balloon-game-app.tmp-dark .tmp-btn-ghost,
#tmp-typing-history-app.tmp-dark .tmp-btn-ghost {
	color: var(--tmp-text-dark);
}#tmp-typing-test-app.tmp-dark .tmp-custom-duration-input,
#tmp-typing-practice-app.tmp-dark .tmp-custom-duration-input,
#tmp-balloon-game-app.tmp-dark .tmp-custom-duration-input,
#tmp-typing-history-app.tmp-dark .tmp-custom-duration-input {
	background: #1e293b;
	border-color: rgba(255, 255, 255, 0.15);
	color: var(--tmp-text-dark);
}#tmp-typing-test-app.tmp-dark .tmp-progress-track,
#tmp-typing-practice-app.tmp-dark .tmp-progress-track,
#tmp-balloon-game-app.tmp-dark .tmp-progress-track,
#tmp-typing-history-app.tmp-dark .tmp-progress-track {
	background: rgba(255, 255, 255, 0.1);
}#tmp-typing-test-app.tmp-dark .tmp-field input,
#tmp-typing-practice-app.tmp-dark .tmp-field input,
#tmp-balloon-game-app.tmp-dark .tmp-field input,
#tmp-typing-history-app.tmp-dark .tmp-field input {
	background: #1e293b;
	border-color: rgba(255, 255, 255, 0.15);
	color: var(--tmp-text-dark);
}#tmp-typing-test-app.tmp-dark .tmp-results,
#tmp-typing-practice-app.tmp-dark .tmp-results,
#tmp-balloon-game-app.tmp-dark .tmp-results,
#tmp-typing-history-app.tmp-dark .tmp-results,
#tmp-typing-test-app.tmp-dark .tmp-history-panel,
#tmp-typing-practice-app.tmp-dark .tmp-history-panel,
#tmp-balloon-game-app.tmp-dark .tmp-history-panel,
#tmp-typing-history-app.tmp-dark .tmp-history-panel {
	border-top-color: rgba(255, 255, 255, 0.12);
}

@media (prefers-color-scheme: dark) {#tmp-typing-test-app.tmp-widget:not(.tmp-dark):not([data-theme="light"]),
#tmp-typing-practice-app.tmp-widget:not(.tmp-dark):not([data-theme="light"]),
#tmp-balloon-game-app.tmp-widget:not(.tmp-dark):not([data-theme="light"]),
#tmp-typing-history-app.tmp-widget:not(.tmp-dark):not([data-theme="light"]) {
		/* Respect explicit theme override; auto handled in JS via initDarkMode */
	}
}