.visual-lesson-feedback{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:16px;padding:16px 8px 2px;border-top:1px solid #e5e7eb;font-family:inherit;font-size:13px;line-height:1.5;color:#64748b}.visual-feedback-actions{display:flex;gap:8px}.visual-lesson-feedback .visual-feedback-vote{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border:1px solid #dce3ec;border-radius:8px;background:#fff;color:#64748b;font-family:inherit;font-size:13px;cursor:pointer}.visual-feedback-vote svg{flex-shrink:0}.visual-lesson-feedback .visual-feedback-vote:hover{border-color:#94a3b8}.visual-lesson-feedback .visual-feedback-vote[data-type="1"][aria-pressed=true]{color:#15803d;border-color:#86efac;background:#f0fdf4}.visual-lesson-feedback .visual-feedback-vote[data-type="0"][aria-pressed=true]{color:#dc2626;border-color:#fca5a5;background:#fef2f2}.visual-lesson-feedback .visual-feedback-vote:disabled{opacity:.55;cursor:wait}.visual-feedback-count{font-weight:600;font-variant-numeric:tabular-nums}.visual-feedback-count:empty{display:none}.visual-feedback-message{font-size:12px;color:inherit}.visual-feedback-message:empty{display:none}.visual-lesson-feedback .visual-feedback-retry{border:0;background:none;padding:2px;color:#3b82f6;cursor:pointer}.visual-feedback-retry[hidden]{display:none}.visual-lesson-feedback button:focus-visible{outline:2px solid #60a5fa;outline-offset:3px}.question-card.dark-mode-active .visual-lesson-feedback{border-color:#334155;color:#94a3b8}.question-card.dark-mode-active .visual-feedback-vote{background:#111827;border-color:#475569;color:#cbd5e1}.question-card.dark-mode-active .visual-feedback-vote[data-type="1"][aria-pressed=true]{background:#12372b;border-color:#27886b;color:#6ee7b7}.question-card.dark-mode-active .visual-feedback-vote[data-type="0"][aria-pressed=true]{background:#3b2028;border-color:#9f4750;color:#fda4af}@media(max-width:640px){.visual-lesson-feedback{gap:10px;padding-top:14px}.visual-feedback-title,.visual-feedback-message{width:100%;text-align:center}}
