/* StreamSphere compatibility layer
   Brings older application pages onto the same calm, lightweight design
   system as the new home page without changing page behaviour. */

body.home-design.fresh-shell-ready{
  --panel:var(--fresh-panel);
  --panel-2:var(--fresh-panel-2);
  --line:var(--fresh-line);
  --text:var(--fresh-text);
  --muted:var(--fresh-muted);
}

body.home-design.fresh-shell-ready main,
body.home-design.fresh-shell-ready .shell,
body.home-design.fresh-shell-ready .studio-shell,
body.home-design.fresh-shell-ready .account-shell,
body.home-design.fresh-shell-ready .admin-shell,
body.home-design.fresh-shell-ready .network-shell,
body.home-design.fresh-shell-ready .pulse-shell,
body.home-design.fresh-shell-ready .mod-shell,
body.home-design.fresh-shell-ready .news-wire-shell,
body.home-design.fresh-shell-ready .streamer-page-shell{
  width:min(var(--fresh-page),calc(100% - 40px))!important;
  margin-inline:auto!important;
}

body.home-design.fresh-shell-ready :is(
  .studio-panel,.studio-live-card,.account-auth,.account-card,
  .admin-pro-panel,.admin-pro-card,.admin-console,.login-card,
  .network-section,.network-card,.pulse-section,.pulse-card,
  .mod-command-bar,.mod-rail,.mod-workbench,.native-mod-desk,
  .news-wire-controls,.news-card,.streamer-loading,.streamer-section,
  .giveaway-card,.giveaway-shell,.collab-game-library
){
  border:1px solid var(--fresh-line)!important;
  border-radius:var(--fresh-radius)!important;
  background:var(--fresh-panel)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body.home-design.fresh-shell-ready :is(
  .studio-hero,.account-intro,.network-hero,.pulse-hero,.mod-hero,
  .news-wire-hero,.viewer-hero,.streamer-hero
){
  padding-top:34px!important;
}

body.home-design.fresh-shell-ready :is(.studio-hero,.account-intro,.network-hero,.pulse-hero,.mod-hero,.news-wire-hero) h1{
  max-width:850px;
  margin-bottom:16px!important;
  font-size:clamp(42px,6vw,72px)!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
}

body.home-design.fresh-shell-ready :is(p,.studio-hint,.muted,.subtle){
  color:var(--fresh-muted);
}

body.home-design.fresh-shell-ready :is(.studio-grid,.account-grid,.network-grid,.pulse-grid,.admin-grid){
  gap:16px!important;
}

body.home-design.fresh-shell-ready :is(.studio-panel,.account-card,.network-card,.pulse-card,.admin-pro-card){
  padding:24px!important;
}

body.home-design.fresh-shell-ready :is(input,select,textarea){
  min-height:46px!important;
  padding:11px 14px!important;
  border:1px solid #313c50!important;
  background:#0d121b!important;
}

body.home-design.fresh-shell-ready textarea{min-height:112px!important}

body.home-design.fresh-shell-ready :is(.btn,button[class*="btn"],a[class*="btn"]){
  min-height:42px;
  padding-inline:16px;
}

body.home-design.fresh-shell-ready .studio-row{
  gap:10px!important;
  flex-wrap:wrap;
}

body.home-design.fresh-shell-ready .ss-legal-footer{
  width:min(var(--fresh-page),calc(100% - 40px))!important;
  min-height:auto!important;
  margin:64px auto 0!important;
  padding:24px 0!important;
  border-top:1px solid var(--fresh-line)!important;
  background:transparent!important;
}

body.home-design.fresh-shell-ready .ss-legal-footer~.ss-legal-footer{display:none!important}

body.home-design.fresh-shell-ready .viewer-view,
body.home-design.fresh-shell-ready [data-view],
body.home-design.fresh-shell-ready [data-panel]{scroll-margin-top:82px}

body.home-design.fresh-shell-ready .hidden{display:none!important}

@media(max-width:900px){
  body.home-design.fresh-shell-ready main,
  body.home-design.fresh-shell-ready .shell,
  body.home-design.fresh-shell-ready .studio-shell,
  body.home-design.fresh-shell-ready .account-shell,
  body.home-design.fresh-shell-ready .admin-shell,
  body.home-design.fresh-shell-ready .network-shell,
  body.home-design.fresh-shell-ready .pulse-shell,
  body.home-design.fresh-shell-ready .mod-shell,
  body.home-design.fresh-shell-ready .news-wire-shell,
  body.home-design.fresh-shell-ready .streamer-page-shell{
    width:min(var(--fresh-page),calc(100% - 24px))!important;
  }
  body.home-design.fresh-shell-ready :is(.studio-grid,.account-grid,.network-grid,.pulse-grid,.admin-grid){
    grid-template-columns:1fr!important;
  }
}

@media(max-width:600px){
  body.home-design.fresh-shell-ready :is(.studio-panel,.account-card,.network-card,.pulse-card,.admin-pro-card){padding:18px!important}
  body.home-design.fresh-shell-ready :is(.studio-hero,.account-intro,.network-hero,.pulse-hero,.mod-hero,.news-wire-hero) h1{font-size:clamp(38px,13vw,56px)!important}
}

@media(prefers-reduced-motion:reduce){
  body.home-design.fresh-shell-ready *,body.home-design.fresh-shell-ready *::before,body.home-design.fresh-shell-ready *::after{
    scroll-behavior:auto!important;
    transition:none!important;
    animation:none!important;
  }
}