:root{
  color-scheme:dark;
  --ohm-ease:cubic-bezier(.2,.8,.2,1);
  --ohm-focus-ring:rgba(99,190,255,.72);
}
html{
  overflow-y:scroll;
  overflow-x:hidden;
  scrollbar-gutter:stable;
  scroll-behavior:auto!important;
  -webkit-text-size-adjust:100%;
}
body{
  min-height:100%;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  filter:none!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
/* Never animate the full page. Page fades and translated containers caused blink/jump. */
html.ohm-page-enter body,
html.ohm-page-leaving body,
html.ohm-fast-route-enter body,
html.ohm-page-fallback-enter body,
html.ohm-page-enter #home>.content,
html.ohm-page-leaving #home>.content,
html.ohm-fast-route-enter #home>.content,
html.ohm-page-fallback-enter #home>.content,
html.ohm-page-enter #home>#hero,
html.ohm-page-leaving #home>#hero,
html.ohm-fast-route-enter #home>#hero,
html.ohm-page-fallback-enter #home>#hero,
html.ohm-page-enter #blogPage,
html.ohm-page-leaving #blogPage,
html.ohm-fast-route-enter #blogPage,
html.ohm-page-fallback-enter #blogPage,
.ohm-route-premium-enter{
  animation:none!important;
  transition:none!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  filter:none!important;
  will-change:auto!important;
  view-transition-name:none!important;
}
/* Dynamic lists render directly in their final position. */
#videoGrid>*,#reelGrid>*,#artistGrid>*,#playlistGrid>*,#blogGrid>*,
#trendingList>*,#topReelsList>*,#newReleaseIntro>*{
  animation:none!important;
}
html.ohm-v17-media-lock body #songs #videoGrid,
html.ohm-v17-media-lock.ohm-v17-media-ready body #songs #videoGrid{
  visibility:visible!important;
  opacity:1!important;
  transition:none!important;
}
/* Reserve key geometry before deferred scripts populate it. */
#nav{min-height:38px;contain:layout style;}
#stats{min-height:82px;}
#hero{min-height:clamp(210px,31vw,430px);background-color:#102844;}
#release .ohm-nr-media,#playlists .ohm-playlist-v84-thumb,
#videoGrid .thumb,#reelGrid .thumb,.release-mini-card .thumb{
  aspect-ratio:16/9;
  overflow:hidden;
}
#reelGrid .reel-thumb{aspect-ratio:9/16;overflow:hidden;}
img,video,iframe{
  backface-visibility:hidden;
  content-visibility:visible!important;
}
img{height:auto;}
.card,.section,.side-card,.reel-card,.playlist-card,.artist,
#home>.content,#home>#hero,#blogPage{will-change:auto!important;}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent;}
button,a,[role=button],[data-link]{touch-action:manipulation;}
/* Smooth only interaction paint properties; never animate layout dimensions/position. */
#nav button,#nav a,#ohmV58BottomNav button,.head-action,.small-btn,
.ohm-side-link,.ohm-footer-links button,.ohm-footer-links a,
button[data-link],a[data-link],[data-ohm-playlist-index],[data-ohm-track-index],
.ohm-nr-view-all,.ohm-nr-stop,.opl-btn,.opl-refresh{
  transition:transform .13s var(--ohm-ease),filter .13s ease,
    border-color .13s ease,background-color .13s ease,box-shadow .13s ease!important;
}
.ohm-option-pressed,#nav button:active,#nav a:active,#ohmV58BottomNav button:active,
.head-action:active,.small-btn:active,.ohm-side-link:active,
button[data-link]:active,a[data-link]:active{
  transform:scale(.98)!important;
  filter:brightness(.97);
  transition-duration:.05s!important;
}
#nav button:focus-visible,#nav a:focus-visible,#ohmV58BottomNav button:focus-visible,
.head-action:focus-visible,.small-btn:focus-visible,.ohm-side-link:focus-visible,
button[data-link]:focus-visible,a[data-link]:focus-visible{
  outline:2px solid var(--ohm-focus-ring)!important;
  outline-offset:3px!important;
}
::view-transition-old(root),::view-transition-new(root),
::view-transition-old(ohm-main-content),::view-transition-new(ohm-main-content),
::view-transition-old(ohm-main-hero),::view-transition-new(ohm-main-hero),
::view-transition-old(ohm-blog-view),::view-transition-new(ohm-blog-view),
::view-transition-old(ohm-rdc-login-view),::view-transition-new(ohm-rdc-login-view),
::view-transition-old(ohm-rdc-view),::view-transition-new(ohm-rdc-view){animation:none!important;}
@media(hover:hover) and (pointer:fine){
  #nav button:hover,#nav a:hover,.head-action:hover,.small-btn:hover,
  .ohm-side-link:hover,button[data-link]:hover,a[data-link]:hover{filter:brightness(1.045);}
}
@media(max-width:700px){
  #nav{min-height:36px;}
  #stats{min-height:72px;}
  #hero{min-height:clamp(180px,48vw,300px);}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important;}
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}