#streak-cta.streak-cta { margin-top: 8px; }

.streak-btn {
  width: 100%;
  display: inline-flex; align-items: center; justify-content: center;
  gap: .5rem;
  padding: .55rem .9rem;
  border-radius: 10px;
  font-weight: 600;
  background: #9fef00; color: #0a0f1f;
  border: 1px solid rgba(159,239,0,.25);
  box-shadow: 0 4px 10px rgba(159,239,0,.15);
}
.streak-btn:hover { filter: brightness(1.03); }
.streak-btn:disabled { opacity:.6; cursor:not-allowed; }

.streak-info {
  display:flex; align-items:center; gap:.5rem;
  background: rgba(159,239,0,.08);
  border: 1px dashed rgba(159,239,0,.35);
  padding:.5rem .6rem; border-radius:10px;
}
.streak-badge {
  display:inline-flex; align-items:center; gap:.35rem;
  padding:.2rem .5rem; border-radius:9999px;
  background:#0f1a30; color:#9fef00; font-weight:700;
}
.streak-note { color:#a7b0c0; font-size:.9rem; }

body.light-theme .streak-info { background: #dff6bf; border-color:#9fef00; }
body.light-theme .streak-badge { background:#e8f9d1; color:#1b4d00; }
body.light-theme .streak-btn { background:#1b4d00; color:#fff; border-color:#1b4d00; }