#smc-comments-container { background:#000; color:#fff; padding:15px; border-radius:8px; }
#smc-comments-list, #smc-comments-list ul { margin:0; padding:0; list-style:none; }

.smc-comment { display:flex; align-items:flex-start; background:#111; border:1px solid #fff; border-radius:10px; padding:10px; margin-bottom:10px; }
.smc-comment-avatar { flex-shrink:0; margin-right:10px; border-radius:50%; text-align:center; color:#fff; }
.smc-comment-content { flex:1; }

.smc-comment ul { padding-left:40px; display:none; }
.smc-reply-link { font-size:12px; color:#00bfff; text-decoration:none; margin-left:5px; cursor:pointer; }
.smc-reply-link:hover { text-decoration:underline; }

.smc-view-replies { font-size:12px; color:#fff; cursor:pointer; margin-left:5px; display:inline-block; user-select:none; }
.smc-view-replies:hover { text-decoration:underline; }

#smc-form input, #smc-form textarea { width:100%; box-sizing:border-box; margin-bottom:5px; border-radius:5px; border:1px solid #555; background:#222; color:#fff; padding:6px; }
#smc-form button { background:#00bfff; color:#000; border:none; padding:6px 12px; cursor:pointer; border-radius:5px; }
#smc-form button:hover { background:#009acd; }

#smc-load-more { background:#222; color:#fff; border:none; padding:6px 12px; cursor:pointer; margin-top:10px; border-radius:5px; }
#smc-load-more:hover { background:#444; }