:root {
  --rate-neutral: #e6ebf0;
  --sentiment-red: #e27d7b;
  --sentiment-green: #79c99b;
}
[data-theme="light"] {
  color-scheme: light;
  --bg: #f5f6f7;
  --panel: #ffffff;
  --raised: #f2f4f6;
  --line: #dfe4e8;
  --text: #15191e;
  --muted: #616e7b;
  --green: #2e721e;
  --positive: #21804d;
  --red: #b83d43;
  --rate-neutral: #15191e;
  --sentiment-red: #b83d43;
  --sentiment-green: #21804d;
}
.theme-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 36px; padding: 7px 10px; color: var(--text); font-size: 12px; white-space: nowrap; }
.theme-toggle svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.rate, .stat-value, .chart-summary strong, .chart-summary strong.negative { color: var(--rate-color, var(--rate-neutral)); }
.rate.neutral { color: var(--muted); }
.rate-baseline { font-weight: 700; }
.stat:first-child { background: var(--panel); border-color: var(--line); }
.spark { display: none; }
.legend .bull-dot, .legend .bear-dot, .legend .neutral-dot { width: 6px; height: 6px; border-radius: 50%; display: inline-block; }
.bull-dot { background: var(--sentiment-red); }
.bear-dot { background: var(--sentiment-green); }
.neutral-dot { background: var(--rate-neutral); }
.legend { flex-wrap: wrap; gap: 12px; }
.table-footer { flex-wrap: wrap; }
.heat-legend span { background: linear-gradient(90deg,#16734b,#e3e7ea,#a83a44); }
.rate-rule-note { color: var(--muted); }
.market-balance .balance-bar { height: 7px; }
.balance-bar > span { border-radius: 3px !important; }
.market-balance .balance-bar > .bullish { background: var(--sentiment-red); }
.market-balance .balance-bar > .bearish { background: var(--sentiment-green); }
.market-balance .balance-bar > .neutral { background: #a8b2bb; }
.market-balance b { color: var(--text); }
.market-balance p { display: flex; flex-wrap: wrap; gap: 8px 13px; }
.market-balance p span { display: inline-flex; align-items: center; gap: 4px; }
.market-balance p i { display: inline-block; width: 6px; height: 6px; border-radius: 50%; }
.rank-row .rank-bar { background: var(--rank-color, var(--line)); opacity: .3; }
.axis-labels > span:last-child, .price-legend { color: #bfaa83; }
.exchange svg[aria-label="OKX logo"] path { fill: var(--text); }
.exchange svg[aria-label="Bybit logo"] text { fill: var(--text); }
.insight strong, [data-theme="light"] .insight strong { color: var(--sentiment-red); }
[data-theme="light"] nav a { color: #48545f; }
[data-theme="light"] nav a.active { color: #2e721e; }
[data-theme="light"] button:hover { background: #edf1e9; border-color: #a7b89b; }
[data-theme="light"] button.selected { background: #e9eee6; color: #253e1c; }
[data-theme="light"] .primary { background: #b7f759; color: #172309; border-color: #a4df47; }
[data-theme="light"] .primary:hover { background: #a9ed44; }
[data-theme="light"] .demo { color: #43562f; background: #eaf0e2; }
[data-theme="light"] .avatar { background: #eaf0e2; color: #3b631e; border-color: #c4d2b5; }
[data-theme="light"] .ticker b { color: #26323c; }
[data-theme="light"] .ticker em { color: #21804d; }
[data-theme="light"] .eyebrow { color: #647458; }
[data-theme="light"] .page-tabs > button { color: #64717b; }
[data-theme="light"] .page-tabs > button[aria-selected="true"] { color: #172309; }
[data-theme="light"] .page-tabs > button[aria-selected="true"]::after { background: #397a26; }
[data-theme="light"] .page-tabs button span { background: #e8f2dc; color: #427524; }
[data-theme="light"] .stat-label { color: #52624b; }
[data-theme="light"] .stat-foot { color: #64715c; }
[data-theme="light"] .stat-foot b { color: #394632; }
[data-theme="light"] .insight { color: #455c37; background: #eef4e8; border-color: #d9e5cd; }
[data-theme="light"] .insight b, [data-theme="light"] .insight-end { color: #415634; }
[data-theme="light"] .insight strong { color: #2e721e; }
[data-theme="light"] .quiet { color: #52616c; }
[data-theme="light"] .segments button.selected { color: #326b24; background: #e6efd9; }
[data-theme="light"] select { border-color: #ccd4db; }
[data-theme="light"] .search { background: #f7f8f9; }
[data-theme="light"] .search kbd { border-color: #ccd4db; }
[data-theme="light"] th, [data-theme="light"] .table-scroll th:first-child { background: #f1f4f6; color: #5d6a75; }
[data-theme="light"] td { border-color: #e8ecef; }
[data-theme="light"] tbody tr:hover { background: #f6f8f5; }
[data-theme="light"] .weighted { background: #f8faf6; }
[data-theme="light"] .coin-name b { color: #1c252d; }
[data-theme="light"] .coin-name small { color: #6b7883; }
[data-theme="light"] .favorite { color: #84909a; }
[data-theme="light"] .favorite.on { color: #557b20; }
[data-theme="light"] .table-scroll { scrollbar-color: #b6c0c9 #f1f4f6; }
[data-theme="light"] .axis-text { fill: #65717c; }
[data-theme="light"] .price-axis { fill: #8b743f; }
[data-theme="light"] .chart-grid { stroke: #e0e5e9; }
[data-theme="light"] .zero-line { stroke: #b2bcc5; }
[data-theme="light"] .price-path { stroke: #9b8147; }
[data-theme="light"] .axis-labels > span:last-child, [data-theme="light"] .price-legend { color: #8b743f; }
[data-theme="light"] .chart-detail, [data-theme="light"] .chart-footer { color: #61707b; }
[data-theme="light"] .rank-number, [data-theme="light"] .rank-note { color: #697883; }
[data-theme="light"] .heat-row > span { color: #576671; }
[data-theme="light"] footer, [data-theme="light"] .small-brand, [data-theme="light"] .small-brand span { color: #697782; }
[data-theme="light"] dialog { border-color: #d2d9df; box-shadow: 0 20px 100px #16220f33; }
[data-theme="light"] dialog p { color: #5d6b76; }
[data-theme="light"] #toast { background: #253c1e; color: #f2f7ee; }
[data-theme="light"] #positiveRatio { color: var(--sentiment-red); }
@media (max-width: 760px) {
  .theme-toggle { width: 34px; padding: 0; }
  .theme-toggle .theme-label { display: none; }
  .header-right { gap: 10px; }
  .legend { font-size: 10px; gap: 8px; }
}