/* STS v5.6.80 - Real Streaming UI: no fake CSS mockup content */
:root{
  --sts-topbar-h:74px;
  --sts-rail-w:280px;
  --sts-chat-w:410px;
  --sts-green:#4bff16;
  --sts-purple:#9147ff;
  --sts-purple2:#b847ff;
  --sts-red:#ff315d;
  --sts-muted:#9ca7b5;
  --sts-border:rgba(255,255,255,.085);
}
body{
  background:radial-gradient(circle at 20% 0%,rgba(145,71,255,.16),transparent 32%),radial-gradient(circle at 90% 5%,rgba(75,255,22,.10),transparent 32%),#070a0f!important;
  color:#f6f8fb!important;
  overflow-x:hidden!important;
}
main.page.v5-page{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}

/* topbar */
.tw-topbar.sts-glass-nav{
  height:var(--sts-topbar-h)!important;min-height:var(--sts-topbar-h)!important;position:sticky!important;top:0!important;z-index:9000!important;
  display:flex!important;align-items:center!important;gap:16px!important;padding:0 18px!important;
  background:rgba(7,10,15,.95)!important;border-bottom:1px solid rgba(75,255,22,.2)!important;box-shadow:0 14px 50px rgba(0,0,0,.38)!important;backdrop-filter:blur(18px)!important;
}
.tw-left.sts-nav-left{display:flex!important;align-items:center!important;gap:16px!important;min-width:0!important}
.tw-logo.mock-logo,.sts-brand-card{
  width:178px!important;min-width:178px!important;height:var(--sts-topbar-h)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;
  padding:0 18px!important;border-radius:0!important;text-decoration:none!important;background:linear-gradient(90deg,rgba(75,255,22,.12),rgba(17,22,34,.7))!important;border-right:2px solid rgba(75,255,22,.7)!important;
}
.tw-logo.mock-logo strong,.sts-brand-card strong{font-size:32px!important;line-height:.82!important;font-weight:1000!important;font-style:italic!important;letter-spacing:-.055em!important;color:var(--sts-green)!important;text-shadow:0 0 20px rgba(75,255,22,.48)!important}
.tw-logo.mock-logo small,.sts-brand-card small{margin-top:6px!important;color:#fff!important;font-size:8px!important;letter-spacing:.24em!important;font-weight:1000!important}
.tw-main-nav.sts-icon-nav{display:flex!important;align-items:center!important;gap:5px!important;overflow:visible!important}
.tw-main-nav.sts-icon-nav a{height:42px!important;display:flex!important;align-items:center!important;gap:7px!important;padding:0 12px!important;border-radius:12px!important;color:#fff!important;text-decoration:none!important;font-size:14px!important;font-weight:900!important;background:transparent!important;border:1px solid transparent!important}
.tw-main-nav.sts-icon-nav a:hover,.tw-main-nav.sts-icon-nav a.is-active,.tw-main-nav.sts-icon-nav .sts-nav-chat{background:linear-gradient(135deg,var(--sts-green),#28d90a)!important;color:#041006!important;box-shadow:0 10px 28px rgba(75,255,22,.22)!important}
.sts-nav-search{width:min(360px,24vw)!important;margin-left:auto!important;height:44px!important;display:flex!important;background:#101722!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:12px!important;overflow:hidden!important}
.sts-nav-search input{flex:1!important;border:0!important;background:transparent!important;color:#fff!important;outline:0!important;padding:0 14px!important}
.sts-nav-search button{width:50px!important;border:0!important;border-left:1px solid rgba(255,255,255,.1)!important;background:#121a25!important;color:#fff!important}
.sts-user-actions{display:flex!important;align-items:center!important;gap:10px!important;min-width:max-content!important}
.tw-btn,.watch-action-btn,.v53-btn{border-radius:12px!important;border:1px solid rgba(255,255,255,.12)!important;background:#121923!important;color:#fff!important;padding:10px 14px!important;font-weight:900!important;text-decoration:none!important}
.tw-btn.primary,.watch-action-btn.follow,.v53-btn.primary{background:linear-gradient(135deg,var(--sts-purple),var(--sts-purple2))!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 10px 34px rgba(145,71,255,.33)!important}
.sts-nav-profile{width:46px!important;height:46px!important;border-radius:999px!important;overflow:hidden!important;border:2px solid var(--sts-purple)!important;box-shadow:0 0 0 3px rgba(145,71,255,.22),0 0 24px rgba(145,71,255,.38)!important}
.sts-nav-profile img{width:100%;height:100%;object-fit:cover}

/* Following dropdown */
.sts-following-nav{position:relative!important;margin-left:6px!important}
.sts-following-btn{height:44px!important;border:0!important;border-radius:12px!important;padding:0 16px!important;color:#fff!important;background:linear-gradient(135deg,#7224d8,#4f168f)!important;font-weight:950!important;cursor:pointer!important}
.sts-following-dropdown{position:absolute!important;top:calc(100% + 10px)!important;right:0!important;width:330px!important;padding:12px!important;display:none!important;z-index:99999!important;background:rgba(9,13,20,.99)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:16px!important;box-shadow:0 22px 80px rgba(0,0,0,.62)!important}
.sts-following-nav:hover .sts-following-dropdown,.sts-following-nav.open .sts-following-dropdown{display:block!important}
.sts-following-dropdown h4{margin:4px 4px 12px!important;color:#d4c5ff!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.sts-following-list{display:grid!important;gap:8px!important}
.sts-following-item{display:grid!important;grid-template-columns:38px 1fr auto!important;gap:10px!important;align-items:center!important;padding:8px!important;border-radius:13px!important;text-decoration:none!important;color:#fff!important;background:rgba(255,255,255,.025)!important}
.sts-following-item:hover{background:rgba(145,71,255,.15)!important}
.sts-following-item img{width:38px!important;height:38px!important;border-radius:999px!important;object-fit:cover!important;border:2px solid rgba(75,255,22,.65)!important}
.sts-following-item b{display:block;font-size:13px}.sts-following-item small{color:var(--sts-muted);font-size:12px}
.sts-live-dot-small{width:7px;height:7px;border-radius:999px;background:var(--sts-red);display:inline-block;margin-right:5px}
.sts-view-all-following{display:block;margin-top:10px;padding:8px;color:#c45cff!important;font-weight:900;text-decoration:none}

/* Layout */
.v53-watch,.v586-watch-match,.sts-real-watch-layout{display:grid!important;grid-template-columns:var(--sts-rail-w) minmax(0,1fr) var(--sts-chat-w)!important;gap:0!important;align-items:start!important;min-height:calc(100vh - var(--sts-topbar-h))!important;padding:0!important;background:transparent!important}
.v53-watch:before,.v586-watch-match:before{content:none!important;display:none!important}
.sts-watch-sidebar{grid-column:1!important;position:sticky!important;top:var(--sts-topbar-h)!important;height:calc(100vh - var(--sts-topbar-h))!important;overflow:auto!important;padding:18px 16px!important;background:linear-gradient(180deg,rgba(11,16,24,.96),rgba(8,11,17,.96))!important;border-right:1px solid rgba(255,255,255,.08)!important}
.v53-watch-main{grid-column:2!important;min-width:0!important;width:100%!important;max-width:none!important;padding:24px!important}
.chat-panel,.upgraded.pro-chat,.v53-chat{grid-column:3!important;position:sticky!important;top:var(--sts-topbar-h)!important;width:var(--sts-chat-w)!important;max-width:var(--sts-chat-w)!important;height:calc(100vh - var(--sts-topbar-h))!important;border-radius:0!important;border:0!important;border-left:1px solid rgba(255,255,255,.08)!important;background:rgba(12,18,25,.97)!important;display:flex!important;flex-direction:column!important}

/* Real sidebar */
.sts-side-block{margin-bottom:22px!important;padding-bottom:18px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.sts-side-title{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 12px!important;font-size:13px!important;letter-spacing:.04em!important;text-transform:uppercase!important;font-weight:1000!important;color:#fff!important}
.sts-side-list{display:grid!important;gap:10px!important}
.sts-side-channel{display:grid!important;grid-template-columns:38px 1fr auto!important;gap:10px!important;align-items:center!important;color:#fff!important;text-decoration:none!important;border-radius:13px!important;padding:7px!important}
.sts-side-channel:hover{background:rgba(255,255,255,.05)!important}
.sts-side-avatar{width:38px!important;height:38px!important;border-radius:999px!important;overflow:hidden!important;background:#171f2b!important}
.sts-side-avatar img{width:100%;height:100%;object-fit:cover}
.sts-side-channel b{display:block!important;max-width:140px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important}
.sts-side-channel small{display:block!important;color:var(--sts-muted)!important;font-size:12px!important}
.sts-side-viewers{font-size:12px;color:#dfe7ee}.sts-side-dot{width:7px;height:7px;border-radius:99px;background:var(--sts-red);display:inline-block;margin-right:4px}
.sts-side-more{display:inline-block!important;margin-top:10px!important;color:#c45cff!important;text-decoration:none!important;font-weight:900!important;font-size:13px!important}
.sts-side-category,.sts-quick-link{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:8px 0!important;color:#dfe7ee!important;text-decoration:none!important;font-size:13px!important}
.sts-side-category span:first-child,.sts-quick-link span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sts-side-category em{font-style:normal;color:var(--sts-muted)}

/* Player */
.v53-player{position:relative!important;overflow:hidden!important;aspect-ratio:16/9!important;min-height:420px!important;border-radius:12px!important;background:#030508!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 22px 90px rgba(0,0,0,.46)!important}
.v53-player video,.v53-player img,.mobile-webrtc-player,.mobile-viewer-player{width:100%!important;height:100%!important;object-fit:cover!important}
.v53-player-badges{position:absolute!important;top:16px!important;right:16px!important;z-index:12!important;display:flex!important;gap:8px!important}
.v53-live{background:var(--sts-red)!important;color:#fff!important;border:0!important;border-radius:7px!important;padding:7px 9px!important;font-weight:1000!important}
.v53-viewers{background:rgba(0,0,0,.62)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:7px!important;padding:7px 9px!important;color:#fff!important;font-weight:850!important}
.sts-player-widgets{position:absolute;left:18px;bottom:64px;z-index:15;display:grid;gap:12px;width:220px;pointer-events:none}
.sts-player-widget{padding:13px;border-radius:14px;background:rgba(8,10,15,.72);border:1px solid rgba(255,255,255,.09);box-shadow:0 12px 40px rgba(0,0,0,.35)}
.sts-player-widget h4{margin:0 0 9px;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.sts-player-widget-row{display:flex;align-items:center;justify-content:space-between;color:#dfe7ee;font-size:12px;margin:6px 0}
.sts-progress{height:8px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden}.sts-progress b{display:block;height:100%;width:76%;background:linear-gradient(90deg,var(--sts-green),var(--sts-purple))}
.sts-player-enhance{left:16px!important;bottom:14px!important;opacity:1!important;transform:none!important;pointer-events:auto!important;padding:6px!important;background:rgba(6,10,14,.78)!important;border-radius:14px!important}

/* Stream info + cards */
.v53-stream-info,.v586-channel-info-row{margin:0!important;padding:18px 0!important;display:flex!important;justify-content:space-between!important;gap:18px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.avatar.big{width:70px!important;height:70px!important;border-radius:999px!important;border:3px solid var(--sts-purple)!important;overflow:hidden!important;box-shadow:0 0 0 4px rgba(145,71,255,.18),0 0 28px rgba(145,71,255,.42)!important}
.v53-stream-info h1{margin:0 0 7px!important;color:#fff!important;font-size:24px!important;font-weight:1000!important}
.v586-channel-tabs{display:flex!important;gap:26px!important;margin:0!important;padding:14px 0 0!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.v586-channel-tabs a{color:#dfe7ee!important;text-decoration:none!important;padding:0 0 14px!important;position:relative!important;font-weight:850!important}
.v586-channel-tabs a.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--sts-purple),#ff2d9c)}
.sts-goal-grid,.v53-panels{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.sts-goal-card,.v53-panels article,.channel-tier-card{border:1px solid rgba(255,255,255,.08)!important;background:linear-gradient(180deg,rgba(16,23,34,.9),rgba(10,15,22,.92))!important;border-radius:14px!important}

/* Chat */
.chat-head.v55-chat-head{height:62px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 14px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.v55-chat-title strong{text-transform:uppercase!important;letter-spacing:.04em!important;font-size:15px!important}.v55-chat-title small{display:none!important}.chat-panel-menu{position:absolute!important;right:14px!important}
.sts-chat-rank-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(10,15,22,.96);font-size:12px}
.sts-chat-rank-strip span{border-radius:12px;background:rgba(145,71,255,.12);border:1px solid rgba(145,71,255,.18);padding:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-messages,.pro-messages{flex:1!important;padding:16px!important;overflow:auto!important;background:linear-gradient(rgba(12,18,25,.88),rgba(12,18,25,.88)),var(--chat-bg-image, none) center/cover!important}
.chat-line.pro-message{display:grid!important;grid-template-columns:36px 1fr!important;gap:10px!important;margin:0 0 13px!important;padding:0!important;background:transparent!important;border:0!important}
.chat-avatar-mini{width:34px!important;height:34px!important;border-radius:999px!important;overflow:hidden!important;border:2px solid var(--sts-green)!important}
.chat-bubble{background:transparent!important;border:0!important;padding:0!important}.chat-meta{display:flex!important;align-items:center!important;gap:7px!important}
.chat-name,.chat-name-link{color:#ff42d0!important;font-weight:1000!important;text-decoration:none!important;font-size:13px!important}.chat-bubble>span{display:block!important;margin-top:4px!important;color:#fff!important;line-height:1.45!important;font-size:14px!important}
.v53-emote-strip{padding:10px 14px!important;border-top:1px solid rgba(255,255,255,.08)!important;background:#0b1118!important;display:flex!important;gap:7px!important;overflow:auto!important}
.emote-pick{width:36px!important;min-width:36px!important;height:36px!important;border-radius:10px!important;background:#141d28!important;border:1px solid rgba(255,255,255,.1)!important}.emote-pick span{display:none!important}
.chat-form.pro-chat-form{padding:14px!important;display:grid!important;grid-template-columns:42px 1fr 70px!important;gap:9px!important;border-top:1px solid rgba(255,255,255,.08)!important;background:#0c121a!important}
.chat-form input{height:46px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.1)!important;background:#111922!important;color:#fff!important;padding:0 13px!important}
.chat-form button{height:46px!important;border-radius:11px!important;border:0!important;background:linear-gradient(135deg,var(--sts-purple),var(--sts-purple2))!important;color:#fff!important;font-weight:1000!important}
.sts-chat-announcements{margin:14px;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(16,23,34,.85),rgba(8,12,18,.9))}
.sts-chat-announcements h3{margin:0 0 10px;font-size:16px}.sts-chat-announcements p{margin:0;color:#cbd3df;font-size:13px;line-height:1.55}

/* Hide old sidebar widgets */
.followed-channels,.followed-streamers,.sidebar-followed,#followedChannels,[data-section="followed-channels"],.left-followed-channels{display:none!important}

/* Mobile */
@media(max-width:1250px){
  :root{--sts-rail-w:84px;--sts-chat-w:360px}
  .sts-watch-sidebar{padding:14px 8px}.sts-side-block:not(:first-child){display:none!important}
  .sts-side-title span:not(:first-child),.sts-side-channel div,.sts-side-viewers,.sts-side-more{display:none!important}
  .sts-side-channel{grid-template-columns:38px!important;justify-content:center}
  .tw-main-nav.sts-icon-nav a span:not(.nav-ico){display:none!important}
  .tw-logo.mock-logo,.sts-brand-card{width:112px!important;min-width:112px!important}
}
@media(max-width:920px){
  :root{--sts-topbar-h:64px;--sts-rail-w:0px;--sts-chat-w:100%}
  .tw-topbar.sts-glass-nav{height:auto!important;min-height:64px!important;padding:8px!important;overflow-x:auto!important}
  .tw-logo.mock-logo,.sts-brand-card{height:52px!important;width:92px!important;min-width:92px!important;padding:0 10px!important}
  .tw-logo.mock-logo strong,.sts-brand-card strong{font-size:24px!important}.sts-nav-search{display:none!important}
  .v53-watch,.v586-watch-match,.sts-real-watch-layout{display:block!important}.sts-watch-sidebar{display:none!important}.v53-watch-main{padding:10px!important}
  .v53-player{min-height:auto!important;border-radius:14px!important}.sts-player-widgets{display:none!important}
  .chat-panel,.upgraded.pro-chat,.v53-chat{position:relative!important;top:auto!important;width:calc(100% - 20px)!important;max-width:none!important;height:68vh!important;border-radius:14px!important;margin:10px!important}
  .sts-goal-grid,.v53-panels{grid-template-columns:1fr!important}
}