[data-theme="dark"] {

  

  .new-korrektur {
    background: var(--color-bg) !important;
    color: var(--color-text-primary) !important;
  }

  .text-area-container {
    background: var(--color-bg) !important;
  }

  .inner-textarea-bottom {
    background-color: var(--color-card) !important;
    border-color: var(--color-border) !important;
  }

  .main-textarea-section {
    background: var(--color-card) !important;
    color: var(--color-text-primary) !important;
  }

  

  .correction-sidebar {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text-primary) !important;
  }

  .correction-content {
    background: var(--color-card) !important;
    color: var(--color-text-primary) !important;
  }

  .improv-inner {
    background: var(--color-card) !important;
  }

  

  .top-controls {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
  }

  .top-controls .control-btn {
    color: var(--color-text-secondary) !important;
  }

  .top-controls .control-btn:hover:not(:disabled) {
    background: rgba(255, 255, 255, 0.08) !important;
    color: var(--color-text-primary) !important;
  }

  .format-toolbar {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
  }

  .format-toolbar .format-btn,
  .format-toolbar button {
    color: var(--color-text-secondary) !important;
  }

  .format-toolbar .format-btn:hover,
  .format-toolbar button:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    color: var(--color-text-primary) !important;
  }

  .format-divider,
  .format-separator {
    background: var(--color-border) !important;
  }

  

  .counter-nav-div {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text-secondary) !important;
  }

  

  .ql-container.ql-snow {
    border-color: var(--color-border) !important;
  }

  .ql-editor {
    color: var(--color-text-primary) !important;
  }

  .ql-editor.ql-blank::before {
    color: var(--color-text-secondary) !important;
  }

  .ql-toolbar.ql-snow {
    border-color: var(--color-border) !important;
    background: var(--color-card) !important;
  }

  .ql-snow .ql-stroke {
    stroke: var(--color-text-secondary) !important;
  }

  .ql-snow .ql-fill {
    fill: var(--color-text-secondary) !important;
  }

  .ql-snow .ql-picker {
    color: var(--color-text-secondary) !important;
  }

  

  .option-laes,
  .option-tab,
  .view-option,
  .assistent-tab {
    color: var(--color-text-secondary) !important;
  }

  .option-laes.active,
  .option-tab.active,
  .view-option.active,
  .assistent-tab.active {
    color: var(--color-text-primary) !important;
    background: rgba(var(--color-primary-rgb), 0.15) !important;
  }

  

  .text-area,
  #inputText,
  textarea {
    background: var(--color-card) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--color-border) !important;
  }

  input[type="text"],
  input[type="search"] {
    background: var(--color-bg) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--color-border) !important;
  }

  

  .toast-notification {
    background: var(--color-card) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--color-border) !important;
    box-shadow: var(--shadow-popup) !important;
  }

  

  .modal-overlay,
  .upload-modal-overlay {
    background: rgba(0, 0, 0, 0.6) !important;
  }

  .modal-content,
  .upload-modal {
    background: var(--color-card) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--color-border) !important;
  }

  .dropdown-menu,
  .language-dropdown {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
    box-shadow: var(--shadow-popup) !important;
  }

  .dropdown-item:hover {
    background: rgba(255, 255, 255, 0.06) !important;
  }

  

  .chat-messages,
  .assistent-container {
    background: var(--color-bg) !important;
  }

  .chat-welcome-state {
    color: var(--color-text-secondary) !important;
  }

  .assistent-input-wrapper {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
  }

  .assistent-input-wrapper input,
  .assistent-input-wrapper textarea {
    background: transparent !important;
    color: var(--color-text-primary) !important;
  }

  

  .gemt-file-card,
  .instruction-card,
  .example-chip {
    background: var(--color-bg) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text-primary) !important;
  }

  .gemt-file-card:hover,
  .instruction-card:hover {
    background: rgba(255, 255, 255, 0.04) !important;
  }

  .gemt-empty-state {
    color: var(--color-text-secondary) !important;
  }

  

  .selection-toolbar {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
    box-shadow: var(--shadow-popup) !important;
  }

  .selection-toolbar button {
    color: var(--color-text-secondary) !important;
  }

  .selection-toolbar button:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    color: var(--color-text-primary) !important;
  }

  

  * {
    scrollbar-color: var(--color-border) transparent;
  }

  *::-webkit-scrollbar-thumb {
    background: var(--color-border);
    border-radius: 4px;
  }

  *::-webkit-scrollbar-track {
    background: transparent;
  }

  

  .split-translator {
    background: var(--color-bg) !important;
  }

  .st-language-bar {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
  }

  .st-lang-selector {
    color: var(--color-text-primary) !important;
  }

  .st-lang-dropdown {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
    box-shadow: var(--shadow-popup) !important;
  }

  .st-lang-option:hover,
  .st-dropdown-item:hover {
    background: rgba(255, 255, 255, 0.06) !important;
  }

  .st-lang-option.selected {
    background: rgba(var(--color-primary-rgb), 0.15) !important;
  }

  .st-lang-search {
    background: var(--color-bg) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--color-border) !important;
  }

  .st-source-panel,
  .st-target-panel {
    background: var(--color-card) !important;
  }

  .st-panel-toolbar {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
  }

  .st-toolbar-btn {
    color: var(--color-text-secondary) !important;
  }

  .st-toolbar-btn:hover:not(:disabled) {
    color: var(--color-text-primary) !important;
    background: rgba(255, 255, 255, 0.08) !important;
  }

  .st-toolbar-divider {
    background: var(--color-border) !important;
  }

  .st-panel-divider {
    background: var(--color-border) !important;
  }

  .st-status-bar {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text-secondary) !important;
  }

  .st-char-count {
    color: var(--color-text-secondary) !important;
  }

  .st-tone-preset-btn {
    color: var(--color-text-secondary) !important;
    border-color: var(--color-border) !important;
  }

  .st-tone-preset-btn.active {
    background: rgba(var(--color-primary-rgb), 0.15) !important;
    color: var(--color-text-primary) !important;
  }

  .st-overflow-dropdown {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
    box-shadow: var(--shadow-popup) !important;
  }

  .st-settings-popover {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
    box-shadow: var(--shadow-popup) !important;
    color: var(--color-text-primary) !important;
  }

  .st-settings-label {
    color: var(--color-text-secondary) !important;
  }

  .st-settings-select {
    background: var(--color-bg) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--color-border) !important;
  }

  
  .st-drawer {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
  }

  .st-drawer-header {
    border-color: var(--color-border) !important;
    color: var(--color-text-primary) !important;
  }

  .st-chat-bubble.st-chat-assistant {
    background: var(--color-bg) !important;
    color: var(--color-text-primary) !important;
  }

  .st-chat-bubble.st-chat-user {
    background: rgba(var(--color-primary-rgb), 0.15) !important;
    color: var(--color-text-primary) !important;
  }

  .st-chat-input {
    background: var(--color-bg) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--color-border) !important;
  }

  .st-chat-action-btn {
    color: var(--color-text-secondary) !important;
  }

  .st-chat-welcome {
    color: var(--color-text-secondary) !important;
  }

  .st-shortcut-card {
    background: var(--color-bg) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text-primary) !important;
  }

  .st-shortcut-card:hover {
    background: rgba(255, 255, 255, 0.04) !important;
  }

  .st-history-card {
    background: var(--color-bg) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text-primary) !important;
  }

  
  .st-vocab-popover {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
    box-shadow: var(--shadow-popup) !important;
  }

  .st-vocab-card {
    border-color: var(--color-border) !important;
    color: var(--color-text-primary) !important;
  }

  .st-toast {
    background: var(--color-card) !important;
    color: var(--color-text-primary) !important;
    box-shadow: var(--shadow-popup) !important;
  }

  

  .grammar-container,
  .grammer-container {
    background: var(--color-bg) !important;
  }

  .explanation-section {
    background: var(--color-card) !important;
    color: var(--color-text-primary) !important;
  }

  .correction-item {
    background: var(--color-bg) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text-primary) !important;
  }

  .correction-item:hover {
    background: rgba(255, 255, 255, 0.04) !important;
  }

  .tab-btn,
  .sidebar-tab {
    color: var(--color-text-secondary) !important;
  }

  .tab-btn.active,
  .sidebar-tab.active {
    color: var(--color-text-primary) !important;
  }

  .history-panel,
  .history-item {
    background: var(--color-card) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--color-border) !important;
  }

  
  .intensity-card,
  .slider-container {
    background: var(--color-bg) !important;
    color: var(--color-text-primary) !important;
  }

  
  .action-button,
  .primary-action-btn {
    
  }

  

  .transcription-option {
    background: var(--color-bg) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text-primary) !important;
  }

  .transcription-toggle .toggle-track {
    background: var(--color-border) !important;
  }

  .new-note-btn,
  .saved-note-btn {
    background: var(--color-bg) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text-primary) !important;
  }

  .new-note-btn:hover,
  .saved-note-btn:hover {
    background: rgba(255, 255, 255, 0.04) !important;
  }

  
  .mobile-fab {
    background: var(--color-card) !important;
    box-shadow: var(--shadow-popup) !important;
  }

  

  .loader-overlay,
  .nbt-textarea-overlay {
    background: rgba(17, 23, 39, 0.7) !important;
  }

  .loader-text,
  .nbt-loader-text {
    color: var(--color-text-primary) !important;
  }

  .st-skeleton-line {
    background: var(--color-border) !important;
  }

  

  hr,
  .divider,
  .separator {
    border-color: var(--color-border) !important;
  }

}

[data-theme="dark"] {

  
  .view-option,
  .chat-tab,
  .assistent-tab {
    background: transparent !important;
    color: var(--color-text-secondary) !important;
    border-color: var(--color-border) !important;
  }

  .view-option.active,
  .chat-tab.active,
  .assistent-tab.active {
    background: var(--color-card) !important;
    color: var(--color-text-primary) !important;
  }

  
  .language-dropdown,
  .dk-dropdown {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text-primary) !important;
    box-shadow: var(--shadow-popup) !important;
  }

  .language-dropdown::after {
    background: var(--color-card) !important;
  }

  
  .instruction-modal-content {
    background: var(--color-card) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--color-border) !important;
  }

  
  .premium-plus-btn,
  .premium-plus-btn.selected {
    background: var(--color-bg) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text-primary) !important;
  }

  
  .tone-card,
  .voice-card,
  .audio-control-card {
    background: var(--color-bg) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text-primary) !important;
  }

  .voice-toggle-btn {
    color: var(--color-text-secondary) !important;
    border-color: var(--color-border) !important;
  }

  .voice-toggle-btn.selected {
    background: var(--color-card) !important;
    color: var(--color-text-primary) !important;
  }

  
  .link-input-wrapper {
    background: var(--color-bg) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text-primary) !important;
  }

  .link-input-wrapper input {
    color: var(--color-text-primary) !important;
  }

  
  .source-option,
  .input-card,
  .upload-card {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text-primary) !important;
  }

  .source-option:hover,
  .input-card:hover {
    background: rgba(255, 255, 255, 0.04) !important;
  }

  .source-option p,
  .input-card p {
    color: var(--color-text-secondary) !important;
  }

  
  .hamdan-header,
  .hClose {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text-primary) !important;
  }

  .hamdan-header-btn {
    color: var(--color-text-secondary) !important;
  }

  .hamdan-header-btn:hover {
    background: rgba(255, 255, 255, 0.08) !important;
  }

  .dk-hamdan-custom-input-label {
    background: var(--color-card) !important;
    color: var(--color-text-primary) !important;
  }

  
  #inputText {
    background: var(--color-card) !important;
    color: var(--color-text-primary) !important;
  }

  #inputText *:not(.word-highlight) {
    color: inherit !important;
  }

  
  #inputText mark.word-highlight {
    color: var(--color-text-primary) !important;
  }

  
  .size-btn {
    background: var(--color-bg) !important;
    color: var(--color-text-secondary) !important;
    border-color: var(--color-border) !important;
  }

  .size-btn:hover {
    background: rgba(255, 255, 255, 0.06) !important;
  }

  
  .new-note-btn {
    background: var(--color-bg) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text-primary) !important;
  }

  
  .robot-container [style*="background: #fff"],
  .robot-container [style*="background-color: #fff"],
  .robot-container [style*="background: white"],
  .robot-container [style*="background-color: white"] {
    background: var(--color-card) !important;
    background-color: var(--color-card) !important;
  }

  
  [style*="linear-gradient"][style*="#fff"] {
    background: var(--color-card) !important;
  }

  
  .robot-container svg {
    color: inherit;
  }

  
  .counter-text,
  .char-count,
  .char-limit-text {
    color: var(--color-text-secondary) !important;
  }

  
  .robot-container [style*="border-color: #e5e7eb"],
  .robot-container [style*="border: 1px solid #e"] {
    border-color: var(--color-border) !important;
  }
}

[data-theme="dark"] body .robot-container .inner-textarea-bottom {
  background: var(--color-card) !important;
  background-color: var(--color-card) !important;
  border-color: var(--color-border) !important;
}

[data-theme="dark"] body .robot-container .correction-sidebar {
  background: var(--color-card) !important;
  background-color: var(--color-card) !important;
  border-color: var(--color-border) !important;
}

[data-theme="dark"] body .robot-container .main-textarea-section {
  background: var(--color-card) !important;
  background-color: var(--color-card) !important;
}

[data-theme="dark"] body .robot-container #inputText {
  background: var(--color-card) !important;
  background-color: var(--color-card) !important;
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] body .robot-container #inputText .markdown-body table tr {
  background-color: var(--color-bg) !important;
}

[data-theme="dark"] body .robot-container .format-toolbar {
  background: var(--color-card) !important;
  background-color: var(--color-card) !important;
  border-color: var(--color-border) !important;
}

[data-theme="dark"] body .robot-container .counter-nav-div {
  background: var(--color-card) !important;
  background-color: var(--color-card) !important;
}

[data-theme="dark"] body .robot-container .top-controls {
  background: var(--color-card) !important;
  background-color: var(--color-card) !important;
}

[data-theme="dark"] body .robot-container .robot-view,
[data-theme="dark"] body .robot-container .noter-view,
[data-theme="dark"] body .robot-container .assistent-view,
[data-theme="dark"] body .robot-container .gemt-view {
  background: var(--color-card) !important;
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] body .robot-container .transcription-options {
  background: var(--color-card) !important;
  border-color: var(--color-border) !important;
}

[data-theme="dark"] body .robot-container .option-toggle {
  border-color: var(--color-border) !important;
}

[data-theme="dark"] body .robot-container .toggle-label,
[data-theme="dark"] body .robot-container .state-title,
[data-theme="dark"] body .robot-container .state-desc {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] body .robot-container .sidebar-tab-btn,
[data-theme="dark"] body .robot-container .tab-button,
[data-theme="dark"] body .robot-container [class*="tab-btn"],
[data-theme="dark"] body .robot-container [class*="view-btn"] {
  background: transparent !important;
  color: var(--color-text-secondary) !important;
  border-color: var(--color-border) !important;
}

[data-theme="dark"] body .robot-container .sidebar-tab-btn.active,
[data-theme="dark"] body .robot-container .tab-button.active,
[data-theme="dark"] body .robot-container [class*="tab-btn"].active,
[data-theme="dark"] body .robot-container [class*="view-btn"].active {
  background: var(--color-bg) !important;
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] body .robot-container .mobile-bottom-sheet .audio-control-card {
  background: var(--color-bg) !important;
}

[data-theme="dark"] body .robot-container .new-note-btn,
[data-theme="dark"] body .robot-container [class*="new-note"],
[data-theme="dark"] body .robot-container [class*="create-btn"] {
  background: var(--color-bg) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] body .robot-container .welcome-state,
[data-theme="dark"] body .robot-container .source-card,
[data-theme="dark"] body .robot-container [class*="source-option"] {
  background: var(--color-card) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] {

  
  .ql-editor,
  .ql-container.ql-snow,
  .ql-container {
    background: var(--color-card) !important;
    background-color: var(--color-card) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--color-border) !important;
  }

  .ql-editor.ql-blank::before {
    color: var(--color-text-secondary) !important;
  }

  
  .correction-level-container {
    background: var(--color-bg) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text-primary) !important;
  }

  .level-help-tooltip {
    background: var(--color-bg) !important;
    color: var(--color-text-secondary) !important;
    border-color: var(--color-border) !important;
  }

  
  .grammar-mode-buttons {
    background: var(--color-card) !important;
  }

  
  .tooltip {
    background: var(--color-card) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--color-border) !important;
    box-shadow: var(--shadow-popup) !important;
  }

  
  .sidebar-dropdown-items {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
  }

  .sidebar-dropdown-items button,
  .sidebar-dropdown-items a {
    color: var(--color-text-secondary) !important;
  }

  .sidebar-dropdown-items button:hover,
  .sidebar-dropdown-items a:hover,
  .sidebar-dropdown-items button.active,
  .sidebar-dropdown-items a.active {
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--color-text-primary) !important;
  }

  
  .upload-modal-btn {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text-primary) !important;
  }

  .upload-modal-btn:hover {
    background: rgba(255, 255, 255, 0.04) !important;
  }

  .upload-modal-btn p,
  .upload-modal-btn span {
    color: var(--color-text-secondary) !important;
  }

  
  .sidebar-tab-itmes {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
  }

  .sidebar-tab-itmes button,
  .sidebar-tab-itmes a {
    color: var(--color-text-secondary) !important;
  }

  .sidebar-tab-itmes button:hover,
  .sidebar-tab-itmes a:hover,
  .sidebar-tab-itmes button.active,
  .sidebar-tab-itmes a.active {
    color: var(--color-text-primary) !important;
    background: rgba(255, 255, 255, 0.06) !important;
  }

  
  .ql-snow .ql-tooltip {
    background-color: var(--color-card) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text-primary) !important;
    box-shadow: var(--shadow-popup) !important;
  }

  .ql-snow .ql-tooltip input[type=text] {
    background: var(--color-bg) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--color-border) !important;
  }

  
  .ql-snow .ql-picker-options {
    background-color: var(--color-card) !important;
    border-color: var(--color-border) !important;
  }

  
  .ql-snow .ql-stroke {
    stroke: var(--color-text-secondary) !important;
  }

  .ql-snow .ql-fill,
  .ql-snow .ql-stroke.ql-fill {
    fill: var(--color-text-secondary) !important;
  }

  .ql-snow .ql-picker {
    color: var(--color-text-secondary) !important;
  }

  .ql-toolbar.ql-snow {
    border-color: var(--color-border) !important;
  }

  .ql-container.ql-snow {
    border-color: var(--color-border) !important;
  }
}

[data-theme="dark"] body .robot-container .text-area.ql-container .ql-editor,
[data-theme="dark"] body .robot-container .text-area.ql-container.ql-snow .ql-editor,
[data-theme="dark"] body .text-area .ql-editor {
  background: var(--color-card) !important;
  background-color: var(--color-card) !important;
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .ql-editor[class] {
  background: var(--color-card) !important;
  background-color: var(--color-card) !important;
}

[data-theme="dark"] .ql-snow .ql-editor,
[data-theme="dark"] .ql-container.ql-snow .ql-editor,
[data-theme="dark"] .text-area.ql-container.ql-snow .ql-editor,
html[data-theme="dark"] .ql-editor {
  background: #1a2035 !important;
  background-color: #1a2035 !important;
  color: #e8ecf4 !important;
}

[data-theme="dark"] .progress-card {
  background: var(--color-card);
}
[data-theme="dark"] .density-number {
  color: var(--color-text-primary);
}
[data-theme="dark"] .density-unit,
[data-theme="dark"] .diary-label,
[data-theme="dark"] .diary-title,
[data-theme="dark"] .diary-detail,
[data-theme="dark"] .milestone-labels span {
  color: var(--color-text-secondary);
}
[data-theme="dark"] .milestone-track {
  background: var(--color-border);
}
[data-theme="dark"] .milestone-marker {
  background: var(--color-card);
}
[data-theme="dark"] .diary-dot {
  background: var(--color-border);
}
[data-theme="dark"] .week-diary {
  border-color: var(--color-border);
}

[data-theme="dark"] {

  

  .hamdan-speech-bubble {
    background: var(--color-card) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--color-border) !important;
  }

  .hamdan-speech-bubble::before {
    border-bottom-color: var(--color-card) !important;
  }

  .hamdan-speech-bubble::after {
    border-bottom-color: var(--color-card) !important;
  }

  .hamdan-speech-bubble .warning-msg {
    color: var(--color-text-primary) !important;
  }

  

  .voice-slider-container {
    background: var(--color-border) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
  }

  .voice-slider-container::before {
    background-image:
      linear-gradient(to bottom, #4a5568 0%, #4a5568 100%),
      linear-gradient(to bottom, #4a5568 0%, #4a5568 100%),
      linear-gradient(to bottom, #4a5568 0%, #4a5568 100%),
      linear-gradient(to bottom, #4a5568 0%, #4a5568 100%),
      linear-gradient(to bottom, #4a5568 0%, #4a5568 100%) !important;
  }

  .voice-handle {
    border-color: var(--color-card) !important;
  }

  .voice-slider-labels {
    color: var(--color-text-secondary) !important;
  }

  .voice-slider-start,
  .voice-slider-end {
    color: var(--color-text-secondary) !important;
  }

  .voice-card-title {
    color: var(--color-text-primary) !important;
  }

  .voice-card-subtitle {
    color: var(--color-text-secondary) !important;
  }

  
  .voice-change-btn,
  .analyze-request-btn,
  #genBtn {
    box-shadow: 0 2px 6px rgba(var(--color-primary-rgb), 0.4) !important;
  }

  .voice-change-btn::before,
  .analyze-request-btn::before,
  #genBtn::before {
    background: linear-gradient(to bottom, rgba(17, 23, 39, 0) 0%, rgba(17, 23, 39, 0.9) 100%) !important;
  }

  .voice-change-btn:hover,
  .analyze-request-btn:hover,
  #genBtn:hover {
    box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.5) !important;
  }

  

  .style-option {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
    box-shadow: none !important;
  }

  .style-option:hover {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: var(--color-border) !important;
    box-shadow: none !important;
  }

  .style-title {
    color: var(--color-text-secondary) !important;
  }

  .style-title:hover {
    color: var(--color-text-primary) !important;
  }

  .style-description {
    color: var(--color-text-secondary) !important;
  }

  
  .style-icon.formal {
    background-color: rgba(107, 119, 255, 0.15) !important;
  }

  .style-icon.chat {
    background-color: rgba(46, 213, 115, 0.15) !important;
  }

  .style-icon.book {
    background-color: rgba(205, 132, 241, 0.15) !important;
  }

  .style-icon.humor {
    background-color: rgba(255, 175, 64, 0.15) !important;
  }

  

  .improvement-icon,
  .improvement-icon-3 {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
  }

  .improvement-icon svg path,
  .improvement-icon-3 svg path {
    stroke: var(--color-text-secondary) !important;
    fill: var(--color-text-secondary) !important;
  }

  .improvement-text {
    color: var(--color-text-secondary) !important;
  }

  .improvement-header {
    color: var(--color-text-primary) !important;
  }

  .improvement-section {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
  }

  .analysis-card {
    background: var(--color-bg) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text-primary) !important;
  }

  .ai-analysis-text {
    color: var(--color-text-secondary) !important;
  }

  .analysis-subtitle {
    color: var(--color-text-secondary) !important;
  }

  .analysis-reset-button {
    color: var(--color-text-secondary) !important;
    border-color: var(--color-border) !important;
  }

  .analysis-reset-button:hover {
    background: rgba(255, 255, 255, 0.06) !important;
  }

  .analysis-reset-button svg path {
    stroke: var(--color-text-secondary) !important;
  }

  

  .correction-level-container .level-labels .level-label {
    color: var(--color-text-secondary) !important;
  }

  .correction-level-container .level-labels .level-label.active {
    color: var(--color-text-primary) !important;
  }

  .level-slider-track,
  .level-slider-fill {
    background: var(--color-border) !important;
  }

  .level-slider::-webkit-slider-thumb {
    border-color: var(--color-card) !important;
  }

  .level-slider::-moz-range-thumb {
    border-color: var(--color-card) !important;
  }

  

  .dk-hamdan-input-container {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
  }

  .dk-hamdan-custom-input {
    background: var(--color-bg) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--color-border) !important;
  }

  .dk-hamdan-custom-input::placeholder {
    color: var(--color-text-secondary) !important;
  }

  .dk-hamdan-custom-input-controls {
    color: var(--color-text-secondary) !important;
  }

  
  .dk-hamdan-modal-container {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
  }

  .dk-hamdan-option-button {
    background: var(--color-bg) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text-primary) !important;
  }

  .dk-hamdan-option-button:hover {
    background: rgba(255, 255, 255, 0.04) !important;
  }

  

  .sidebar-collapsed-icons {
    background: var(--color-card) !important;
  }

  .sidebar-icon-btn {
    color: var(--color-text-secondary) !important;
  }

  .sidebar-icon-btn:hover {
    background: rgba(255, 255, 255, 0.06) !important;
  }

  .sidebar-icon-btn .sidebar-svg-icon svg path {
    stroke: var(--color-text-secondary) !important;
  }

  
  .correction-sidebar-collapsed {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
  }

  .collapsed-option:hover {
    background: rgba(255, 255, 255, 0.06) !important;
  }

  .collapsed-option.active {
    background: rgba(var(--color-primary-rgb), 0.15) !important;
  }

  

  .legend-text {
    color: var(--color-text-secondary) !important;
  }

  .correction-message {
    color: var(--color-text-secondary) !important;
  }

  

  .header-section {
    background: var(--color-card) !important;
    border-color: var(--color-border) !important;
  }

  .header-content {
    background: var(--color-card) !important;
    color: var(--color-text-primary) !important;
  }

  
  .hk-dropdown-option {
    color: var(--color-text-secondary) !important;
  }

  .hk-dropdown-option:hover {
    background: rgba(255, 255, 255, 0.06) !important;
  }

  .hk-dropdown-option.active,
  .hk-dropdown-option[class*="active"] {
    color: var(--color-text-primary) !important;
  }

  

  .correction-sidebar-opsaeting-svg path,
  .correction-sidebar-dropdown2-svg path {
    fill: var(--color-text-secondary) !important;
    stroke: var(--color-text-secondary) !important;
  }
}

[data-theme="dark"] body .robot-container .hamdan-speech-bubble {
  background: #1a2035 !important;
  color: #e8ecf4 !important;
}

[data-theme="dark"] body .robot-container .hamdan-speech-bubble::before {
  border-bottom-color: #1a2035 !important;
}

[data-theme="dark"] body .robot-container .hamdan-speech-bubble::after {
  border-bottom-color: #1a2035 !important;
}

[data-theme="dark"] body .robot-container .voice-slider-container {
  background: #2a3250 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] body .robot-container .style-option {
  background: #1a2035 !important;
  border-color: #2a3250 !important;
  box-shadow: none !important;
}

[data-theme="dark"] body .robot-container .improvement-icon,
[data-theme="dark"] body .robot-container .improvement-icon-3 {
  background: #1a2035 !important;
}

[data-theme="dark"] body .robot-container .dk-hamdan-input-container {
  background: #1a2035 !important;
}

[data-theme="dark"] body .voice-change-btn,
[data-theme="dark"] body .analyze-request-btn,
[data-theme="dark"] body #genBtn {
  box-shadow: 0 2px 6px rgba(var(--color-primary-rgb), 0.4) !important;
}

[data-theme="dark"] body .voice-change-btn:hover,
[data-theme="dark"] body .analyze-request-btn:hover,
[data-theme="dark"] body #genBtn:hover {
  box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.5) !important;
}

html[data-theme="dark"] #inputText .ql-editor {
  background: #1a2035 !important;
  background-color: #1a2035 !important;
}

html[data-theme="dark"] #inputText :not(.word-highlight) {
  background: inherit !important;
  background-color: inherit !important;
}

html[data-theme="dark"] #inputText mark.word-highlight {
  background: rgba(255, 241, 194, 0.2) !important;
}

html[data-theme="dark"] #inputText {
  background: #1a2035 !important;
  background-color: #1a2035 !important;
  color: #e8ecf4 !important;
}

html[data-theme="dark"] #inputText p,
html[data-theme="dark"] #inputText div:not(.ql-editor),
html[data-theme="dark"] #inputText span:not(.word-highlight),
html[data-theme="dark"] #inputText li,
html[data-theme="dark"] #inputText h1,
html[data-theme="dark"] #inputText h2,
html[data-theme="dark"] #inputText h3 {
  background: transparent !important;
  color: inherit !important;
}

html[data-theme="dark"] #inputText ham-dan {
  color: #e8ecf4 !important;
}

html[data-theme="dark"] #inputText ham-dan.grammar-correction-added {
  background: rgba(16, 185, 129, 0.2) !important;
}

html[data-theme="dark"] #inputText ham-dan.grammar-correction-removed {
  background: rgba(239, 68, 68, 0.2) !important;
  text-decoration-color: rgba(239, 68, 68, 0.6) !important;
}

html[data-theme="dark"] #inputText ham-dan.grammar-correction-punctuation {
  background: rgba(245, 158, 11, 0.2) !important;
}

html[data-theme="dark"] #inputText ham-dan.hamdanActive {
  background: rgba(255, 241, 194, 0.25) !important;
}