/* Shared light / dark theme tokens and overrides */

html[data-theme="dark"] .site-logo-img-link {
  position: relative;
  isolation: isolate;
}

html[data-theme="dark"] .site-logo-img-link::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  bottom: 2%;
  width: calc(100% + 20px);
  height: calc(64% + 10px);
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(
    ellipse at center,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.72) 30%,
    rgba(255, 255, 255, 0.42) 52%,
    rgba(255, 255, 255, 0.18) 68%,
    transparent 88%
  );
  filter: blur(32px);
  opacity: 1;
  pointer-events: none;
}

html[data-theme="dark"] .site-logo-img-link .site-logo-img {
  position: relative;
  z-index: 1;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0f1419;
  --card: #1a222c;
  --text: #e7ecf1;
  --muted: #8b9aab;
  --accent: #3d9cf0;
  --ok: #3ecf8e;
  --warn: #f0b429;
  --border: #2a3542;
  --danger: #ff7b7b;
  --surface: #121820;
  --surface-2: #243041;
  --surface-3: #18222e;
  --surface-deep: #0c1016;
  --input-bg: #121820;
  --sidebar: #121820;
  --shadow: rgba(0, 0, 0, 0.35);
  --overlay: rgba(255, 255, 255, 0.06);
}

html[data-theme="light"],
html:not([data-theme]) {
  color-scheme: light;
  --bg: #eef2f7;
  --card: #ffffff;
  --text: #1a2433;
  --muted: #5c6b7e;
  --accent: #1677ff;
  --ok: #16a34a;
  --warn: #d97706;
  --border: #d0dae8;
  --danger: #dc2626;
  --surface: #f5f8fc;
  --surface-2: #e8eef6;
  --surface-3: #dfe6f0;
  --surface-deep: #eef2f7;
  --input-bg: #ffffff;
  --sidebar: #ffffff;
  --shadow: rgba(15, 23, 42, 0.08);
  --overlay: rgba(15, 23, 42, 0.05);
}

.theme-toggle {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
  white-space: nowrap;
}
.theme-toggle .theme-toggle-icon {
  font-size: 0.95rem;
  line-height: 1;
}

/* —— index.html —— */
html[data-theme="light"] body {
  background:
    radial-gradient(900px 520px at 12% -8%, rgba(61, 156, 240, 0.14) 0%, transparent 55%),
    radial-gradient(800px 480px at 92% 4%, rgba(62, 207, 142, 0.12) 0%, transparent 50%),
    radial-gradient(600px 400px at 50% 100%, rgba(26, 48, 80, 0.06) 0%, transparent 60%),
    var(--bg);
}
html[data-theme="light"] .brand-tagline { color: #2d8a5e; }
html[data-theme="light"] .site-logo-mark {
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.5) inset,
    0 4px 14px rgba(22, 119, 255, 0.22);
}
html[data-theme="light"] .site-logo-brand {
  background: linear-gradient(92deg, #1677ff 0%, #0f172a 42%, #16a34a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
html[data-theme="light"] .site-logo-domain .logo-key { color: #1677ff; text-shadow: none; }
html[data-theme="light"] .site-logo-domain .logo-dot { color: #94a3b8; }
html[data-theme="light"] #authView.auth-shell {
  background: linear-gradient(145deg, rgba(62, 207, 142, 0.12), rgba(62, 207, 142, 0.06) 45%, rgba(255, 255, 255, 0.65));
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.06), 0 16px 36px var(--shadow);
}
html[data-theme="light"] #authView.auth-shell::before {
  background: linear-gradient(180deg, #ffffff 0%, #f5f8fc 100%);
}
html[data-theme="light"] .auth-tabs {
  background: rgba(22, 163, 74, 0.08) !important;
  border-color: rgba(22, 163, 74, 0.22) !important;
}
html[data-theme="light"] .auth-tabs button:not(.active) {
  background: transparent !important;
  color: #5c6b7e !important;
}
html[data-theme="light"] .auth-tabs button:not(.active):hover {
  background: rgba(22, 163, 74, 0.1) !important;
  color: #15803d !important;
}
html[data-theme="light"] .auth-tabs button.active,
html[data-theme="light"] .auth-tabs button.active:hover,
html[data-theme="light"] .auth-tabs button.active:active,
html[data-theme="light"] .auth-tabs button.active:focus,
html[data-theme="light"] .auth-tabs button.active:focus-visible {
  background: linear-gradient(135deg, #3ecf8e, #2aab72) !important;
  color: #062416 !important;
  border: none !important;
  box-shadow: 0 6px 16px rgba(62, 207, 142, 0.25) !important;
}
html[data-theme="light"] #authView .auth-panel input:focus {
  border-color: rgba(22, 163, 74, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.14) !important;
  outline: none !important;
}
html[data-theme="light"] #authView .auth-panel .row-btns button:not(.secondary),
html[data-theme="light"] #authView .auth-panel button:not(.secondary) {
  background: linear-gradient(135deg, #3ecf8e, #2aab72) !important;
  color: #062416 !important;
  border: none !important;
  box-shadow: 0 8px 18px rgba(62, 207, 142, 0.2) !important;
}
html[data-theme="light"] #authView .auth-panel .row-btns button:not(.secondary):hover,
html[data-theme="light"] #authView .auth-panel button:not(.secondary):hover,
html[data-theme="light"] #authView .auth-panel .row-btns button:not(.secondary):active,
html[data-theme="light"] #authView .auth-panel button:not(.secondary):active,
html[data-theme="light"] #authView .auth-panel .row-btns button:not(.secondary):focus-visible,
html[data-theme="light"] #authView .auth-panel button:not(.secondary):focus-visible {
  background: linear-gradient(135deg, #4ade80, #22c55e) !important;
  color: #062416 !important;
  filter: none !important;
}
html[data-theme="light"] #authView .auth-goto-recover button:hover,
html[data-theme="light"] #authView .auth-recover summary:hover {
  color: #15803d !important;
}
html[data-theme="light"] .auth-panel {
  background: rgba(255, 255, 255, 0.82) !important;
  border-color: var(--border) !important;
}
html[data-theme="light"] .auth-panel input {
  background: var(--input-bg) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}
html[data-theme="light"] .auth-check {
  background: var(--surface) !important;
  border-color: var(--border) !important;
  color: var(--muted) !important;
}
html[data-theme="light"] .auth-recover {
  border-top-color: var(--border) !important;
}
html[data-theme="light"] .acct-user-hint {
  color: #15803d !important;
  background: rgba(22, 163, 74, 0.1) !important;
  border-color: rgba(22, 163, 74, 0.32) !important;
}
html[data-theme="light"] .notice-tag {
  color: #fff !important;
  background: var(--ok) !important;
}
html[data-theme="light"] .acct-bar button:not(.secondary) {
  background: var(--ok) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(22, 163, 74, 0.2) !important;
}
html[data-theme="light"] .acct-bar button:not(.secondary):hover,
html[data-theme="light"] .acct-bar button:not(.secondary):active,
html[data-theme="light"] .acct-bar button:not(.secondary):focus-visible {
  background: #15803d !important;
  color: #fff !important;
}
html[data-theme="light"] .buy-channel-tabs button.active,
html[data-theme="light"] .buy-sku-tabs button.active {
  color: #fff !important;
}
html[data-theme="light"] .buy-channel-tabs button.active .sub,
html[data-theme="light"] .buy-sku-tabs button.active .sub {
  color: rgba(255, 255, 255, 0.94) !important;
  opacity: 1 !important;
}
html[data-theme="light"] .buy-channel-tabs button:not(.active) .sub,
html[data-theme="light"] .buy-sku-tabs button:not(.active) .sub {
  color: var(--muted) !important;
}
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select {
  background: var(--input-bg) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}
html[data-theme="light"] button.secondary,
html[data-theme="light"] .tabs button,
html[data-theme="light"] .kv button,
html[data-theme="light"] .key-copy button {
  background: var(--surface-2) !important;
  color: var(--text) !important;
}
html[data-theme="light"] code {
  background: var(--surface) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}
html[data-theme="light"] .stat,
html[data-theme="light"] .relay-stats,
html[data-theme="light"] .msg-list,
html[data-theme="light"] .profile-stat,
html[data-theme="light"] .notice-bar,
html[data-theme="light"] .acct-bar {
  background: var(--surface) !important;
}
html[data-theme="light"] table.keys th,
html[data-theme="light"] table.keys td {
  background: var(--card) !important;
  border-color: var(--border) !important;
}
html[data-theme="light"] table.keys tr:nth-child(even) td {
  background: var(--surface) !important;
}
html[data-theme="light"] .relay-usage-item,
html[data-theme="light"] .relay-cache-health.unknown,
html[data-theme="light"] .relay-plan,
html[data-theme="light"] .auth-feature,
html[data-theme="light"] .buy-balance,
html[data-theme="light"] .official-proof,
html[data-theme="light"] .official-home-warn {
  background: var(--card) !important;
  border-color: var(--border) !important;
}
html[data-theme="light"] .relay-model-panel,
html[data-theme="light"] .relay-plans {
  background: var(--surface) !important;
  border-color: var(--border) !important;
}
html[data-theme="light"] .relay-plan-section {
  border-top-color: var(--border) !important;
}
html[data-theme="light"] .relay-plan-section-head.togglable {
  background: rgba(22, 163, 74, 0.08) !important;
  border-color: rgba(22, 163, 74, 0.28) !important;
}
html[data-theme="light"] .relay-plan-actions .picked {
  color: var(--text) !important;
  font-weight: 600;
}
html[data-theme="light"] .relay-plan-section-head .sec-toggle {
  color: var(--accent) !important;
}
html[data-theme="light"] .key-mode-tabs button {
  background: rgba(22, 163, 74, 0.08) !important;
  color: #15803d !important;
  border-color: rgba(22, 163, 74, 0.35) !important;
}
html[data-theme="light"] .key-mode-tabs button.active {
  background: var(--ok) !important;
  color: #fff !important;
  border-color: #16a34a !important;
}
html[data-theme="light"] .relay-plan.active {
  border-color: var(--ok) !important;
  background: rgba(22, 163, 74, 0.1) !important;
  box-shadow: 0 0 0 1px rgba(22, 163, 74, 0.2) !important;
}
html[data-theme="light"] .relay-plan.active .name.plan-quota {
  color: #15803d !important;
}
html[data-theme="light"] .relay-plan.active .plan-credits-tag,
html[data-theme="light"] .relay-plan.active .plan-key-tag {
  color: rgba(15, 76, 138, 0.72) !important;
}
html[data-theme="light"] .relay-plan.active .desc.plan-value-line {
  color: rgba(26, 36, 51, 0.78) !important;
}
html[data-theme="light"] .relay-plan.active .desc.plan-value-line .pct {
  color: #16a34a !important;
}
html[data-theme="light"] .relay-plan.disabled,
html[data-theme="light"] .relay-plan:disabled {
  background: var(--surface-2) !important;
  border-color: var(--border) !important;
  opacity: 1 !important;
  filter: none !important;
}
html[data-theme="light"] .relay-plan.disabled .name,
html[data-theme="light"] .relay-plan.disabled .desc,
html[data-theme="light"] .relay-plan:disabled .name,
html[data-theme="light"] .relay-plan:disabled .desc {
  color: var(--muted) !important;
}
html[data-theme="light"] .relay-plan-section-head .sec-title.unlimited { color: #15803d; }
html[data-theme="light"] .relay-plan-section-head .sec-title.limited { color: #b45309; }
html[data-theme="light"] .relay-stats-title,
html[data-theme="light"] .relay-plan-section-head .sec-title { color: var(--text); }
html[data-theme="light"] .relay-plan .name.plan-quota {
  color: #0f4c8a !important;
  font-weight: 900 !important;
}
html[data-theme="light"] .relay-plan .plan-credits-tag,
html[data-theme="light"] .relay-plan .plan-key-tag {
  color: rgba(6, 60, 36, 0.65) !important;
}
html[data-theme="light"] .relay-plan .desc.plan-value-line {
  color: rgba(26, 36, 51, 0.72) !important;
}
html[data-theme="light"] .relay-plan .desc.plan-value-line .pct,
html[data-theme="light"] .relay-plan.active .desc.plan-value-line .pct {
  color: #16a34a !important;
}
html[data-theme="light"] #tabRelayKey .tab-stock-seq,
html[data-theme="light"] #tabOfficialKey .tab-stock-seq {
  color: rgba(6, 60, 36, 0.78) !important;
}
html[data-theme="light"] #tabRelayKey .tab-stock-seq .stk,
html[data-theme="light"] #tabOfficialKey .tab-stock-seq .stk {
  color: #065f2e !important;
}
html[data-theme="light"] #tabRelayKey.active .tab-stock-seq,
html[data-theme="light"] #tabOfficialKey.active .tab-stock-seq {
  color: rgba(255, 255, 255, 0.9) !important;
}
html[data-theme="light"] #tabRelayKey.active .tab-stock-seq .stk,
html[data-theme="light"] #tabOfficialKey.active .tab-stock-seq .stk {
  color: #fff !important;
}
html[data-theme="light"] .max-ch-subtabs {
  background: var(--surface-2) !important;
  border: 1px solid var(--border) !important;
}
html[data-theme="light"] .max-ch-subtabs button {
  background: transparent !important;
  color: var(--muted) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .max-ch-subtabs button:hover:not(.active) {
  color: var(--text) !important;
  background: rgba(22, 163, 74, 0.1) !important;
  filter: none !important;
}
html[data-theme="light"] .max-ch-subtabs button.active {
  background: linear-gradient(135deg, #22c55e, #16a34a) !important;
  color: #fff !important;
  box-shadow: 0 0 10px rgba(22, 163, 74, 0.2) !important;
  filter: none !important;
}

html[data-theme="light"] .tab-new-badge,
html[data-theme="light"] .tab-key-count-badge {
  background: #f59e0b;
  color: #fff;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9);
}
html[data-theme="light"] .key-mode-tabs button.active .tab-new-badge,
html[data-theme="light"] .key-mode-tabs button.active .tab-key-count-badge {
  background: #d97706;
  color: #fff;
  box-shadow: 0 0 0 2px rgba(6, 36, 22, 0.15);
}
html[data-theme="light"] .bounty-hero {
  background:
    radial-gradient(120% 80% at 100% 0%, rgba(245, 158, 11, 0.14) 0%, transparent 55%),
    radial-gradient(90% 70% at 0% 100%, rgba(22, 163, 74, 0.08) 0%, transparent 50%),
    linear-gradient(145deg, #fffdf8, #fff8eb) !important;
  border-color: rgba(245, 158, 11, 0.35) !important;
  box-shadow: 0 8px 24px rgba(245, 158, 11, 0.12) !important;
}
html[data-theme="light"] .bounty-hero::before {
  color: rgba(245, 158, 11, 0.12) !important;
}
html[data-theme="light"] .bounty-intro-sub {
  color: rgba(15, 23, 42, 0.78) !important;
}
html[data-theme="light"] .bounty-intro-rules {
  background: rgba(255, 255, 255, 0.72) !important;
  border-left-color: #f59e0b !important;
}
html[data-theme="light"] .bounty-feed-item {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.05) 0%, transparent 42%), var(--card) !important;
}
html[data-theme="light"] .bounty-feed-body {
  color: rgba(15, 23, 42, 0.82) !important;
}
html[data-theme="light"] .bounty-submit-panel {
  background: linear-gradient(180deg, rgba(245, 158, 11, 0.05), transparent 38%), var(--surface) !important;
  border-color: rgba(245, 158, 11, 0.28) !important;
}
html[data-theme="light"] #credBox[style] {
  background: var(--surface) !important;
}
html[data-theme="light"] .msg-item:hover,
html[data-theme="light"] .msg-item.active {
  background: var(--surface-2) !important;
}
html[data-theme="light"] .tutorial-tabs button {
  background: var(--surface-2) !important;
}
html[data-theme="light"] .max-ch-calc-table,
html[data-theme="light"] .max-ch-session-empty {
  background: var(--surface) !important;
}

/* —— admin.html —— */
html[data-theme="light"] .login-wrap {
  background:
    radial-gradient(900px 500px at 15% 0%, rgba(61, 156, 240, 0.12) 0%, transparent 55%),
    radial-gradient(700px 400px at 100% 10%, rgba(22, 163, 74, 0.1) 0%, transparent 50%),
    var(--bg);
}
html[data-theme="light"] .topbar {
  background: rgba(255, 255, 255, 0.92) !important;
}
html[data-theme="light"] .nav button:hover { background: var(--surface-2) !important; }
html[data-theme="light"] button.secondary,
html[data-theme="light"] .btn-secondary,
html[data-theme="light"] .menu-toggle,
html[data-theme="light"] .tut-tabs button {
  background: var(--surface-2) !important;
  color: var(--text) !important;
}
html[data-theme="light"] .card {
  background: var(--card) !important;
}

html[data-theme="light"] .side-foot button { background: var(--surface-2) !important; }
html[data-theme="light"] .side-foot button:hover { background: var(--surface-3) !important; }
html[data-theme="light"] .topbar,
html[data-theme="light"] .panel,
html[data-theme="light"] .table-wrap,
html[data-theme="light"] .stat-card,
html[data-theme="light"] .login-card {
  background: var(--card) !important;
}
html[data-theme="light"] .sidebar {
  background: var(--sidebar) !important;
  border-color: var(--border) !important;
}
html[data-theme="light"] table.data th {
  background: var(--surface) !important;
}
html[data-theme="light"] table.data tr:hover td {
  background: var(--surface) !important;
}
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select,
html[data-theme="light"] .ql-toolbar,
html[data-theme="light"] .ql-container {
  background: var(--input-bg) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}
html[data-theme="light"] .ql-editor.ql-blank::before {
  color: var(--muted) !important;
}

/* —— index.html extended light mode —— */
html[data-theme="light"] .card.action-card {
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
}
html[data-theme="light"] .action-panels-shell {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .action-tabs-scroll-wrap {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
}
html[data-theme="light"] .action-card:not(.collapsed) .action-panels-shell,
html[data-theme="light"] .action-card.collapsed .action-panels-shell {
  border: 1px solid var(--border) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .key-mode-tabs:not(.action-tabs) button {
  background: rgba(22, 163, 74, 0.08) !important;
  color: #15803d !important;
  border-color: rgba(22, 163, 74, 0.35) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .key-mode-tabs:not(.action-tabs) button.active {
  background: var(--ok) !important;
  color: #fff !important;
  border-color: #16a34a !important;
}
html[data-theme="light"] .key-mode-tabs:not(.action-tabs) button .tab-stock {
  color: rgba(6, 60, 36, 0.78) !important;
}
html[data-theme="light"] .key-mode-tabs:not(.action-tabs) button.active .tab-stock,
html[data-theme="light"] .key-mode-tabs:not(.action-tabs) button.active .tab-stock strong {
  color: rgba(255, 255, 255, 0.92) !important;
}

html[data-theme="light"] .notice-bar {
  background: linear-gradient(90deg, var(--surface-2), var(--card) 40%, var(--surface-2)) !important;
}
html[data-theme="light"] .official-key-banner {
  background: linear-gradient(90deg, rgba(22, 163, 74, 0.12), rgba(217, 119, 6, 0.08)) !important;
  border-color: rgba(22, 163, 74, 0.35) !important;
  color: #166534 !important;
  box-shadow: 0 1px 3px var(--shadow) !important;
}
html[data-theme="light"] .keys-wrap {
  background: var(--surface) !important;
}
html[data-theme="light"] table.keys thead th {
  background: var(--surface-2) !important;
}
html[data-theme="light"] .buy-sku-tabs button {
  background: var(--surface-2) !important;
  color: var(--text) !important;
}
html[data-theme="light"] .buy-sku-tabs button.active {
  background: var(--accent) !important;
  color: #fff !important;
}
html[data-theme="light"] .action-panels-shell .buy-sku-tabs button:hover {
  border-color: rgba(22, 163, 74, 0.55) !important;
  background: rgba(22, 163, 74, 0.1) !important;
}
html[data-theme="light"] .action-panels-shell .buy-sku-tabs button.active {
  background: var(--ok) !important;
  border-color: #16a34a !important;
  color: #fff !important;
  box-shadow: 0 0 12px rgba(22, 163, 74, 0.22) !important;
}
html[data-theme="light"] .buy-channel-tabs button {
  background: var(--surface-2) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .buy-channel-tabs button:hover:not(.active) {
  border-color: rgba(22, 163, 74, 0.55) !important;
  background: rgba(22, 163, 74, 0.1) !important;
  filter: none !important;
}
html[data-theme="light"] .buy-channel-tabs button.active {
  background: linear-gradient(135deg, #22c55e, #16a34a) !important;
  border-color: #16a34a !important;
  color: #fff !important;
  box-shadow: 0 0 12px rgba(22, 163, 74, 0.22) !important;
  filter: none !important;
}
html[data-theme="light"] .action-panels-shell button:not(.secondary):not(#btnRedeemFlower):not(.relay-plan):not([data-buy-channel]):not([data-sku]) {
  background: linear-gradient(135deg, #3ecf8e, #2aab72) !important;
  color: #062416 !important;
  border: 0 !important;
}
html[data-theme="light"] .action-panels-shell button:not(.secondary):not(#btnRedeemFlower):not(.relay-plan):not([data-buy-channel]):not([data-sku]):hover {
  filter: brightness(1.05);
}
html[data-theme="light"] .action-tabs button {
  background: rgba(22, 163, 74, 0.08) !important;
  color: #15803d !important;
  border: 1px solid rgba(22, 163, 74, 0.35) !important;
}
html[data-theme="light"] .action-tabs button.active {
  background: var(--ok) !important;
  color: #fff !important;
  border-color: #16a34a !important;
}
html[data-theme="light"] .gift,
html[data-theme="light"] .relay-plan .plan-gift-line .gift {
  color: #d97706 !important;
}
html[data-theme="light"] .relay-plans-title,
html[data-theme="light"] .relay-plan .name {
  color: var(--text) !important;
}
html[data-theme="light"] .relay-plan {
  color: var(--text) !important;
}
html[data-theme="light"] .relay-plan .price,
html[data-theme="light"] .relay-plan .price-now,
html[data-theme="light"] .relay-plan.active .price,
html[data-theme="light"] .relay-plan.active .price-now {
  color: #d97706 !important;
}
html[data-theme="light"] #panelBuyRelay .relay-plan .price,
html[data-theme="light"] #panelBuyRelay .relay-plan .price-now,
html[data-theme="light"] #panelBuyRelay .relay-plan .price-now em,
html[data-theme="light"] #panelBuyRelay .relay-plan.active .price,
html[data-theme="light"] #panelBuyRelay .relay-plan.active .price-now,
html[data-theme="light"] #panelBuyRelay .relay-plan.active .price-now em {
  color: #d97706 !important;
}
html[data-theme="light"] .relay-plan-section-head .sec-desc,
html[data-theme="light"] .relay-plans-hint,
html[data-theme="light"] .hint {
  color: var(--muted) !important;
}
html[data-theme="light"] .relay-model-tabs button {
  background: var(--surface-2) !important;
  color: var(--text) !important;
}
html[data-theme="light"] .relay-model-tabs button.active {
  background: var(--ok) !important;
  color: #fff !important;
  border-color: #16a34a !important;
}
html[data-theme="light"] #btnRelayBuyMimo,
html[data-theme="light"] #btnRelayBuyMimoBuy,
html[data-theme="light"] .relay-buy-btn {
  background: var(--ok) !important;
  color: #fff !important;
}
html[data-theme="light"] #btnRelayBuyMimo:hover,
html[data-theme="light"] #btnRelayBuyMimoBuy:hover,
html[data-theme="light"] .relay-buy-btn:hover {
  background: #15803d !important;
  color: #fff !important;
}
html[data-theme="light"] .theme-toggle {
  border: 1px solid var(--border) !important;
}
html[data-theme="light"] .profile-stat {
  border-color: var(--border) !important;
}
html[data-theme="light"] .msg-thread {
  background: var(--surface) !important;
  border-color: var(--border) !important;
}
html[data-theme="light"] .msg-bubble {
  background: var(--surface-2) !important;
  border-color: var(--border) !important;
}
html[data-theme="light"] .msg-bubble.mine {
  background: rgba(22, 119, 255, 0.1) !important;
  border-color: rgba(22, 119, 255, 0.25) !important;
}
html[data-theme="light"] a.btn-doc-copy {
  background: rgba(234, 88, 12, 0.1) !important;
  border-color: rgba(234, 88, 12, 0.35) !important;
  color: #c2410c !important;
}
html[data-theme="light"] table.keys tr.key-exhausted td {
  color: var(--muted) !important;
}
html[data-theme="light"] .relay-api-tag {
  color: var(--accent) !important;
}
html[data-theme="light"] .slogan {
  color: #fff;
  background: linear-gradient(135deg, #3ecf8e, #2aab72);
}
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3 {
  color: var(--text);
}
html[data-theme="light"] button {
  color: var(--text);
}
html[data-theme="light"] #btnOfficialKeyReserve {
  background: var(--ok) !important;
  color: #fff !important;
}
html[data-theme="light"] #btnOfficialKeyReserve:hover,
html[data-theme="light"] #btnOfficialKeyReserve:active,
html[data-theme="light"] #btnOfficialKeyReserve:focus-visible {
  background: #15803d !important;
  color: #fff !important;
}
html[data-theme="light"] #authView .auth-tabs button:not(.active) {
  color: #5c6b7e !important;
}
html[data-theme="light"] #authView .auth-tabs button.active {
  color: #062416 !important;
}
html[data-theme="light"] #authView .auth-panel button:not(.secondary) {
  color: #062416 !important;
}
html[data-theme="light"] button.primary,
html[data-theme="light"] #btnRelayBuyMimo {
  color: #fff !important;
}