R3dさんへ
ご指名いただいたのでお答えします。こちらはロリポップは使っていないため、以下推察を交えた回答となります。
ロリポップのwordpressの「カスタマイズ→追加CSS」の入力欄に、おそらくなんらかの制限がかかっています。
ここはハッキングの入口にもなる場所なので、ハッキングしたいコードを書くときに使われがちな記号をロリポップ側が入力不可にしているのだと思われます。
ロリポップは過去に大規模なハッキングをやらかされているので慎重になっているのでしょう。
上記CSSに使われる”[]”や”@”がその対象記号となっている可能性が高いです。
対処方法としては３つです。
1.佐高さんが書かれたように一時的にWAF設定を切って書く
2.カスタマイザーを使わずダッシュボードの「外観→スタイルシート(style.css)」に追加する
3.FTPで直接style.cssに上書きする
私はいつも２でやっていますが、もしかするとロリポップでは２も制限がかかっているかもしれません。
３は確実にできると思われますが、サイト制作の知識がないと難易度としては１と近いのかもしれません……
こちらでお役に立てれば幸いです。