/* ── Essay Tasks ─────────────────────────────────────────────────────────────────────────────── */
.essay-task { margin: 1.5rem 0; padding: 1.25rem 1.5rem; background: var(--surface2, #1a1f2e); border: 1px solid var(--border, #2a3040); border-radius: .75rem; }
.essay-task-header { display: flex; align-items: center; gap: .5rem; margin-bottom: .75rem; }
.essay-task-header h4 { margin: 0; font-size: 1rem; font-weight: 600; }
.essay-icon { font-size: 1.25rem; }
.essay-prompt { margin: 0 0 .5rem; font-size: .95rem; line-height: 1.6; }
.essay-meta { font-size: .82rem; margin-bottom: .75rem; }
.essay-input { width: 100%; box-sizing: border-box; padding: .65rem .85rem; font-size: .9rem; font-family: inherit; background: var(--bg, #0b1020); border: 1px solid var(--border, #2a3040); border-radius: .5rem; color: inherit; resize: vertical; min-height: 140px; }
.essay-input:focus { outline: 2px solid var(--accent, #2563eb); }
.essay-word-count { font-size: .8rem; color: var(--muted, #888); margin: .35rem 0 .75rem; }
.essay-word-count.ok { color: #22c55e; }
.essay-submit { margin-top: .25rem; }
.essay-result { margin-top: 1rem; }
.essay-grade { display: flex; align-items: center; gap: .75rem; padding: .75rem 1rem; border-radius: .5rem; margin-bottom: .75rem; }
.essay-grade-num { font-size: 1.5rem; font-weight: 700; min-width: 2.5rem; }
.essay-grade-stars { font-size: 1.2rem; letter-spacing: .05em; }
.essay-star { color: var(--muted, #888); }
.essay-star.filled { color: #f59e0b; }
.essay-grade-label { font-size: .9rem; font-weight: 600; }
.grade-fail { background: rgba(239,68,68,.12); border: 1px solid rgba(239,68,68,.25); }
.grade-fail .essay-grade-label { color: #ef4444; }
.grade-low  { background: rgba(249,115,22,.12); border: 1px solid rgba(249,115,22,.25); }
.grade-low  .essay-grade-label { color: #f97316; }
.grade-mid  { background: rgba(234,179,8,.12);  border: 1px solid rgba(234,179,8,.25); }
.grade-mid  .essay-grade-label { color: #eab308; }
.grade-high { background: rgba(34,197,94,.12);  border: 1px solid rgba(34,197,94,.25); }
.grade-high .essay-grade-label { color: #22c55e; }
.essay-feedback, .essay-strengths, .essay-improvements { font-size: .9rem; margin: .4rem 0; line-height: 1.55; }
.essay-error { color: #ef4444; font-size: .9rem; }
.essay-retry { margin-top: .75rem; }