:root{
  --bybit-bg-dark:#0f0f0f;
  --bybit-bg-light:#ffffff;
  --bybit-card-dark:#151515;
  --bybit-card-light:#f9f9f9;
}

@media (prefers-color-scheme: light){
  .bybit-tracker{--card-bg:var(--bybit-card-light);--text:#111}
}
@media (prefers-color-scheme: dark){
  .bybit-tracker{--card-bg:var(--bybit-card-dark);--text:#fff}
}

.bybit-tracker{font-family:system-ui;color:var(--text)}

.bybit-grid{display:grid;grid-template-columns:repeat(var(--bybit-cols),1fr);gap:var(--bybit-gap)}

.bybit-card{
  position:relative;
  background:var(--card-bg);
  padding:18px;
  border-radius:16px;
  box-shadow:0 10px 24px rgba(0,0,0,.35);
  overflow:hidden;
}

.bybit-card::before{
  content:'';
  position:absolute;
  left:0;top:0;bottom:0;width:4px;
  background:var(--accent,#999);
}

.bybit-card h3{
  font-size:22px;font-weight:700;margin:0 0 6px;
}

.bybit-card .divider{
  height:1px;background:rgba(255,255,255,.1);margin:8px 0 12px
}

.bybit-card .price{font-size:26px;font-weight:600}

.bybit-card canvas{margin-top:10px;width:100%;height:40px}

.bybit-pagination{text-align:center;margin-top:16px}