/* STS v5.7.0 — unified platform polish
   Keeps existing route/view contracts intact while giving STS one visual system. */
:root{
  --sts-bg:#07080d;--sts-bg-2:#0c0e16;--sts-panel:#10131d;--sts-panel-2:#151927;
  --sts-line:rgba(255,255,255,.085);--sts-line-strong:rgba(173,93,255,.34);
  --sts-text:#f7f5ff;--sts-muted:#9ca3b7;--sts-purple:#9a4dff;--sts-purple-2:#6e2cff;
  --sts-green:#39ed8a;--sts-red:#ff4468;--sts-radius:18px;--sts-radius-sm:12px;
  --sts-shadow:0 20px 60px rgba(0,0,0,.34);--sts-glow:0 0 34px rgba(143,67,255,.18);
  --sts-ease:cubic-bezier(.2,.8,.2,1)
}
html{background:var(--sts-bg);scroll-behavior:smooth}body.streamx-v5{background:radial-gradient(circle at 80% -10%,rgba(119,39,220,.16),transparent 28%),var(--sts-bg)!important;color:var(--sts-text)}
body.streamx-v5 *{box-sizing:border-box}body.streamx-v5 a{transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
body.streamx-v5 img{max-width:100%}body.streamx-v5 button,body.streamx-v5 input,body.streamx-v5 textarea,body.streamx-v5 select{font:inherit}
body.streamx-v5 :focus-visible{outline:2px solid #b978ff!important;outline-offset:3px}
body.streamx-v5 main.page.v5-page{min-height:calc(100vh - 64px);background:transparent!important}

/* top navigation */
body.streamx-v5 .tw-topbar{height:64px!important;min-height:64px!important;padding:0 18px!important;background:rgba(8,9,15,.88)!important;border-bottom:1px solid var(--sts-line)!important;backdrop-filter:blur(18px) saturate(150%);box-shadow:0 10px 35px rgba(0,0,0,.18);z-index:2000!important}
body.streamx-v5 .tw-brand img{filter:drop-shadow(0 0 14px rgba(156,72,255,.28))}
body.streamx-v5 .tw-nav a{border-radius:9px;padding:9px 11px!important;color:#c9c9d6!important;font-weight:760!important}
body.streamx-v5 .tw-nav a:hover{background:rgba(154,77,255,.11)!important;color:white!important}
body.streamx-v5 .tw-search{background:#0e111a!important;border:1px solid var(--sts-line)!important;border-radius:13px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
body.streamx-v5 .tw-search:focus-within{border-color:rgba(165,88,255,.62)!important;box-shadow:0 0 0 3px rgba(154,77,255,.12)!important}
body.streamx-v5 .tw-search input{color:white!important}.sts-account-menu-button{border:1px solid var(--sts-line)!important;background:#0f121b!important}
.sts-account-menu-button:hover{border-color:var(--sts-line-strong)!important;background:#151927!important}
.sts-account-dropdown,.sts-mock-more-menu,.sts-search-results{background:rgba(13,15,24,.98)!important;border:1px solid var(--sts-line-strong)!important;box-shadow:var(--sts-shadow),var(--sts-glow)!important;backdrop-filter:blur(18px)}

/* universal surfaces */
.v5-panel,.studio-stat-card,.studio-chart-panel,.studio-health-panel,.dashboard-paypal-quick-card,.sts319-panel,.sts-subscribe-deck{
  background:linear-gradient(145deg,rgba(18,21,32,.97),rgba(11,13,21,.97))!important;
  border:1px solid var(--sts-line)!important;border-radius:var(--sts-radius)!important;box-shadow:0 12px 38px rgba(0,0,0,.18)!important
}
.tw-btn,.v53-btn,.watch-action-btn,.sts319-hero-actions a,.sts-drop-builder-actions a{border-radius:11px!important;font-weight:850!important;letter-spacing:.01em;transition:all .18s var(--sts-ease)!important}
.tw-btn:hover,.v53-btn:hover,.watch-action-btn:hover,.sts319-hero-actions a:hover,.sts-drop-builder-actions a:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.28)}
.tw-btn.primary,.v53-btn.primary,.watch-action-btn.follow{background:linear-gradient(135deg,var(--sts-purple),var(--sts-purple-2))!important;border-color:rgba(199,145,255,.4)!important;color:#fff!important}

/* homepage */
html body.streamx-v5 .sts319-page{padding:18px 20px 68px!important;grid-template-columns:236px minmax(0,1fr)!important;gap:18px!important;max-width:1920px!important;margin-inline:auto!important}
.sts319-sidebar{position:sticky!important;top:82px!important;align-self:start!important;max-height:calc(100vh - 96px);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(154,77,255,.5) transparent}
.sts319-panel{overflow:hidden!important}.sts319-panel-head{padding:15px 14px 11px!important;border-bottom:1px solid rgba(255,255,255,.055)}
.sts319-panel-head b{font-size:11px!important;letter-spacing:.12em!important}.sts319-panel-head a{color:#ae72ff!important;font-size:10px!important}
.sts319-side-user{margin:5px 7px!important;padding:9px!important;border:1px solid transparent;border-radius:12px!important}
.sts319-side-user:hover{background:rgba(154,77,255,.09)!important;border-color:rgba(154,77,255,.16)!important;transform:translateX(2px)}
.sts319-side-user img{box-shadow:0 0 0 2px rgba(154,77,255,.2)}
.sts319-main{min-width:0}.sts319-hero{min-height:clamp(410px,52vw,640px)!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:24px!important;overflow:hidden!important;box-shadow:var(--sts-shadow),0 0 80px rgba(91,33,170,.13)!important;background-position:center!important;background-size:cover!important;isolation:isolate}
.sts319-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,11,.92) 0%,rgba(5,6,11,.46) 50%,rgba(5,6,11,.15) 70%),linear-gradient(0deg,rgba(5,6,11,.8),transparent 48%);z-index:-1}
.sts319-hero:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,var(--sts-purple),var(--sts-green),transparent);opacity:.7}
.sts319-hero-copy{padding:clamp(38px,6vw,86px)!important;max-width:720px!important}.sts319-hero-copy h1{font-size:clamp(42px,6.1vw,90px)!important;line-height:.88!important;letter-spacing:-.055em!important;text-shadow:0 14px 45px rgba(0,0,0,.5)}
.sts319-hero-copy h1 span{background:linear-gradient(90deg,#b77bff,#8141ff);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.sts319-hero-copy>p{font-size:clamp(15px,1.5vw,22px)!important;letter-spacing:.14em!important}.sts319-hero-actions{gap:10px!important;flex-wrap:wrap}.sts319-hero-actions a{background:rgba(13,16,25,.74)!important;border:1px solid rgba(255,255,255,.14)!important;backdrop-filter:blur(12px)}
.sts319-hero-actions a:first-child{background:linear-gradient(135deg,rgba(154,77,255,.95),rgba(100,40,220,.94))!important}.sts319-float-card{border:1px solid rgba(255,255,255,.14)!important;background:rgba(10,12,19,.78)!important;backdrop-filter:blur(18px)!important;border-radius:17px!important;box-shadow:0 18px 55px rgba(0,0,0,.38)!important}
.sts319-section{margin-top:25px!important}.sts319-title{margin-bottom:12px!important}.sts319-title h2{font-size:20px!important;letter-spacing:.035em!important}.sts319-title a{color:#b87cff!important}
html body.streamx-v5 .sts319-live-row{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important;gap:15px!important}
.sts319-stream-card{border-radius:16px!important;overflow:hidden!important;background:linear-gradient(145deg,#11141e,#0c0e15)!important;border:1px solid var(--sts-line)!important;box-shadow:0 12px 30px rgba(0,0,0,.17)!important}
.sts319-stream-card:hover{transform:translateY(-5px)!important;border-color:rgba(166,90,255,.35)!important;box-shadow:0 22px 45px rgba(0,0,0,.3),0 0 28px rgba(138,62,255,.12)!important}
.sts319-thumb{aspect-ratio:16/9!important;min-height:0!important;background-size:cover!important;background-position:center!important}.sts319-thumb:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.06);pointer-events:none}
.sts319-card-meta{padding:12px!important}.sts319-card-meta img{width:42px!important;height:42px!important;border-radius:50%!important;border:2px solid rgba(158,79,255,.55)!important}.sts319-card-meta strong{font-size:14px!important}.sts319-card-meta small{color:#d7d5df!important}.sts319-card-meta em{color:var(--sts-muted)!important}
.sts319-category-card{border-radius:15px!important;overflow:hidden!important;border:1px solid var(--sts-line)!important;background:#10131d!important}.sts319-category-card:hover{transform:translateY(-4px);border-color:var(--sts-line-strong)!important}

/* creator studio */
.v5-studio-layout{display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;gap:0!important;max-width:1920px!important;margin:0 auto!important;min-height:calc(100vh - 64px)!important}
.v5-studio-side{position:sticky!important;top:64px!important;height:calc(100vh - 64px)!important;overflow:auto!important;background:linear-gradient(180deg,#0d1018,#090b11)!important;border-right:1px solid var(--sts-line)!important;padding:18px 13px 40px!important;scrollbar-width:thin}
.v5-studio-profile{padding:16px!important;background:rgba(255,255,255,.025);border:1px solid var(--sts-line);border-radius:16px;margin-bottom:12px}.v5-studio-side nav{display:flex!important;flex-direction:column!important;gap:3px!important}.v5-studio-side nav a{padding:10px 12px!important;border-radius:10px!important;color:#b7bdcd!important;font-weight:700!important;border:1px solid transparent!important}.v5-studio-side nav a:hover,.v5-studio-side nav a.sts-nav-active{color:#fff!important;background:linear-gradient(90deg,rgba(154,77,255,.16),rgba(154,77,255,.04))!important;border-color:rgba(154,77,255,.18)!important}.studio-nav-label{margin:15px 9px 5px!important;color:#777f94!important;font-size:10px!important;letter-spacing:.14em!important;text-transform:uppercase!important}
.v5-studio-main{padding:24px clamp(18px,3vw,42px) 70px!important;min-width:0!important;max-width:1550px!important;width:100%!important;margin:0 auto!important}.studio-command-hero{border-radius:22px!important;border:1px solid var(--sts-line-strong)!important;background:radial-gradient(circle at 85% 10%,rgba(154,77,255,.28),transparent 36%),linear-gradient(135deg,#161126,#0d1018 60%)!important;box-shadow:var(--sts-shadow),var(--sts-glow)!important;padding:clamp(24px,3vw,44px)!important;overflow:hidden!important}.studio-command-copy h1{font-size:clamp(30px,4vw,58px)!important;letter-spacing:-.04em!important}.studio-live-preview-card{border:1px solid rgba(255,255,255,.12)!important;background:rgba(7,8,13,.55)!important;border-radius:17px!important;backdrop-filter:blur(13px)}
.studio-overview-grid{grid-template-columns:repeat(5,minmax(145px,1fr))!important;gap:12px!important}.studio-stat-card{padding:18px!important;position:relative;overflow:hidden}.studio-stat-card:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(var(--sts-purple),transparent)}.studio-stat-card strong{font-size:clamp(25px,2.4vw,38px)!important;letter-spacing:-.04em}.studio-stat-card small{color:var(--sts-muted)!important}.studio-quick-grid-v56{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:12px!important}.studio-quick-grid-v56>a{background:linear-gradient(145deg,#121520,#0d0f17)!important;border:1px solid var(--sts-line)!important;border-radius:15px!important;padding:17px!important}.studio-quick-grid-v56>a:hover{transform:translateY(-3px);border-color:var(--sts-line-strong)!important;box-shadow:0 15px 35px rgba(0,0,0,.22)}
.v5-panel{padding:clamp(18px,2vw,28px)!important}.studio-chart-grid{gap:14px!important}.studio-chart-panel,.studio-health-panel{padding:21px!important}

/* watch page */
.v53-watch{max-width:1920px!important;margin:0 auto!important;padding:16px 18px 55px!important;gap:14px!important}.v53-watch-main{min-width:0!important}.v53-player{border-radius:18px!important;overflow:hidden!important;background:#020307!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 18px 60px rgba(0,0,0,.4)!important;aspect-ratio:16/9}.v53-player video{width:100%!important;height:100%!important;object-fit:contain!important}.v53-stream-info{margin-top:12px!important;background:linear-gradient(145deg,#11141e,#0c0e16)!important;border:1px solid var(--sts-line)!important;border-radius:17px!important;padding:16px!important}.v53-channel-line h1{font-size:clamp(19px,2vw,27px)!important;letter-spacing:-.02em}.v53-stream-actions{gap:8px!important}.watch-action-btn{min-height:42px!important;padding:0 15px!important;border:1px solid var(--sts-line)!important;background:#161925!important;color:white!important}.watch-action-btn.report{background:transparent!important;color:#bbbfd0!important}.sts-subscribe-deck{margin-top:14px!important;padding:20px!important}.sts-sub-tier{border-radius:16px!important;border:1px solid var(--sts-line)!important;background:linear-gradient(145deg,#151827,#0e1018)!important}.v53-chat,.v586-chat-column{border:1px solid var(--sts-line)!important;background:#0b0d14!important;border-radius:18px!important;overflow:hidden!important}

/* loading/performance polish */
[data-sts-lazy]{opacity:0;transition:opacity .3s ease}[data-sts-lazy].is-loaded{opacity:1}.sts-ui-ready .sts319-stream-card,.sts-ui-ready .studio-stat-card{animation:stsCardIn .42s var(--sts-ease) both}@keyframes stsCardIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

@media(max-width:1180px){html body.streamx-v5 .sts319-page{grid-template-columns:190px minmax(0,1fr)!important;padding-inline:12px!important}.studio-overview-grid{grid-template-columns:repeat(3,1fr)!important}.v5-studio-layout{grid-template-columns:220px minmax(0,1fr)!important}}
@media(max-width:900px){html body.streamx-v5 .sts319-page{display:block!important;padding:10px 10px 80px!important}.sts319-sidebar{position:static!important;display:none!important}.sts319-hero{min-height:480px!important}.sts319-hero-copy{padding:32px 22px!important}.sts319-float-card{left:20px!important;right:20px!important;bottom:18px!important;width:auto!important}.v5-studio-layout{display:block!important}.v5-studio-side{position:relative!important;top:auto!important;height:auto!important;border-right:0!important;border-bottom:1px solid var(--sts-line)!important}.v5-studio-side nav{display:grid!important;grid-template-columns:repeat(3,1fr)!important}.studio-nav-label{grid-column:1/-1}.v5-studio-main{padding:15px 12px 70px!important}.studio-overview-grid{grid-template-columns:repeat(2,1fr)!important}.v53-watch{padding:8px 8px 70px!important}.v53-player{border-radius:12px!important}.v53-stream-info{border-radius:13px!important}}
@media(max-width:620px){body.streamx-v5 .tw-topbar{padding:0 8px!important}.sts319-hero{min-height:430px!important;border-radius:17px!important}.sts319-hero-copy h1{font-size:43px!important}.sts319-hero-actions a{flex:1 1 145px}.sts319-float-card{display:none!important}html body.streamx-v5 .sts319-live-row{grid-template-columns:1fr!important}.v5-studio-side nav{grid-template-columns:repeat(2,1fr)!important}.studio-command-hero{padding:22px 17px!important}.studio-live-preview-card{display:none!important}.studio-overview-grid{grid-template-columns:1fr 1fr!important}.v53-stream-info{padding:12px!important}.v53-channel-line{align-items:flex-start!important}.v53-stream-actions{width:100%!important;flex-wrap:wrap!important}.watch-action-btn{flex:1!important}}