@keyframes highlight-fade{0%{background:linear-gradient(90deg,#3b82f614,#3b82f626,#3b82f614);box-shadow:0 0 0 1px #3b82f61a;transform:translate(0) scale(1)}50%{background:linear-gradient(90deg,#3b82f626,#3b82f640,#3b82f626);box-shadow:0 0 0 1px #3b82f633;transform:translate(2px) scale(1.002)}to{background:transparent;box-shadow:0 0 0 1px transparent;transform:translate(0) scale(1)}}.new-comment-highlight{animation:highlight-fade 3s cubic-bezier(.16,1,.3,1);transition:all .4s cubic-bezier(.4,0,.2,1);margin:2px -4px;padding:8px 12px 8px 16px;border-radius:8px;position:relative;z-index:10;overflow:hidden}.new-comment-highlight:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(to bottom,#3b82f6,#1d4ed8);opacity:.8;border-radius:3px 0 0 3px}@supports (backdrop-filter: blur(4px)){.new-comment-highlight{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes premium-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.promoted-badge{position:relative;overflow:hidden;background:linear-gradient(135deg,#fbbf2426,#f59e0b40,#fbbf2426);border:1px solid rgba(251,191,36,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 12px -3px #fbbf2433,inset 0 1px #ffffff14;transition:all .3s ease}.promoted-badge:hover{background:linear-gradient(135deg,#fbbf2433,#f59e0b4d,#fbbf2433);border-color:#fbbf2480;box-shadow:0 0 18px -3px #fbbf2459,inset 0 1px #ffffff1a}.promoted-badge:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 40%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.08) 60%,transparent 100%);animation:premium-shine 3s ease-in-out infinite;pointer-events:none}