.live-feed-box{
  position:fixed;left:18px;bottom:18px;z-index:999999;
  width:270px;padding:14px;border-radius:14px;
  background:
    radial-gradient(circle at top left,rgba(255,215,0,.12),transparent 40%),
    linear-gradient(145deg,#000000,#0d0d0d 55%,#1a1a1a);
  border:1px solid rgba(212,175,55,.50);
  box-shadow:
    0 0 20px rgba(0,0,0,.55),
    0 0 16px rgba(255,215,0,.16),
    inset 0 0 12px rgba(255,215,0,.04);
  color:#fff;font-family:Arial,sans-serif;
}

.live-feed-item{display:flex;gap:8px;align-items:flex-start}

.live-feed-dot{
  width:10px;height:10px;margin-top:4px;border-radius:50%;
  background:#ffd700;
  box-shadow:
    0 0 8px #ffd700,
    0 0 14px rgba(255,215,0,.55);
  animation:pulse 1s infinite;
}

.live-feed-text b{
  display:block;
  font-size:12px;
  line-height:1.4;
  color:#ffffff;
}

.live-feed-text small{
  color:#d4af37;
  font-size:10px;
}

.notif-anim{animation:fadeNotif .45s ease}

@keyframes pulse{
  0%,100%{opacity:1}
  50%{opacity:.35}
}

@keyframes fadeNotif{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}

@media(max-width:600px){
  .live-feed-box{width:220px;left:10px;bottom:10px}
}