.lesson-comments{max-width:1100px;margin:32px auto 0;padding:28px;border:1px solid #e6e0ef;border-radius:22px;background:#fff;color:#202024;text-align:left}
.lesson-comments-heading,.lesson-comments-toolbar,.lesson-comment-meta,.lesson-comment-form-bottom,.lesson-comment-replying{display:flex;align-items:center;justify-content:space-between;gap:16px}
.lesson-comments-heading h2{font-size:24px;margin:0;letter-spacing:-.5px;line-height:1.3}
.lesson-comments-heading .eyebrow{color:#653ac6;font-size:10px;letter-spacing:1.4px;font-weight:700}
.lesson-comments-count{display:grid;place-items:center;min-width:38px;min-height:38px;border-radius:50%;background:#f0ebfa;color:#653ac6;font-weight:700}
.lesson-comments-lead{font-size:14px;line-height:1.6;color:#64616c;margin:14px 0 6px}
.lesson-comments-identity{font-size:12px;line-height:1.6;color:#797380;margin:12px 0 24px}
.lesson-comment-form{display:grid;gap:14px}
.lesson-comment-form label{display:grid;gap:7px;font-size:13px;font-weight:600}
.lesson-comment-form input,.lesson-comment-form textarea{font:inherit;font-weight:400;border:1px solid #dcd5e9;background:#fff;border-radius:10px;padding:12px;color:inherit;width:100%;box-sizing:border-box}
.lesson-comment-form input{max-width:360px}
.lesson-comment-form textarea{resize:vertical;min-height:98px;line-height:1.6}
.lesson-comments button{font:inherit;cursor:pointer}
.lesson-comments button:disabled{cursor:wait;opacity:.6}
.lesson-comments :is(input,textarea,button):focus-visible{outline:3px solid #bca5f1;outline-offset:3px}
.lesson-comment-form-bottom{font-size:12px;color:#797380}
.lesson-comment-form-bottom .button{padding:12px 18px;border:0;border-radius:12px;background:#6440c5;color:white;font-size:13px;font-weight:600}
.lesson-comments-notice{font-size:13px;color:#23725a;line-height:1.5;min-height:0;margin:12px 0}
.lesson-comments-notice:empty{display:none}
.lesson-comments-error{font-size:13px;color:#ad3045;padding:12px;border-radius:10px;background:#fff2f4;line-height:1.5}
.lesson-comments-toolbar{border-top:1px solid #e8e2f0;padding-top:20px;margin-top:24px;justify-content:flex-end}
.lesson-comments-toolbar h3{font-size:16px;margin:0}
.lesson-comments-toolbar button,.lesson-comment>button,.lesson-comment-replying button,.lesson-comments-older{border:0;background:none;color:#653ac6;padding:8px 0;font-size:13px;text-align:left}
.lesson-comments-empty{font-size:14px;padding:16px 0;color:#797380}
.lesson-comment{padding:20px 0;border-bottom:1px solid #eeebf3;overflow-wrap:anywhere}
.lesson-comment:last-child{border-bottom:0;padding-bottom:0}
.lesson-comment-meta{justify-content:flex-start;align-items:baseline;flex-wrap:wrap;gap:6px 12px}
.lesson-comment-meta strong{font-size:14px}
.lesson-comment-meta time{font-size:11px;color:#837c8a}
.lesson-comment-text{font-size:14px;line-height:1.7;white-space:pre-wrap;margin:10px 0 4px}
.lesson-comment-quote{margin:12px 0;padding:10px 14px;border-left:3px solid #d1bff0;background:#f8f5fc;border-radius:0 8px 8px 0}
.lesson-comment-quote span{font-size:11px;color:#6f568f}
.lesson-comment-quote p{font-size:12px;line-height:1.5;margin:4px 0 0;white-space:pre-wrap;color:#746e7d}
.lesson-comment-replying{justify-content:flex-start;padding:8px 12px;border-radius:10px;background:#f3eefb;font-size:12px;flex-wrap:wrap}
.lesson-comment-replying button{margin-left:auto}
@media(max-width:600px){.lesson-comments{padding:20px 16px;margin-top:24px;border-radius:16px}.lesson-comments-heading h2{font-size:21px}.lesson-comments-heading{gap:10px}.lesson-comment-form input{max-width:none}.lesson-comment-form-bottom{gap:10px;flex-wrap:wrap}.lesson-comments-count{flex-shrink:0}.lesson-comments-identity{font-size:11px}}