.accent-activity:disabled{cursor:not-allowed;opacity:.6;transform:none;box-shadow:none;border-color:#cdccff}
.accent-dictation{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}
.accent-listen-row{display:flex;flex-wrap:wrap;gap:10px}
.accent-listen{min-height:56px;padding:10px 24px;border:0;border-radius:999px;background:#034cff;color:#fff;font:750 19px Inter,sans-serif;cursor:pointer}
.accent-listen--slow{background:#fff;color:#12208c;border:2px solid #4f61ff;font-size:16px}
.accent-listen:hover:not(:disabled){filter:brightness(1.08)}
.accent-listen:disabled,.accent-key:disabled{opacity:.5;cursor:default}
.accent-entry{display:flex;align-items:center;gap:10px;font:700 24px Inter,sans-serif;color:#101052}
.accent-lead{flex:none;color:#505b99}
.accent-input{flex:1;min-width:0;min-height:60px;padding:8px 16px;border:2px solid #cdccff;border-radius:14px;font:700 24px Inter,sans-serif;color:#101052}
.accent-input:focus{outline:3px solid #0035da;outline-offset:2px}
.accent-input[readonly]{background:#f3f6ff}
.accent-keys{display:flex;gap:10px}
.accent-key{width:56px;height:56px;border:2px solid #e4bd73;border-radius:14px;background:#fff0ce;color:#101052;font:750 26px Inter,sans-serif;cursor:pointer}
.accent-key:hover:not(:disabled){background:#ffe3a3}
.accent-dictation .clock-hint,.accent-sort .clock-hint,.accent-missing .clock-hint{text-align:left}
.accent-correction strong{color:#b3261e;text-decoration:underline}
.clock-feedback.is-retry{background:#eef3ff;border-color:#4f61ff}
.clock-feedback.is-retry p{margin:0}
.accent-sort{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}
.accent-pool{display:flex;flex-wrap:wrap;gap:10px;min-height:64px;padding:12px;border:2px dashed #cdccff;border-radius:16px;background:#f8f9ff}
.accent-pool.is-empty::before{content:'Tous les mots sont rangés.';align-self:center;font-size:14px;color:#505b99}
.accent-chip{min-height:48px;padding:8px 16px;border:2px solid #cdccff;border-radius:999px;background:#fff;color:#101052;font:700 19px Inter,sans-serif;cursor:pointer}
.accent-chip[aria-pressed="true"]{border-color:#034cff;background:#034cff;color:#fff}
.accent-chip:disabled{cursor:default}
.accent-chip.is-correct{border-color:#16794a;background:#e4f6ec}
.accent-chip.is-wrong{border-color:#c77700;background:#fff0ce}
.accent-chip-fix{font-weight:600;font-size:14px;color:#7a5200}
.accent-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.accent-column{display:flex;flex-direction:column;gap:10px;min-height:170px;padding:12px;border:2px solid #cdccff;border-radius:16px;background:#fff;cursor:pointer}
.accent-column strong{display:flex;align-items:center;gap:8px;font-size:16px;color:#12208c}
.accent-column-letter{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#fff0ce;color:#101052;font-size:22px}
.accent-column.is-waiting{border-color:#034cff;background:#f3f6ff}
.accent-column:focus-visible{outline:3px solid #0035da;outline-offset:2px}
.accent-column.is-locked{cursor:default}
.accent-column-words{display:flex;flex-wrap:wrap;gap:8px}
.accent-missing{margin-bottom:20px}
.accent-sentence{margin:0 0 14px;font:650 27px/2.1 Inter,sans-serif;color:#101052}
.accent-word{display:inline-block;white-space:nowrap;padding:0 3px;border-radius:10px}
.accent-word.is-doubt{outline:3px dashed #c77700;outline-offset:1px}
.accent-letter{min-width:36px;height:46px;margin:0 2px;padding:0 4px;border:2px solid #4f61ff;border-radius:10px;background:#eef3ff;color:#034cff;font:inherit;line-height:1;cursor:pointer;vertical-align:baseline}
.accent-letter.is-changed{background:#fff0ce;border-color:#e4bd73;color:#101052}
.accent-letter:disabled{cursor:default;color:#101052;background:#fff;border-color:#dedcff}
.accent-letter.is-correct:disabled{border-color:#16794a;background:#e4f6ec}
.accent-letter.is-fixed:disabled{border-color:#c77700;background:#fff0ce}
@media(max-width:700px){
 .accent-columns{grid-template-columns:minmax(0,1fr)}
 .accent-column{min-height:92px}
 .accent-sentence{font-size:23px}
 .accent-entry,.accent-input{font-size:21px}
 .accent-listen{flex:1}
}
