.dcm-detector {
  --dcm-border: #d8d8d8;
  --dcm-bg: #ffffff;
  --dcm-soft: #f6f6f6;
  --dcm-text: #222222;
  --dcm-cliche: #fff0a6;
  --dcm-maladresse: #ffd6a5;
  --dcm-pleonasme: #ead7ff;
  --dcm-grammaire: #ffb4b4;
  --dcm-autre: #cfe8ff;
  max-width: 920px;
  margin: 2rem auto;
  color: var(--dcm-text);
}
.dcm-card,.dcm-results {
  background: var(--dcm-bg);
  border: 1px solid var(--dcm-border);
  border-radius: 14px;
  padding: clamp(18px, 3vw, 32px);
  box-shadow: 0 6px 24px rgba(0,0,0,.05);
}
.dcm-results { margin-top: 22px; }
.dcm-title { margin-top: 0; }
.dcm-intro { margin-bottom: 1.2rem; }
.dcm-label { display:block; font-weight:700; margin-bottom:8px; }
.dcm-textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 260px;
  resize: vertical;
  padding: 14px;
  border: 1px solid #aaa;
  border-radius: 10px;
  font: inherit;
  line-height: 1.55;
  background:#fff;
  color:#111;
}
.dcm-textarea:focus { outline: 3px solid rgba(0,0,0,.12); border-color:#555; }
.dcm-toolbar { display:flex; gap:16px; align-items:center; justify-content:space-between; flex-wrap:wrap; margin-top:12px; }
.dcm-counter { font-size:.9em; opacity:.7; }
.dcm-button {
  appearance:none;
  border:0;
  border-radius:999px;
  padding:12px 22px;
  font:inherit;
  font-weight:700;
  cursor:pointer;
  background:#1f1f1f;
  color:#fff;
}
.dcm-button:hover { opacity:.88; }
.dcm-button:disabled { opacity:.55; cursor:wait; }
.dcm-status { min-height:1.4em; margin-bottom:0; font-weight:600; }
.dcm-score-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); gap:12px; }
.dcm-score-card { background:var(--dcm-soft); border-radius:10px; padding:15px; }
.dcm-score-card strong,.dcm-score-card small,.dcm-score { display:block; }
.dcm-score { font-size:1.8rem; font-weight:800; margin:.2rem 0; }
.dcm-advice { font-size:1.08em; font-weight:650; margin:22px 0; }
.dcm-legend { display:flex; gap:16px; flex-wrap:wrap; font-size:.9em; margin-bottom:10px; }
.dcm-legend span { display:inline-flex; align-items:center; gap:6px; }
.dcm-dot { width:13px; height:13px; border-radius:3px; display:inline-block; }
.dcm-dot-cliche,.dcm-cliche,.dcm-badge-cliche { background:var(--dcm-cliche); }
.dcm-dot-maladresse,.dcm-maladresse,.dcm-badge-maladresse { background:var(--dcm-maladresse); }
.dcm-dot-pleonasme,.dcm-pleonasme,.dcm-badge-pleonasme { background:var(--dcm-pleonasme); }
.dcm-dot-grammaire,.dcm-grammaire,.dcm-badge-grammaire { background:var(--dcm-grammaire); }
.dcm-dot-autre,.dcm-autre,.dcm-badge-autre { background:var(--dcm-autre); }
.dcm-highlighted { white-space:normal; border:1px solid var(--dcm-border); border-radius:10px; padding:18px; line-height:1.75; background:#fff; }
.dcm-hit { padding:2px 1px; border-radius:3px; color:inherit; }
.dcm-details { margin-top:22px; }
.dcm-detail-list { padding-left:1.25rem; }
.dcm-detail-list li { margin:.75rem 0; }
.dcm-badge { display:inline-block; border-radius:999px; padding:2px 8px; font-size:.78em; font-weight:800; margin-right:5px; }
.dcm-suggestion { opacity:.8; }
.dcm-method { margin-top:22px; font-size:.86em; opacity:.72; }
@media (max-width:600px) {
  .dcm-toolbar { align-items:stretch; }
  .dcm-button { width:100%; }
}