.comment-container{display:flex;align-items:flex-start;margin-bottom:15px;padding:15px;background-color:var(--card-background-light);border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid var(--border-light);transition:all .3s ease}.child-comments{margin-left:30px;border-left:2px solid var(--border-light);padding-left:15px;margin-top:10px}.comment-avatar{width:50px;height:50px;border-radius:50%;margin-right:10px}.comment-details{max-width:calc(100% - 60px)}.comment-header{font-weight:700;margin-bottom:5px}.comment-header span{font-size:.9em;color:gray}.comment-text{margin-bottom:10px}.comment-timestamp{font-size:.8em;color:gray}.button-link{display:inline-block;padding:4px 12px;font-size:14px;font-weight:700;text-align:center;text-decoration:none;border-radius:4px;background-color:var(--button-bg-light);color:var(--button-text-light);transition:background-color .3s}.button-link:hover{filter:brightness(1.1)}@media(prefers-color-scheme:dark){.button-link{background-color:var(--button-bg-dark);color:var(--button-text-dark)}.button-link:hover{filter:brightness(.9)}}.username-link{font-weight:700;color:var(--link-color);text-decoration:none}.username-link:hover{text-decoration:underline}.comment-meta{display:flex;gap:15px;margin-top:10px;font-size:.9em;color:gray}.meta-item{display:flex;align-items:center;gap:5px}