/* STS v5.6.262 - Real watch page polish
   Matches the approved STS watch mockup while keeping existing player, chat, follow, report, PayPal, drops, coins, panels and clips. */

html body.streamx-v5.twitch-v53{
  background:#020307!important;
}

html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp{
  --sts262-bg:#020307;
  --sts262-panel:rgba(9,13,22,.94);
  --sts262-panel2:rgba(14,17,29,.96);
  --sts262-line:rgba(145,71,255,.34);
  --sts262-line-soft:rgba(255,255,255,.08);
  --sts262-green:#35ff14;
  --sts262-purple:#8d3cff;
  --sts262-text:#f7f4ff;
  --sts262-muted:#b8b0cb;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 430px!important;
  grid-template-rows:auto auto auto auto auto!important;
  gap:14px!important;
  align-items:start!important;
  width:100%!important;
  max-width:1920px!important;
  margin:0 auto!important;
  padding:14px 18px 28px!important;
  box-sizing:border-box!important;
  background:radial-gradient(circle at 12% 0,rgba(57,255,20,.055),transparent 26%),radial-gradient(circle at 72% 0,rgba(145,71,255,.12),transparent 31%),#020307!important;
}

/* Keep watch children as grid items. */
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-watch-main{display:contents!important;}

/* Left stack: player, header, controls, channel cards. */
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-player,
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-stream-info,
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-action-rail,
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v586-channel-tabs,
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-watch-hub,
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-clips-strip,
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v586-watch-goals,
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-panels,
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-server-section{
  grid-column:1/2!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-player{grid-row:1!important;}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-stream-info{grid-row:2!important;}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-action-rail{grid-row:3!important;}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v586-channel-tabs{grid-row:4!important;}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-watch-hub{grid-row:5!important;}

/* Sticky chat column: stays put while scrolling down to panels. */
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .chat-panel{
  grid-column:2/3!important;
  grid-row:1 / span 5!important;
  position:sticky!important;
  top:92px!important;
  height:calc(100vh - 112px)!important;
  max-height:860px!important;
  min-height:620px!important;
  align-self:start!important;
  overflow:hidden!important;
  border:1px solid rgba(145,71,255,.30)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(12,15,25,.98),rgba(4,6,11,.98))!important;
  box-shadow:0 18px 50px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.04)!important;
}

/* Player: clean wide gaming-card feel. */
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-player{
  position:relative!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  max-height:690px!important;
  overflow:hidden!important;
  border-radius:13px!important;
  border:1px solid rgba(145,71,255,.32)!important;
  background:#000!important;
  box-shadow:0 18px 48px rgba(0,0,0,.45)!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-player video,
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .mobile-viewer-player,
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .mobile-webrtc-player,
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .mobile-viewer-player img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:13px!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-player::before,
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-player::after{
  pointer-events:none!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-player-badges .v53-viewers{display:none!important;}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-player-badges{
  left:18px!important;
  right:auto!important;
  top:auto!important;
  bottom:17px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-live{
  height:24px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:rgba(57,255,20,.12)!important;
  border:1px solid rgba(57,255,20,.25)!important;
  color:#efffe9!important;
  box-shadow:none!important;
  text-transform:uppercase!important;
  font-size:12px!important;
}

/* Remove bulky decorative widgets inside player so the stream is the star. */
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts-player-widgets{display:none!important;}

/* Channel title row, like the mockup. */
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-stream-info{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:16px 20px!important;
  min-height:112px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,rgba(12,16,26,.96),rgba(6,8,14,.96))!important;
  box-shadow:0 16px 42px rgba(0,0,0,.32)!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-channel-line,
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v586-channel-line{
  display:flex!important;
  align-items:center!important;
  gap:15px!important;
  min-width:0!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .avatar.big{
  width:76px!important;
  height:76px!important;
  min-width:76px!important;
  border:2px solid var(--sts262-green)!important;
  box-shadow:0 0 24px rgba(57,255,20,.45)!important;
  background:var(--sts262-green)!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-stream-info h1{
  margin:0 0 5px!important;
  color:#fff!important;
  font-size:clamp(27px,2.35vw,40px)!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
  text-transform:uppercase!important;
  text-shadow:0 0 24px rgba(145,71,255,.22)!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-stream-info p{
  margin:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:7px!important;
  color:var(--sts262-muted)!important;
  font-size:15px!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-stream-info p strong,
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-stream-info p a{
  color:#d7c0ff!important;
  text-decoration:none!important;
  font-weight:900!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .followers-open-btn{
  padding:7px 12px!important;
  border-radius:10px!important;
  background:rgba(145,71,255,.20)!important;
  color:#d8b5ff!important;
  border:1px solid rgba(145,71,255,.24)!important;
  font-weight:900!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .tag-row{
  margin-top:8px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .tag-row span{
  padding:5px 11px!important;
  border-radius:999px!important;
  background:rgba(57,255,20,.12)!important;
  border:1px solid rgba(57,255,20,.24)!important;
  color:#d9ffd7!important;
  font-size:12px!important;
  font-weight:900!important;
}

/* Follow, Report, Tip and Subscribe now share the cleaner mockup button style. */
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v586-channel-actions,
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-stream-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  flex:0 0 auto!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .watch-action-btn,
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-btn{
  min-height:52px!important;
  padding:0 28px!important;
  border-radius:13px!important;
  font-size:16px!important;
  font-weight:1000!important;
  letter-spacing:.01em!important;
  text-decoration:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  border:1px solid rgba(145,71,255,.45)!important;
  background:rgba(15,18,28,.84)!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.03) inset,0 10px 24px rgba(0,0,0,.22)!important;
  cursor:pointer!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .watch-action-btn.follow,
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .watch-action-btn.following{
  background:rgba(57,255,20,.08)!important;
  border-color:rgba(57,255,20,.86)!important;
  color:#fff!important;
  box-shadow:0 0 20px rgba(57,255,20,.18)!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .watch-action-btn.follow::before{content:'♥';color:var(--sts262-green);font-size:18px;line-height:1;}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .watch-action-btn.report::before{content:'⚐';font-size:18px;line-height:1;color:#fff;}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .watch-action-btn.paypal-tip::before{content:'💚';font-size:17px;}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .watch-action-btn.paypal-sub::before{content:'★';font-size:17px;color:#ffd84d;}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .watch-action-btn:hover,
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-btn:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(57,255,20,.86)!important;
  box-shadow:0 0 24px rgba(57,255,20,.18),0 10px 24px rgba(0,0,0,.25)!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts261-header-paypal-form{display:inline-flex!important;margin:0!important;}

/* Stream action rail. */
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-action-rail{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  padding:14px 18px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,rgba(8,11,18,.96),rgba(4,6,11,.96))!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-action{
  height:48px!important;
  padding:0 22px!important;
  border-radius:10px!important;
  border:1px solid rgba(145,71,255,.55)!important;
  background:rgba(11,13,21,.84)!important;
  color:#fff!important;
  font-weight:1000!important;
  font-size:15px!important;
  box-shadow:none!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-action:hover{
  border-color:rgba(57,255,20,.72)!important;
  color:#fff!important;
  box-shadow:0 0 20px rgba(145,71,255,.20)!important;
}

/* Hide old PayPal panel: actions are now in the stream header. */
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts-paypal-support{display:none!important;}

/* Tabs stay available but are compact; hub cards are the main panels. */
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v586-channel-tabs{
  display:none!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-watch-hub{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  margin-top:0!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-hub-card{
  min-height:214px!important;
  padding:20px!important;
  border-radius:12px!important;
  border:1px solid rgba(145,71,255,.27)!important;
  background:linear-gradient(180deg,rgba(11,15,24,.96),rgba(5,7,12,.96))!important;
  box-shadow:0 16px 38px rgba(0,0,0,.32)!important;
  overflow:hidden!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-kicker{
  color:var(--sts262-green)!important;
  font-size:13px!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  font-weight:1000!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin-bottom:13px!important;
  text-shadow:none!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-about-card .sts258-kicker::before{content:'♙';color:#ffd84d;}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-drops-card .sts258-kicker::before{content:'🎁';}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-coins-card .sts258-kicker::before{content:'🪙';}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-schedule-card .sts258-kicker::before{content:'▣';color:#ffd84d;}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-hub-card h3{
  font-size:21px!important;
  margin:0 0 10px!important;
  color:#fff!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-hub-card p{
  color:#d5d0df!important;
  font-size:15px!important;
  line-height:1.45!important;
  margin:0 0 16px!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-progress{
  height:11px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.09)!important;
  border:0!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-progress b{
  background:linear-gradient(90deg,#7731ff,#9b35ff)!important;
  box-shadow:none!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-coin-rate{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:30px!important;
  font-weight:1000!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-coin-rate::before{content:'🪙 ';font-size:25px;}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-schedule-card a,
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-clips-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:0 18px!important;
  border-radius:9px!important;
  border:1px solid rgba(145,71,255,.65)!important;
  color:#c28cff!important;
  background:rgba(145,71,255,.09)!important;
  text-decoration:none!important;
  font-weight:1000!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-mini-meta{display:none!important;}

/* Keep older lower sections but visually push below the clean cards. */
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-clips-strip,
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v586-watch-goals,
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-panels,
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-server-section{
  border-radius:12px!important;
  border:1px solid rgba(145,71,255,.20)!important;
  background:rgba(8,11,18,.82)!important;
}

/* Chat polish. */
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .chat-head{
  min-height:62px!important;
  padding:0 18px!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  background:rgba(12,15,25,.98)!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts102-chat-avatar{display:none!important;}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts102-chat-title{
  text-transform:uppercase!important;
  letter-spacing:.03em!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:1000!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts102-chat-sub{display:none!important;}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts102-viewer-pill{
  height:31px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  border:1px solid rgba(57,255,20,.35)!important;
  background:rgba(57,255,20,.08)!important;
  color:var(--sts262-green)!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .chat-messages{
  padding:15px!important;
  gap:10px!important;
  background:linear-gradient(180deg,rgba(3,5,10,.92),rgba(2,3,6,.92))!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .chat-line{
  gap:10px!important;
  padding:4px 0!important;
  background:transparent!important;
  border:0!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .chat-avatar-mini{
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  border:1px solid rgba(57,255,20,.34)!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .chat-meta{margin-bottom:3px!important;}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .chat-name{
  font-weight:1000!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .chat-login-card,
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .chat-form{
  margin:12px 14px 14px!important;
  border-radius:12px!important;
  background:rgba(20,21,35,.94)!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .chat-login-actions a,
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .chat-form button[type="submit"]{
  border-radius:10px!important;
  background:var(--sts262-green)!important;
  color:#020307!important;
  font-weight:1000!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .chat-form input{
  background:rgba(2,3,6,.65)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:10px!important;
}
html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts-chat-announcements{display:none!important;}

/* Responsive: stack chat under player on smaller screens, no sticky trap. */
@media (max-width:1280px){
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp{
    grid-template-columns:1fr!important;
    padding:12px!important;
  }
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-player,
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .chat-panel,
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-stream-info,
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-action-rail,
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-watch-hub,
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-clips-strip,
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v586-watch-goals,
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-panels,
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-server-section{
    grid-column:1/-1!important;
    grid-row:auto!important;
  }
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .chat-panel{
    position:relative!important;
    top:auto!important;
    height:620px!important;
    max-height:none!important;
  }
}
@media (max-width:900px){
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v53-stream-info{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .v586-channel-actions{justify-content:flex-start!important;}
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-watch-hub{grid-template-columns:1fr 1fr!important;}
}
@media (max-width:620px){
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-watch-hub{grid-template-columns:1fr!important;}
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .sts258-action-rail{overflow-x:auto!important;}
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .watch-action-btn{padding:0 18px!important;min-height:46px!important;}
}


/* STS v5.6.264 - polished notification bell button */
html body.streamx-v5.twitch-v53 .sts-live-bell-wrap{
  margin-right:10px!important;
  display:flex!important;
  align-items:center!important;
}
html body.streamx-v5.twitch-v53 .sts-live-bell{
  width:42px!important;
  height:42px!important;
  border-radius:13px!important;
  border:1px solid rgba(140,67,255,.62)!important;
  background:linear-gradient(180deg,rgba(24,27,41,.96),rgba(12,14,22,.98))!important;
  color:#f5f0ff!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.035) inset,0 10px 24px rgba(0,0,0,.35)!important;
  transform:none!important;
  overflow:visible!important;
}
html body.streamx-v5.twitch-v53 .sts-live-bell:hover,
html body.streamx-v5.twitch-v53 .sts-live-bell[aria-expanded="true"]{
  border-color:rgba(57,255,20,.95)!important;
  color:#39ff14!important;
  background:linear-gradient(180deg,rgba(25,36,31,.98),rgba(9,15,11,.98))!important;
  box-shadow:0 0 0 1px rgba(57,255,20,.22) inset,0 0 20px rgba(57,255,20,.22),0 14px 30px rgba(0,0,0,.42)!important;
}
html body.streamx-v5.twitch-v53 .sts-live-bell-icon{
  width:20px!important;
  height:20px!important;
  display:grid!important;
  place-items:center!important;
  font-size:0!important;
  line-height:0!important;
  filter:none!important;
}
html body.streamx-v5.twitch-v53 .sts-live-bell-icon svg{
  display:block!important;
  width:20px!important;
  height:20px!important;
}
html body.streamx-v5.twitch-v53 .sts-live-bell-count{
  top:-7px!important;
  right:-7px!important;
  min-width:19px!important;
  height:19px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#39ff14,#8b35ff)!important;
  color:#050706!important;
  border:2px solid #070a10!important;
  box-shadow:0 0 14px rgba(57,255,20,.48)!important;
  font-size:10px!important;
  font-weight:1000!important;
}
html body.streamx-v5.twitch-v53 .sts-bell-pulse{
  animation:sts264BellPulse .8s ease-out 2!important;
}
@keyframes sts264BellPulse{
  0%{box-shadow:0 0 0 0 rgba(57,255,20,.42),0 0 0 1px rgba(57,255,20,.22) inset;}
  100%{box-shadow:0 0 0 14px rgba(57,255,20,0),0 0 0 1px rgba(57,255,20,.22) inset;}
}
@media(max-width:760px){
  html body.streamx-v5.twitch-v53 .sts-live-bell{
    width:39px!important;
    height:39px!important;
    border-radius:12px!important;
  }
}

/* STS v5.6.266 - stronger fixed chat follow while scrolling */
@media (min-width:901px){
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp{
    grid-template-columns:minmax(0,1fr) 430px!important;
    padding-right:18px!important;
  }
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .chat-panel.upgraded.pro-chat,
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp aside.chat-panel.pro-chat,
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .chat-panel.v55-chat-ref,
  html body.streamx-v5.twitch-v53 section.sts-v258-watch-revamp > aside.chat-panel.pro-chat{
    position:fixed!important;
    top:88px!important;
    right:max(18px,calc((100vw - 1920px) / 2 + 18px))!important;
    bottom:18px!important;
    width:430px!important;
    min-width:430px!important;
    max-width:430px!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    z-index:999!important;
    margin:0!important;
    align-self:auto!important;
    transform:none!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .chat-panel.upgraded.pro-chat .chat-messages,
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp aside.chat-panel.pro-chat .chat-messages,
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .chat-panel.v55-chat-ref .chat-messages,
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp #chatMessages{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
  }
}
@media (max-width:900px){
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .chat-panel.upgraded.pro-chat,
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp aside.chat-panel.pro-chat,
  html body.streamx-v5.twitch-v53 .sts-v258-watch-revamp .chat-panel.v55-chat-ref{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:620px!important;
    max-height:620px!important;
    z-index:auto!important;
  }
}