/* Défi 7 jours – CSS minimal (à adapter) */
#main-content {padding:15px;}
.dj-hero { padding: 2rem 0; }
.dj-card { background: rgba(0,0,0,0.18); border-radius: 16px; padding: 1.25rem; }
.dj-kpi { display:flex; gap:.75rem; flex-wrap:wrap; }
.dj-pill { background: rgba(255,255,255,0.10); border-radius:999px; padding:.4rem .75rem; font-weight:600; }
.dj-btn-primary { display:inline-block; padding:.9rem 1.1rem; border-radius:12px; font-weight:800; text-decoration:none; }
.dj-btn-outline { display:inline-block; padding:.9rem 1.1rem; border-radius:12px; font-weight:800; text-decoration:none; border:1px solid rgba(255,255,255,0.35); }
.dj-muted { opacity:.85; }
.dj-day-title { font-weight:900; font-size:1.35rem; }
.dj-task { font-size:1.05rem; line-height:1.5; }
.dj-progress { height:10px; border-radius:999px; overflow:hidden; background: rgba(255,255,255,0.12); }
.dj-progress > div { height:100%; width:0%; background: rgba(255,255,255,0.45); }
.dj-share-row { display:flex; gap:.6rem; flex-wrap:wrap; }
.dj-share-btn { padding:.7rem .9rem; border-radius:10px; background: rgba(255,255,255,0.12); text-decoration:none; font-weight:800; }
/* ===== TEXTAREA LOVE ===== */
.dj-textarea-love {
  background: rgba(255, 77, 109, 0.08); /* rose DoubleJeu soft */
  border: 2px solid rgba(255, 77, 109, 0.35);
  border-radius: 18px;
  color: #fff;
  padding: 14px 16px;
  font-size: 0.95rem;
  line-height: 1.45;
  resize: none;
  transition: all 0.2s ease;
}

.dj-textarea-love::placeholder {
  color: rgba(255,255,255,0.55);
}

.dj-textarea-love:focus {
  outline: none;
  border-color: #ff4d6d;
  background: rgba(255, 77, 109, 0.12);
  box-shadow: 0 0 0 3px rgba(255, 77, 109, 0.25);
}

/* Wrapper */
.dj-love-message {
  background: rgba(0,0,0,0.18);
  padding: 16px;
  border-radius: 20px;
}

.btnrose {
    background-color: #e91e63 !important;
    border-color: #444444 !important;
    color: #f5f5f5 !important;
}