.stm-class-community{padding:29px;border:1px solid #304652;border-radius:18px;background:linear-gradient(145deg,#162531,#10202b);min-width:0}
.stm-class-community>header{padding-bottom:23px;border-bottom:1px solid #304451;margin-bottom:23px}.stm-class-community h3{font-size:25px;line-height:1.35;margin:9px 0 10px;letter-spacing:-.65px}.stm-class-community>header p{font-size:13px;line-height:1.9;color:#a5bac9;max-width:580px;margin:0}.stm-class-community h4{font-size:15px;margin:0;line-height:1.6}
.stm-class-community-gate{text-align:center;padding:18px 12px 12px}.stm-class-community-gate>span{display:grid;place-items:center;margin:0 auto 12px;width:48px;height:48px;border:1px solid #496672;border-radius:14px;color:#9ed8d0;font-size:25px}.stm-class-community-gate p{max-width:460px;margin:10px auto 18px;color:#a2b8c7;font-size:13px;line-height:1.9}.stm-class-community-gate a{text-decoration:none}
.stm-class-question-form,.stm-class-editor form{display:grid;gap:15px;min-width:0}.stm-class-question-form label,.stm-class-editor label{display:grid;gap:9px;font-size:13px;color:#d0e1e7;font-weight:650;min-width:0}.stm-class-question-form textarea,.stm-class-editor :is(input:not([type=checkbox]),textarea,select){display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;border:1px solid #405d6c;border-radius:10px;background:#0c1b28;color:#e2edf3;font:inherit;font-size:14px;font-weight:400;line-height:1.7;padding:12px 14px;resize:vertical}.stm-class-question-form textarea:focus,.stm-class-editor :is(input,textarea,select):focus{outline:2px solid #9ddfd4;outline-offset:3px}.stm-class-question-form>div{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.stm-class-question-form small{margin-right:auto;max-width:350px;color:#92adbd;font-size:11px;line-height:1.8}.stm-class-question-form button{cursor:pointer}.stm-class-question-form [data-class-cancel-reply]{border:0;background:none;color:#9fc9ce;padding:10px;font:inherit;font-size:12px}.stm-class-question-form [role=status],.stm-class-community-status,.stm-class-editor [role=status]{font-size:12px;line-height:1.8;color:#bce2dc;margin:0;overflow-wrap:anywhere}.stm-class-question-form [role=status]:empty,.stm-class-community-status:empty,.stm-class-editor [role=status]:empty{display:none}
.stm-class-conversation-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:26px 0 16px}.stm-class-conversation-heading>span{font-size:10px;color:#94b0bf}.stm-class-comment-list{display:grid;gap:19px}.stm-class-comment{display:flex;gap:13px;min-width:0;padding:18px 0;border-top:1px solid #2c4453}.stm-class-comment-avatar{display:grid;place-items:center;width:38px;height:38px;border:1px solid #496779;border-radius:50%;background:#203c4c;color:#bbdfde;font-size:12px;font-weight:750;flex-shrink:0}.stm-class-comment-content{min-width:0;flex:1}.stm-class-comment-content>header{display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px}.stm-class-comment-content strong{font-size:13px;font-weight:700;color:#dbe9ee}.stm-class-role{font-size:9px;letter-spacing:.4px;color:#9cb5c6;padding:3px 7px;border-radius:5px;background:#263d4d}.stm-class-role.is-teacher{color:#a8e5d5;background:#244c4799;border:1px solid #3f6b5d}.stm-class-comment-content time{font-size:10px;color:#85a1b4;margin-left:auto}.stm-class-comment-content>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.9;color:#bcced9;margin:12px 0}.stm-class-comment-actions{display:flex;gap:12px;flex-wrap:wrap}.stm-class-comment-actions button{border:0;padding:5px 0;color:#9dcac9;background:transparent;font-size:11px;cursor:pointer}.stm-class-comment-actions [data-class-delete]{color:#aab8c1}.stm-class-replies{margin-top:15px}.stm-class-comment.is-reply{margin-left:0;border-left:2px solid #4f8e89;padding:15px 0 0 15px;border-top:0}.stm-class-comment.is-reply .stm-class-comment-avatar{width:30px;height:30px;font-size:10px}.stm-class-comment.is-reply .stm-class-comment-content>p{font-size:13px}.stm-class-comment [data-class-reply-form]:not(:empty){margin-top:20px;padding:17px;background:#102330;border:1px solid #2e5363;border-radius:10px}.stm-class-community-empty{display:flex;align-items:center;justify-content:center;gap:17px;padding:28px 15px;color:#9ab3c2;border:1px dashed #36525e;border-radius:12px}.stm-class-community-empty>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid #496879;border-radius:50%;font:italic 26px Georgia,serif;flex-shrink:0}.stm-class-community-empty p{font-size:12px;line-height:1.9;margin:0}.stm-class-community [data-class-more]{margin-top:18px}
.stm-class-editor{border:1px solid #4a5358;border-radius:14px;overflow:hidden;background:#202a3099}.stm-class-editor summary{cursor:pointer;padding:17px 22px;font-size:13px;color:#dacfb5;font-weight:650}.stm-class-editor summary span{float:right;font-size:10px;font-weight:400;color:#9eacae}.stm-class-editor form{padding:5px 22px 23px}.stm-class-editor form>p{font-size:12px;line-height:1.8;color:#acbcbe;margin:0 0 2px}.stm-class-editor label small{font-size:10px;line-height:1.8;color:#96afb9;font-weight:400}.stm-class-editor button[type=submit]{justify-self:start}.stm-class-editor .stm-class-checkbox{display:flex;align-items:center;font-size:12px;font-weight:400}.stm-class-checkbox input{accent-color:#9adbd1;width:18px;height:18px}.stm-class-editor input::file-selector-button{border:1px solid #507c83;border-radius:6px;padding:7px 9px;color:#cce7e3;background:#284653;font:inherit;margin-right:9px}
@media(max-width:580px){.stm-class-community{padding:22px 18px}.stm-class-community h3{font-size:22px}.stm-class-community>header p,.stm-class-community-gate p{font-size:13px}.stm-class-question-form>div{display:grid;justify-content:stretch}.stm-class-question-form button[type=submit]{width:100%}.stm-class-conversation-heading{align-items:flex-start;flex-direction:column;gap:5px}.stm-class-comment{gap:9px}.stm-class-comment-avatar{width:30px;height:30px;font-size:10px}.stm-class-comment-content time{flex-basis:100%;margin:2px 0 0}.stm-class-comment.is-reply{padding-left:10px;gap:8px}.stm-class-comment.is-reply .stm-class-comment-avatar{display:none}.stm-class-editor form{padding:0 17px 19px}.stm-class-editor summary{padding:16px 17px}.stm-class-editor summary span{display:block;float:none;margin-top:5px}.stm-class-editor button[type=submit]{justify-self:stretch}}