.twikoo .tk-comments-container {
  min-height: 8rem;
}

.twikoo .el-textarea__inner,
.twikoo .el-input__inner {
  background: rgba(255, 255, 255, 0.3) !important;
  border: 1px solid rgba(148, 163, 184, 0.45) !important;
  color: inherit !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.twikoo .el-textarea__inner {
  border-radius: 20px !important;
}

.twikoo .el-input__inner {
  border-radius: 20px !important;
  line-height: 42px !important;
}

.twikoo .el-textarea__inner:focus,
.twikoo .el-input__inner:focus {
  border-color: rgba(99, 102, 241, 0.6) !important;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12) !important;
}

.twikoo .el-button--primary {
  background: #334155 !important;
  border: 1px solid #334155 !important;
  border-radius: 16px !important;
  color: #fff !important;
}

.twikoo .el-button--primary:hover {
  background: #1f2937 !important;
  border-color: #1f2937 !important;
}

.twikoo .el-button--default {
  background: rgba(148, 163, 184, 0.2) !important;
  border: 1px solid rgba(148, 163, 184, 0.45) !important;
  color: inherit !important;
}

.twikoo .el-button--default:hover {
  background: rgba(148, 163, 184, 0.32) !important;
}

.dark .twikoo .el-textarea__inner,
.dark .twikoo .el-input__inner {
  background: rgba(17, 24, 39, 0.38) !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
}

.dark .twikoo .el-button--primary {
  background: #f59e0b !important;
  border-color: #f59e0b !important;
  color: #111827 !important;
}

.dark .twikoo .el-button--default {
  background: rgba(17, 24, 39, 0.35) !important;
  border: 1px solid rgba(148, 163, 184, 0.25) !important;
}