.mod-spaceweather {
  --cw-spaceweather-bg: rgba(8, 13, 20, 0.82);
  --cw-spaceweather-border: rgba(89, 182, 255, 0.28);
  --cw-spaceweather-text: #eef7ff;
  --cw-spaceweather-muted: #b8c7d6;
  --cw-spaceweather-track: rgba(255, 255, 255, 0.14);
  --cw-spaceweather-fill: #5fb5ff;
  color: var(--cw-spaceweather-text);
}

.mod-spaceweather,
.mod-spaceweather * {
  box-sizing: border-box;
}

.mod-spaceweather .digital-scale {
  overflow: hidden;
  min-height: 0.55rem;
  border-radius: 999px;
  background: var(--cw-spaceweather-track);
}

.mod-spaceweather .scale-track {
  width: var(--cw-spaceweather-scale-fill, 0%);
  min-height: 0.55rem;
  border-radius: inherit;
  background: linear-gradient(90deg, #257ec2, var(--cw-spaceweather-fill));
}

.mod-spaceweather.spaceweather-default {
  padding: 1rem;
  border: 1px solid var(--cw-spaceweather-border);
  border-radius: 8px;
  background: var(--cw-spaceweather-bg);
}

.mod-spaceweather.spaceweather-default .default-header,
.mod-spaceweather.spaceweather-default .default-grid,
.mod-spaceweather.spaceweather-default .default-item {
  display: grid;
  gap: 0.75rem;
}

.mod-spaceweather.spaceweather-default .default-grid {
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
}

.mod-spaceweather.spaceweather-default .default-title,
.mod-spaceweather.spaceweather-default .item-value {
  margin: 0;
  color: var(--cw-spaceweather-text);
}

.mod-spaceweather.spaceweather-default .default-subtitle,
.mod-spaceweather.spaceweather-default .item-label,
.mod-spaceweather.spaceweather-default .item-status {
  margin: 0;
  color: var(--cw-spaceweather-muted);
}

.mod-spaceweather.spaceweather-default .default-item {
  padding: 0.85rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
}