/* TỰ SINH — đừng sửa tay. Chạy: node tools/dung-giao-dien-toi.js
   Bản màu tối lật từ style.css. Sửa màu ở style.css rồi chạy lại. */

html[data-theme="dark"] body {
  background: #262a31 !important;
  color: #e6e6e6 !important;
}

html[data-theme="dark"] #s-app {
  background: #212121 !important;
  box-shadow: 0 2px 16px rgba(77,77,77,.10) !important;
}

html[data-theme="dark"] #hdr {
  background: #212121 !important;
  border-bottom: 1.5px solid #3d3d3d !important;
}

html[data-theme="dark"] .sw {
  background: #2b2b2b !important;
}

html[data-theme="dark"] .sw.on {
  background: #147136 !important;
}

html[data-theme="dark"] .sw::after {
  background: #212121 !important;
  box-shadow: 0 1px 4px rgba(77,77,77,.2) !important;
}

html[data-theme="dark"] .sw-lbl {
  color: #c7c7c7 !important;
}

html[data-theme="dark"] .online-wrap {
  color: #bdbdbd !important;
}

html[data-theme="dark"] .odot {
  background: #147136 !important;
}

html[data-theme="dark"] .btn-login {
  background: #35905d !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .btn-login:hover {
  background: #2b754b !important;
}

html[data-theme="dark"] .av-btn-hdr {
  background: #075020 !important;
  border: 2.5px solid #40a766 !important;
  color: #b4efca !important;
}

html[data-theme="dark"] .av-btn-hdr:hover {
  box-shadow: 0 2px 10px rgba(64,167,102,.3) !important;
}

html[data-theme="dark"] #ftr {
  background: #212121 !important;
  border: 1px solid #38433b !important;
  box-shadow: 0 12px 30px -12px rgba(45,108,74,.38), 0 2px 6px rgba(45,108,74,.06) !important;
}

html[data-theme="dark"] .nt-nen::before {
  background: linear-gradient(145deg,#276847 0%,#268354 100%) !important;
  box-shadow: 0 8px 16px -8px rgba(42,111,77,.75) !important;
}

html[data-theme="dark"] .nt {
  color: #bac0be !important;
}

html[data-theme="dark"] .nt:hover {
  color: #ced4d2 !important;
}

html[data-theme="dark"] .nt.active,
html[data-theme="dark"] .nt.active:hover {
  color: #ffffff !important;
}

html[data-theme="dark"] .nt-bao {
  background: #bd1010 !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 2px #3d3d3d !important;
}

html[data-theme="dark"] .nt-bao.co::after {
  background: #bd1010 !important;
}

html[data-theme="dark"] .queue-info {
  color: #f1cdb1 !important;
}

html[data-theme="dark"] .cd {
  background: #18242a !important;
  border: 2px solid #3d3d3d !important;
}

html[data-theme="dark"] .sec {
  color: #c7c7c7 !important;
}

html[data-theme="dark"] .rule {
  color: #d1d1d1 !important;
}

html[data-theme="dark"] .dg {
  color: #8eebb0 !important;
}

html[data-theme="dark"] .dy {
  color: #ebc98e !important;
}

html[data-theme="dark"] .empty {
  color: #cccccc !important;
}

html[data-theme="dark"] .mcard:hover {
  border-color: #40a766 !important;
  box-shadow: 0 3px 12px rgba(64,167,102,.12) !important;
}

html[data-theme="dark"] .bg {
  background: #35905d !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .bc {
  background: #212121 !important;
  color: #bdbdbd !important;
  border: 1.5px solid #3d3d3d !important;
}

html[data-theme="dark"] .live-section-label {
  color: #c7c7c7 !important;
}

html[data-theme="dark"] .rcard {
  background: #18242a !important;
  border: 2px solid #3d3d3d !important;
}

html[data-theme="dark"] .rcard:hover {
  border-color: #40a766 !important;
}

html[data-theme="dark"] .rname {
  color: #e6e6e6 !important;
}

html[data-theme="dark"] .rsub {
  color: #c7c7c7 !important;
}

html[data-theme="dark"] .btn-create {
  background: #35905d !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .btn-create:hover {
  background: #2b754b !important;
}

html[data-theme="dark"] .btn-join {
  background: #083b17 !important;
  color: #bce6cf !important;
  border: 2.5px solid #40a766 !important;
}

html[data-theme="dark"] .btn-join:hover {
  background: #075020 !important;
}

html[data-theme="dark"] .btn-primary {
  background: #35905d !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .btn-primary:hover {
  background: #2b754b !important;
}

html[data-theme="dark"] .btn-ghost {
  background: #212121 !important;
  color: #d1d1d1 !important;
  border: 2px solid #3d3d3d !important;
}

html[data-theme="dark"] .btn-ghost:hover {
  background: #212121 !important;
}

html[data-theme="dark"] .btn-sm {
  background: #212121 !important;
  color: #d1d1d1 !important;
  border: 2px solid #3d3d3d !important;
}

html[data-theme="dark"] .btn-find {
  background: #35905d !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .btn-find:hover {
  background: #2b754b !important;
}

html[data-theme="dark"] .btn-google {
  background: #212121 !important;
  color: #e6e6e6 !important;
  border: 2px solid #3d3d3d !important;
}

html[data-theme="dark"] .btn-google:hover {
  box-shadow: 0 3px 10px rgba(77,77,77,.12) !important;
}

html[data-theme="dark"] .btn-send {
  background: #35905d !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .btn-resign {
  background: #420000 !important;
  color: #eb8e8e !important;
  border: 2px solid #592222 !important;
}

html[data-theme="dark"] .inp {
  background: #212121 !important;
  border: 2px solid #3d3d3d !important;
  color: #e6e6e6 !important;
}

html[data-theme="dark"] .inp:focus {
  border-color: #2e794f !important;
}

html[data-theme="dark"] .form-err {
  color: #eb8e8e !important;
}

html[data-theme="dark"] .flbl {
  color: #bdbdbd !important;
}

html[data-theme="dark"] .av-g {
  background: #075020 !important;
  border: 3px solid #40a766 !important;
  color: #b4efca !important;
}

html[data-theme="dark"] .av-r {
  background: #400202 !important;
  border: 3px solid #6f2a2a !important;
  color: #f1b1b1 !important;
}

html[data-theme="dark"] .av-y {
  background: #554e01 !important;
  border: 3px solid #6f5c2a !important;
  color: #f1c9b1 !important;
}

html[data-theme="dark"] .av-p {
  background: #0e033f !important;
  border: 3px solid #3b2a6f !important;
  color: #cab2f0 !important;
}

html[data-theme="dark"] .lb-wrap {
  background: #18242a !important;
  border: 2px solid #3d3d3d !important;
}

html[data-theme="dark"] .lb th {
  color: #c7c7c7 !important;
  background: #1b2028 !important;
}

html[data-theme="dark"] .lb td {
  border-top: 1px solid #3d3d3d !important;
  color: #e6e6e6 !important;
}

html[data-theme="dark"] .lb-load {
  color: #c7c7c7 !important;
}

html[data-theme="dark"] .my-rank {
  border-color: #225935 !important;
  background: #083b17 !important;
}

html[data-theme="dark"] .spinner {
  border: 4px solid #40a766 !important;
}

html[data-theme="dark"] .td-elo {
  color: #e6e6e6 !important;
}

html[data-theme="dark"] .td-elo span {
  color: #bce6cf !important;
}

html[data-theme="dark"] .td-sub {
  color: #c7c7c7 !important;
}

html[data-theme="dark"] .srch-txt {
  color: #bce6cf !important;
}

html[data-theme="dark"] .srch-sub {
  color: #c7c7c7 !important;
}

html[data-theme="dark"] .ov {
  background: rgba(15,15,15,.5) !important;
}

html[data-theme="dark"] .popup {
  background: #212121 !important;
  box-shadow: 0 20px 60px rgba(77,77,77,.2) !important;
}

html[data-theme="dark"] .pclose {
  color: #c7c7c7 !important;
}

html[data-theme="dark"] .pclose:hover {
  color: #d1d1d1 !important;
}

html[data-theme="dark"] .lc {
  background: #083b17 !important;
}

html[data-theme="dark"] .lx {
  color: #eb8e8e !important;
}

html[data-theme="dark"] .lo {
  color: #b1f1c9 !important;
}

html[data-theme="dark"] .ptitle {
  color: #bce6cf !important;
}

html[data-theme="dark"] .ptitle2 {
  color: #e6e6e6 !important;
}

html[data-theme="dark"] .psub {
  color: #c7c7c7 !important;
}

html[data-theme="dark"] .big-code {
  color: #bce6cf !important;
}

html[data-theme="dark"] #pp {
  background: #212121 !important;
  border: 2px solid #3d3d3d !important;
  box-shadow: 0 8px 32px rgba(77,77,77,.12) !important;
}

html[data-theme="dark"] .pp-act {
  background: #212121 !important;
  color: #d1d1d1 !important;
  border: 2px solid #353b45 !important;
}

html[data-theme="dark"] .pp-act:hover {
  background: #2b2b2b !important;
}

html[data-theme="dark"] .pp-name {
  color: #e6e6e6 !important;
}

html[data-theme="dark"] .pp-elo {
  color: #bce6cf !important;
}

html[data-theme="dark"] .pp-stat {
  color: #bdbdbd !important;
  background: #212121 !important;
}

html[data-theme="dark"] #pbar {
  background: #212121 !important;
  border-bottom: 1.5px solid #3d3d3d !important;
}

html[data-theme="dark"] .pbadge {
  background: #212121 !important;
  border: 2px solid #3d3d3d !important;
}

html[data-theme="dark"] .pname {
  color: #e6e6e6 !important;
}

html[data-theme="dark"] .pelo-hang {
  color: #b7bbc3 !important;
  background: #1c2127 !important;
}

html[data-theme="dark"] .pelo {
  color: #c7c7c7 !important;
}

html[data-theme="dark"] .pvs {
  color: #dddddd !important;
}

html[data-theme="dark"] .tpx {
  background: #420000 !important;
  color: #cccccc !important;
}

html[data-theme="dark"] .tpo {
  background: #212121 !important;
  color: #cccccc !important;
}

html[data-theme="dark"] .tpx.active-t {
  background: #400202 !important;
  color: #eb8e8e !important;
}

html[data-theme="dark"] .tpo.active-t {
  background: #083b17 !important;
  color: #b1f1c9 !important;
}

html[data-theme="dark"] .tpill.sap-het {
  background: #400202 !important;
  color: #f1b1b1 !important;
}

html[data-theme="dark"] #bwrap {
  background: #1b2028 !important;
}

html[data-theme="dark"] #board {
  background: #212121 !important;
  border: 1.5px solid #3d3d3d !important;
  box-shadow: 0 2px 8px rgba(77,77,77,.08) !important;
}

html[data-theme="dark"] .cell {
  border: 0.5px solid rgba(77,77,77,.12) !important;
}

html[data-theme="dark"] .cell:hover:not(.forb):not(.hidden):not(.placed) {
  background: rgba(153,120,0,.2) !important;
}

html[data-theme="dark"] .cell.hidden {
  background: #1b2027!important !important;
}

html[data-theme="dark"] .cell.forb {
  background: #4c545d!important !important;
  border-color: #444c55!important !important;
}

html[data-theme="dark"] .cell.sel {
  background: rgba(153,120,0,.35)!important !important;
}

html[data-theme="dark"] .cell.win-hl {
  background: rgba(153,120,0,.45)!important !important;
}

html[data-theme="dark"] #ctrl {
  background: #212121 !important;
  border-bottom: 1px solid #3d3d3d !important;
}

html[data-theme="dark"] .clbl {
  color: #c7c7c7 !important;
}

html[data-theme="dark"] #gstat {
  color: #bce6cf !important;
  background: #083b17 !important;
  border-bottom: 1px solid #225935 !important;
}

html[data-theme="dark"] #chat-area {
  background: #212121 !important;
  border-top: 1px solid #3d3d3d !important;
}

html[data-theme="dark"] .chat-luu {
  color: #b6bbc4 !important;
}

html[data-theme="dark"] .cinp {
  background: #18242a !important;
  border: 2px solid #3d3d3d !important;
  color: #e6e6e6 !important;
}

html[data-theme="dark"] .cinp:focus {
  border-color: #2e794f !important;
}

html[data-theme="dark"] .chat-msg {
  background: rgba(20,113,54,.88) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] #result-modal {
  background: rgba(15,15,15,.5) !important;
}

html[data-theme="dark"] #result-box {
  background: rgba(33,33,33,.92) !important;
  box-shadow: 0 8px 32px rgba(77,77,77,.3) !important;
}

html[data-theme="dark"] .elo-chip {
  background: #18242a !important;
  border: 2px solid #3d3d3d !important;
}

html[data-theme="dark"] .dp {
  color: #8eebb0 !important;
}

html[data-theme="dark"] .dn {
  color: #eb8e8e !important;
}

html[data-theme="dark"] .toast {
  background: #212121 !important;
  border: 2px solid #3d3d3d !important;
  box-shadow: 0 4px 16px rgba(77,77,77,.1) !important;
}

html[data-theme="dark"] .ts {
  border-left: 5px solid #40a766 !important;
}

html[data-theme="dark"] .te {
  border-left: 5px solid #6f2a2a !important;
}

html[data-theme="dark"] .ti {
  border-left: 5px solid #2a496f !important;
}

html[data-theme="dark"] body {
  background: #262a31 !important;
}

html[data-theme="dark"] .vav {
  background: #075020 !important;
  border: 2px solid #40a766 !important;
  color: #b4efca !important;
}

html[data-theme="dark"] .vcnt-lbl {
  color: #c7c7c7 !important;
}

html[data-theme="dark"] .btn-donate {
  background: linear-gradient(135deg,#147136,#1abe56) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(64,167,102,.3) !important;
}

html[data-theme="dark"] .btn-donate:hover {
  box-shadow: 0 4px 12px rgba(64,167,102,.4) !important;
}

html[data-theme="dark"] #online-users-bar {
  border-bottom: 1px solid #3d3d3d !important;
}

html[data-theme="dark"] .onl-av {
  border: 2px solid #40a766 !important;
  background: #075020 !important;
  color: #b1f1c9 !important;
}

html[data-theme="dark"] .online-count-lbl {
  color: #8eebb0 !important;
  background: #083b17 !important;
  border: 1px solid #225935 !important;
}

html[data-theme="dark"] .cell.last-x {
  background: rgba(134,22,22,0.13) !important !important;
}

html[data-theme="dark"] .cell.last-o {
  background: rgba(26,190,86,0.13) !important !important;
}

html[data-theme="dark"] .cell.last-x::after {
  border: 1.5px solid rgba(186,72,72,0.35) !important;
}

html[data-theme="dark"] .cell.last-o::after {
  border: 1.5px solid rgba(51,134,82,0.35) !important;
}

html[data-theme="dark"] #announcement-box {
  background: linear-gradient(135deg,#083b17,#075020) !important;
  border: 1.5px solid #2a6f43 !important;
}

html[data-theme="dark"] #ann-text {
  color: #b4efca !important;
}

html[data-theme="dark"] #ann-edit-btn:hover {
  background: rgba(15,15,15,.06) !important;
}

html[data-theme="dark"] #ctrl {
  background: #212121 !important;
  border-top: 1px solid #3d3d3d !important;
}

html[data-theme="dark"] .ctrl-icon-btn {
  border: 1.5px solid #353b45 !important;
}

html[data-theme="dark"] .ctrl-icon-btn:hover {
  background: #212121 !important;
}

html[data-theme="dark"] .ctrl-icon-btn.muted::after {
  background: #bd1010 !important;
}

html[data-theme="dark"] .ctrl-lbl-btn {
  background: #1b2028 !important;
  border: 1px solid #353b45 !important;
  color: #d1d1d1 !important;
}

html[data-theme="dark"] .ctrl-lbl-btn:hover {
  background: #262931 !important;
}

html[data-theme="dark"] #slb-wrap,
html[data-theme="dark"] #sln-wrap {
  background: #212121 !important;
  border: 1px solid #353b45 !important;
  box-shadow: 0 4px 14px rgba(77,77,77,.12) !important;
}

html[data-theme="dark"] .result-close-btn {
  color: #c7c7c7 !important;
}

html[data-theme="dark"] .result-close-btn:hover {
  color: #d1d1d1 !important;
}

html[data-theme="dark"] .btn-find-ai {
  background: #4b10b1 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .btn-find-ai:hover {
  background: #421784 !important;
}

html[data-theme="dark"] .ai-badge {
  background: #4b10b1 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .ai-color {
  color: #b18eeb !important;
}

html[data-theme="dark"] .ai-bg-light {
  background: #0b0042 !important;
}

html[data-theme="dark"] .ai-border {
  border-color: #2b2259 !important;
}

html[data-theme="dark"] .gc-popup {
  background: #423500 !important;
  border: 1px solid #6f612a !important;
  box-shadow: 0 10px 32px rgba(77,77,77,.18) !important;
}

html[data-theme="dark"] .gc-head {
  background: #554402 !important;
  border-bottom: 1px solid #6f612a !important;
}

html[data-theme="dark"] .gc-title {
  color: #f1c8b1 !important;
}

html[data-theme="dark"] .gc-close {
  color: #f1c9b1 !important;
}

html[data-theme="dark"] .gc-close:hover {
  background: #554a20 !important;
  color: #f1c8b1 !important;
}

html[data-theme="dark"] .gc-list {
  background: #423500 !important;
}

html[data-theme="dark"] .gc-empty {
  color: #f1d7b1 !important;
}

html[data-theme="dark"] .gc-msg:hover {
  background: #554402 !important;
}

html[data-theme="dark"] .gc-avatar {
  background: #554a20 !important;
  color: #f1c8b1 !important;
}

html[data-theme="dark"] .gc-uname {
  color: #dee4ed !important;
}

html[data-theme="dark"] .gc-time {
  color: #f1d7b1 !important;
}

html[data-theme="dark"] .gc-text {
  color: #dbe2f0 !important;
}

html[data-theme="dark"] .gc-foot {
  border-top: 1px solid #6f612a !important;
  background: #423500 !important;
}

html[data-theme="dark"] .gc-open-input {
  background: #554402 !important;
  border: 1px solid #6f612a !important;
  color: #f1c8b1 !important;
}

html[data-theme="dark"] .gc-open-input:hover {
  background: #554a20 !important;
}

html[data-theme="dark"] .gc-input-wrap {
  border-top: 1px solid #6f612a !important;
  background: #423500 !important;
}

html[data-theme="dark"] .gc-input {
  border: 1px solid #6f5f2a !important;
  background: #212121 !important;
}

html[data-theme="dark"] .gc-input:focus {
  border-color: #b98f47 !important;
}

html[data-theme="dark"] .gc-counter {
  color: #f1d7b1 !important;
}

html[data-theme="dark"] .gc-send-icon {
  background: #1abe56 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .gc-send-icon:hover {
  background: #199a4a !important;
}

html[data-theme="dark"] .gc-send-icon:disabled {
  background: #343941 !important;
}

html[data-theme="dark"] .lb-header {
  background: #212121 !important;
  border-bottom: 1px solid #353b45 !important;
}

html[data-theme="dark"] .lb-search {
  border: 1px solid #363c45 !important;
  background: #212121 !important;
}

html[data-theme="dark"] .lb-search:focus {
  border-color: #2e794f !important;
}

html[data-theme="dark"] .lb-search-btn {
  background: #35905d !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .lb-search-btn:hover {
  background: #277348 !important;
}

html[data-theme="dark"] #lb-body tr.lb-match {
  background: #554402 !important !important;
}

html[data-theme="dark"] .scroll-top-btn {
  background: #35905d !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(77,77,77,.18) !important;
}

html[data-theme="dark"] .scroll-top-btn:hover {
  background: #277348 !important;
}

html[data-theme="dark"] .vm-input {
  border: 2px solid #353b45 !important;
  color: #e6e6e6 !important;
  background: #212121 !important;
}

html[data-theme="dark"] .vm-input:focus {
  border-color: #40a766 !important;
}

html[data-theme="dark"] .vm-input::placeholder {
  color: #c1c6cc !important;
}

html[data-theme="dark"] .vm-btn {
  background: #147136 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .vm-btn-ghost {
  background: #1c2026 !important;
  color: #c8cfda !important;
  border: 2px solid #353b45 !important;
}

html[data-theme="dark"] .vm-err {
  color: #eb8e8e !important;
}

html[data-theme="dark"] .vm-ok {
  color: #b1f1dd !important;
}

html[data-theme="dark"] .ann-pin-card {
  background: #423500 !important;
  border: 1.5px solid #6f612a !important;
}

html[data-theme="dark"] .ann-pin-head {
  color: #f1c9b1 !important;
}

html[data-theme="dark"] .ann-pin-new {
  background: #861616 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .ann-pin-text {
  color: #f1c8b1 !important;
}

html[data-theme="dark"] .pf-sec {
  color: #c8cfda !important;
  border-top: 1px solid #363b44 !important;
}

html[data-theme="dark"] .pf-note {
  color: #b6bbc4 !important;
}

html[data-theme="dark"] .hc-nhac {
  background: #423500 !important;
  border: 1.5px solid #6f612a !important;
  color: #f1c9b1 !important;
}

html[data-theme="dark"] .hc-phat {
  background: #3e0505 !important;
  border: 1.5px solid #592222 !important;
  color: #f1b1b1 !important;
}

html[data-theme="dark"] .hc-muc + .hc-muc {
  border-top: 1px dashed #592222 !important;
}

html[data-theme="dark"] .td-me-guest {
  color: #bdbdbd !important;
}

html[data-theme="dark"] .btn-td-find {
  background: #35905d !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .btn-td-lb {
  background: #212121 !important;
  color: #bce6cf !important;
  border: 2px solid #275439 !important;
}

html[data-theme="dark"] .pl-folder {
  --pl-khay: #19291f !important;
  --pl-giay: #212121 !important;
  box-shadow: 0 1px 2px rgba(45,108,74,.05), 0 12px 28px -18px rgba(45,108,74,.35) !important;
}

html[data-theme="dark"] .pl-tab {
  color: #b7c2bd !important;
}

html[data-theme="dark"] .pl-tab:hover {
  color: #c7dbd1 !important;
  background: rgba(33,33,33,.55) !important;
}

html[data-theme="dark"] .pl-tab.active,
html[data-theme="dark"] .pl-tab.active:hover {
  color: #b8ead1 !important;
}

html[data-theme="dark"] #tp-play .btn-td-find {
  box-shadow: 0 8px 18px -10px rgba(46,121,79,.8) !important;
}

html[data-theme="dark"] #tp-play .btn-create {
  box-shadow: 0 8px 18px -10px rgba(46,121,79,.8) !important;
}

html[data-theme="dark"] #tp-play .btn-join {
  background: #212121 !important;
}

html[data-theme="dark"] #tp-play .btn-join:hover {
  background: #083b17 !important;
}

html[data-theme="dark"] .tran-nhan.td {
  background: #142e20 !important;
  color: #b8ead1 !important;
}

html[data-theme="dark"] .tran-nhan.gl {
  background: #3e2104 !important;
  color: #f1cdb1 !important;
}

html[data-theme="dark"] .tran-nhan.gd {
  background: #554402 !important;
  color: #f1c9b1 !important;
}

html[data-theme="dark"] .loc-nut {
  border: 1.5px solid #353b45 !important;
  background: #212121 !important;
}

html[data-theme="dark"] .loc-nut:hover {
  border-color: #2a5039 !important;
}

html[data-theme="dark"] .loc-nut.on {
  background: #142e20 !important;
  border-color: #2e794f !important;
}

html[data-theme="dark"] .loc-giay {
  color: #c8cfda !important;
}

html[data-theme="dark"] .loc-giay-so {
  color: #b8ead1 !important;
}

html[data-theme="dark"] .tg-nut {
  border: 1.5px solid #353b45 !important;
  background: #212121 !important;
  color: #b7bbc3 !important;
}

html[data-theme="dark"] .tg-nut:hover {
  border-color: #2a5039 !important;
  color: #c8cfda !important;
}

html[data-theme="dark"] .tg-nut.on {
  background: #142e20 !important;
  border-color: #2e794f !important;
  color: #b8ead1 !important;
}

html[data-theme="dark"] .sap-co {
  background: #212121 !important;
  box-shadow: 0 0 0 6px #2f4c3a, 0 16px 32px -18px rgba(45,108,74,.4) !important;
}

html[data-theme="dark"] .sap-co-ico {
  background: #19291f !important;
}

html[data-theme="dark"] .sap-co-ten {
  color: #deede5 !important;
}

html[data-theme="dark"] .sap-co-phu {
  color: #b7c2bd !important;
}

html[data-theme="dark"] .sap-co-chu {
  background: #182b1c !important;
  color: #c9d9d1 !important;
}

html[data-theme="dark"] .ar-ten {
  color: #deede5 !important;
}

html[data-theme="dark"] .ar-nhan {
  background: #142e20 !important;
  color: #b8ead1 !important;
}

html[data-theme="dark"] .ar-nhan.ar-cho_chot {
  background: #554402 !important;
  color: #f1c9b1 !important;
}

html[data-theme="dark"] .ar-nhan.ar-ket_thuc {
  background: #1c2127 !important;
  color: #cbd0d7 !important;
}

html[data-theme="dark"] .ar-moc {
  color: #c9d9d1 !important;
}

html[data-theme="dark"] .ar-ghichu {
  color: #b7bbc3 !important;
}

html[data-theme="dark"] .ar-vong-ten {
  color: #b8ead1 !important;
}

html[data-theme="dark"] .ar-vong-ten span {
  color: #b6bcc4 !important;
}

html[data-theme="dark"] .ar-tran {
  background: #212121 !important;
  border: 1.5px solid #33473b !important;
  box-shadow: 0 4px 12px -8px rgba(45,108,74,.25) !important;
}

html[data-theme="dark"] .ar-vong:not(:last-child) .ar-tran::after {
  border-top: 2px solid #2d4d38 !important;
}

html[data-theme="dark"] .ar-vong:not(:first-child) .ar-tran::before {
  border-top: 2px solid #2d4d38 !important;
}

html[data-theme="dark"] .ar-t-dang_dau,
html[data-theme="dark"] .ar-t-nghi {
  border-color: #2a6f43 !important;
}

html[data-theme="dark"] .ar-t-dem_nguoc {
  border-color: #6f5f2a !important;
}

html[data-theme="dark"] .ar-tran-so {
  color: #b6bcc4 !important;
}

html[data-theme="dark"] .ar-ng + .ar-ng {
  border-top: 1px dashed #354539 !important;
}

html[data-theme="dark"] .ar-hat {
  color: #b7bbc3 !important;
  background: #1c2026 !important;
}

html[data-theme="dark"] .ar-tenng {
  color: #dee4ed !important;
}

html[data-theme="dark"] .ar-trong .ar-tenng {
  color: #b6bbc4 !important;
}

html[data-theme="dark"] .ar-ty {
  color: #b8ead1 !important;
}

html[data-theme="dark"] .ar-thang .ar-tenng {
  color: #b8ead1 !important;
}

html[data-theme="dark"] .ar-toi {
  background: #083b17 !important;
}

html[data-theme="dark"] .ar-av {
  background: #1e3929 !important;
  color: #b8ead1 !important;
}

html[data-theme="dark"] .ar-vao {
  color: #b1f1c9 !important;
}

html[data-theme="dark"] .ar-nut {
  border: 1.5px solid #353b45 !important;
  background: #1b2128 !important;
  color: #b7bbc3 !important;
}

html[data-theme="dark"] .ar-nut.ar-sang {
  background: #35905d !important;
  border-color: #2e794f !important;
  color: #ffffff !important;
  box-shadow: 0 6px 14px -8px rgba(46,121,79,.8) !important;
}

html[data-theme="dark"] .ar-kq {
  color: #b8ead1 !important;
}

html[data-theme="dark"] .ar-vd {
  background: #423500 !important;
  border: 1.5px solid #6f612a !important;
}

html[data-theme="dark"] .ar-vd-tieu {
  color: #f1c9b1 !important;
}

html[data-theme="dark"] .ar-vd-giai {
  color: #f1c9b1 !important;
}

html[data-theme="dark"] .ar-o {
  background: #2a4e3b !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .ar-giai {
  background: #212121 !important;
  border: 1px solid #32493b !important;
  box-shadow: 0 1px 2px rgba(45,108,74,.06),0 16px 32px -22px rgba(45,108,74,.5) !important;
}

html[data-theme="dark"] .ar-giai-dau {
  color: #ffffff !important;
  background: radial-gradient(120% 160% at 100% 0%,rgba(165,133,4,.22) 0%,rgba(165,133,4,0) 45%),
             linear-gradient(135deg,#18402e 0%,#256d49 55%,#35905d 100%) !important;
}

html[data-theme="dark"] .ar-giai.ar-ket_thuc .ar-giai-dau {
  background: linear-gradient(135deg,#333f4d 0%,#586474 100%) !important;
}

html[data-theme="dark"] .ar-giai-logo {
  background: rgba(33,33,33,.12) !important;
  box-shadow: inset 0 0 0 1px rgba(61,61,61,.2) !important;
}

html[data-theme="dark"] .ar-giai-phu {
  color: rgba(255,255,255,.82) !important;
}

html[data-theme="dark"] .ar-giai-con {
  color: #eedea0 !important;
}

html[data-theme="dark"] .ar-pill {
  background: rgba(33,33,33,.14) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .ar-pill-cho_chot {
  background: rgba(165,133,4,.2) !important;
  color: #eedea0 !important;
}

html[data-theme="dark"] .ar-pill-dang_dau::before {
  background: #1ea44f !important;
}

html[data-theme="dark"] .ar-giai-than {
  background: #1b281f !important;
}

html[data-theme="dark"] .ar-dem-khung {
  background: #212121 !important;
  border: 1px solid #33473b !important;
}

html[data-theme="dark"] .ar-dem-nhan {
  color: #b8c2bc !important;
}

html[data-theme="dark"] .ar-tt h4 {
  color: #deede5 !important;
}

html[data-theme="dark"] .ar-tt li {
  color: #c9d9d1 !important;
}

html[data-theme="dark"] .ar-tt li b {
  color: #deede5 !important;
}

html[data-theme="dark"] .ar-gt-hang {
  background: #423500 !important;
  border: 1px solid #6f612a !important;
}

html[data-theme="dark"] .ar-gt-ten {
  color: #deede5 !important;
}

html[data-theme="dark"] .ar-gt-ten small {
  color: #b6bcc4 !important;
}

html[data-theme="dark"] .ar-gt-hang b {
  color: #f1c9b1 !important;
}

html[data-theme="dark"] .lb-goiy {
  background: #212121 !important;
  border: 1.5px solid #353b45 !important;
  box-shadow: 0 8px 24px rgba(77,77,77,.12) !important;
}

html[data-theme="dark"] .lb-goiy-item {
  color: #e6e6e6 !important;
}

html[data-theme="dark"] .lb-goiy-item:hover,
html[data-theme="dark"] .lb-goiy-item.on {
  background: #083b17 !important;
}

html[data-theme="dark"] .lb-goiy-item .g-elo {
  color: #c2c7cc !important;
}

html[data-theme="dark"] .lb-goiy-trong {
  color: #b6bbc4 !important;
}

html[data-theme="dark"] .lb-size {
  border: 2px solid #353b45 !important;
  color: #d1d1d1 !important;
  background: #212121 !important;
}

html[data-theme="dark"] .lb-size:focus {
  border-color: #2e794f !important;
}

html[data-theme="dark"] tr.lb-me td {
  background: #083b17 !important;
}

html[data-theme="dark"] .lb-count {
  color: #b6bbc4 !important;
}

html[data-theme="dark"] .elo-tam {
  color: #f1d3b1 !important;
}

html[data-theme="dark"] .lb-chuthich {
  color: #b6bbc4 !important;
}

html[data-theme="dark"] .lb-chuthich b {
  color: #b7bbc3 !important;
}

html[data-theme="dark"] .lb-pg {
  color: #b7bbc3 !important;
}

html[data-theme="dark"] .lb-pg:hover {
  color: #bce6cf !important;
}

html[data-theme="dark"] .lb-pg-dots {
  color: #c3c8cf !important;
}

html[data-theme="dark"] .lb-pg-nhap {
  border-bottom: 1.5px solid #353b45 !important;
  color: #bce6cf !important;
}

html[data-theme="dark"] .lb-pg-nhap:focus {
  border-color: #2e794f !important;
}

html[data-theme="dark"] .lb-pg-tong {
  color: #c2c7cc !important;
}

html[data-theme="dark"] .mr-name {
  color: #b4efca !important;
}

html[data-theme="dark"] .mr-name em {
  color: #a5d4ba !important;
}

html[data-theme="dark"] .mr-stat b {
  color: #f1d3b1 !important;
}

html[data-theme="dark"] .mr-stat .mr-tbh {
  color: #b6bbc4 !important;
}

html[data-theme="dark"] .mr-stat .mr-hang {
  color: #bce6cf !important;
}

html[data-theme="dark"] .mr-ic {
  color: #b7bbc3 !important;
}

html[data-theme="dark"] .rate-sec {
  color: #c8cfda !important;
}

html[data-theme="dark"] .rate-opt {
  border: 2px solid #353b45 !important;
  background: #212121 !important;
  color: #d1d1d1 !important;
}

html[data-theme="dark"] .rate-opt:hover {
  border-color: #2d3c4e !important;
}

html[data-theme="dark"] .rate-opt.on {
  border-color: #2e794f !important;
  background: #083b17 !important;
  color: #b4efca !important;
}

html[data-theme="dark"] .badge {
  background: #1c2026 !important;
  color: #cbd0d7 !important;
}

html[data-theme="dark"] .badge-trust {
  background: #554402 !important;
  color: #f1c9b1 !important;
}

html[data-theme="dark"] .lb-bam:hover .lb-ten {
  color: #bce6cf !important;
}

html[data-theme="dark"] .lb-ten {
  color: #e6e6e6 !important;
}

html[data-theme="dark"] .lb-ten .odot {
  background: #147136 !important;
}

html[data-theme="dark"] .lb-so span {
  color: #c2c7cc !important;
}

html[data-theme="dark"] .lb-help {
  background: #242b32 !important;
  color: #ccd1d6 !important;
}

html[data-theme="dark"] .lb-help:hover {
  background: #35905d !important;
  color: #ffffff !important;
}

html[data-theme="dark"] #rate-inline {
  border-top: 1.5px solid #363b44 !important;
}

html[data-theme="dark"] .rate-title {
  color: #cbd0d7 !important;
}

html[data-theme="dark"] .rate-title span {
  color: #bce6cf !important;
}

html[data-theme="dark"] .rate-chip {
  border: 2px solid #353b45 !important;
  background: #212121 !important;
  color: #d1d1d1 !important;
}

html[data-theme="dark"] .rate-chip:hover {
  border-color: #2d3c4e !important;
}

html[data-theme="dark"] .rate-chip.on {
  border-color: #2e794f !important;
  background: #083b17 !important;
  color: #b4efca !important;
}

html[data-theme="dark"] .rate-err {
  color: #eb8e8e !important;
}

html[data-theme="dark"] .rate-skip {
  border: 2px solid #353b45 !important;
  background: #212121 !important;
  color: #bdbdbd !important;
}

html[data-theme="dark"] .rate-send {
  background: #35905d !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .rate-khen {
  background: #35905d !important;
  color: #ffffff !important;
  box-shadow: 0 6px 14px -8px rgba(46,121,79,.8) !important;
}

html[data-theme="dark"] .rate-khen:hover {
  background: #2d8051 !important;
}

html[data-theme="dark"] .rate-khen:disabled {
  background: #142e20 !important;
  color: #b8ead1 !important;
}

html[data-theme="dark"] .rate-mota {
  border: 2px solid #353b45 !important;
  color: #e6e6e6 !important;
}

html[data-theme="dark"] .rate-mota:focus {
  border-color: #2e794f !important;
}

html[data-theme="dark"] .rate-mota-dem {
  color: #c7c7c7 !important;
}

html[data-theme="dark"] .rate-mota-dem.thieu {
  color: #eb8e8e !important;
}

html[data-theme="dark"] .var-the {
  background: #212121 !important;
}

html[data-theme="dark"] .var-nho {
  color: #b8ead1 !important;
}

html[data-theme="dark"] .var-ten {
  color: #deede5 !important;
}

html[data-theme="dark"] .var-tt.var-cho {
  background: #554402 !important;
  color: #f1c9b1 !important;
}

html[data-theme="dark"] .var-tt.var-dang_chay {
  background: #075020 !important;
  color: #b4efca !important;
}

html[data-theme="dark"] .var-tt.var-da_dung {
  background: #1c2127 !important;
  color: #cbd0d7 !important;
}

html[data-theme="dark"] .var-so {
  color: #c9d9d1 !important;
}

html[data-theme="dark"] .var-ghi {
  color: #b8c2bc !important;
}

html[data-theme="dark"] .var-loi {
  color: #eb8e8e !important;
}

html[data-theme="dark"] .var-toi {
  color: #deede5 !important;
}

html[data-theme="dark"] .var-mt.ct {
  background: #022740 !important;
  color: #b1dbf1 !important;
}

html[data-theme="dark"] .var-mt.td {
  background: #3b0725 !important;
  color: #f1b1cb !important;
}

html[data-theme="dark"] .var-mt.kh {
  background: #1c2127 !important;
  color: #b7bbc3 !important;
}

html[data-theme="dark"] .var-hs.ok {
  background: #075020 !important;
  color: #b4efca !important;
}

html[data-theme="dark"] .var-hs.cho {
  background: #554402 !important;
  color: #f1c9b1 !important;
}

html[data-theme="dark"] .var-hs.x {
  background: #400202 !important;
  color: #f1b1b1 !important;
}

html[data-theme="dark"] .var-le {
  background: #212121 !important;
  color: #c9d9d1 !important;
}

html[data-theme="dark"] .var-le summary {
  color: #b8ead1 !important;
}

html[data-theme="dark"] .var-them {
  color: #b6bbc4 !important;
}

html[data-theme="dark"] .var-hoso {
  background: #212121 !important;
}

html[data-theme="dark"] .var-hoso-dat {
  border-color: #2a6f43 !important;
}

html[data-theme="dark"] .var-hoso-dau {
  color: #deede5 !important;
}

html[data-theme="dark"] .var-link {
  border: 1.5px solid #363c45 !important;
}

html[data-theme="dark"] .var-links a {
  color: #f1b1b1 !important;
  background: #3e0505 !important;
}

html[data-theme="dark"] .var-van-nut {
  border: 1.5px solid #2d4d3a !important;
  background: #182b1c !important;
  color: #b8ead1 !important;
}

html[data-theme="dark"] .var-bau {
  background: #212121 !important;
}

html[data-theme="dark"] .var-bau.ok {
  border-color: #2a6f43 !important;
  color: #b4efca !important;
}

html[data-theme="dark"] .var-bau.x {
  border-color: #592222 !important;
  color: #f1b1b1 !important;
}

html[data-theme="dark"] .var-bau.ok.on {
  background: #1abe56 !important;
  border-color: #338652 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .var-bau.x.on {
  background: #861616 !important;
  border-color: #ba4848 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .var-gc {
  border: 1.5px solid #353b45 !important;
}

html[data-theme="dark"] .var-dh {
  background: #212121 !important;
}

html[data-theme="dark"] .var-dh-nhom + .var-dh-nhom {
  border-top: 1px solid #354539 !important;
}

html[data-theme="dark"] .var-dh-ten {
  color: #deede5 !important;
}

html[data-theme="dark"] .var-dh-ten span {
  color: #b6bbc4 !important;
}

html[data-theme="dark"] .var-dh-t {
  color: #e6e6e6 !important;
}

html[data-theme="dark"] .dh-chip.dh-cao_thu {
  background: linear-gradient(135deg,#086189,#0e3b9c) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .dh-chip.dh-thach_dau {
  background: linear-gradient(135deg,#c20b2a,#b31fc1) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .tran-nhan.var {
  background: #1a253c !important;
  color: #ebdc8e !important;
}

html[data-theme="dark"] .var-chip {
  background: #1a253c !important;
  color: #ebdc8e !important;
}

html[data-theme="dark"] .dh-o-cao_thu .lb-dh-ten {
  color: #8ea7eb !important;
}

html[data-theme="dark"] .dh-o-thach_dau .lb-dh-ten {
  color: #ecb1f1 !important;
}

html[data-theme="dark"] .var-ngo {
  background: #422500 !important;
  border: 1px solid #593f22 !important;
  color: #f1c1b1 !important;
}

html[data-theme="dark"] .var-van-nut.ngo {
  border-color: #6f4d2a !important;
  background: #422500 !important;
  color: #f1c4b1 !important;
}

html[data-theme="dark"] .ar-xm {
  background: #422500 !important;
  border: 1px solid #593f22 !important;
  color: #f1c1b1 !important;
}

html[data-theme="dark"] .ar-xm.ok {
  background: #083b17 !important;
  border-color: #225935 !important;
  color: #b4efca !important;
}

html[data-theme="dark"] .ar-xm-nut {
  background: #35905d !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .ar-tran-so b {
  color: #b8ead1 !important;
}

html[data-theme="dark"] .tbr-tin {
  background: #182b1c !important;
  border: 1px solid #2b4f39 !important;
  color: #dfece3 !important;
}

html[data-theme="dark"] .tbr-luc {
  color: #b8c2bc !important;
}

html[data-theme="dark"] .nut-gd {
  color: #d1d1d1 !important;
}

html[data-theme="dark"] .nut-gd:hover {
  background: rgba(15,15,15,.06) !important;
}

@media(min-width:1440px) {
  html[data-theme="dark"] }
  
  
  .btn-draw {
    background: #423300 !important;
    color: #f1d3b1 !important;
    border: 2px solid #6f612a !important;
  }
  
  html[data-theme="dark"] .btn-draw:hover {
    background: #554402 !important;
  }
  
  html[data-theme="dark"] .cscore {
    color: #bce6cf !important;
  }
  
  html[data-theme="dark"] #viewers-bar {
    background: #212121 !important;
    border-top: 1px solid #3d3d3d !important;
  }
  
  html[data-theme="dark"] .vcnt {
    color: #c7c7c7 !important;
  }
}

@media(min-width:621px) {
  html[data-theme="dark"] #s-app {
    box-shadow: 0 0 30px rgba(77,77,77,.12) !important;
  }
}

/* Màu tô thẳng trong index.html */
html[data-theme="dark"] #gc-btn {
  color: #d1d1d1 !important;
}

html[data-theme="dark"] #gc-badge {
  background: #bd1010 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] #donate-ticker {
  background: #083b17 !important;
  border-bottom: 1px solid #22593d !important;
}

html[data-theme="dark"] #donate-ticker-text {
  color: #d4f7ed !important;
}

html[data-theme="dark"] [data-block="community"] {
  background: linear-gradient(135deg,#063c23,#094e2b) !important;
  border: 1.5px solid #2a6f54 !important;
}

html[data-theme="dark"] [data-block="community"] [data-f="title"] {
  color: #d4f7ed !important;
}

html[data-theme="dark"] [data-block="community"] [data-f="subtitle"] {
  color: #b1f1df !important;
}

html[data-theme="dark"] [data-block="community"] [data-f="button"] {
  background: #06b47e !important;
  color: #ffffff !important;
}

html[data-theme="dark"] [data-block="news"] {
  background: linear-gradient(135deg,#001d42,#022554) !important;
  border: 1.5px solid #2a4b6f !important;
}

html[data-theme="dark"] [data-block="news"] [data-f="label"] {
  color: #8eabeb !important;
}

html[data-theme="dark"] [data-block="news"] [data-f="title"] {
  color: #b4c3ef !important;
}

html[data-theme="dark"] [data-block="news"] [data-f="subtitle"] {
  color: #8ea7eb !important;
}

html[data-theme="dark"] [data-block="news"] [data-f="button"] {
  background: #0e3b9c !important;
  color: #ffffff !important;
}

html[data-theme="dark"] #mm-note {
  color: #f1cdb1 !important;
}

html[data-theme="dark"] #casual-score {
  color: #bce6cf !important;
}

html[data-theme="dark"] #po-av {
  background: #212121 !important;
  border: 3px solid #3d3d3d !important;
  color: #c7c7c7 !important;
}

html[data-theme="dark"] #result-action-btn {
  background: #35905d !important;
  color: #ffffff !important;
  box-shadow: 0 3px 10px rgba(77,77,77,.25) !important;
}

html[data-theme="dark"] #chat-count {
  color: #cccccc !important;
}

html[data-theme="dark"] #viewers-bar {
  background: #212121 !important;
  border-top: 1px solid #3d3d3d !important;
}

html[data-theme="dark"] #result-title {
  color: #e6e6e6 !important;
}

html[data-theme="dark"] #result-sub {
  color: #bdbdbd !important;
}

html[data-theme="dark"] #elo-ghichu {
  color: #f1cdb1 !important;
  background: #423500 !important;
  border: 1px solid #6f612a !important;
}

html[data-theme="dark"] #gt-body {
  color: #d1d1d1 !important;
}

html[data-theme="dark"] #draw-modal {
  background: rgba(15,15,15,.55) !important;
}

html[data-theme="dark"] #donate-bank {
  background: #083b17 !important;
  border: 2px solid #225935 !important;
}

html[data-theme="dark"] #donate-bank-nhan {
  color: #bdbdbd !important;
}

html[data-theme="dark"] #donate-bank-ten {
  color: #e6e6e6 !important;
}

html[data-theme="dark"] #donate-bank-chu {
  color: #d1d1d1 !important;
}

html[data-theme="dark"] #donate-stk {
  color: #bce6cf !important;
}

html[data-theme="dark"] #copy-stk-btn {
  background: #35905d !important;
  color: #ffffff !important;
}

/* Thẻ tô màu thẳng mà không có tên để gọi — bắt theo đoạn chữ trong style */
html[data-theme="dark"] [style*="background:#fff"],
html[data-theme="dark"] [style*="background: #fff"] {
  background: #212121 !important;
}

html[data-theme="dark"] [style*="color:#888"],
html[data-theme="dark"] [style*="color: #888"] {
  color: #bdbdbd !important;
}

html[data-theme="dark"] [style*="background:#2d7a4f"],
html[data-theme="dark"] [style*="background: #2d7a4f"] {
  background: #35905d !important;
}

html[data-theme="dark"] [style*="color:#fff"],
html[data-theme="dark"] [style*="color: #fff"] {
  color: #ffffff !important;
}

html[data-theme="dark"] [style*="background:#f5f5f5"],
html[data-theme="dark"] [style*="background: #f5f5f5"] {
  background: #212121 !important;
}

html[data-theme="dark"] [style*="color:#555"],
html[data-theme="dark"] [style*="color: #555"] {
  color: #d1d1d1 !important;
}

html[data-theme="dark"] [style*="color:#aaa"],
html[data-theme="dark"] [style*="color: #aaa"] {
  color: #c7c7c7 !important;
}

html[data-theme="dark"] [style*="background:rgba(255,255,255,.2)"],
html[data-theme="dark"] [style*="background: rgba(255,255,255,.2)"] {
  background: rgba(33,33,33,.2) !important;
}

html[data-theme="dark"] [style*="color:#93c5fd"],
html[data-theme="dark"] [style*="color: #93c5fd"] {
  color: #a2c6ef !important;
}

html[data-theme="dark"] [style*="background:#f0fdf4"],
html[data-theme="dark"] [style*="background: #f0fdf4"] {
  background: #083b17 !important;
}

html[data-theme="dark"] [style*="color:#166534"],
html[data-theme="dark"] [style*="color: #166534"] {
  color: #b4efca !important;
}

html[data-theme="dark"] [style*="color:#333"],
html[data-theme="dark"] [style*="color: #333"] {
  color: #e6e6e6 !important;
}

html[data-theme="dark"] [style*="background:#eff6ff"],
html[data-theme="dark"] [style*="background: #eff6ff"] {
  background: #001d42 !important;
}

html[data-theme="dark"] [style*="color:#1e3a8a"],
html[data-theme="dark"] [style*="color: #1e3a8a"] {
  color: #b4c3ef !important;
}

html[data-theme="dark"] [style*="background:#fefce8"],
html[data-theme="dark"] [style*="background: #fefce8"] {
  background: #403a03 !important;
}

html[data-theme="dark"] [style*="color:#854d0e"],
html[data-theme="dark"] [style*="color: #854d0e"] {
  color: #f1d3b1 !important;
}

html[data-theme="dark"] [style*="color:#78350f"],
html[data-theme="dark"] [style*="color: #78350f"] {
  color: #f1c8b1 !important;
}

html[data-theme="dark"] [style*="color:#92400e"],
html[data-theme="dark"] [style*="color: #92400e"] {
  color: #f1c9b1 !important;
}

html[data-theme="dark"] [style*="background:rgba(255,255,255,.6)"],
html[data-theme="dark"] [style*="background: rgba(255,255,255,.6)"] {
  background: rgba(33,33,33,.6) !important;
}

html[data-theme="dark"] [style*="background:#fef2f2"],
html[data-theme="dark"] [style*="background: #fef2f2"] {
  background: #3e0505 !important;
}

html[data-theme="dark"] [style*="color:#991b1b"],
html[data-theme="dark"] [style*="color: #991b1b"] {
  color: #f1b1b1 !important;
}

html[data-theme="dark"] [style*="background:#f8fafb"],
html[data-theme="dark"] [style*="background: #f8fafb"] {
  background: #18242a !important;
}

html[data-theme="dark"] [style*="color:#374151"],
html[data-theme="dark"] [style*="color: #374151"] {
  color: #c8cfda !important;
}

html[data-theme="dark"] [style*="color:#6b7280"],
html[data-theme="dark"] [style*="color: #6b7280"] {
  color: #b7bbc3 !important;
}

html[data-theme="dark"] [style*="color:#b45309"],
html[data-theme="dark"] [style*="color: #b45309"] {
  color: #f1cdb1 !important;
}

html[data-theme="dark"] [style*="color:#9ca3af"],
html[data-theme="dark"] [style*="color: #9ca3af"] {
  color: #b6bbc4 !important;
}

html[data-theme="dark"] [style*="color:#2d7a4f"],
html[data-theme="dark"] [style*="color: #2d7a4f"] {
  color: #bce6cf !important;
}

html[data-theme="dark"] [style*="background:#e5e7eb"],
html[data-theme="dark"] [style*="background: #e5e7eb"] {
  background: #262931 !important;
}

html[data-theme="dark"] [style*="color:#1f6b45"],
html[data-theme="dark"] [style*="color: #1f6b45"] {
  color: #b8ead1 !important;
}

html[data-theme="dark"] [style*="color:#1a5c38"],
html[data-theme="dark"] [style*="color: #1a5c38"] {
  color: #b7ebcf !important;
}

html[data-theme="dark"] [style*="color:#e53e3e"],
html[data-theme="dark"] [style*="color: #e53e3e"] {
  color: #eb8e8e !important;
}

html[data-theme="dark"] [style*="color:#dc2626"],
html[data-theme="dark"] [style*="color: #dc2626"] {
  color: #eb8e8e !important;
}

html[data-theme="dark"] [style*="color:#16a34a"],
html[data-theme="dark"] [style*="color: #16a34a"] {
  color: #b1f1c9 !important;
}

html[data-theme="dark"] [style*="background:#f0f0f0"],
html[data-theme="dark"] [style*="background: #f0f0f0"] {
  background: #212121 !important;
}

html[data-theme="dark"] [style*="border-color:#ccc"],
html[data-theme="dark"] [style*="border-color: #ccc"] {
  border-color: #3d3d3d !important;
}

html[data-theme="dark"] [style*="background:#f6faf7"],
html[data-theme="dark"] [style*="background: #f6faf7"] {
  background: #182b1c !important;
}

html[data-theme="dark"] [style*="color:#222"],
html[data-theme="dark"] [style*="color: #222"] {
  color: #e6e6e6 !important;
}

html[data-theme="dark"] [style*="color:#c3c8cf"],
html[data-theme="dark"] [style*="color: #c3c8cf"] {
  color: #c3c8cf !important;
}