.mix365-live-native .likes-leaderboard-row .likes-leaderboard-pos{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:52px;
  margin-right:12px;
  flex:0 0 52px;
}

.mix365-live-native .likes-leaderboard-row .likes-leaderboard-avatar{
  flex:0 0 44px;
}

.mix365-live-native .likes-leaderboard-row.is-top-1 .likes-leaderboard-pos,
.mix365-live-native .likes-leaderboard-row.is-top-2 .likes-leaderboard-pos,
.mix365-live-native .likes-leaderboard-row.is-top-3 .likes-leaderboard-pos{
  margin-right:4px;
}

  .mix365-live-native .live-page-section{
    position: relative;
    overflow: hidden;
  }

  .mix365-live-native .live-page-section::before{
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(circle at top right, rgba(255,255,255,0.08), transparent 28%),
      radial-gradient(circle at bottom left, rgba(255,255,255,0.05), transparent 26%);
    pointer-events: none;
  }

  .mix365-live-native .live-card{
    position: relative;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 24px;
    padding: 24px;
    box-shadow: 0 18px 50px rgba(0,0,0,0.22);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    height: 100%;
  }

  .mix365-live-native .live-card-header{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 22px;
  }

  .mix365-live-native .live-card-title{
    margin: 0;
    color: #fff;
  }

  .mix365-live-native .live-title-row{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
  }

  .mix365-live-native .live-audio-toggle{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.16);
    background: rgba(255,255,255,0.08);
    color: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,0.20);
    transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
  }

  .mix365-live-native .live-audio-toggle:hover,
.mix365-live-native .live-audio-toggle:focus{
    color: #fff;
    background: rgba(255,255,255,0.12);
    border-color: rgba(255,255,255,0.24);
    transform: translateY(-1px);
  }

  .mix365-live-native .live-audio-toggle.is-playing{
    background: rgba(255, 70, 70, 0.16);
    border-color: rgba(255, 70, 70, 0.30);
    animation: liveBadgePulse 1.8s ease-in-out infinite;
    box-shadow: 0 8px 24px rgba(0,0,0,0.20);
  }

  .mix365-live-native .live-audio-toggle.is-playing i{
    color: #ff4b4b;
    animation: liveDotPulse 1.2s infinite;
  }

  .mix365-live-native .live-audio-toggle.is-playing:hover,
.mix365-live-native .live-audio-toggle.is-playing:focus{
    background: rgba(255, 70, 70, 0.20);
    border-color: rgba(255, 70, 70, 0.36);
    color: #fff;
  }


  .mix365-live-native .audio-only-mode-label{
    display: none !important;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(102, 252, 241, 0.12);
    border: 1px solid rgba(102, 252, 241, 0.28);
    color: #66FCF1;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.04em;
    white-space: nowrap;
    box-shadow: 0 8px 24px rgba(0,0,0,0.16);
    flex: 0 0 auto;
  }

  .mix365-live-native .audio-only-mode-label.is-visible{
    display: inline-flex !important;
  }


  @keyframes liveBadgePulse{
    0% {
      opacity: 0.92;
      transform: scale(0.96);
    }
    50% {
      opacity: 1;
      transform: scale(1.04);
    }
    100% {
      opacity: 0.92;
      transform: scale(0.96);
    }
  }

  @keyframes liveDotPulse{
    0% {
      opacity: 1;
      transform: scale(0.9);
    }
    50% {
      opacity: 0.7;
      transform: scale(1.15);
    }
    100% {
      opacity: 1;
      transform: scale(0.9);
    }
  }

  .mix365-live-native .live-badge{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 70, 70, 0.16);
    border: 1px solid rgba(255, 70, 70, 0.30);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin-bottom: 12px;
  }

  .mix365-live-native .live-badge i{
    font-size: 10px;
    color: #ff4b4b;
  }

  .mix365-live-native .live-badge-inline{
    display: none;
    vertical-align: middle;
    margin-left: 12px;
    margin-bottom: 0;
  }

  .mix365-live-native .live-badge-inline.is-visible{
    display: inline-flex;
    animation: liveBadgePulse 1.8s ease-in-out infinite;
  }

  .mix365-live-native .live-badge-inline.is-visible i{
    animation: liveDotPulse 1.2s infinite;
  }

  .mix365-live-native .live-top-stats{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
  }

  .mix365-live-native .live-stat-pill{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 999px;
    padding: 10px 14px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
  }


  .mix365-live-native .mix365-cdn-switch{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    min-height: 42px;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.12);
    box-shadow: 0 8px 24px rgba(0,0,0,0.14);
  }

  .mix365-live-native .mix365-cdn-switch__label,
.mix365-live-native .mix365-cdn-switch__status{
    color: rgba(255,255,255,0.76);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .mix365-live-native .mix365-cdn-switch__status{
    color: #66FCF1;
  }

  .mix365-live-native .mix365-cdn-switch__options{
    display: inline-flex;
    align-items: center;
    gap: 5px;
  }

  .mix365-live-native .mix365-cdn-switch__btn{
    appearance: none;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.82);
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
  }

  .mix365-live-native .mix365-cdn-switch__btn:hover,
.mix365-live-native .mix365-cdn-switch__btn:focus{
    color: #fff;
    border-color: rgba(255,255,255,0.26);
    background: rgba(255,255,255,0.11);
    transform: translateY(-1px);
    outline: none;
  }

  .mix365-live-native .mix365-cdn-switch__btn.is-active{
    color: #fff;
    background: rgba(255, 70, 70, 0.18);
    border-color: rgba(255, 70, 70, 0.34);
  }

  @media (max-width: 575.98px){
    .mix365-live-native .mix365-cdn-switch{
      justify-content: center;
      border-radius: 18px;
      width: 100%;
      max-width: 320px;
    }
  }

  .mix365-live-native .live-player-wrap{
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    min-height: 0;
    border-radius: 22px;
    overflow: hidden;
    background:
      linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02)),
      #0e1322;
    border: 1px solid rgba(255,255,255,0.08);
  }

  .mix365-live-native .live-player-placeholder,
.mix365-live-native .live-chat-mount,
.mix365-live-native #likesLeaderboardMount,
.mix365-live-native #eventsBandMount,
.mix365-live-native #rateUsMount{
    min-height: 100%;
  }

  .mix365-live-native .mix365-rate-us-widget{
    width: 100%;
    text-align: center;
  }

  .mix365-live-native .mix365-rate-us-stars{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    line-height: 1;
    flex-wrap: wrap;
  }

  .mix365-live-native .mix365-rate-us-star{
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    font-size: 46px;
    line-height: 1;
    color: rgba(255, 212, 0, 0.35);
    text-shadow: 0 1px 2px rgba(0,0,0,0.55);
    transition: transform 0.18s ease, color 0.18s ease, text-shadow 0.18s ease;
  }

  .mix365-live-native .mix365-rate-us-star:hover,
.mix365-live-native .mix365-rate-us-star:focus{
    transform: translateY(-2px) scale(1.05);
    outline: none;
  }

  .mix365-live-native .mix365-rate-us-star.is-active{
    color: #FFD400;
    text-shadow: 0 0 16px rgba(255, 212, 0, 0.18), 0 1px 2px rgba(0,0,0,0.55);
  }

  .mix365-live-native .mix365-rate-us-star[disabled]{
    cursor: default;
    opacity: 0.7;
    transform: none !important;
  }

  .mix365-live-native .mix365-rate-us-meta,
.mix365-live-native .mix365-rate-us-feedback{
    margin-top: 12px;
    font-size: 14px;
    color: rgba(255,255,255,0.84);
  }

  .mix365-live-native .mix365-rate-us-meta{
    font-size: 13px;
    opacity: 0.8;
  }

  .mix365-live-native .mix365-rate-us-feedback{
    min-height: 22px;
  }

  @media (max-width: 575.98px){
    .mix365-live-native .mix365-rate-us-star{
      font-size: 40px;
    }

    .mix365-live-native .mix365-rate-us-stars{
      gap: 10px;
    }
  }

  .mix365-live-native .live-player-placeholder{
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
  }


  .mix365-live-native .live-player-wrap > #livePlayerMount,
.mix365-live-native .live-player-wrap .live-video-shell,
.mix365-live-native .live-player-wrap video,
.mix365-live-native .live-player-wrap iframe,
.mix365-live-native .live-player-wrap img{
    width: 100%;
    height: 100%;
  }

  .mix365-live-native .live-player-wrap .live-video-shell{
    position: relative;
  }

  .mix365-live-native .live-player-wrap video,
.mix365-live-native .live-player-wrap iframe,
.mix365-live-native .live-player-wrap img{
    display: block;
    object-fit: cover;
  }

  .mix365-live-native .live-placeholder-inner{
    color: rgba(255,255,255,0.82);
  }

  .mix365-live-native .live-placeholder-inner p{
    color: rgba(255,255,255,0.68);
  }

  .mix365-live-native .live-dj-summary{
    color: #fff;
  }

  .mix365-live-native .live-info-card{
    position: relative;
    overflow: hidden;
  }

  .mix365-live-native .live-info-card > .live-card-header,
.mix365-live-native .live-info-card > .live-dj-summary{
    position: relative;
    z-index: 2;
  }

  /* MIX365 PATCH: transparent live DJ/flyer background for the Now Playing card.
     Prefer schedule flyer when available, otherwise fall back to the live DJ avatar. */
  .mix365-live-native .live-show-flyer-watermark{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    opacity: 0;
    pointer-events: none;
    user-select: none;
    z-index: 0;
    transform: scale(1.04);
    filter: saturate(1.08) contrast(1.08) blur(0.2px);
    transition: opacity .25s ease, transform .25s ease, filter .25s ease;
  }

  .mix365-live-native .live-info-card.has-live-flyer-watermark .live-show-flyer-watermark{
    opacity: .18;
  }

  .mix365-live-native .live-info-card.has-live-flyer-watermark.is-live-background-avatar .live-show-flyer-watermark{
    opacity: .14;
    transform: scale(1.10);
    filter: saturate(1.05) contrast(1.08) blur(1px);
  }

  .mix365-live-native .live-info-card.has-live-flyer-watermark.is-live-background-flyer .live-show-flyer-watermark{
    opacity: .18;
    transform: scale(1.03);
    filter: saturate(1.10) contrast(1.08) blur(0.2px);
  }

  .mix365-live-native .live-info-card.has-live-flyer-watermark::after{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
      radial-gradient(circle at 50% 20%, rgba(255,255,255,.08), rgba(255,255,255,0) 38%),
      linear-gradient(180deg, rgba(13,19,34,.58), rgba(13,19,34,.90));
  }

  .mix365-live-native .live-info-card.has-live-flyer-watermark.is-live-background-avatar::after{
    background:
      radial-gradient(circle at 50% 28%, rgba(102,252,241,.08), rgba(102,252,241,0) 36%),
      linear-gradient(180deg, rgba(13,19,34,.66), rgba(13,19,34,.92));
  }

  @media (max-width: 575.98px){
    .mix365-live-native .live-info-card.has-live-flyer-watermark .live-show-flyer-watermark{
      opacity: .13;
    }

    .mix365-live-native .live-info-card.has-live-flyer-watermark.is-live-background-avatar .live-show-flyer-watermark{
      opacity: .11;
    }
  }

  .mix365-live-native .live-dj-avatar-wrap{
    display: flex;
    justify-content: center;
  }

  .mix365-live-native .live-dj-avatar{
    width: 124px;
    height: 124px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid rgba(255,255,255,0.14);
    box-shadow: 0 15px 35px rgba(0,0,0,0.25);
  }

  .mix365-live-native .live-meta-list{
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .mix365-live-native .live-meta-item{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 10px 14px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,0.10);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
  }

  .mix365-live-native .live-meta-item i{
    font-size: 15px;
    flex: 0 0 auto;
  }

  .mix365-live-native .live-meta-item .label{
    color: rgba(255,255,255,0.82);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    flex: 0 0 auto;
  }

  .mix365-live-native .live-meta-item .value{
    color: #fff;
    font-weight: 800;
    font-size: 18px;
    line-height: 1;
    white-space: nowrap;
    flex: 0 0 auto;
  }

  .mix365-live-native .live-meta-item--started{
    background: linear-gradient(135deg, rgba(114, 86, 255, 0.22), rgba(77, 170, 255, 0.12)), rgba(255,255,255,0.05);
    border-color: rgba(114, 86, 255, 0.26);
    box-shadow: 0 10px 24px rgba(76, 99, 255, 0.12);
  }

  .mix365-live-native .live-meta-item--started i{
    color: #8fb8ff;
  }

  .mix365-live-native .live-meta-item--livefor{
    background: linear-gradient(135deg, rgba(0, 224, 195, 0.22), rgba(255, 196, 0, 0.12)), rgba(255,255,255,0.05);
    border-color: rgba(0, 224, 195, 0.26);
    box-shadow: 0 10px 24px rgba(0, 224, 195, 0.10);
  }

  .mix365-live-native .live-meta-item--livefor i{
    color: #66FCF1;
  }

  .mix365-live-native .live-show-subline{
    color: rgba(255,255,255,0.82);
    font-size: 15px;
    line-height: 1.45;
    margin-top: 6px;
  }

  .mix365-live-native .live-show-subline.is-muted{
    color: rgba(255,255,255,0.62);
    font-size: 14px;
  }

  .mix365-live-native .live-track-card{
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 16px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    text-align: left;
  }

  .mix365-live-native .live-track-label{
    display: block;
    color: rgba(255,255,255,0.62);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 8px;
  }

  .mix365-live-native .live-track-title{
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
  }

  .mix365-live-native .live-track-meta{
    color: rgba(255,255,255,0.76);
    font-size: 14px;
    line-height: 1.45;
    margin-top: 4px;
  }

  .mix365-live-native .live-inline-stats,
.mix365-live-native .live-dj-stats-grid{
    display: grid;
    gap: 12px;
    margin-top: 18px;
  }

  .mix365-live-native .live-inline-stats{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .mix365-live-native .live-dj-stats-grid{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .mix365-live-native .live-stat-chip{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 52px;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.08);
    color: #fff;
    text-align: center;
  }

  .mix365-live-native .live-stat-chip i{
    color: rgba(255,255,255,0.82);
  }

  .mix365-live-native .live-stat-chip strong{
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 1.1;
  }

  .mix365-live-native .live-stat-chip span{
    display: block;
    color: rgba(255,255,255,0.68);
    font-size: 12px;
    line-height: 1.1;
    margin-top: 2px;
  }

  .mix365-live-native .live-genres-wrap{
    margin-top: 18px;
    text-align: left;
  }

  .mix365-live-native .live-genres-label{
    display: block;
    color: rgba(255,255,255,0.62);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 10px;
  }

  .mix365-live-native .live-genres-list{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .mix365-live-native .live-genre-pill{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
  }

  .mix365-live-native .live-actions-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .mix365-live-native .live-actions-grid.rate-only{
  display: flex;
  justify-content: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

  .mix365-live-native .live-actions-grid .cmn-btn{
    justify-content: center;
    text-align: center;
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }

  .mix365-live-native .offline-hidden{
    display: none !important;
  }

  .mix365-live-native #liveBelowVideoRow.offline-hidden,
.mix365-live-native .live-below-video-row.offline-hidden{
    display: none !important;
  }

  .mix365-live-native #liveBelowVideoRow.offline-hidden > *,
.mix365-live-native .live-below-video-row.offline-hidden > *{
    display: none !important;
  }

  .mix365-live-native .btn-outline{
    background: transparent;
    border: 1px solid rgba(255,255,255,0.18);
    color: #fff;
  }

  .mix365-live-native .btn-outline:hover{
    background: rgba(255,255,255,0.08);
    color: #fff;
  }

  .mix365-live-native .live-chat-mount{
    min-height: 520px;
    border-radius: 18px;
    background: rgba(10,14,26,0.55);
    border: 1px solid rgba(255,255,255,0.08);
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mix365-live-native .live-mini-meta strong,
.mix365-live-native .live-mini-meta p,
.mix365-live-native .live-mini-meta span,
.mix365-live-native .rate-us-summary,
.mix365-live-native .mini-stat-label,
.mix365-live-native .mini-stat-box strong{
    color: #fff;
  }

  .mix365-live-native .live-request-form .form--control{
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    color: #fff;
  }

  .mix365-live-native .live-request-form .form--control::placeholder{
    color: rgba(255,255,255,0.55);
  }

  .mix365-live-native .live-form-error{
    color: #ff8f8f;
    font-size: 14px;
    min-height: 20px;
  }

  .mix365-live-native .live-form-success{
    color: #98f5c2;
    font-size: 14px;
    min-height: 20px;
  }

  .mix365-live-native .live-stats-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .mix365-live-native .mini-stat-box{
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 16px;
    padding: 18px 14px;
    text-align: center;
  }

  .mix365-live-native .mini-stat-label{
    display: block;
    color: rgba(255,255,255,0.68);
    font-size: 13px;
    margin-bottom: 6px;
  }

  .mix365-live-native .mini-stat-box strong{
    display: block;
    font-size: 24px;
    line-height: 1;
  }

  .mix365-live-native .live-avatars-wrap{
    min-height: 64px;
    display: block;
  }

  .mix365-live-native .live-visitors-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    flex-wrap: wrap;
  }

  .mix365-live-native .live-visitors-title{
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  .mix365-live-native .live-visitors-total{
    color: rgba(255,255,255,0.72);
    font-size: 13px;
    font-weight: 600;
  }

  .mix365-live-native .live-visitors-grid{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
  }

  .mix365-live-native .live-visitors-empty{
    display: none;
    color: rgba(255,255,255,0.58);
    font-size: 14px;
    margin-top: 4px;
  }

  .mix365-live-native .live-visitors-empty.is-visible{
    display: block;
  }

  .mix365-live-native .live-visitor-item{
    position: relative;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    flex: 0 0 auto;
  }

  .mix365-live-native .live-visitor-avatar{
    width: 54px;
    height: 54px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    border: 2px solid rgba(255,255,255,0.18);
    background: rgba(255,255,255,0.06);
    box-shadow: 0 8px 24px rgba(0,0,0,0.20);
    transition: transform 0.2s ease, border-color 0.2s ease;
  }

  .mix365-live-native .live-visitor-item:hover .live-visitor-avatar{
    border-color: rgba(255,255,255,0.34);
  }

  .mix365-live-native .live-visitor-item.avatar-bounce{
  animation: none !important;
  transform: none !important;
  will-change: auto;
}

.mix365-live-native .live-visitor-item.avatar-bounce .live-visitor-avatar{
  transform: none !important;
  backface-visibility: visible;
}


.mix365-live-native .live-visitors-grid .live-visitor-item,
.mix365-live-native .live-visitors-grid .live-visitor-item:hover{
  animation: none !important;
  transform: none !important;
}

.mix365-live-native .live-visitors-grid .live-visitor-item .live-visitor-avatar,
.mix365-live-native .live-visitors-grid .live-visitor-item .live-visitor-badge-icon{
  transition: border-color 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
  transform: none !important;
}

.mix365-live-native .live-visitors-grid .live-visitor-item:nth-child(6n + 1) .live-visitor-avatar,
.mix365-live-native .live-visitors-grid .live-visitor-item:nth-child(6n + 1) .live-visitor-badge-icon{
  border-color: rgba(102, 252, 241, 0.64);
  box-shadow: 0 0 0 3px rgba(102, 252, 241, 0.16), 0 8px 24px rgba(0,0,0,0.20);
}

.mix365-live-native .live-visitors-grid .live-visitor-item:nth-child(6n + 2) .live-visitor-avatar,
.mix365-live-native .live-visitors-grid .live-visitor-item:nth-child(6n + 2) .live-visitor-badge-icon{
  border-color: rgba(255, 180, 80, 0.64);
  box-shadow: 0 0 0 3px rgba(255, 180, 80, 0.16), 0 8px 24px rgba(0,0,0,0.20);
}

.mix365-live-native .live-visitors-grid .live-visitor-item:nth-child(6n + 3) .live-visitor-avatar,
.mix365-live-native .live-visitors-grid .live-visitor-item:nth-child(6n + 3) .live-visitor-badge-icon{
  border-color: rgba(180, 120, 255, 0.64);
  box-shadow: 0 0 0 3px rgba(180, 120, 255, 0.16), 0 8px 24px rgba(0,0,0,0.20);
}

.mix365-live-native .live-visitors-grid .live-visitor-item:nth-child(6n + 4) .live-visitor-avatar,
.mix365-live-native .live-visitors-grid .live-visitor-item:nth-child(6n + 4) .live-visitor-badge-icon{
  border-color: rgba(255, 96, 150, 0.64);
  box-shadow: 0 0 0 3px rgba(255, 96, 150, 0.16), 0 8px 24px rgba(0,0,0,0.20);
}

.mix365-live-native .live-visitors-grid .live-visitor-item:nth-child(6n + 5) .live-visitor-avatar,
.mix365-live-native .live-visitors-grid .live-visitor-item:nth-child(6n + 5) .live-visitor-badge-icon{
  border-color: rgba(120, 210, 120, 0.64);
  box-shadow: 0 0 0 3px rgba(120, 210, 120, 0.16), 0 8px 24px rgba(0,0,0,0.20);
}

.mix365-live-native .live-visitors-grid .live-visitor-item:nth-child(6n) .live-visitor-avatar,
.mix365-live-native .live-visitors-grid .live-visitor-item:nth-child(6n) .live-visitor-badge-icon{
  border-color: rgba(90, 170, 255, 0.64);
  box-shadow: 0 0 0 3px rgba(90, 170, 255, 0.16), 0 8px 24px rgba(0,0,0,0.20);
}

.mix365-live-native .live-visitors-grid .live-visitor-item:hover .live-visitor-avatar,
.mix365-live-native .live-visitors-grid .live-visitor-item:hover .live-visitor-badge-icon{
  filter: brightness(1.06);
}

.mix365-live-native .live-visitor-guest-badge{position:relative;width:54px;height:54px;padding-right:0;border-radius:50%;overflow:visible;}
.mix365-live-native .live-visitor-guest-badge .live-visitor-avatar{width:54px;height:54px;border-radius:50%;border-color:rgba(255,88,88,.42);box-shadow:0 0 0 3px rgba(255,88,88,.12),0 8px 24px rgba(0,0,0,.20);}
.mix365-live-native .live-visitor-guest-badge .live-visitor-guest-count{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(255,78,78,.98),rgba(208,24,24,.98));border:2px solid rgba(16,20,30,.95);color:#fff;font-size:10px;font-weight:800;line-height:1;box-shadow:0 8px 18px rgba(208,24,24,.32);z-index:2;}
.mix365-live-native .live-visitor-members-badge .live-visitor-guest-count{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(70,170,255,.98),rgba(28,92,220,.98));border:2px solid rgba(16,20,30,.95);color:#fff;font-size:10px;font-weight:800;line-height:1;box-shadow:0 8px 18px rgba(28,92,220,.28);z-index:2;}
.mix365-live-native .live-visitor-members-badge .live-visitor-badge-icon{width:54px;height:54px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border:2px solid rgba(70,170,255,.42);color:#8ec5ff;box-shadow:0 0 0 3px rgba(70,170,255,.12),0 8px 24px rgba(0,0,0,.20);}
.mix365-live-native .live-visitor-members-badge .live-visitor-badge-icon i{font-size:22px;}
@media (max-width:575.98px){.mix365-live-native .live-visitor-guest-badge{width:54px;height:54px;padding-right:0;}.mix365-live-native .live-visitor-guest-badge .live-visitor-avatar{width:54px;height:54px;}.mix365-live-native .live-visitor-guest-badge .live-visitor-guest-count,
.mix365-live-native .live-visitor-members-badge .live-visitor-guest-count{min-width:20px;height:20px;font-size:10px;top:-3px;right:-3px;}}


.mix365-live-native .likes-leaderboard-wrap{
  display: block;
}

.mix365-live-native .likes-leaderboard-topbar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.mix365-live-native .likes-leaderboard-label{
  color: #fff;
  font-weight: 700;
  font-size: 16px;
}

.mix365-live-native .likes-leaderboard-list{
  list-style: none;
  margin: 0;
  padding: 0;
}

.mix365-live-native .likes-leaderboard-row{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
}

.mix365-live-native .likes-leaderboard-row + .likes-leaderboard-row{
  border-top: 1px solid rgba(255,255,255,0.08);
}

.mix365-live-native .likes-leaderboard-pos{
  width: 24px;
  flex: 0 0 24px;
  text-align: right;
  color: #fff;
  font-weight: 700;
}

.mix365-live-native .likes-leaderboard-avatar{
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  aspect-ratio: 1 / 1;
  border-radius: 50% !important;
  object-fit: cover !important;
  object-position: center;
  display: block !important;
  flex: 0 0 38px !important;
  overflow: hidden;
  background: rgba(255,255,255,0.06);
  border: 2px solid rgba(255,255,255,0.14);
  box-sizing: border-box;
}

.mix365-live-native .likes-leaderboard-row img.likes-leaderboard-avatar,
.mix365-live-native .likes-leaderboard-list img.likes-leaderboard-avatar{
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  aspect-ratio: 1 / 1;
  display: block !important;
}


.mix365-live-native .likes-leaderboard-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.mix365-live-native .likes-leaderboard-title{
  color: #fff;
  font-weight: 700;
  font-size: 16px;
}

.mix365-live-native .likes-leaderboard-tabs{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.mix365-live-native .likes-leaderboard-tab{
  appearance: none;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.84);
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.mix365-live-native .likes-leaderboard-tab:hover,
.mix365-live-native .likes-leaderboard-tab:focus{
  color: #fff;
  border-color: rgba(255,255,255,0.24);
  background: rgba(255,255,255,0.10);
  transform: translateY(-1px);
}

.mix365-live-native .likes-leaderboard-tab.is-active{
  color: #fff;
  background: rgba(255,255,255,0.14);
  border-color: rgba(255,255,255,0.26);
  box-shadow: 0 10px 24px rgba(0,0,0,0.18);
}

.mix365-live-native .likes-leaderboard-name{
  min-width: 0;
  color: #fff;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mix365-live-native .likes-leaderboard-meta{
  margin-top: 14px;
  color: rgba(255,255,255,0.76);
  font-size: 13px;
}

.mix365-live-native .likes-leaderboard-score{
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.12);
  color: #fff;
  font-weight: 700;
}

.mix365-live-native .likes-leaderboard-my-rank{
  margin-top: 14px;
  color: rgba(255,255,255,0.76);
  font-size: 13px;
}

.mix365-live-native .likes-leaderboard-row{
  position: relative;
  border-radius: 18px;
  transition: transform 0.22s ease, background 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.mix365-live-native .likes-leaderboard-row:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,0.03);
}

.mix365-live-native .likes-leaderboard-row.is-top-1,
.mix365-live-native .likes-leaderboard-row.is-top-2,
.mix365-live-native .likes-leaderboard-row.is-top-3{
  padding: 12px 12px;
  margin-bottom: 8px;
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 14px 34px rgba(0,0,0,0.18);
}

.mix365-live-native .likes-leaderboard-row.is-top-1 + .likes-leaderboard-row,
.mix365-live-native .likes-leaderboard-row.is-top-2 + .likes-leaderboard-row,
.mix365-live-native .likes-leaderboard-row.is-top-3 + .likes-leaderboard-row{
  border-top: 1px solid rgba(255,255,255,0.08);
}

.mix365-live-native .likes-leaderboard-row.is-top-1{
  background:
    linear-gradient(135deg, rgba(255,215,0,0.18), rgba(255,255,255,0.04)),
    rgba(255,255,255,0.03);
  border-color: rgba(255,215,0,0.38);
  box-shadow: 0 0 0 1px rgba(255,215,0,0.12), 0 16px 40px rgba(255,215,0,0.13);
}

.mix365-live-native .likes-leaderboard-row.is-top-2{
  background:
    linear-gradient(135deg, rgba(214,219,226,0.16), rgba(255,255,255,0.04)),
    rgba(255,255,255,0.03);
  border-color: rgba(214,219,226,0.34);
  box-shadow: 0 0 0 1px rgba(214,219,226,0.10), 0 16px 38px rgba(214,219,226,0.10);
}

.mix365-live-native .likes-leaderboard-row.is-top-3{
  background:
    linear-gradient(135deg, rgba(205,127,50,0.18), rgba(255,255,255,0.04)),
    rgba(255,255,255,0.03);
  border-color: rgba(205,127,50,0.34);
  box-shadow: 0 0 0 1px rgba(205,127,50,0.10), 0 16px 38px rgba(205,127,50,0.12);
}

.mix365-live-native .likes-leaderboard-row.is-top-1 .likes-leaderboard-avatar,
.mix365-live-native .likes-leaderboard-row.is-top-2 .likes-leaderboard-avatar,
.mix365-live-native .likes-leaderboard-row.is-top-3 .likes-leaderboard-avatar{
  box-shadow: 0 0 0 3px rgba(255,255,255,0.05);
}

.mix365-live-native .likes-leaderboard-row.is-top-1 .likes-leaderboard-avatar{
  border-color: rgba(255,215,0,0.75);
  box-shadow: 0 0 0 3px rgba(255,215,0,0.16), 0 0 22px rgba(255,215,0,0.22);
}

.mix365-live-native .likes-leaderboard-row.is-top-2 .likes-leaderboard-avatar{
  border-color: rgba(214,219,226,0.75);
  box-shadow: 0 0 0 3px rgba(214,219,226,0.14), 0 0 20px rgba(214,219,226,0.18);
}

.mix365-live-native .likes-leaderboard-row.is-top-3 .likes-leaderboard-avatar{
  border-color: rgba(205,127,50,0.75);
  box-shadow: 0 0 0 3px rgba(205,127,50,0.14), 0 0 20px rgba(205,127,50,0.20);
}

.mix365-live-native .likes-leaderboard-pos-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.01em;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.06);
}

.mix365-live-native .likes-leaderboard-row.is-top-1 .likes-leaderboard-pos-badge{
  color: #fff6c4;
  background: linear-gradient(135deg, rgba(255,215,0,0.26), rgba(255,185,0,0.12));
  border-color: rgba(255,215,0,0.46);
}

.mix365-live-native .likes-leaderboard-row.is-top-2 .likes-leaderboard-pos-badge{
  color: #f5f7fa;
  background: linear-gradient(135deg, rgba(214,219,226,0.24), rgba(181,190,201,0.10));
  border-color: rgba(214,219,226,0.40);
}

.mix365-live-native .likes-leaderboard-row.is-top-3 .likes-leaderboard-pos-badge{
  color: #ffe0c7;
  background: linear-gradient(135deg, rgba(205,127,50,0.24), rgba(152,91,34,0.10));
  border-color: rgba(205,127,50,0.40);
}

.mix365-live-native .likes-leaderboard-row.is-top-1 .likes-leaderboard-score,
.mix365-live-native .likes-leaderboard-row.is-top-2 .likes-leaderboard-score,
.mix365-live-native .likes-leaderboard-row.is-top-3 .likes-leaderboard-score{
  font-size: 15px;
  min-width: 54px;
  padding: 6px 14px;
}

.mix365-live-native .likes-leaderboard-row.is-top-1 .likes-leaderboard-score{
  background: rgba(255,215,0,0.14);
  border-color: rgba(255,215,0,0.28);
}

.mix365-live-native .likes-leaderboard-row.is-top-2 .likes-leaderboard-score{
  background: rgba(214,219,226,0.14);
  border-color: rgba(214,219,226,0.24);
}

.mix365-live-native .likes-leaderboard-row.is-top-3 .likes-leaderboard-score{
  background: rgba(205,127,50,0.14);
  border-color: rgba(205,127,50,0.24);
}

.mix365-live-native .like-burst-layer{
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  overflow: visible !important;
  z-index: 2147483000 !important;
}

.mix365-live-native .like-burst-particle{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  margin-top: -12px;
  opacity: 0;
  transform: translate3d(0, 0, 0) scale(0.4) rotate(0deg);
  animation: likeBurstFall 3000ms cubic-bezier(.14,.72,.2,1) forwards;
  will-change: transform, opacity;
}

.mix365-live-native .like-burst-particle::before{
  content: "❤";
  display: block;
  font-size: 64px;
  line-height: 1;
  color: var(--burst-color, #ff5a7a);
  filter: drop-shadow(0 6px 14px color-mix(in srgb, var(--burst-color, #ff5a7a) 45%, transparent));
}

.mix365-live-native .like-burst-particle.is-star::before{
  content: "✦";
}

.mix365-live-native .like-burst-particle.is-plus::before{
  content: "+1";
  font-size: 34px;
  font-weight: 800;
  color: var(--burst-color, #ffffff);
}

@keyframes likeBurstFall{
  0% {
    opacity: 0;
    transform: translate3d(0, -6px, 0) scale(0.42) rotate(0deg);
  }
  10% {
    opacity: 1;
  }
  42% {
    opacity: 1;
    transform: translate3d(calc(var(--burst-x, 0px) * 0.55), calc(var(--burst-y, 170px) * 0.55), 0) scale(calc(var(--burst-scale, 1.8) * 1.9)) rotate(calc(var(--burst-rot, 0deg) * 0.55));
  }
  72% {
    opacity: .96;
    transform: translate3d(calc(var(--burst-x, 0px) * 0.82), calc(var(--burst-y, 170px) * 0.82), 0) scale(calc(var(--burst-scale, 1.8) * 2.8)) rotate(calc(var(--burst-rot, 0deg) * 0.8));
  }
  100% {
    opacity: 0;
    transform: translate3d(var(--burst-x, 0px), var(--burst-y, 170px), 0) scale(calc(var(--burst-scale, 1.8) * 4.1)) rotate(var(--burst-rot, 0deg));
  }
}

.mix365-live-native .live-player-card .live-card-header{
  gap: 16px;
}

.mix365-live-native .live-hero-main{
  min-width: 0;
  flex: 1 1 auto;
}

.mix365-live-native .live-title-row{
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.mix365-live-native .live-card-title{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  line-height: 1.05;
}

.mix365-live-native .live-top-stats{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 12px;
}

.mix365-live-native .live-like-row{
  display: flex;
  justify-content: center;
  margin-top: 14px;
}

.mix365-live-native #liveLikeBtn{
  position: relative;
  overflow: visible;
  isolation: isolate;
  z-index: 1;
  min-width: 150px;
  min-height: 46px;
  padding: 10px 18px;
  justify-content: center;
  gap: 10px;
  transition: opacity 0.2s ease, transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.mix365-live-native #liveLikeBtn > *:not(.like-burst-layer){
  position: relative;
  z-index: 2;
}

.mix365-live-native #liveLikeBtn:disabled{
  opacity: 0.82;
  cursor: not-allowed !important;
}

.mix365-live-native #liveLikeBtn.is-cooldown{
  background: rgba(142,197,255,0.10);
  border-color: rgba(142,197,255,0.22);
}

.mix365-live-native #liveLikeBtnIcon{
  min-width: 16px;
}

.mix365-live-native #liveLikeBtn.is-cooldown #liveLikeBtnIcon{
  color: #8ec5ff;
}

.mix365-live-native #liveLikeBtnLabel{
  display: inline-block;
}

.mix365-live-native #liveLikeBtn.is-live-heart{
  background: linear-gradient(135deg, rgba(255, 75, 92, 0.18), rgba(255, 75, 92, 0.08));
  border-color: rgba(255, 75, 92, 0.34);
  box-shadow: 0 0 0 1px rgba(255, 75, 92, 0.12), 0 0 24px rgba(255, 75, 92, 0.16);
}

.mix365-live-native #liveLikeBtn.is-live-heart #liveLikeBtnIcon{
  color: #ff4b5c;
  animation: mix365HeartPulse 1s ease-in-out infinite;
  transform-origin: center;
}

@keyframes mix365HeartPulse{
  0%, 100% {
    transform: scale(0.88);
  }
  50% {
    transform: scale(1.22);
  }
}

.mix365-live-native .live-like-cooldown{
  display: none !important;
}

@media (max-width: 991.98px){
  .mix365-live-native .live-inline-stats{
    grid-template-columns: 1fr;
  }

  .mix365-live-native .live-dj-stats-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mix365-live-native .live-meta-list{
    grid-template-columns: 1fr;
  }

  .mix365-live-native .live-meta-item{
    min-height: 48px;
    padding: 10px 12px;
  }

  .mix365-live-native .live-meta-item .label{
    font-size: 12px;
  }

  .mix365-live-native .live-meta-item .value{
    font-size: 16px;
  }
}

@media (max-width: 575.98px){
  .mix365-live-native .live-dj-stats-grid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 991.98px){
  .mix365-live-native .live-player-card{
    padding: 18px 14px;
    border-radius: 24px;
  }

  .mix365-live-native .live-player-card .live-card-header{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-bottom: 14px;
  }

  .mix365-live-native .live-title-row{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }

  .mix365-live-native .live-card-title{
    width: 100%;
    text-align: center;
    font-size: clamp(30px, 7.4vw, 42px);
    line-height: 0.98;
  }

  .mix365-live-native .live-badge-inline{
    margin-left: 8px;
    vertical-align: middle;
  }

  .mix365-live-native .live-audio-toggle{
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    margin: 0 auto;
  }

  .mix365-live-native .live-top-stats{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    width: 100%;
  }

  .mix365-live-native .live-top-stats .live-stat-pill{
    min-height: 44px;
    padding: 10px 12px;
    font-size: 14px;
    justify-content: center;
    text-align: center;
  }

  .mix365-live-native .live-player-wrap{
    border-radius: 18px;
  }

  .mix365-live-native .live-like-row{
    margin-top: 10px;
  }

  .mix365-live-native #liveLikeBtn{
    min-width: 0;
    width: min(220px, 100%);
    min-height: 42px;
    padding: 9px 16px;
    font-size: 14px;
  }

  .mix365-live-native .like-burst-layer{
    inset: -20px;
  }

  .mix365-live-native .like-burst-particle{
    animation-duration: 2200ms;
  }

  .mix365-live-native .live-audio-toggle.is-playing{
    box-shadow: 0 8px 24px rgba(0,0,0,0.20);
  }
}

@media (max-width: 575.98px){
  .mix365-live-native .live-player-card{
    padding: 16px 12px;
    border-radius: 22px;
  }

  .mix365-live-native .live-card-title{
    font-size: clamp(24px, 8.4vw, 32px);
  }

  .mix365-live-native .live-badge-inline{
    width: 14px;
    height: 14px;
    padding: 0;
    margin-left: 6px;
    border: 0;
    background: transparent;
    gap: 0;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
  }

  .mix365-live-native .live-badge-inline .live-badge-text{
    display: none;
  }

  .mix365-live-native .live-badge-inline i{
    font-size: 12px;
    color: #ff4b4b;
    filter: drop-shadow(0 0 6px rgba(255,75,75,0.45));
  }

  .mix365-live-native .live-title-row{
    gap: 8px;
  }

  .mix365-live-native .live-audio-toggle{
    width: 54px;
    height: 54px;
    flex-basis: 54px;
  }
  .mix365-live-native .audio-only-mode-label{
    min-height: 38px;
    padding: 0 12px;
    font-size: 12px;
  }

  .mix365-live-native .live-top-stats .live-stat-pill{
    font-size: 13px;
    padding: 10px 10px;
  }

  .mix365-live-native #liveLikeBtn{
    width: 180px;
    max-width: 100%;
  }
}

@media (prefers-reduced-motion: reduce){
  .mix365-live-native .like-burst-particle,
.mix365-live-native .live-audio-toggle,
.mix365-live-native .live-badge-inline{
    animation: none !important;
    transition: none !important;
  }
}


/* like burst: upward in front of video */
.mix365-live-native .live-video-shell,
.mix365-live-native .live-video-card,
.mix365-live-native .live-video-wrap,
.mix365-live-native #livePlayerMount{
  position: relative;
}

.mix365-live-native .like-burst-layer{
  position:fixed !important;
  inset:0 !important;
  pointer-events:none !important;
  overflow:visible !important;
  z-index:2147483000 !important;
}

.mix365-live-native .like-burst{
  position:fixed !important;
  left:0;
  top:0;
  width:0;
  height:0;
  pointer-events:none;
  z-index:2147483001 !important;
}

.mix365-live-native .like-burst-particle{
  position:absolute;
  left:0;
  top:0;
  font-size:64px;
  line-height:1;
  opacity:0;
  will-change:transform, opacity;
  animation: likeFloatUp 2.8s ease-out forwards;
  filter: drop-shadow(0 0 14px rgba(255,255,255,.28)) drop-shadow(0 0 34px rgba(255,80,120,.24));
}

@keyframes likeFloatUp{
  8%{ opacity:1; transform:translate3d(var(--drift-x, 0px), -10px, 0) scale(1.22); }
  0%{
    opacity:0;
    transform:translate3d(0, 0, 0) scale(.7);
  }
  12%{
    opacity:1;
    transform:translate3d(var(--drift-x, 0px), -18px, 0) scale(1);
  }
  70%{
    opacity:1;
    transform:translate3d(var(--drift-x, 0px), calc(var(--rise-y, -300px) * .72), 0) scale(1.08);
  }
  100%{
    opacity:0;
    transform:translate3d(var(--drift-x, 0px), var(--rise-y, -420px), 0) scale(.92);
  }
}

@media (max-width: 767px){
  .mix365-live-native .like-burst-particle{
    font-size:24px;
    animation-duration:1.6s;
  }
}


@media (max-width: 767.98px){
  .mix365-live-native .live-card-header > div:first-child{
    width:100%;
  }

  .mix365-live-native .live-title-row{
    width:100%;
    display:flex !important;
    flex-direction:column;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    gap:10px !important;
  }

  .mix365-live-native .live-card-title{
    width:100%;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    text-align:center !important;
    margin:0 auto !important;
  }

  .mix365-live-native .live-badge-inline{
    margin-left:8px !important;
    margin-right:0 !important;
  }
}


/* bigger desktop like burst */
@media (min-width: 768px){
  .mix365-live-native .like-burst-layer{
    overflow: visible !important;
    z-index: 80 !important;
  }

  .mix365-live-native .like-burst{
    z-index: 81 !important;
  }

  .mix365-live-native .like-burst-particle{
    font-size: 44px !important;
    animation-duration: 2.25s !important;
    filter: drop-shadow(0 0 14px rgba(255,255,255,.22)) drop-shadow(0 0 26px rgba(255,80,120,.14));
  }
}


/* expanded live stats: keep likes, add current/total video views */
.mix365-live-native .live-stats-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:14px;
  margin-top:14px;
  margin-bottom:14px;
}

.mix365-live-native .live-stat-pill{
  width:100%;
}

@media (max-width: 767.98px){
  .mix365-live-native .live-stats-grid{
    grid-template-columns: 1fr 1fr;
    gap:10px;
    margin-top:12px;
    margin-bottom:12px;
  }

  .mix365-live-native .live-stat-pill{
    min-height:58px;
    padding:10px 12px !important;
  }

  .mix365-live-native .live-stat-pill .live-pill-value{
    font-size:15px !important;
  }
}


/* fix 4-pill stats visibility */
.mix365-live-native .live-stats-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  width:100% !important;
  max-width:none !important;
  overflow:visible !important;
  align-items:stretch !important;
}

.mix365-live-native .live-stats-grid > *{
  min-width:0 !important;
  width:100% !important;
  max-width:none !important;
}

.mix365-live-native .live-stat-pill{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:56px !important;
  box-sizing:border-box !important;
}

.mix365-live-native .live-video-card,
.mix365-live-native .live-card,
.mix365-live-native .live-card-body,
.mix365-live-native .live-main-card,
.mix365-live-native .live-shell{
  overflow:visible !important;
}

@media (max-width: 767.98px){
  .mix365-live-native .live-stats-grid{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }

  .mix365-live-native .live-stat-pill{
    min-height:52px !important;
  }

  .mix365-live-native .live-stat-pill .live-pill-value{
    font-size:14px !important;
  }
}


/* add current/total views pills to existing top-right stats without changing layout */
.mix365-live-native .live-top-stats{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(170px,1fr)) !important;
  gap:12px !important;
  align-content:start !important;
}
.mix365-live-native .live-top-stats .live-stat-pill{
  width:100% !important;
  justify-content:center !important;
}
@media (max-width: 991.98px){
  .mix365-live-native .live-top-stats{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }
}


/* desktop: keep all four stat pills in one line */
@media (min-width: 992px){
  .mix365-live-native .live-top-stats{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:10px !important;
    width:auto !important;
    max-width:none !important;
    overflow:visible !important;
  }

  .mix365-live-native .live-top-stats .live-stat-pill{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:170px !important;
    white-space:nowrap !important;
    margin:0 !important;
  }

  .mix365-live-native .live-top-stats .live-stat-pill i{
    margin-right:8px !important;
  }

  .mix365-live-native .live-top-stats .live-stat-pill span{
    white-space:nowrap !important;
  }
}


/* desktop: move stat pills below video near like button, centered like button */
@media (min-width: 992px){
  .mix365-live-native .live-top-stats{
    display:none !important;
  }

  .mix365-live-native .live-below-video-row,
.mix365-live-native .live-video-actions,
.mix365-live-native .live-like-row{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
    flex-wrap:nowrap !important;
    width:100% !important;
  }

  .mix365-live-native .live-video-actions .like-button,
.mix365-live-native .live-video-actions .live-like-btn,
.mix365-live-native .live-like-row .like-button,
.mix365-live-native .live-like-row .live-like-btn,
.mix365-live-native #likeButton,
.mix365-live-native #liveLikeButton{
    margin:0 auto !important;
  }

  .mix365-live-native .live-video-actions .live-top-stats,
.mix365-live-native .live-like-row .live-top-stats,
.mix365-live-native .live-below-video-row .live-top-stats{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    width:auto !important;
  }

  .mix365-live-native .live-video-actions .live-stat-pill,
.mix365-live-native .live-like-row .live-stat-pill,
.mix365-live-native .live-below-video-row .live-stat-pill{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:155px !important;
    white-space:nowrap !important;
    margin:0 !important;
  }
}

/* attention-grabbing like button color cycle */
@keyframes mixLikeRainbow{
  0%   { box-shadow: 0 0 0 1px rgba(255,80,80,.25), 0 0 18px rgba(255,80,80,.18); background: linear-gradient(135deg, rgba(255,80,80,.18), rgba(255,120,120,.10)); }
  16%  { box-shadow: 0 0 0 1px rgba(255,150,60,.25), 0 0 18px rgba(255,150,60,.18); background: linear-gradient(135deg, rgba(255,150,60,.18), rgba(255,210,120,.10)); }
  33%  { box-shadow: 0 0 0 1px rgba(255,220,70,.25), 0 0 18px rgba(255,220,70,.18); background: linear-gradient(135deg, rgba(255,220,70,.18), rgba(255,245,160,.10)); }
  50%  { box-shadow: 0 0 0 1px rgba(80,220,120,.25), 0 0 18px rgba(80,220,120,.18); background: linear-gradient(135deg, rgba(80,220,120,.18), rgba(120,255,180,.10)); }
  66%  { box-shadow: 0 0 0 1px rgba(70,170,255,.25), 0 0 18px rgba(70,170,255,.18); background: linear-gradient(135deg, rgba(70,170,255,.18), rgba(140,210,255,.10)); }
  83%  { box-shadow: 0 0 0 1px rgba(180,100,255,.25), 0 0 18px rgba(180,100,255,.18); background: linear-gradient(135deg, rgba(180,100,255,.18), rgba(230,170,255,.10)); }
  100% { box-shadow: 0 0 0 1px rgba(255,80,140,.25), 0 0 18px rgba(255,80,140,.18); background: linear-gradient(135deg, rgba(255,80,140,.18), rgba(255,150,190,.10)); }
}

.mix365-live-native #likeButton:not([disabled]),
.mix365-live-native #liveLikeButton:not([disabled]),
.mix365-live-native .like-button:not([disabled]),
.mix365-live-native .live-like-btn:not([disabled]){
  animation: mixLikeRainbow 8s linear infinite !important;
  transition: transform .2s ease !important;
}

.mix365-live-native #likeButton:not([disabled]):hover,
.mix365-live-native #liveLikeButton:not([disabled]):hover,
.mix365-live-native .like-button:not([disabled]):hover,
.mix365-live-native .live-like-btn:not([disabled]):hover{
  transform: translateY(-1px) scale(1.02) !important;
}


/* desktop: keep stats in the same centered column as the like button, under the video */
@media (min-width: 992px){
  .mix365-live-native .live-below-video-row,
.mix365-live-native .live-video-actions,
.mix365-live-native .live-like-row{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:14px !important;
    width:100% !important;
  }

  .mix365-live-native .live-video-actions .live-top-stats,
.mix365-live-native .live-like-row .live-top-stats,
.mix365-live-native .live-below-video-row .live-top-stats{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(150px, auto)) !important;
    gap:12px !important;
    width:auto !important;
    max-width:none !important;
    margin:0 auto !important;
    justify-content:center !important;
  }

  .mix365-live-native .live-video-actions .live-stat-pill,
.mix365-live-native .live-like-row .live-stat-pill,
.mix365-live-native .live-below-video-row .live-stat-pill{
    width:auto !important;
    min-width:150px !important;
    margin:0 !important;
    white-space:nowrap !important;
  }

  .mix365-live-native #likeButton,
.mix365-live-native #liveLikeButton,
.mix365-live-native .like-button,
.mix365-live-native .live-like-btn,
.mix365-live-native button[data-like-button]{
    margin:0 auto !important;
  }
}

/* mobile untouched */
@media (max-width: 991.98px){
  .mix365-live-native .live-below-video-row,
.mix365-live-native .live-video-actions,
.mix365-live-native .live-like-row{
    flex-direction:column !important;
  }
}


/* desktop: keep like button centered, put 4 pills on one line beneath it */
@media (min-width: 992px){
  .mix365-live-native .live-below-video-row,
.mix365-live-native .live-video-actions,
.mix365-live-native .live-like-row{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:14px !important;
    width:100% !important;
  }

  .mix365-live-native .live-video-actions .live-top-stats,
.mix365-live-native .live-like-row .live-top-stats,
.mix365-live-native .live-below-video-row .live-top-stats{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
    width:auto !important;
    max-width:none !important;
    margin:0 auto !important;
  }

  .mix365-live-native .live-video-actions .live-stat-pill,
.mix365-live-native .live-like-row .live-stat-pill,
.mix365-live-native .live-below-video-row .live-stat-pill{
    flex:0 0 auto !important;
    min-width:138px !important;
    width:auto !important;
    margin:0 !important;
    white-space:nowrap !important;
  }
}


/* desktop: listeners, likes, like button, current views, total views all inline */
@media (min-width: 992px){
  .mix365-live-native .live-below-video-row{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
    flex-wrap:nowrap !important;
    width:100% !important;
    margin-top:14px !important;
  }

  .mix365-live-native .live-below-video-row .live-stat-pill,
.mix365-live-native .live-below-video-row #liveLikeBtn{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:138px !important;
    margin:0 !important;
    white-space:nowrap !important;
  }

  .mix365-live-native .live-below-video-row #liveLikeBtn{
    min-width:150px !important;
  }
}


/* final desktop below-video row: 5 separate pills inline */
@media (min-width: 992px){
  .mix365-live-native .live-below-video-row{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
    flex-wrap:nowrap !important;
    width:100% !important;
    margin-top:14px !important;
  }

  .mix365-live-native .live-below-video-row > .live-stat-pill,
.mix365-live-native .live-below-video-row > #liveLikeBtn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:138px !important;
    min-height:54px !important;
    padding:10px 18px !important;
    border-radius:999px !important;
    white-space:nowrap !important;
    margin:0 !important;
  }

  .mix365-live-native .live-below-video-row > #liveLikeBtn{
    min-width:150px !important;
  }
}


/* fix: below-video items must be 5 separate pills, not one grouped container */
@media (min-width: 992px){
  .mix365-live-native .live-below-video-row{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:14px !important;
    flex-wrap:nowrap !important;
    width:100% !important;
    margin-top:14px !important;
    padding:0 !important;
    border:none !important;
    background:transparent !important;
    box-shadow:none !important;
    outline:none !important;
    border-radius:0 !important;
  }

  .mix365-live-native .live-below-video-row::before,
.mix365-live-native .live-below-video-row::after{
    display:none !important;
    content:none !important;
  }

  .mix365-live-native .live-below-video-row > *{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:138px !important;
    min-height:54px !important;
    padding:10px 18px !important;
    margin:0 !important;
    white-space:nowrap !important;
    border-radius:999px !important;
    border:1px solid rgba(255,255,255,0.12) !important;
    background:rgba(255,255,255,0.06) !important;
    box-shadow:none !important;
    outline:none !important;
    overflow:hidden !important;
  }

  .mix365-live-native .live-below-video-row > #liveLikeBtn{
    min-width:150px !important;
  }

  .mix365-live-native .live-below-video-row > *::before,
.mix365-live-native .live-below-video-row > *::after{
    display:none !important;
    content:none !important;
  }
}


/* desktop: below-video row should look like Visitors & Stats pills, with Like pill in the middle */
@media (min-width: 992px){
  .mix365-live-native .live-below-video-row{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:14px !important;
    flex-wrap:nowrap !important;
    width:100% !important;
    margin-top:14px !important;
    padding:0 !important;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }

  .mix365-live-native .live-below-video-row::before,
.mix365-live-native .live-below-video-row::after{
    display:none !important;
    content:none !important;
  }

  .mix365-live-native .live-below-video-row > .live-stat-pill,
.mix365-live-native .live-below-video-row > #liveLikeBtn{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    flex:0 0 auto !important;
    width:255px !important;
    min-width:255px !important;
    max-width:255px !important;
    min-height:56px !important;
    padding:0 20px !important;
    margin:0 !important;
    white-space:nowrap !important;
    border-radius:999px !important;
    border:1px solid rgba(255,255,255,.12) !important;
    background:rgba(255,255,255,.06) !important;
    box-shadow:none !important;
    overflow:hidden !important;
    line-height:1 !important;
  }

  .mix365-live-native .live-below-video-row > .live-stat-pill i,
.mix365-live-native .live-below-video-row > #liveLikeBtn i{
    margin:0 !important;
  }

  .mix365-live-native .live-below-video-row > .live-stat-pill::before,
.mix365-live-native .live-below-video-row > .live-stat-pill::after,
.mix365-live-native .live-below-video-row > #liveLikeBtn::before,
.mix365-live-native .live-below-video-row > #liveLikeBtn::after{
    display:none !important;
    content:none !important;
  }
}


/* desktop: make the 5 pills actually fit within the card width */
@media (min-width: 992px){
  .mix365-live-native .live-below-video-row{
    display:grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap:12px !important;
    width:min(100%, 1120px) !important;
    max-width:1120px !important;
    margin:14px auto 0 !important;
    padding:0 12px !important;
    box-sizing:border-box !important;
    align-items:center !important;
    justify-items:stretch !important;
  }

  .mix365-live-native .live-below-video-row > .live-stat-pill,
.mix365-live-native .live-below-video-row > #liveLikeBtn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:56px !important;
    padding:0 14px !important;
    box-sizing:border-box !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .mix365-live-native .live-below-video-row > .live-stat-pill span,
.mix365-live-native .live-below-video-row > #liveLikeBtn span{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
}

/* slightly tighter pills on medium desktop widths */
@media (min-width: 992px) and (max-width: 1240px){
  .mix365-live-native .live-below-video-row{
    gap:10px !important;
    padding:0 8px !important;
  }

  .mix365-live-native .live-below-video-row > .live-stat-pill,
.mix365-live-native .live-below-video-row > #liveLikeBtn{
    min-height:54px !important;
    padding:0 12px !important;
    font-size:15px !important;
  }
}


/* mobile-only actions and overlay */
.mix365-live-native .mobile-video-actions,
.mix365-live-native .mobile-stats-overlay,
.mix365-live-native #mobileStatsBtn{
  display:none;
}

@media (max-width: 991.98px){
  /* leave desktop as-is; mobile hides normal pills only */
  .mix365-live-native .live-top-stats,
.mix365-live-native .live-below-video-row{
    display:none !important;
  }

  .mix365-live-native .mobile-video-actions{
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-top:12px;
    width:100%;
  }

  .mix365-live-native .mobile-video-actions > .live-stat-pill,
.mix365-live-native .mobile-video-actions > #liveLikeBtn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    min-height:46px !important;
    padding:10px 14px !important;
    border-radius:999px !important;
    white-space:nowrap !important;
    width:min(180px, calc(50% - 6px)) !important;
    max-width:180px !important;
  }

  .mix365-live-native .mobile-stats-overlay{
    position:absolute;
    inset:0;
    z-index:95;
    display:none;
    align-items:center;
    justify-content:center;
    padding:14px;
    box-sizing:border-box;
    background:rgba(10,16,28,.54);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
  }

  .mix365-live-native .mobile-stats-overlay.is-open{
    display:flex !important;
  }

  .mix365-live-native .mobile-stats-overlay-panel{
    width:min(100%, 520px);
    background:rgba(18,24,36,.72);
    border:1px solid rgba(255,255,255,.12);
    border-radius:20px;
    padding:14px;
    box-sizing:border-box;
    box-shadow:0 12px 30px rgba(0,0,0,.28);
  }

  .mix365-live-native .mobile-stats-overlay-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
  }

  .mix365-live-native .mobile-stats-overlay-title{
    margin:0;
    color:#fff;
    font-size:18px;
    font-weight:800;
  }

  .mix365-live-native .mobile-stats-overlay-close{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.06);
    color:#fff;
  }

  .mix365-live-native .mobile-stats-overlay-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .mix365-live-native .mobile-stats-overlay-grid .live-stat-pill{
    min-width:0 !important;
    width:100% !important;
    max-width:none !important;
    min-height:50px !important;
    padding:10px 12px !important;
    justify-content:center !important;
    text-align:center !important;
  }
}


/* mobile: hide Like pill until live is detected */
@media (max-width: 991.98px){
  .mix365-live-native #mobileVideoActions #liveLikeBtn{
    display:none !important;
  }

  .mix365-live-native #mobileVideoActions #liveLikeBtn.is-mobile-live{
    display:inline-flex !important;
  }
}


  /* now playing stat/action polish */
  .mix365-live-native .live-dj-stats-grid{
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
  }

  .mix365-live-native .live-stat-chip{
    min-height: 48px;
    padding: 10px 12px;
    border-radius: 999px;
    box-shadow: 0 10px 24px rgba(0,0,0,0.14);
  }

  .mix365-live-native .live-stat-chip > div{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1.05;
  }

  .mix365-live-native .live-stat-chip strong{
    font-size: 15px;
  }

  .mix365-live-native .live-stat-chip span{
    font-size: 12px;
  }

  .mix365-live-native .live-stat-chip.live-stat-chip--performances{
    background: linear-gradient(135deg, rgba(88, 101, 242, 0.18), rgba(88, 101, 242, 0.06));
    border-color: rgba(88, 101, 242, 0.30);
  }
  .mix365-live-native .live-stat-chip.live-stat-chip--performances i{ color: #9aa7ff; }

  .mix365-live-native .live-stat-chip.live-stat-chip--replays{
    background: linear-gradient(135deg, rgba(0, 200, 160, 0.18), rgba(0, 200, 160, 0.06));
    border-color: rgba(0, 200, 160, 0.28);
  }
  .mix365-live-native .live-stat-chip.live-stat-chip--replays i{ color: #62f0d0; }

  .mix365-live-native .live-stat-chip.live-stat-chip--favorites{
    background: linear-gradient(135deg, rgba(255, 91, 146, 0.18), rgba(255, 91, 146, 0.06));
    border-color: rgba(255, 91, 146, 0.30);
  }
  .mix365-live-native .live-stat-chip.live-stat-chip--favorites i{ color: #ff8db8; }

  .mix365-live-native .live-stat-chip.live-stat-chip--likes{
    background: linear-gradient(135deg, rgba(255, 166, 0, 0.18), rgba(255, 166, 0, 0.06));
    border-color: rgba(255, 166, 0, 0.28);
  }
  .mix365-live-native .live-stat-chip.live-stat-chip--likes i{ color: #ffc15a; }

  .mix365-live-native .live-stat-chip.live-stat-chip--hours{
    background: linear-gradient(135deg, rgba(102, 252, 241, 0.18), rgba(102, 252, 241, 0.06));
    border-color: rgba(102, 252, 241, 0.28);
  }
  .mix365-live-native .live-stat-chip.live-stat-chip--hours i{ color: #66FCF1; }

  .mix365-live-native .live-genres-wrap{
    margin-top: 14px;
    text-align: center;
  }

  .mix365-live-native .live-genres-label{
    text-align: center;
    margin-bottom: 8px;
  }

  .mix365-live-native .live-genres-list{
    justify-content: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: none;
  }

  .mix365-live-native .live-genres-list::-webkit-scrollbar{
    display: none;
  }

  .mix365-live-native .live-genre-pill{
    flex: 0 0 auto;
    background: linear-gradient(135deg, rgba(127, 90, 240, 0.18), rgba(30, 107, 255, 0.10));
    border-color: rgba(127, 90, 240, 0.24);
  }

  .mix365-live-native .live-actions-grid{
    margin-top: 14px !important;
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 12px;
    flex-wrap: nowrap;
  }

  .mix365-live-native .live-actions-grid .cmn-btn{
    min-height: 48px;
    border-radius: 999px;
    flex: 1 1 0;
    width: auto !important;
    min-width: 0;
    max-width: none;
    box-shadow: 0 10px 24px rgba(0,0,0,0.14);
  }

  .mix365-live-native #followLiveBtn{
    background: linear-gradient(135deg, rgba(102, 252, 241, 0.22), rgba(102, 252, 241, 0.10));
    border: 1px solid rgba(102, 252, 241, 0.30);
    color: #66FCF1;
  }

  .mix365-live-native #shareLiveBtn{
    background: linear-gradient(135deg, rgba(30, 107, 255, 0.22), rgba(30, 107, 255, 0.10));
    border: 1px solid rgba(30, 107, 255, 0.30);
    color: #9ac2ff;
  }

  .mix365-live-native #rateUsLiveBtn{
    background: linear-gradient(135deg, rgba(255, 183, 0, 0.22), rgba(255, 183, 0, 0.10));
    border: 1px solid rgba(255, 183, 0, 0.30);
    color: #ffd86b;
  }

  .mix365-live-native #followLiveBtn:hover,
.mix365-live-native #shareLiveBtn:hover,
.mix365-live-native #rateUsLiveBtn:hover{
    color: #fff;
    transform: translateY(-1px);
  }

  .mix365-live-native #requestSongCard{
    display: none !important;
  }

  @media (max-width: 991.98px){
    .mix365-live-native .live-dj-stats-grid{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mix365-live-native .live-actions-grid{
      flex-wrap: wrap;
    }

    .mix365-live-native .live-actions-grid .cmn-btn{
      flex: 1 1 calc(50% - 6px);
      min-width: 160px;
    }

    .mix365-live-native .live-genres-list{
      justify-content: flex-start;
    }
  }

  @media (max-width: 575.98px){
    .mix365-live-native .live-dj-stats-grid{
      grid-template-columns: 1fr;
    }

    .mix365-live-native .live-actions-grid .cmn-btn{
      flex: 1 1 100%;
      min-width: 0;
    }
  }

  /* unify now playing pill/button typography */
  .mix365-live-native .live-meta-item,
.mix365-live-native .live-stat-chip,
.mix365-live-native .live-actions-grid .cmn-btn,
.mix365-live-native .live-meta-item .label,
.mix365-live-native .live-meta-item .value,
.mix365-live-native .live-stat-chip strong,
.mix365-live-native .live-stat-chip span,
.mix365-live-native .live-actions-grid .cmn-btn span{
    font-family: inherit !important;
    letter-spacing: normal !important;
  }

  .mix365-live-native .live-meta-item i,
.mix365-live-native .live-stat-chip i,
.mix365-live-native .live-actions-grid .cmn-btn i{
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    speak: none !important;
  }

  .mix365-live-native .live-meta-item .far,
.mix365-live-native .live-stat-chip .far,
.mix365-live-native .live-actions-grid .cmn-btn .far,
.mix365-live-native .live-meta-item i.far,
.mix365-live-native .live-stat-chip i.far,
.mix365-live-native .live-actions-grid .cmn-btn i.far{
    font-weight: 400 !important;
  }

  .mix365-live-native .live-stat-chip strong,
.mix365-live-native .live-actions-grid .cmn-btn{
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  .mix365-live-native .live-stat-chip span{
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
  }

  .mix365-live-native .live-actions-grid .cmn-btn i{
    font-size: 15px !important;
  }


  @media (max-width: 767.98px){
    .mix365-live-native #liveDjStatsGrid{
      display: grid !important;
      grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
      gap: 8px !important;
      margin-top: 12px !important;
    }

    .mix365-live-native #liveDjStatsGrid .live-stat-chip{
      min-height: 52px !important;
      padding: 8px 6px !important;
      gap: 6px !important;
      border-radius: 16px !important;
    }

    .mix365-live-native #liveDjStatsGrid .live-stat-chip > div{
      flex-direction: row !important;
      gap: 4px !important;
      align-items: center !important;
    }

    .mix365-live-native #liveDjStatsGrid .live-stat-chip strong{
      font-size: 16px !important;
      margin: 0 !important;
    }

    .mix365-live-native #liveDjStatsGrid .live-stat-chip span{
      display: none !important;
    }

    .mix365-live-native #liveDjStatsGrid .live-stat-chip i{
      font-size: 16px !important;
      margin: 0 !important;
    }

    .mix365-live-native .live-actions-grid .cmn-btn{
      font-size: 15px !important;
      font-weight: 700 !important;
    }
  }


  .mix365-live-native .upcoming-shows-stack{
    display: grid;
    gap: 14px;
  }

  .mix365-live-native .upcoming-show-item{
    position: relative;
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 16px;
    border-radius: 18px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.10);
  }

  .mix365-live-native .upcoming-show-rank{
    position: absolute;
    top: 12px;
    right: 12px;
    min-width: 34px;
    height: 34px;
    padding: 0 10px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .mix365-live-native .upcoming-show-avatar{
    width: 64px;
    height: 64px;
    min-width: 64px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.06);
  }

  .mix365-live-native .upcoming-show-body{
    min-width: 0;
    flex: 1;
    padding-right: 54px;
  }

  .mix365-live-native .upcoming-show-dj{
    display: block;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    margin-bottom: 4px;
  }

  .mix365-live-native .upcoming-show-title{
    margin: 0 0 4px;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 700;
    color: #fff;
  }

  .mix365-live-native .upcoming-show-description{
    margin: 0 0 6px;
    color: rgba(255,255,255,.80);
    font-size: 16px;
    line-height: 1.35;
  }

  .mix365-live-native .upcoming-show-time{
    margin: 0 0 4px;
    color: #fff;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
  }

  .mix365-live-native .upcoming-show-countdown{
    margin: 0;
    color: #66FCF1;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
  }

  .mix365-live-native .upcoming-show-empty{
    padding: 16px;
    border-radius: 18px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.10);
    color: rgba(255,255,255,.82);
  }

  @media (max-width: 575.98px){
    .mix365-live-native .upcoming-show-item{
      padding: 14px;
      flex-direction: column;
    }
    .mix365-live-native .upcoming-show-avatar{
      width: 56px;
      height: 56px;
      min-width: 56px;
    }
    .mix365-live-native .upcoming-show-body{
      padding-right: 0;
    }
    .mix365-live-native .upcoming-show-rank{
      position: static;
      margin-bottom: 8px;
    }
    .mix365-live-native .upcoming-show-title,
.mix365-live-native .upcoming-show-dj{
      font-size: 18px;
    }
    .mix365-live-native .upcoming-show-description,
.mix365-live-native .upcoming-show-time,
.mix365-live-native .upcoming-show-countdown{
      font-size: 15px;
    }
  }
  
  @media (max-width: 991.98px){
  .mix365-live-native .live-title-row{
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important; /* small gap after text */
    text-align: center !important;
  }

  .mix365-live-native .live-card-title{
    width: auto !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    flex-wrap: wrap !important;
  }

  .mix365-live-native .live-audio-toggle{
    margin: 0 !important;
    width: 46px !important;
    height: 46px !important;
    flex: 0 0 46px !important;
  }

  .mix365-live-native .audio-only-mode-label{
    order: 3;
    width: 100%;
    margin-top: 8px;
    justify-content: center;
  }
}



.mix365-live-native #eventsBandCard,
.mix365-live-native #rateUsCard{
  width: 100%;
  height: 100%;
}

.mix365-live-native #eventsBandCard .live-card-header,
.mix365-live-native #rateUsCard .live-card-header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}


.mix365-live-native .mix365-promo-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.mix365-live-native .mix365-station-card{
  background:
    radial-gradient(circle at top right, rgba(255,70,70,0.12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)),
    rgba(255,255,255,0.04);
}

.mix365-live-native .mix365-promo-copy{
  color:rgba(255,255,255,0.84);
  font-size:15px;
  line-height:1.75;
  margin-bottom:24px;
  max-width:720px;
}

.mix365-live-native .mix365-promo-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:22px;
}

.mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:0 22px;
  border-radius:999px !important;
  font-weight:800;
  font-size:15px;
  line-height:1;
  text-decoration:none !important;
  border:1px solid transparent;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
  box-shadow:0 12px 28px rgba(0,0,0,0.20);
}

.mix365-live-native .mix365-promo-btn:hover{
  transform:translateY(-2px);
}

.mix365-live-native .mix365-promo-btn-primary{
  color:#fff !important;
  background:linear-gradient(135deg, #ff3d3d, #ff6b4a) !important;
  border-color:rgba(255,107,74,0.45) !important;
  box-shadow:0 14px 34px rgba(255,75,75,0.28);
}

.mix365-live-native .mix365-promo-btn-primary:hover{
  color:#fff !important;
  box-shadow:0 18px 40px rgba(255,75,75,0.34);
}

.mix365-live-native .mix365-promo-btn-secondary{
  color:#fff !important;
  background:rgba(255,255,255,0.08) !important;
  border-color:rgba(255,255,255,0.18) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.mix365-live-native .mix365-promo-btn-secondary:hover{
  color:#fff !important;
  background:rgba(255,255,255,0.14) !important;
  border-color:rgba(255,255,255,0.26) !important;
}

.mix365-live-native .mix365-promo-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.mix365-live-native .mix365-promo-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.12);
  color:#fff;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

.mix365-live-native .mix365-feature-stack{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.mix365-live-native .mix365-feature-item{
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px 18px;
  border-radius:18px;
  text-decoration:none;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.10);
  transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.mix365-live-native .mix365-feature-item:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,0.08);
  border-color:rgba(255,255,255,0.18);
  box-shadow:0 14px 34px rgba(0,0,0,0.18);
  text-decoration:none;
}

.mix365-live-native .mix365-feature-icon{
  width:52px;
  height:52px;
  min-width:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ff4b4b;
  background:rgba(255,75,75,0.10);
  border:1px solid rgba(255,75,75,0.18);
  font-size:20px;
}

.mix365-live-native .mix365-feature-body{
  flex:1 1 auto;
  min-width:0;
}

.mix365-live-native .mix365-feature-body h4{
  margin:0 0 6px;
  color:#fff;
  font-size:18px;
  font-weight:800;
}

.mix365-live-native .mix365-feature-body p{
  margin:0;
  color:rgba(255,255,255,0.72);
  font-size:14px;
  line-height:1.55;
}

.mix365-live-native .mix365-feature-arrow{
  color:rgba(255,255,255,0.68);
  font-size:16px;
  flex:0 0 auto;
}

@media (max-width: 991.98px){
  .mix365-live-native .mix365-promo-copy{
    font-size:14px;
    line-height:1.68;
  }

  .mix365-live-native .mix365-feature-item{
    align-items:flex-start;
  }
}

@media (max-width: 575.98px){
  .mix365-live-native .mix365-promo-actions{
    flex-direction:column;
  }

  .mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
    width:100%;
  }

  .mix365-live-native .mix365-promo-pill{
    width:100%;
  }

  .mix365-live-native .mix365-feature-item{
    padding:14px;
    gap:12px;
  }

  .mix365-live-native .mix365-feature-icon{
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:14px;
    font-size:17px;
  }

  .mix365-live-native .mix365-feature-body h4{
    font-size:16px;
  }

  .mix365-live-native .mix365-feature-body p{
    font-size:13px;
  }
}



/* Mix365 chat translator */
.mix365-live-native .mix-chat__translatebar{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:rgba(255,255,255,.68);
  font-size:12px;
  font-weight:700;
  margin-left:auto;
}
.mix365-live-native .mix-chat__translatebar select{
  min-height:30px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  color:#fff;
  padding:4px 28px 4px 10px;
  font-size:12px;
  font-weight:800;
  outline:none;
}
.mix365-live-native .mix-chat__translatebar select option{
  background:#101626;
  color:#fff;
}
.mix365-live-native .mix-chat__action--translate{
  color:#66FCF1 !important;
}
.mix365-live-native .mix-chat__translation{
  margin-top:8px;
  padding:9px 11px;
  border-radius:13px;
  background:rgba(102,252,241,.08);
  border:1px solid rgba(102,252,241,.18);
  color:rgba(255,255,255,.88);
  font-size:13px;
  line-height:1.42;
}
.mix365-live-native .mix-chat__translation-label{
  display:block;
  margin-bottom:4px;
  color:#66FCF1;
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.mix365-live-native .mix-chat__translation.is-error{
  background:rgba(255,90,90,.08);
  border-color:rgba(255,90,90,.22);
}
.mix365-live-native .mix-chat__translation.is-error .mix-chat__translation-label{
  color:#ff9a9a;
}
@media (max-width:575.98px){
  .mix365-live-native .mix-chat__toolbar{
    gap:8px;
    flex-wrap:wrap;
  }
  .mix365-live-native .mix-chat__translatebar{
    width:100%;
    justify-content:flex-end;
    margin-left:0;
  }
}



/* Mix365 live reactions: floating global viewer reactions */
.mix365-live-native .live-reactions-row{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 12px;
}

.mix365-live-native .live-reaction-toggle{
  display: none;
}

.mix365-live-native .live-reactions-row.offline-hidden{
  display: none !important;
}

.mix365-live-native .live-reaction-btn{
  appearance: none;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.07);
  color: #fff;
  min-width: 46px;
  min-height: 44px;
  padding: 8px 12px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  line-height: 1;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(0,0,0,0.16);
  transition: transform .18s ease, background .18s ease, border-color .18s ease, opacity .18s ease;
}

.mix365-live-native .live-reaction-btn:hover,
.mix365-live-native .live-reaction-btn:focus{
  transform: translateY(-1px) scale(1.04);
  background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.28);
  outline: none;
}

.mix365-live-native .live-reaction-btn.is-word{
  min-width: 74px;
  font-size: 13px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #66FCF1;
}

.mix365-live-native .live-reaction-btn[disabled]{
  opacity: .52;
  cursor: not-allowed;
  transform: none !important;
}

.mix365-live-native .live-reaction-cooldown{
  display: none !important;
  min-width: 54px;
  color: rgba(255,255,255,.68);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-align: center;
}

.mix365-live-native .live-reaction-overlay{
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 12;
}

.mix365-live-native .live-reaction-float{
  position: absolute;
  left: var(--reaction-x, 82%);
  bottom: 18px;
  transform: translate3d(-50%, 0, 0) scale(.82);
  opacity: 0;
  color: #fff;
  font-size: clamp(26px, 4.2vw, 54px);
  line-height: 1;
  font-weight: 900;
  text-shadow: 0 8px 24px rgba(0,0,0,.42), 0 0 24px rgba(255,255,255,.20);
  filter: drop-shadow(0 0 16px rgba(255,255,255,.22));
  animation: mix365LiveReactionFloat 2.35s ease-out forwards;
  will-change: transform, opacity;
}

.mix365-live-native .live-reaction-float.is-word{
  padding: 8px 13px;
  border-radius: 999px;
  background: rgba(12,16,30,.72);
  border: 1px solid rgba(102,252,241,.36);
  color: #66FCF1;
  font-size: clamp(14px, 2vw, 22px);
  letter-spacing: .06em;
  text-transform: uppercase;
  box-shadow: 0 12px 30px rgba(0,0,0,.30), 0 0 28px rgba(102,252,241,.16);
}

@keyframes mix365LiveReactionFloat{
  0% {
    opacity: 0;
    transform: translate3d(-50%, 0, 0) scale(.74) rotate(0deg);
  }
  10% {
    opacity: 1;
    transform: translate3d(calc(-50% + var(--reaction-drift, 0px)), -24px, 0) scale(1.08) rotate(var(--reaction-rot, 0deg));
  }
  68% {
    opacity: .96;
    transform: translate3d(calc(-50% + var(--reaction-drift, 0px)), calc(var(--reaction-rise, -220px) * .72), 0) scale(1) rotate(var(--reaction-rot, 0deg));
  }
  100% {
    opacity: 0;
    transform: translate3d(calc(-50% + var(--reaction-drift, 0px)), var(--reaction-rise, -320px), 0) scale(.88) rotate(var(--reaction-rot, 0deg));
  }
}

@media (max-width: 575.98px){
  .mix365-live-native .live-below-video-row{
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    padding-left: 0 !important;
    min-height: 46px !important;
    overflow: visible !important;
  }

  .mix365-live-native .live-reactions-row{
    position: relative !important;
    left: auto !important;
    top: auto !important;
    z-index: 90 !important;
    display: block !important;
    flex: 0 0 46px !important;
    width: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  .mix365-live-native .live-reactions-row.offline-hidden{
    display: none !important;
  }

  .mix365-live-native .live-reaction-toggle,
.mix365-live-native .live-reaction-btn{
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    line-height: 1 !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.28) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  .mix365-live-native .live-reaction-toggle{
    appearance: none;
    position: relative;
    z-index: 8;
    border: 1px solid rgba(255,255,255,0.20);
    background: rgba(255,255,255,0.10);
    color: #fff;
    cursor: pointer;
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
  }

  .mix365-live-native .live-reaction-toggle:hover,
.mix365-live-native .live-reaction-toggle:focus{
    outline: none;
    transform: translateY(-1px) scale(1.04);
    background: rgba(255,255,255,0.16);
    border-color: rgba(255,255,255,0.30);
  }

  .mix365-live-native .live-reactions-row.is-open .live-reaction-toggle{
    background: rgba(102,252,241,0.16);
    border-color: rgba(102,252,241,0.36);
  }

  .mix365-live-native .live-reaction-btn{
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    z-index: 5 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(0) scale(.82) !important;
    transition: transform .22s cubic-bezier(.18,.82,.28,1.18), opacity .18s ease, background .18s ease, border-color .18s ease !important;
  }

  .mix365-live-native .live-reaction-btn.is-word{
    font-size: 9px !important;
    letter-spacing: .02em !important;
    text-transform: uppercase;
    color: #66FCF1;
  }

  .mix365-live-native .live-reactions-row.is-open .live-reaction-btn{
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .mix365-live-native .live-reactions-row.is-open .live-reaction-btn:nth-of-type(2){ transform: translateY(-52px) scale(1) !important; }
  .mix365-live-native .live-reactions-row.is-open .live-reaction-btn:nth-of-type(3){ transform: translateY(-104px) scale(1) !important; }
  .mix365-live-native .live-reactions-row.is-open .live-reaction-btn:nth-of-type(4){ transform: translateY(-156px) scale(1) !important; }
  .mix365-live-native .live-reactions-row.is-open .live-reaction-btn:nth-of-type(5){ transform: translateY(-208px) scale(1) !important; }
  .mix365-live-native .live-reactions-row.is-open .live-reaction-btn:nth-of-type(6){ transform: translateY(-260px) scale(1) !important; }
  .mix365-live-native .live-reactions-row.is-open .live-reaction-btn:nth-of-type(7){ transform: translateY(-312px) scale(1) !important; }

  .mix365-live-native .live-reaction-cooldown{
    position: absolute;
    left: 52px;
    top: 14px;
    width: auto;
    min-width: 34px;
    min-height: 15px;
    text-align: left;
    white-space: nowrap;
  }
}

@media (prefers-reduced-motion: reduce){
  .mix365-live-native .live-reaction-btn{
    transition: none !important;
  }

  .mix365-live-native .live-reaction-float{
    animation-duration: .01ms !important;
  }
}


/* Mix365 manual live clip button */
.mix365-live-native .mix365-live-clip-btn{position:absolute;top:12px;right:12px;z-index:70;width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(8,14,28,.76);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 12px 28px rgba(0,0,0,.32);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.mix365-live-native .mix365-live-clip-btn:hover,
.mix365-live-native .mix365-live-clip-btn:focus{color:#fff;background:rgba(255,18,10,.9);border-color:rgba(255,18,10,.98);box-shadow:0 16px 34px rgba(255,18,10,.30);transform:translateY(-1px) scale(1.04);outline:none}.mix365-live-native .mix365-live-clip-btn:disabled{opacity:.58;cursor:not-allowed;transform:none!important}.mix365-live-native .mix365-live-clip-btn i{font-size:16px;line-height:1}.mix365-live-native .mix365-live-clip-modal-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(5,8,16,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2147482000}.mix365-live-native .mix365-live-clip-modal-overlay.is-open{display:flex}.mix365-live-native .mix365-live-clip-modal{width:min(460px,100%);border-radius:24px;background:#111826;border:1px solid rgba(255,255,255,.13);box-shadow:0 24px 70px rgba(0,0,0,.42);padding:24px;color:#fff;text-align:center}.mix365-live-native .mix365-live-clip-modal-icon{width:58px;height:58px;margin:0 auto 14px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,18,10,.15);border:1px solid rgba(255,18,10,.30);color:#ff4b4b;box-shadow:0 14px 34px rgba(255,18,10,.16)}.mix365-live-native .mix365-live-clip-modal-icon i{font-size:22px}.mix365-live-native .mix365-live-clip-modal h4{margin:0 0 10px;color:#fff;font-size:24px;line-height:1.15}.mix365-live-native .mix365-live-clip-modal p{margin:0;color:rgba(255,255,255,.78);line-height:1.55;font-size:15px}.mix365-live-native .mix365-live-clip-status{min-height:22px;margin-top:14px;color:#66FCF1;font-size:13px;font-weight:800}.mix365-live-native .mix365-live-clip-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}.mix365-live-native .mix365-live-clip-modal-btn{min-height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.15);padding:10px 18px;font-size:13px;font-weight:800;cursor:pointer;line-height:1}.mix365-live-native .mix365-live-clip-modal-btn.cancel{background:rgba(255,255,255,.08);color:#fff}.mix365-live-native .mix365-live-clip-modal-btn.confirm{background:#ff120a;border-color:rgba(255,18,10,.86);color:#fff;box-shadow:0 12px 28px rgba(255,18,10,.24)}.mix365-live-native .mix365-live-clip-modal-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:575.98px){.mix365-live-native .mix365-live-clip-btn{top:9px;right:9px;width:39px;height:39px}.mix365-live-native .mix365-live-clip-modal{padding:22px 18px;border-radius:22px}.mix365-live-native .mix365-live-clip-modal h4{font-size:21px}.mix365-live-native .mix365-live-clip-actions{flex-direction:column}.mix365-live-native .mix365-live-clip-modal-btn{width:100%}}




.mix365-live-native .mix-chat{width:100%;height:100%;display:flex;flex-direction:column;min-height:480px;color:#fff;font-family:inherit}
.mix365-live-native .mix-chat__top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:14px}
.mix365-live-native .mix-chat__title{font-size:18px;font-weight:700;color:#fff;margin:0}
.mix365-live-native .mix-chat__sub{font-size:12px;color:rgba(255,255,255,.65)}
.mix365-live-native .mix-chat__status{font-size:12px;padding:6px 10px;border-radius:999px;background:#4a4f58;border:1px solid rgba(255,255,255,.08)}
.mix365-live-native .mix-chat__socket-notice{margin:0 0 12px;padding:10px 12px;border-radius:14px;background:rgba(255,180,80,.12);border:1px solid rgba(255,180,80,.24);color:#ffe4b0;font-size:13px;line-height:1.35;text-align:center}
.mix365-live-native .mix-chat__socket-notice small{display:block;margin-top:4px;color:rgba(255,255,255,.62);font-size:11px}
.mix365-live-native .mix-chat__body{flex:1;min-height:260px;overflow:auto;padding-right:6px}
.mix365-live-native .mix-chat__empty{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:rgba(255,255,255,.62);padding:20px}
.mix365-live-native .mix-chat__row{display:flex;gap:10px;margin-bottom:14px;position:relative}
.mix365-live-native .mix-chat__row.is-deleting{opacity:0;transform:translateY(-6px);transition:opacity .22s ease, transform .22s ease;pointer-events:none}
.mix365-live-native .mix-chat__row[data-deleted="1"]{display:none!important}
.mix365-live-native .mix-chat__avatar{width:34px;height:34px;min-width:34px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.08)}
.mix365-live-native .mix-chat__main{flex:1;min-width:0}
.mix365-live-native .mix-chat__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.mix365-live-native .mix-chat__name{font-size:14px;font-weight:700;text-decoration:none}
.mix365-live-native .mix-chat__time{font-size:11px;color:rgba(255,255,255,.55)}
.mix365-live-native .mix-chat__badge{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.05em;background:#4a4f58;border:1px solid rgba(255,255,255,.08)}
.mix365-live-native .mix-chat__bubble{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px 12px;color:#fff;line-height:1.45;word-break:break-word}
.mix365-live-native .mix-chat__bubble a{color:#9ed0ff}
.mix365-live-native .mix-chat__bubble img{display:block;max-width:100%;max-height:260px;object-fit:contain;border-radius:10px}
.mix365-live-native .mix-chat__deleted{opacity:.78;border-color:rgba(255,120,120,.25);background:rgba(120,0,0,.15)}
.mix365-live-native .mix-chat__reply{margin-bottom:8px;padding:8px 10px;border-left:3px solid rgba(3,170,243,.9);background:#2f343d;border-radius:10px;color:rgba(255,255,255,.8);font-size:12px}
.mix365-live-native .mix-chat__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:7px}
.mix365-live-native .mix-chat__action{font-size:11px;color:rgba(255,255,255,.62);cursor:pointer}
.mix365-live-native .mix-chat__composer{margin-top:14px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}
.mix365-live-native .mix-chat__gate{padding:16px;border-radius:16px;background:#2f343d;border:1px solid rgba(255,255,255,.08);text-align:center}
.mix365-live-native .mix-chat__gate-title-below{
  margin-top:14px;
  color:#fff;
  font-size:16px;
  font-weight:700;
  line-height:1.2;
  text-align:center;
}
.mix365-live-native .mix-chat__replybar{display:none;margin-bottom:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:12px}
.mix365-live-native .mix-chat__replybar.is-open{display:block}
.mix365-live-native .mix-chat__replybar strong{color:#fff}
.mix365-live-native .mix-chat__replyclose{float:right;cursor:pointer;color:rgba(255,255,255,.7)}
.mix365-live-native .mix-chat__toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.mix365-live-native .mix-chat__tool{width:36px;height:36px;border:0;border-radius:10px;background:#4a4f58;color:#fff}
.mix365-live-native .mix-chat__tool--gif{width:auto;padding:0 12px;font-weight:700}
.mix365-live-native .mix-chat__count{margin-left:auto;font-size:11px;color:rgba(255,255,255,.55)}

.mix365-live-native .mix-chat__meta{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:6px;
}
.mix365-live-native .mix-chat__time{
  font-size:11px;
  color:rgba(255,255,255,.55);
}
.mix365-live-native .mix-chat__meta .mix-chat__action--reply{
  margin-left:auto;
  font-size:11px;
  color:rgba(255,255,255,.62);
  cursor:pointer;
}
.mix365-live-native .mix-chat__meta .mix-chat__action--reply:hover{
  color:#fff;
}
.mix365-live-native .mix-chat__meta .mix-chat__action--delete{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:18px;
  height:18px;
  padding:0 6px;
  border-radius:6px;
  background:#b22222;
  color:#fff;
  font-size:10px;
  font-weight:800;
  line-height:1;
  cursor:pointer;
}
.mix365-live-native .mix-chat__meta .mix-chat__action--delete:hover{
  background:#cb2c2c;
}
.mix365-live-native .mix-chat__modal{
  position:fixed;
  inset:0;
  z-index:1000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(0,0,0,.6);
}
.mix365-live-native .mix-chat__modal.is-open{
  display:flex;
}
.mix365-live-native .mix-chat__modal-dialog{
  width:min(420px, 100%);
  border-radius:18px;
  background:#2f343d;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 60px rgba(0,0,0,.45);
  overflow:hidden;
}
.mix365-live-native .mix-chat__modal-head{
  padding:16px 18px;
  font-size:18px;
  font-weight:800;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.mix365-live-native .mix-chat__modal-body{
  padding:16px 18px;
  color:rgba(255,255,255,.85);
  font-size:14px;
  line-height:1.5;
}
.mix365-live-native .mix-chat__modal-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  padding:0 18px 18px;
}
.mix365-live-native .mix-chat__modal-btn{
  min-width:96px;
  height:38px;
  border:0;
  border-radius:10px;
  padding:0 14px;
  font-weight:700;
}
.mix365-live-native .mix-chat__modal-btn--cancel{
  background:#4a4f58;
  color:#fff;
}
.mix365-live-native .mix-chat__modal-btn--delete{
  background:#b22222;
  color:#fff;
}

.mix365-live-native .mix-chat__panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.mix365-live-native .mix-chat__panel-title{
  font-size:13px;
  font-weight:800;
  color:#fff;
}
.mix365-live-native .mix-chat__panel-close{
  width:30px;
  height:30px;
  min-width:30px;
  border:0;
  border-radius:8px;
  background:#4a4f58;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.mix365-live-native .mix-chat__panel-close:hover{
  background:#5b616b;
}
.mix365-live-native .mix-chat__actions{
  display:none !important;
}
.mix365-live-native .mix-chat__toolbar{
  display:none !important;
}
.mix365-live-native .mix-chat__compose{
  position:relative;
  padding:8px 14px 12px !important;
  gap:10px !important;
  align-items:center !important;
}
.mix365-live-native .mix-chat__inputwrap{
  display:flex;
  gap:10px;
  align-items:center;
}
.mix365-live-native .mix-chat__inputbox{
  position:relative;
  flex:1 1 auto;
  display:flex;
  align-items:center;
  min-width:0;
  padding-left:46px;
  transition:flex-basis .28s ease, width .28s ease, max-width .28s ease;
}
.mix365-live-native .mix-chat__textarea{
  width:100%;
  padding:8px 12px !important;
}
.mix365-live-native .mix-chat__composer-tools{
  position:absolute;
  left:10px;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  gap:8px;
  z-index:3;
}
.mix365-live-native .mix-chat__plus{
  width:34px;
  height:34px;
  min-width:34px;
  border:0;
  border-radius:10px;
  background:#4a4f58;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:background .2s ease, transform .2s ease;
  opacity:1;
}
.mix365-live-native .mix-chat__plus:hover{
  background:#5b616b;
}
.mix365-live-native .mix-chat__plus.is-open{
  transform:translateY(-50%) rotate(45deg);
}
.mix365-live-native .mix-chat__tooltray{
  display:flex;
  align-items:center;
  gap:8px;
  max-width:0;
  opacity:0;
  overflow:hidden;
  transform:translateX(-6px);
  transition:max-width .28s ease, opacity .22s ease, transform .22s ease;
}
.mix365-live-native .mix-chat__tooltray.is-open{
  max-width:190px;
  opacity:1;
  transform:translateX(0);
}

.mix365-live-native .mix-chat__inputwrap.is-tools-open .mix-chat__inputbox{
  padding-left:190px;
}

.mix365-live-native .mix-chat__inputwrap.is-tools-open .mix-chat__textarea{
  text-overflow:ellipsis;
}

@media (max-width: 640px){
  .mix365-live-native .mix-chat__inputwrap.is-tools-open .mix-chat__inputbox{
    padding-left:175px;
  }

  .mix365-live-native .mix-chat__login-hint{
    left:54px;
  }
}
.mix365-live-native .mix-chat__tool{
  width:34px;
  height:34px;
  min-width:34px;
  border:0;
  border-radius:10px;
  background:#4a4f58;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.mix365-live-native .mix-chat__tool:hover{
  background:#5b616b;
}

.mix365-live-native .mix-chat__tool--gif{
  width:auto;
  min-width:48px;
  padding:0 12px;
  font-weight:700;
  background:#4a4f58;
}

.mix365-live-native .mix-chat__inputwrap{display:flex;gap:10px;align-items:flex-end}
.mix365-live-native .mix-chat__textarea{height:48px!important;min-height:48px!important;max-height:120px!important;resize:none;overflow-y:auto;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;border-radius:14px!important;padding:12px 14px!important;line-height:1.35!important}
.mix365-live-native .mix-chat__textarea::placeholder{color:rgba(255,255,255,.5)}
.mix365-live-native .mix-chat__send{height:48px;min-width:48px;padding:0 16px;border-radius:14px}
.mix365-live-native [data-chat-livecomposer]{
  position:relative;
  overflow:visible !important;
}
.mix365-live-native .mix-chat__panel{
  display:none;
  margin-bottom:0;
  padding:10px;
  border-radius:12px;
  background:#2f343d;
  border:1px solid rgba(255,255,255,.08);
  position:absolute;
  left:14px;
  right:68px;
  bottom:58px;
  z-index:40;
  max-height:320px;
  overflow:auto;
}
.mix365-live-native .mix-chat__panel.is-open{display:block}
.mix365-live-native .mix-chat__compose{overflow:visible !important}
.mix365-live-native .mix-chat__composer{overflow:visible !important}
.mix365-live-native .mix-chat__emojis{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.mix365-live-native .mix-chat__emoji{border:0;background:rgba(255,255,255,.06);border-radius:10px;height:36px;font-size:20px}
.mix365-live-native .mix-chat__gifsearch{display:flex;gap:10px;margin-bottom:10px}
.mix365-live-native .mix-chat__gifgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:220px;overflow:auto}
.mix365-live-native .mix-chat__giffooter{grid-column:1 / -1;display:flex;justify-content:center;padding:6px 0 2px}
.mix365-live-native .mix-chat__gifitem{border:0;background:transparent;padding:0}
.mix365-live-native .mix-chat__gifitem img{width:100%;height:110px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.08)}
.mix365-live-native .mix-chat__mentions{display:none;position:absolute;left:46px;right:14px;bottom:74px;z-index:20;background:#141a2b;border:1px solid rgba(255,255,255,.08);border-radius:12px;max-height:180px;overflow:auto;box-shadow:0 18px 40px rgba(0,0,0,.28)}
.mix365-live-native .mix-chat__mentions.is-open{display:block}
.mix365-live-native .mix-chat__mention{padding:10px 12px;cursor:pointer;font-size:13px}
.mix365-live-native .mix-chat__mention:hover{background:rgba(255,255,255,.06)}
.mix365-live-native .mix-chat__toolicon{width:24px;height:24px;display:block;object-fit:contain}
.mix365-live-native .mix-chat__panelhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.mix365-live-native .mix-chat__imagegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:260px;overflow:auto}
.mix365-live-native .mix-chat__imagewrap{position:relative;display:block;min-width:0;border-radius:12px}
.mix365-live-native .mix-chat__imagewrap.is-deleting{opacity:.55;pointer-events:none}
.mix365-live-native .mix-chat__imageitem{position:relative;border:0;background:transparent;padding:0;border-radius:12px;overflow:hidden;width:100%;display:block}
.mix365-live-native .mix-chat__imageitem img{width:100%;height:95px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.08);display:block}
.mix365-live-native .mix-chat__imagedelete{position:absolute;top:6px;right:6px;width:26px;height:26px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(220,38,38,.94);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;z-index:3;opacity:0;transform:translateY(-2px);transition:opacity .18s ease,transform .18s ease,background .18s ease;box-shadow:0 8px 18px rgba(0,0,0,.28)}
.mix365-live-native .mix-chat__imagewrap:hover .mix-chat__imagedelete,
.mix365-live-native .mix-chat__imagewrap:focus-within .mix-chat__imagedelete{opacity:1;transform:translateY(0)}
.mix365-live-native .mix-chat__imagedelete:hover,
.mix365-live-native .mix-chat__imagedelete:focus{background:rgba(255,54,54,.98);outline:none}
.mix365-live-native .mix-chat__imageempty{padding:12px 0;text-align:center}
@media (max-width:767px){.mix365-live-native .mix-chat__imagedelete{opacity:1;transform:none;width:28px;height:28px}}
.mix365-live-native .mix-chat__uploadbtn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;font-size:13px;font-weight:600}
.mix365-live-native .mix-chat__uploadbtn input{display:none}
.mix365-live-native .mix-chat__uploadhint{font-size:12px;color:rgba(255,255,255,.65)}
@media (max-width:767px){.mix365-live-native .mix-chat{min-height:380px}.mix365-live-native .mix-chat__emojis{grid-template-columns:repeat(6,minmax(0,1fr))}.mix365-live-native .mix-chat__mentions{left:0;right:0;bottom:84px}}

/* chat composer + picker full-width fix */
.mix365-live-native .mix-chat__compose{width:100%;}
.mix365-live-native .mix-chat__inputwrap{width:100%;}
.mix365-live-native .mix-chat__inputbox{flex:1 1 auto;width:100%;}
.mix365-live-native .mix-chat__panel{left:0;right:0;width:100%;max-width:100%;box-sizing:border-box;bottom:60px;}
.mix365-live-native .mix-chat__panelhead{flex-wrap:wrap;}
.mix365-live-native .mix-chat__gifsearch{align-items:center;}
.mix365-live-native .mix-chat__gifsearch .form--control{flex:1 1 auto;min-width:0;}
.mix365-live-native .mix-chat__gifsearch .cmn-btn{flex:0 0 auto;}
@media (max-width:767px){
  .mix365-live-native .mix-chat__panel{bottom:64px;}
}


.mix365-live-native .mix-chat__gate{
  display:none !important;
}

.mix365-live-native .mix-chat__login-hint{
  position:absolute;
  left:58px;
  top:50%;
  transform:translateY(-50%);
  z-index:4;
  display:inline-flex;
  align-items:center;
  gap:4px;
  font-size:14px;
  line-height:1;
  white-space:nowrap;
  pointer-events:none;
}

.mix365-live-native .mix-chat__login-hint[hidden]{
  display:none !important;
}

.mix365-live-native .mix-chat__login-hint span{
  color:rgba(255,255,255,.72);
}

.mix365-live-native .mix-chat__login-link{
  color:#ff4b4b;
  font-weight:700;
  text-decoration:none;
  pointer-events:auto;
}

.mix365-live-native .mix-chat__login-link:hover,
.mix365-live-native .mix-chat__login-link:focus{
  color:#ff6b6b;
  text-decoration:underline;
}

.mix365-live-native .mix-chat__textarea.is-logged-out{
  cursor:default;
  opacity:.9;
  pointer-events:none;
  user-select:none;
}

.mix365-live-native .mix-chat__textarea.is-logged-out::placeholder{
  color:transparent;
}

.mix365-live-native .mix-chat__send.is-logged-out,
.mix365-live-native .mix-chat__plus.is-logged-out,
.mix365-live-native .mix-chat__tool.is-logged-out{
  opacity:.45;
  pointer-events:none;
}


.mix365-live-native #eventsBandCard,
.mix365-live-native #rateUsCard{
  width: 100%;
  height: 100%;
}

.mix365-live-native #eventsBandCard .live-card-header,
.mix365-live-native #rateUsCard .live-card-header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}


.mix365-live-native .mix365-promo-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.mix365-live-native .mix365-station-card{
  background:
    radial-gradient(circle at top right, rgba(255,70,70,0.12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)),
    rgba(255,255,255,0.04);
}

.mix365-live-native .mix365-promo-copy{
  color:rgba(255,255,255,0.84);
  font-size:15px;
  line-height:1.75;
  margin-bottom:24px;
  max-width:720px;
}

.mix365-live-native .mix365-promo-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:22px;
}

.mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:0 22px;
  border-radius:999px !important;
  font-weight:800;
  font-size:15px;
  line-height:1;
  text-decoration:none !important;
  border:1px solid transparent;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
  box-shadow:0 12px 28px rgba(0,0,0,0.20);
}

.mix365-live-native .mix365-promo-btn:hover{
  transform:translateY(-2px);
}

.mix365-live-native .mix365-promo-btn-primary{
  color:#fff !important;
  background:linear-gradient(135deg, #ff3d3d, #ff6b4a) !important;
  border-color:rgba(255,107,74,0.45) !important;
  box-shadow:0 14px 34px rgba(255,75,75,0.28);
}

.mix365-live-native .mix365-promo-btn-primary:hover{
  color:#fff !important;
  box-shadow:0 18px 40px rgba(255,75,75,0.34);
}

.mix365-live-native .mix365-promo-btn-secondary{
  color:#fff !important;
  background:rgba(255,255,255,0.08) !important;
  border-color:rgba(255,255,255,0.18) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.mix365-live-native .mix365-promo-btn-secondary:hover{
  color:#fff !important;
  background:rgba(255,255,255,0.14) !important;
  border-color:rgba(255,255,255,0.26) !important;
}

.mix365-live-native .mix365-promo-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.mix365-live-native .mix365-promo-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.12);
  color:#fff;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

.mix365-live-native .mix365-feature-stack{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.mix365-live-native .mix365-feature-item{
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px 18px;
  border-radius:18px;
  text-decoration:none;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.10);
  transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.mix365-live-native .mix365-feature-item:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,0.08);
  border-color:rgba(255,255,255,0.18);
  box-shadow:0 14px 34px rgba(0,0,0,0.18);
  text-decoration:none;
}

.mix365-live-native .mix365-feature-icon{
  width:52px;
  height:52px;
  min-width:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ff4b4b;
  background:rgba(255,75,75,0.10);
  border:1px solid rgba(255,75,75,0.18);
  font-size:20px;
}

.mix365-live-native .mix365-feature-body{
  flex:1 1 auto;
  min-width:0;
}

.mix365-live-native .mix365-feature-body h4{
  margin:0 0 6px;
  color:#fff;
  font-size:18px;
  font-weight:800;
}

.mix365-live-native .mix365-feature-body p{
  margin:0;
  color:rgba(255,255,255,0.72);
  font-size:14px;
  line-height:1.55;
}

.mix365-live-native .mix365-feature-arrow{
  color:rgba(255,255,255,0.68);
  font-size:16px;
  flex:0 0 auto;
}

@media (max-width: 991.98px){
  .mix365-live-native .mix365-promo-copy{
    font-size:14px;
    line-height:1.68;
  }

  .mix365-live-native .mix365-feature-item{
    align-items:flex-start;
  }
}

@media (max-width: 575.98px){
  .mix365-live-native .mix365-promo-actions{
    flex-direction:column;
  }

  .mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
    width:100%;
  }

  .mix365-live-native .mix365-promo-pill{
    width:100%;
  }

  .mix365-live-native .mix365-feature-item{
    padding:14px;
    gap:12px;
  }

  .mix365-live-native .mix365-feature-icon{
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:14px;
    font-size:17px;
  }

  .mix365-live-native .mix365-feature-body h4{
    font-size:16px;
  }

  .mix365-live-native .mix365-feature-body p{
    font-size:13px;
  }
}




/* MIX365 PATCH: make posted @username mentions stand out in chat messages. */
.mix365-live-native .mix-chat__mention-highlight{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  padding:2px 7px;
  margin:0 1px;
  border-radius:999px;
  color:#041018 !important;
  background:linear-gradient(135deg,#66FCF1,#8ec5ff);
  border:1px solid rgba(255,255,255,.42);
  box-shadow:0 0 0 1px rgba(102,252,241,.18),0 0 14px rgba(102,252,241,.22);
  font-weight:900;
  line-height:1.25;
  text-shadow:none !important;
  word-break:break-word;
}

.mix365-live-native .mix-chat__reply .mix-chat__mention-highlight,
.mix365-live-native .mix-chat__translation .mix-chat__mention-highlight{
  padding:1px 6px;
  font-size:.92em;
}

@media (max-width:575.98px){
  .mix365-live-native .mix-chat__mention-highlight{
    padding:2px 6px;
  }
}



.mix365-live-native .mix-chat{
  font-size:14px;
}
.mix365-live-native .mix-chat__header{
  padding:14px 18px 10px !important;
}
.mix365-live-native .mix-chat__title{
  font-size:28px !important;
  margin-bottom:2px !important;
  line-height:1.1 !important;
}
.mix365-live-native .mix-chat__sub{
  font-size:12px !important;
  line-height:1.2 !important;
}
.mix365-live-native .mix-chat__feed{
  padding:10px 14px !important;
}
.mix365-live-native .mix-chat__msg{
  gap:10px !important;
  margin-bottom:4px !important;
  align-items:flex-start !important;
}
.mix365-live-native .mix-chat__avatar{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
}
.mix365-live-native .mix-chat__main{
  min-width:0;
}
.mix365-live-native .mix-chat__meta{
  margin-bottom:4px !important;
  font-size:12px !important;
  line-height:1.2 !important;
  gap:6px !important;
}
.mix365-live-native .mix-chat__bubble{
  padding:10px 14px !important;
  border-radius:14px !important;
  line-height:1.35 !important;
  font-size:14px !important;
}
.mix365-live-native .mix-chat__text,
.mix365-live-native .mix-chat__bubble p,
.mix365-live-native .mix-chat__bubble div{
  line-height:1.35 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}
.mix365-live-native .mix-chat__actions{
  margin-top:4px !important;
  font-size:12px !important;
}
.mix365-live-native .mix-chat__composer{
  padding-top:8px !important;
}
.mix365-live-native .mix-chat__toolbar{
  padding:8px 14px 6px !important;
  min-height:auto !important;
}
.mix365-live-native .mix-chat__compose{
  padding:8px 14px 12px !important;
  gap:10px !important;
  align-items:center !important;
}
.mix365-live-native .mix-chat__textarea{
  min-height:40px !important;
  height:40px !important;
  max-height:72px !important;
  padding:8px 12px !important;
  font-size:14px !important;
  line-height:1.35 !important;
}
.mix365-live-native .mix-chat__send{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
}
.mix365-live-native .mix-chat__tool{
  height:34px !important;
  padding:0 12px !important;
}

.mix365-live-native .live-lower-section{
  padding-left: 12px;
  padding-right: 12px;
}

@media (min-width: 992px){
  .mix365-live-native .live-lower-section{
    padding-left: 0;
    padding-right: 0;
  }
}

.mix365-live-native .live-lower-section{
  margin-top: 0;
}
.mix365-live-native .live-lower-section .live-card{
  height: 100%;
}

.mix365-live-native .live-lower-wrap{
  padding-left: 12px;
  padding-right: 12px;
}

@media (min-width: 1200px){
  .mix365-live-native .live-lower-wrap{
    padding-left: 16px;
    padding-right: 16px;
  }
}

.mix365-live-native .live-actions-grid.rate-only{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 24px auto 0 !important;
}

.mix365-live-native .live-actions-grid.rate-only #rateUsLiveBtn{
  width: auto !important;
  min-width: 180px !important;
  max-width: 220px !important;
  flex: 0 0 auto !important;
  align-self: center !important;
  margin: 0 auto !important;
}



.mix365-live-native #eventsBandCard,
.mix365-live-native #rateUsCard{
  width: 100%;
  height: 100%;
}

.mix365-live-native #eventsBandCard .live-card-header,
.mix365-live-native #rateUsCard .live-card-header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}


.mix365-live-native .mix365-promo-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.mix365-live-native .mix365-station-card{
  background:
    radial-gradient(circle at top right, rgba(255,70,70,0.12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)),
    rgba(255,255,255,0.04);
}

.mix365-live-native .mix365-promo-copy{
  color:rgba(255,255,255,0.84);
  font-size:15px;
  line-height:1.75;
  margin-bottom:24px;
  max-width:720px;
}

.mix365-live-native .mix365-promo-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:22px;
}

.mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:0 22px;
  border-radius:999px !important;
  font-weight:800;
  font-size:15px;
  line-height:1;
  text-decoration:none !important;
  border:1px solid transparent;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
  box-shadow:0 12px 28px rgba(0,0,0,0.20);
}

.mix365-live-native .mix365-promo-btn:hover{
  transform:translateY(-2px);
}

.mix365-live-native .mix365-promo-btn-primary{
  color:#fff !important;
  background:linear-gradient(135deg, #ff3d3d, #ff6b4a) !important;
  border-color:rgba(255,107,74,0.45) !important;
  box-shadow:0 14px 34px rgba(255,75,75,0.28);
}

.mix365-live-native .mix365-promo-btn-primary:hover{
  color:#fff !important;
  box-shadow:0 18px 40px rgba(255,75,75,0.34);
}

.mix365-live-native .mix365-promo-btn-secondary{
  color:#fff !important;
  background:rgba(255,255,255,0.08) !important;
  border-color:rgba(255,255,255,0.18) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.mix365-live-native .mix365-promo-btn-secondary:hover{
  color:#fff !important;
  background:rgba(255,255,255,0.14) !important;
  border-color:rgba(255,255,255,0.26) !important;
}

.mix365-live-native .mix365-promo-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.mix365-live-native .mix365-promo-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.12);
  color:#fff;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

.mix365-live-native .mix365-feature-stack{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.mix365-live-native .mix365-feature-item{
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px 18px;
  border-radius:18px;
  text-decoration:none;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.10);
  transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.mix365-live-native .mix365-feature-item:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,0.08);
  border-color:rgba(255,255,255,0.18);
  box-shadow:0 14px 34px rgba(0,0,0,0.18);
  text-decoration:none;
}

.mix365-live-native .mix365-feature-icon{
  width:52px;
  height:52px;
  min-width:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ff4b4b;
  background:rgba(255,75,75,0.10);
  border:1px solid rgba(255,75,75,0.18);
  font-size:20px;
}

.mix365-live-native .mix365-feature-body{
  flex:1 1 auto;
  min-width:0;
}

.mix365-live-native .mix365-feature-body h4{
  margin:0 0 6px;
  color:#fff;
  font-size:18px;
  font-weight:800;
}

.mix365-live-native .mix365-feature-body p{
  margin:0;
  color:rgba(255,255,255,0.72);
  font-size:14px;
  line-height:1.55;
}

.mix365-live-native .mix365-feature-arrow{
  color:rgba(255,255,255,0.68);
  font-size:16px;
  flex:0 0 auto;
}

@media (max-width: 991.98px){
  .mix365-live-native .mix365-promo-copy{
    font-size:14px;
    line-height:1.68;
  }

  .mix365-live-native .mix365-feature-item{
    align-items:flex-start;
  }
}

@media (max-width: 575.98px){
  .mix365-live-native .mix365-promo-actions{
    flex-direction:column;
  }

  .mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
    width:100%;
  }

  .mix365-live-native .mix365-promo-pill{
    width:100%;
  }

  .mix365-live-native .mix365-feature-item{
    padding:14px;
    gap:12px;
  }

  .mix365-live-native .mix365-feature-icon{
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:14px;
    font-size:17px;
  }

  .mix365-live-native .mix365-feature-body h4{
    font-size:16px;
  }

  .mix365-live-native .mix365-feature-body p{
    font-size:13px;
  }
}




.mix365-live-native .audio-mode-modal-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(3,8,20,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:99999;}
.mix365-live-native .audio-mode-modal-overlay.is-open{display:flex;}
.mix365-live-native .audio-mode-modal{width:min(92vw,420px);background:linear-gradient(180deg,rgba(9,15,35,.98),rgba(5,10,24,.98));border:1px solid rgba(120,150,255,.18);border-radius:22px;box-shadow:0 22px 70px rgba(0,0,0,.45);padding:22px 20px 18px;color:#fff;}
.mix365-live-native .audio-mode-modal h4{margin:0 0 10px;font-size:24px;font-weight:800;}
.mix365-live-native .audio-mode-modal p{margin:0;color:rgba(255,255,255,.84);line-height:1.55;font-size:15px;}
.mix365-live-native .audio-mode-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:18px;}
.mix365-live-native .audio-mode-modal-btn{appearance:none;border:0;border-radius:999px;padding:12px 18px;font-weight:800;font-size:14px;cursor:pointer;}
.mix365-live-native .audio-mode-modal-btn.cancel{background:rgba(255,255,255,.08);color:#fff;}
.mix365-live-native .audio-mode-modal-btn.confirm{background:linear-gradient(135deg,#ea4d5a,#ff6c6c);color:#fff;box-shadow:0 8px 24px rgba(234,77,90,.28);}
.mix365-live-native.modal-open{overflow:hidden;touch-action:none;}


.mix365-live-native #eventsBandCard,
.mix365-live-native #rateUsCard{
  width: 100%;
  height: 100%;
}

.mix365-live-native #eventsBandCard .live-card-header,
.mix365-live-native #rateUsCard .live-card-header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}


.mix365-live-native .mix365-promo-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.mix365-live-native .mix365-station-card{
  background:
    radial-gradient(circle at top right, rgba(255,70,70,0.12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)),
    rgba(255,255,255,0.04);
}

.mix365-live-native .mix365-promo-copy{
  color:rgba(255,255,255,0.84);
  font-size:15px;
  line-height:1.75;
  margin-bottom:24px;
  max-width:720px;
}

.mix365-live-native .mix365-promo-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:22px;
}

.mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:0 22px;
  border-radius:999px !important;
  font-weight:800;
  font-size:15px;
  line-height:1;
  text-decoration:none !important;
  border:1px solid transparent;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
  box-shadow:0 12px 28px rgba(0,0,0,0.20);
}

.mix365-live-native .mix365-promo-btn:hover{
  transform:translateY(-2px);
}

.mix365-live-native .mix365-promo-btn-primary{
  color:#fff !important;
  background:linear-gradient(135deg, #ff3d3d, #ff6b4a) !important;
  border-color:rgba(255,107,74,0.45) !important;
  box-shadow:0 14px 34px rgba(255,75,75,0.28);
}

.mix365-live-native .mix365-promo-btn-primary:hover{
  color:#fff !important;
  box-shadow:0 18px 40px rgba(255,75,75,0.34);
}

.mix365-live-native .mix365-promo-btn-secondary{
  color:#fff !important;
  background:rgba(255,255,255,0.08) !important;
  border-color:rgba(255,255,255,0.18) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.mix365-live-native .mix365-promo-btn-secondary:hover{
  color:#fff !important;
  background:rgba(255,255,255,0.14) !important;
  border-color:rgba(255,255,255,0.26) !important;
}

.mix365-live-native .mix365-promo-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.mix365-live-native .mix365-promo-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.12);
  color:#fff;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

.mix365-live-native .mix365-feature-stack{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.mix365-live-native .mix365-feature-item{
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px 18px;
  border-radius:18px;
  text-decoration:none;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.10);
  transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.mix365-live-native .mix365-feature-item:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,0.08);
  border-color:rgba(255,255,255,0.18);
  box-shadow:0 14px 34px rgba(0,0,0,0.18);
  text-decoration:none;
}

.mix365-live-native .mix365-feature-icon{
  width:52px;
  height:52px;
  min-width:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ff4b4b;
  background:rgba(255,75,75,0.10);
  border:1px solid rgba(255,75,75,0.18);
  font-size:20px;
}

.mix365-live-native .mix365-feature-body{
  flex:1 1 auto;
  min-width:0;
}

.mix365-live-native .mix365-feature-body h4{
  margin:0 0 6px;
  color:#fff;
  font-size:18px;
  font-weight:800;
}

.mix365-live-native .mix365-feature-body p{
  margin:0;
  color:rgba(255,255,255,0.72);
  font-size:14px;
  line-height:1.55;
}

.mix365-live-native .mix365-feature-arrow{
  color:rgba(255,255,255,0.68);
  font-size:16px;
  flex:0 0 auto;
}

@media (max-width: 991.98px){
  .mix365-live-native .mix365-promo-copy{
    font-size:14px;
    line-height:1.68;
  }

  .mix365-live-native .mix365-feature-item{
    align-items:flex-start;
  }
}

@media (max-width: 575.98px){
  .mix365-live-native .mix365-promo-actions{
    flex-direction:column;
  }

  .mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
    width:100%;
  }

  .mix365-live-native .mix365-promo-pill{
    width:100%;
  }

  .mix365-live-native .mix365-feature-item{
    padding:14px;
    gap:12px;
  }

  .mix365-live-native .mix365-feature-icon{
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:14px;
    font-size:17px;
  }

  .mix365-live-native .mix365-feature-body h4{
    font-size:16px;
  }

  .mix365-live-native .mix365-feature-body p{
    font-size:13px;
  }
}




@media (max-width: 991.98px){
  .mix365-live-native .live-info-card{
    padding: 18px 14px !important;
  }

  .mix365-live-native .live-info-card .live-card-header{
    margin-bottom: 16px !important;
  }

  .mix365-live-native .live-info-card .live-card-header > div{
    width: 100%;
    text-align: center;
  }

  .mix365-live-native .live-info-card .top-title{
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    line-height: 1.1;
  }

  .mix365-live-native .live-info-card #liveDjName{
    display: block;
    font-size: clamp(30px, 8vw, 38px) !important;
    line-height: 1.02 !important;
    text-align: center !important;
    word-break: break-word;
  }

  .mix365-live-native .live-dj-avatar{
    width: 104px !important;
    height: 104px !important;
  }

  .mix365-live-native #liveShowTitle{
    font-size: 28px !important;
    line-height: 1.1 !important;
    margin-bottom: 8px !important;
  }

  .mix365-live-native #liveSetTimeRange,
.mix365-live-native #liveSetDescriptionLine{
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  .mix365-live-native .live-track-card{
    margin-top: 14px !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
  }

  .mix365-live-native .live-track-title{
    font-size: 16px !important;
  }

  .mix365-live-native .live-track-meta{
    font-size: 13px !important;
  }

  .mix365-live-native .live-meta-list{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 14px !important;
  }

  .mix365-live-native .live-meta-item{
    min-height: 48px !important;
    padding: 10px 12px !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 14px !important;
  }

  .mix365-live-native .live-meta-item i{
    font-size: 14px !important;
  }

  .mix365-live-native .live-meta-item .label{
    font-size: 12px !important;
  }

  .mix365-live-native .live-meta-item .value{
    font-size: 16px !important;
  }

  .mix365-live-native .live-dj-stats-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 14px !important;
  }

  .mix365-live-native .live-stat-chip{
    min-height: 52px !important;
    padding: 10px 10px !important;
    border-radius: 16px !important;
    gap: 8px !important;
  }

  .mix365-live-native .live-stat-chip i{
    font-size: 14px !important;
  }

  .mix365-live-native .live-stat-chip strong{
    font-size: 15px !important;
  }

  .mix365-live-native .live-stat-chip span{
    font-size: 11px !important;
  }

  .mix365-live-native .live-genres-wrap{
    margin-top: 14px !important;
    text-align: center !important;
  }

  .mix365-live-native .live-genres-label{
    margin-bottom: 8px !important;
    font-size: 12px !important;
  }

  .mix365-live-native .live-genres-list{
    justify-content: center !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
    gap: 8px !important;
  }

  .mix365-live-native .live-genre-pill{
    min-height: 34px !important;
    padding: 7px 12px !important;
    font-size: 12px !important;
  }

  .mix365-live-native .live-actions-grid{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  .mix365-live-native .live-actions-grid .cmn-btn{
    width: 100% !important;
    min-height: 48px !important;
    justify-content: center !important;
    font-size: 16px !important;
  }
}

@media (max-width: 575.98px){
  .mix365-live-native .live-info-card{
    padding: 16px 12px !important;
  }

  .mix365-live-native .live-info-card #liveDjName{
    font-size: clamp(26px, 8.8vw, 34px) !important;
  }

  .mix365-live-native .live-dj-avatar{
    width: 90px !important;
    height: 90px !important;
  }

  .mix365-live-native #liveShowTitle{
    font-size: 24px !important;
  }

  .mix365-live-native .live-meta-item{
    min-height: 46px !important;
  }

  .mix365-live-native .live-dj-stats-grid{
    grid-template-columns: 1fr !important;
  }

  .mix365-live-native .live-stat-chip{
    min-height: 50px !important;
  }

  .mix365-live-native .live-actions-grid .cmn-btn{
    min-height: 46px !important;
    font-size: 15px !important;
  }
}


@media (max-width: 991.98px){
  .mix365-live-native .live-dj-stats-grid{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 14px !important;
  }

  .mix365-live-native .live-stat-chip{
    min-height: 58px !important;
    padding: 8px 6px !important;
    gap: 6px !important;
    border-radius: 18px !important;
  }

  .mix365-live-native .live-stat-chip > div{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
  }

  .mix365-live-native .live-stat-chip strong{
    font-size: 16px !important;
    line-height: 1 !important;
  }

  .mix365-live-native .live-stat-chip span{
    display: none !important;
  }

  .mix365-live-native .live-stat-chip i{
    font-size: 16px !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 575.98px){
  .mix365-live-native .live-dj-stats-grid{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .mix365-live-native .live-stat-chip{
    min-height: 52px !important;
    padding: 6px 4px !important;
    gap: 4px !important;
    border-radius: 16px !important;
  }

  .mix365-live-native .live-stat-chip i{
    font-size: 14px !important;
  }

  .mix365-live-native .live-stat-chip strong{
    font-size: 14px !important;
  }
}



.mix365-live-native #eventsBandCard,
.mix365-live-native #rateUsCard{
  width: 100%;
  height: 100%;
}

.mix365-live-native #eventsBandCard .live-card-header,
.mix365-live-native #rateUsCard .live-card-header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}


.mix365-live-native .mix365-promo-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.mix365-live-native .mix365-station-card{
  background:
    radial-gradient(circle at top right, rgba(255,70,70,0.12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)),
    rgba(255,255,255,0.04);
}

.mix365-live-native .mix365-promo-copy{
  color:rgba(255,255,255,0.84);
  font-size:15px;
  line-height:1.75;
  margin-bottom:24px;
  max-width:720px;
}

.mix365-live-native .mix365-promo-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:22px;
}

.mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:0 22px;
  border-radius:999px !important;
  font-weight:800;
  font-size:15px;
  line-height:1;
  text-decoration:none !important;
  border:1px solid transparent;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
  box-shadow:0 12px 28px rgba(0,0,0,0.20);
}

.mix365-live-native .mix365-promo-btn:hover{
  transform:translateY(-2px);
}

.mix365-live-native .mix365-promo-btn-primary{
  color:#fff !important;
  background:linear-gradient(135deg, #ff3d3d, #ff6b4a) !important;
  border-color:rgba(255,107,74,0.45) !important;
  box-shadow:0 14px 34px rgba(255,75,75,0.28);
}

.mix365-live-native .mix365-promo-btn-primary:hover{
  color:#fff !important;
  box-shadow:0 18px 40px rgba(255,75,75,0.34);
}

.mix365-live-native .mix365-promo-btn-secondary{
  color:#fff !important;
  background:rgba(255,255,255,0.08) !important;
  border-color:rgba(255,255,255,0.18) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.mix365-live-native .mix365-promo-btn-secondary:hover{
  color:#fff !important;
  background:rgba(255,255,255,0.14) !important;
  border-color:rgba(255,255,255,0.26) !important;
}

.mix365-live-native .mix365-promo-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.mix365-live-native .mix365-promo-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.12);
  color:#fff;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

.mix365-live-native .mix365-feature-stack{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.mix365-live-native .mix365-feature-item{
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px 18px;
  border-radius:18px;
  text-decoration:none;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.10);
  transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.mix365-live-native .mix365-feature-item:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,0.08);
  border-color:rgba(255,255,255,0.18);
  box-shadow:0 14px 34px rgba(0,0,0,0.18);
  text-decoration:none;
}

.mix365-live-native .mix365-feature-icon{
  width:52px;
  height:52px;
  min-width:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ff4b4b;
  background:rgba(255,75,75,0.10);
  border:1px solid rgba(255,75,75,0.18);
  font-size:20px;
}

.mix365-live-native .mix365-feature-body{
  flex:1 1 auto;
  min-width:0;
}

.mix365-live-native .mix365-feature-body h4{
  margin:0 0 6px;
  color:#fff;
  font-size:18px;
  font-weight:800;
}

.mix365-live-native .mix365-feature-body p{
  margin:0;
  color:rgba(255,255,255,0.72);
  font-size:14px;
  line-height:1.55;
}

.mix365-live-native .mix365-feature-arrow{
  color:rgba(255,255,255,0.68);
  font-size:16px;
  flex:0 0 auto;
}

@media (max-width: 991.98px){
  .mix365-live-native .mix365-promo-copy{
    font-size:14px;
    line-height:1.68;
  }

  .mix365-live-native .mix365-feature-item{
    align-items:flex-start;
  }
}

@media (max-width: 575.98px){
  .mix365-live-native .mix365-promo-actions{
    flex-direction:column;
  }

  .mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
    width:100%;
  }

  .mix365-live-native .mix365-promo-pill{
    width:100%;
  }

  .mix365-live-native .mix365-feature-item{
    padding:14px;
    gap:12px;
  }

  .mix365-live-native .mix365-feature-icon{
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:14px;
    font-size:17px;
  }

  .mix365-live-native .mix365-feature-body h4{
    font-size:16px;
  }

  .mix365-live-native .mix365-feature-body p{
    font-size:13px;
  }
}




.mix365-live-native #listenerGlobeCard{
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  overflow:hidden !important;
}

.mix365-live-native #mix365HiddenListenerProbe{
  position:absolute !important;
  left:-200vw !important;
  top:0 !important;
  width:320px !important;
  height:220px !important;
  opacity:0 !important;
  pointer-events:none !important;
  overflow:hidden !important;
}

.mix365-live-native #mix365HiddenListenerProbe #listenerCount{
  display:none !important;
}

.mix365-live-native #mix365HiddenListenerProbe #listenerGlobe{
  width:320px !important;
  height:220px !important;
  min-height:220px !important;
  max-height:220px !important;
  border-radius:0 !important;
  border:0 !important;
  background:#000 !important;
}

.mix365-live-native #listenerStaticMap{
  width:100% !important;
  max-width:100% !important;
  height:420px !important;
  min-height:420px !important;
  max-height:420px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  position:relative !important;
  box-sizing:border-box !important;
  background:
    radial-gradient(circle at 25% 25%, rgba(57,160,255,.16), transparent 28%),
    radial-gradient(circle at 75% 70%, rgba(102,252,241,.10), transparent 30%),
    linear-gradient(180deg, #13233e 0%, #0c1628 100%) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}

.mix365-live-native .mix-static-map{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
}

.mix365-live-native .mix-static-map__svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
}

.mix365-live-native .mix-static-map__ocean{
  fill:url(#mix365MapOcean);
}

.mix365-live-native .mix-static-map__continent{
  fill:rgba(173, 214, 255, 0.18);
  stroke:rgba(255,255,255,0.10);
  stroke-width:1.2;
}

.mix365-live-native .mix-static-map__grid{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 12.5% 25%;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.85), rgba(0,0,0,.55));
  pointer-events:none;
}

.mix365-live-native .mix-static-map__markers{
  position:absolute;
  inset:0;
}

.mix365-live-native .mix-static-map__marker{
  position:absolute;
  transform:translate(-50%, -50%);
  display:flex;
  align-items:center;
  gap:6px;
  pointer-events:auto;
  white-space:nowrap;
}

.mix365-live-native .mix-static-map__dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#ff5757;
  box-shadow:0 0 0 3px rgba(255,87,87,.16), 0 0 10px rgba(255,87,87,.35);
  flex:0 0 auto;
}

.mix365-live-native .mix-static-map__label{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:24px;
  padding:0 8px;
  border-radius:999px;
  background:rgba(7,14,24,.82);
  border:1px solid rgba(255,255,255,.10);
  color:#fff;
  font-size:10px;
  font-weight:700;
  box-shadow:0 8px 24px rgba(0,0,0,.22);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.mix365-live-native .mix-static-map__count{
  color:#66FCF1;
  font-weight:800;
}

.mix365-live-native .mix-static-map__empty,
.mix365-live-native .mix-static-map__loading{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:20px;
  color:rgba(255,255,255,.78);
  font-size:14px;
  z-index:2;
}

.mix365-live-native .mix-static-map__footer{
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  pointer-events:none;
}

.mix365-live-native .mix-static-map__chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(7,14,24,.72);
  border:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.82);
  font-size:11px;
  font-weight:700;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

@keyframes mix365MapPing{
  0%{ box-shadow:0 0 0 0 rgba(255,87,87,.55), 0 0 14px rgba(255,87,87,.9); transform:scale(.92); }
  70%{ box-shadow:0 0 0 12px rgba(255,87,87,0), 0 0 18px rgba(255,87,87,.35); transform:scale(1.08); }
  100%{ box-shadow:0 0 0 0 rgba(255,87,87,0), 0 0 12px rgba(255,87,87,.18); transform:scale(.96); }
}

@media (max-width: 991.98px){
  .mix365-live-native #listenerGlobeCard{
    padding:16px !important;
  }

  .mix365-live-native #listenerStaticMap{
    height:340px !important;
    min-height:340px !important;
    max-height:340px !important;
    border-radius:16px !important;
  }

  .mix365-live-native .mix-static-map__label{
    font-size:10px;
    padding:0 8px;
  }
}

@media (max-width: 575.98px){
  .mix365-live-native #listenerGlobeCard{
    padding:14px !important;
  }

  .mix365-live-native #listenerStaticMap{
    height:280px !important;
    min-height:280px !important;
    max-height:280px !important;
    border-radius:14px !important;
  }

  .mix365-live-native .mix-static-map__marker{
    gap:4px;
  }

  .mix365-live-native .mix-static-map__dot{
    width:8px;
    height:8px;
  }

  .mix365-live-native .mix-static-map__label{
    font-size:9px;
    min-height:22px;
    padding:0 7px;
  }

  .mix365-live-native .mix-static-map__footer{
    left:8px;
    right:8px;
    bottom:8px;
    gap:8px;
  }

  .mix365-live-native .mix-static-map__chip{
    font-size:10px;
    min-height:24px;
    padding:0 9px;
  }
}


.mix365-live-native #eventsBandCard,
.mix365-live-native #rateUsCard{
  width: 100%;
  height: 100%;
}

.mix365-live-native #eventsBandCard .live-card-header,
.mix365-live-native #rateUsCard .live-card-header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}


.mix365-live-native .mix365-promo-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.mix365-live-native .mix365-station-card{
  background:
    radial-gradient(circle at top right, rgba(255,70,70,0.12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)),
    rgba(255,255,255,0.04);
}

.mix365-live-native .mix365-promo-copy{
  color:rgba(255,255,255,0.84);
  font-size:15px;
  line-height:1.75;
  margin-bottom:24px;
  max-width:720px;
}

.mix365-live-native .mix365-promo-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:22px;
}

.mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:0 22px;
  border-radius:999px !important;
  font-weight:800;
  font-size:15px;
  line-height:1;
  text-decoration:none !important;
  border:1px solid transparent;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
  box-shadow:0 12px 28px rgba(0,0,0,0.20);
}

.mix365-live-native .mix365-promo-btn:hover{
  transform:translateY(-2px);
}

.mix365-live-native .mix365-promo-btn-primary{
  color:#fff !important;
  background:linear-gradient(135deg, #ff3d3d, #ff6b4a) !important;
  border-color:rgba(255,107,74,0.45) !important;
  box-shadow:0 14px 34px rgba(255,75,75,0.28);
}

.mix365-live-native .mix365-promo-btn-primary:hover{
  color:#fff !important;
  box-shadow:0 18px 40px rgba(255,75,75,0.34);
}

.mix365-live-native .mix365-promo-btn-secondary{
  color:#fff !important;
  background:rgba(255,255,255,0.08) !important;
  border-color:rgba(255,255,255,0.18) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.mix365-live-native .mix365-promo-btn-secondary:hover{
  color:#fff !important;
  background:rgba(255,255,255,0.14) !important;
  border-color:rgba(255,255,255,0.26) !important;
}

.mix365-live-native .mix365-promo-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.mix365-live-native .mix365-promo-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.12);
  color:#fff;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

.mix365-live-native .mix365-feature-stack{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.mix365-live-native .mix365-feature-item{
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px 18px;
  border-radius:18px;
  text-decoration:none;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.10);
  transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.mix365-live-native .mix365-feature-item:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,0.08);
  border-color:rgba(255,255,255,0.18);
  box-shadow:0 14px 34px rgba(0,0,0,0.18);
  text-decoration:none;
}

.mix365-live-native .mix365-feature-icon{
  width:52px;
  height:52px;
  min-width:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ff4b4b;
  background:rgba(255,75,75,0.10);
  border:1px solid rgba(255,75,75,0.18);
  font-size:20px;
}

.mix365-live-native .mix365-feature-body{
  flex:1 1 auto;
  min-width:0;
}

.mix365-live-native .mix365-feature-body h4{
  margin:0 0 6px;
  color:#fff;
  font-size:18px;
  font-weight:800;
}

.mix365-live-native .mix365-feature-body p{
  margin:0;
  color:rgba(255,255,255,0.72);
  font-size:14px;
  line-height:1.55;
}

.mix365-live-native .mix365-feature-arrow{
  color:rgba(255,255,255,0.68);
  font-size:16px;
  flex:0 0 auto;
}

@media (max-width: 991.98px){
  .mix365-live-native .mix365-promo-copy{
    font-size:14px;
    line-height:1.68;
  }

  .mix365-live-native .mix365-feature-item{
    align-items:flex-start;
  }
}

@media (max-width: 575.98px){
  .mix365-live-native .mix365-promo-actions{
    flex-direction:column;
  }

  .mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
    width:100%;
  }

  .mix365-live-native .mix365-promo-pill{
    width:100%;
  }

  .mix365-live-native .mix365-feature-item{
    padding:14px;
    gap:12px;
  }

  .mix365-live-native .mix365-feature-icon{
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:14px;
    font-size:17px;
  }

  .mix365-live-native .mix365-feature-body h4{
    font-size:16px;
  }

  .mix365-live-native .mix365-feature-body p{
    font-size:13px;
  }
}




@media (max-width: 991.98px){
  .mix365-live-native .live-chat-mount{
    min-height: 395px !important;
    padding: 14px !important;
  }

  .mix365-live-native .mix-chat{
    min-height: 500px !important;
    max-height: 500px !important;
  }

  .mix365-live-native .mix-chat__body{
    min-height: 0 !important;
  }

  .mix365-live-native .mix-chat__row,
.mix365-live-native .mix-chat__msg{
    margin-bottom: 8px !important;
  }

  .mix365-live-native .mix-chat__meta{
    margin-bottom: 2px !important;
    gap: 5px !important;
    line-height: 1.1 !important;
  }

  .mix365-live-native .mix-chat__name{
    line-height: 1.05 !important;
  }

  .mix365-live-native .mix-chat__time,
.mix365-live-native .mix-chat__badge,
.mix365-live-native .mix-chat__meta .mix-chat__action--reply,
.mix365-live-native .mix-chat__meta .mix-chat__action--delete{
    line-height: 1 !important;
  }

  .mix365-live-native .mix-chat__bubble{
    padding: 8px 12px !important;
  }
}

@media (max-width: 575.98px){
  .mix365-live-native .live-chat-mount{
    min-height: 365px !important;
    padding: 12px !important;
  }

  .mix365-live-native .mix-chat{
    min-height: 550px !important;
    max-height: 550px !important;
  }

  .mix365-live-native .mix-chat__row,
.mix365-live-native .mix-chat__msg{
    margin-bottom: 6px !important;
  }

  .mix365-live-native .mix-chat__meta{
    margin-bottom: 1px !important;
    gap: 4px !important;
  }

  .mix365-live-native .mix-chat__bubble{
    padding: 7px 11px !important;
  }
}


.mix365-live-native #eventsBandCard,
.mix365-live-native #rateUsCard{
  width: 100%;
  height: 100%;
}

.mix365-live-native #eventsBandCard .live-card-header,
.mix365-live-native #rateUsCard .live-card-header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}


.mix365-live-native .mix365-promo-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.mix365-live-native .mix365-station-card{
  background:
    radial-gradient(circle at top right, rgba(255,70,70,0.12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)),
    rgba(255,255,255,0.04);
}

.mix365-live-native .mix365-promo-copy{
  color:rgba(255,255,255,0.84);
  font-size:15px;
  line-height:1.75;
  margin-bottom:24px;
  max-width:720px;
}

.mix365-live-native .mix365-promo-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:22px;
}

.mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:0 22px;
  border-radius:999px !important;
  font-weight:800;
  font-size:15px;
  line-height:1;
  text-decoration:none !important;
  border:1px solid transparent;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
  box-shadow:0 12px 28px rgba(0,0,0,0.20);
}

.mix365-live-native .mix365-promo-btn:hover{
  transform:translateY(-2px);
}

.mix365-live-native .mix365-promo-btn-primary{
  color:#fff !important;
  background:linear-gradient(135deg, #ff3d3d, #ff6b4a) !important;
  border-color:rgba(255,107,74,0.45) !important;
  box-shadow:0 14px 34px rgba(255,75,75,0.28);
}

.mix365-live-native .mix365-promo-btn-primary:hover{
  color:#fff !important;
  box-shadow:0 18px 40px rgba(255,75,75,0.34);
}

.mix365-live-native .mix365-promo-btn-secondary{
  color:#fff !important;
  background:rgba(255,255,255,0.08) !important;
  border-color:rgba(255,255,255,0.18) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.mix365-live-native .mix365-promo-btn-secondary:hover{
  color:#fff !important;
  background:rgba(255,255,255,0.14) !important;
  border-color:rgba(255,255,255,0.26) !important;
}

.mix365-live-native .mix365-promo-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.mix365-live-native .mix365-promo-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.12);
  color:#fff;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

.mix365-live-native .mix365-feature-stack{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.mix365-live-native .mix365-feature-item{
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px 18px;
  border-radius:18px;
  text-decoration:none;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.10);
  transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.mix365-live-native .mix365-feature-item:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,0.08);
  border-color:rgba(255,255,255,0.18);
  box-shadow:0 14px 34px rgba(0,0,0,0.18);
  text-decoration:none;
}

.mix365-live-native .mix365-feature-icon{
  width:52px;
  height:52px;
  min-width:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ff4b4b;
  background:rgba(255,75,75,0.10);
  border:1px solid rgba(255,75,75,0.18);
  font-size:20px;
}

.mix365-live-native .mix365-feature-body{
  flex:1 1 auto;
  min-width:0;
}

.mix365-live-native .mix365-feature-body h4{
  margin:0 0 6px;
  color:#fff;
  font-size:18px;
  font-weight:800;
}

.mix365-live-native .mix365-feature-body p{
  margin:0;
  color:rgba(255,255,255,0.72);
  font-size:14px;
  line-height:1.55;
}

.mix365-live-native .mix365-feature-arrow{
  color:rgba(255,255,255,0.68);
  font-size:16px;
  flex:0 0 auto;
}

@media (max-width: 991.98px){
  .mix365-live-native .mix365-promo-copy{
    font-size:14px;
    line-height:1.68;
  }

  .mix365-live-native .mix365-feature-item{
    align-items:flex-start;
  }
}

@media (max-width: 575.98px){
  .mix365-live-native .mix365-promo-actions{
    flex-direction:column;
  }

  .mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
    width:100%;
  }

  .mix365-live-native .mix365-promo-pill{
    width:100%;
  }

  .mix365-live-native .mix365-feature-item{
    padding:14px;
    gap:12px;
  }

  .mix365-live-native .mix365-feature-icon{
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:14px;
    font-size:17px;
  }

  .mix365-live-native .mix365-feature-body h4{
    font-size:16px;
  }

  .mix365-live-native .mix365-feature-body p{
    font-size:13px;
  }
}




.mix365-live-native .live-video-shell{
  position:relative;
  width:100%;
  height:100%;
  background:#050a14;
}
.mix365-live-native .live-video-shell video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.mix365-live-native .live-video-shell video::-webkit-media-controls,
.mix365-live-native .live-video-shell video::-webkit-media-controls-enclosure,
.mix365-live-native .live-video-shell video::-webkit-media-controls-panel,
.mix365-live-native .live-video-shell video::-webkit-media-controls-timeline,
.mix365-live-native .live-video-shell video::-webkit-media-controls-current-time-display,
.mix365-live-native .live-video-shell video::-webkit-media-controls-time-remaining-display,
.mix365-live-native .live-video-shell video::-webkit-media-controls-volume-slider,
.mix365-live-native .live-video-shell video::-webkit-media-controls-seek-back-button,
.mix365-live-native .live-video-shell video::-webkit-media-controls-seek-forward-button{
  display:none !important;
  -webkit-appearance:none !important;
}
.mix365-live-native .live-video-shell::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(5,10,20,0.06) 0%, rgba(5,10,20,0) 46%, rgba(5,10,20,0.34) 100%);
}
.mix365-live-native .live-video-play-overlay{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  min-width:212px;
  min-height:64px;
  padding:14px 22px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.18);
  background:rgba(8,17,35,0.78);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  z-index:6;
  box-shadow:0 18px 40px rgba(0,0,0,0.32);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transition:transform .2s ease, background .2s ease, opacity .2s ease, border-color .2s ease;
}
.mix365-live-native .live-video-play-overlay:hover,
.mix365-live-native .live-video-play-overlay:focus{
  color:#fff;
  background:rgba(255,18,10,0.86);
  border-color:rgba(255,95,90,0.42);
  transform:translate(-50%, -50%) scale(1.03);
}
.mix365-live-native .live-video-play-overlay__icon{
  width:36px;
  height:36px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.14);
  flex:0 0 auto;
}
.mix365-live-native .live-video-play-overlay__icon i{
  font-size:16px;
  margin-left:2px;
}
.mix365-live-native .live-video-play-overlay__text{
  font-size:15px;
  font-weight:800;
  letter-spacing:.01em;
  white-space:nowrap;
}
.mix365-live-native .live-video-play-overlay.is-hidden{
  display:none !important;
}
.mix365-live-native .live-video-controls{
  position:absolute;
  right:12px;
  bottom:12px;
  z-index:6;
  display:flex;
  align-items:center;
  gap:8px;
}
.mix365-live-native .live-video-control-btn{
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,0.16);
  background:rgba(8,17,35,0.74);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 22px rgba(0,0,0,0.26);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transition:transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}
.mix365-live-native .live-video-control-btn:hover,
.mix365-live-native .live-video-control-btn:focus{
  transform:translateY(-1px);
  color:#fff;
  background:rgba(255,18,10,0.84);
  border-color:rgba(255,95,90,0.42);
}
.mix365-live-native .live-video-control-btn i{
  font-size:14px;
}
.mix365-live-native .live-video-control-btn.is-active{
  background:rgba(0,224,195,0.18);
  border-color:rgba(102,252,241,0.34);
  color:#66FCF1;
}

.mix365-live-native .live-video-volume-wrap{
  height:40px;
  min-width:132px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.16);
  background:rgba(8,17,35,0.74);
  color:#fff;
  display:inline-flex;
  align-items:center;
  gap:9px;
  box-shadow:0 10px 22px rgba(0,0,0,0.26);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.mix365-live-native .live-video-volume-wrap i{
  width:16px;
  min-width:16px;
  font-size:13px;
  color:#66FCF1;
  text-align:center;
}
.mix365-live-native .live-video-volume-range{
  appearance:none;
  -webkit-appearance:none;
  width:82px;
  height:6px;
  border-radius:999px;
  background:rgba(255,255,255,0.18);
  outline:none;
  cursor:pointer;
}
.mix365-live-native .live-video-volume-range::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:16px;
  height:16px;
  border-radius:50%;
  border:2px solid rgba(8,17,35,0.96);
  background:#66FCF1;
  box-shadow:0 4px 10px rgba(0,0,0,0.32);
}
.mix365-live-native .live-video-volume-range::-moz-range-thumb{
  width:16px;
  height:16px;
  border-radius:50%;
  border:2px solid rgba(8,17,35,0.96);
  background:#66FCF1;
  box-shadow:0 4px 10px rgba(0,0,0,0.32);
}
.mix365-live-native .live-video-volume-range::-moz-range-track{
  height:6px;
  border-radius:999px;
  background:rgba(255,255,255,0.18);
}
.mix365-live-native .live-dj-socials-wrap{
  margin-top:16px;
  text-align:center;
}
.mix365-live-native .live-dj-socials-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:center;
}
.mix365-live-native .live-dj-social-link{
  width:44px;
  height:44px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.12);
  box-shadow:0 10px 24px rgba(0,0,0,0.14);
  transition:transform .2s ease, background .2s ease, border-color .2s ease;
}
.mix365-live-native .live-dj-social-link:hover,
.mix365-live-native .live-dj-social-link:focus{
  color:#fff;
  transform:translateY(-1px);
  background:rgba(255,18,10,0.18);
  border-color:rgba(255,18,10,0.32);
}
.mix365-live-native .live-dj-social-link i{
  font-size:18px;
}
@media (max-width: 575.98px){
  .mix365-live-native .live-video-play-overlay{
    min-width:164px;
    min-height:52px;
    padding:10px 16px;
    gap:9px;
  }
  .mix365-live-native .live-video-play-overlay__icon{
    width:30px;
    height:30px;
  }
  .mix365-live-native .live-video-play-overlay__text{
    font-size:13px;
  }
  .mix365-live-native .live-video-controls{
    right:10px;
    bottom:10px;
    gap:7px;
  }
  .mix365-live-native .live-video-control-btn{
    width:36px;
    height:36px;
  }
  .mix365-live-native .live-video-control-btn i{
    font-size:13px;
  }
  .mix365-live-native .live-video-volume-wrap{
    height:36px;
    min-width:104px;
    padding:0 10px;
    gap:7px;
  }
  .mix365-live-native .live-video-volume-range{
    width:62px;
  }
  .mix365-live-native .live-video-volume-wrap i{
    font-size:12px;
  }
  .mix365-live-native .live-dj-social-link{
    width:40px;
    height:40px;
  }
}


.mix365-live-native #eventsBandCard,
.mix365-live-native #rateUsCard{
  width: 100%;
  height: 100%;
}

.mix365-live-native #eventsBandCard .live-card-header,
.mix365-live-native #rateUsCard .live-card-header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}


.mix365-live-native .mix365-promo-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.mix365-live-native .mix365-station-card{
  background:
    radial-gradient(circle at top right, rgba(255,70,70,0.12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)),
    rgba(255,255,255,0.04);
}

.mix365-live-native .mix365-promo-copy{
  color:rgba(255,255,255,0.84);
  font-size:15px;
  line-height:1.75;
  margin-bottom:24px;
  max-width:720px;
}

.mix365-live-native .mix365-promo-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:22px;
}

.mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:0 22px;
  border-radius:999px !important;
  font-weight:800;
  font-size:15px;
  line-height:1;
  text-decoration:none !important;
  border:1px solid transparent;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
  box-shadow:0 12px 28px rgba(0,0,0,0.20);
}

.mix365-live-native .mix365-promo-btn:hover{
  transform:translateY(-2px);
}

.mix365-live-native .mix365-promo-btn-primary{
  color:#fff !important;
  background:linear-gradient(135deg, #ff3d3d, #ff6b4a) !important;
  border-color:rgba(255,107,74,0.45) !important;
  box-shadow:0 14px 34px rgba(255,75,75,0.28);
}

.mix365-live-native .mix365-promo-btn-primary:hover{
  color:#fff !important;
  box-shadow:0 18px 40px rgba(255,75,75,0.34);
}

.mix365-live-native .mix365-promo-btn-secondary{
  color:#fff !important;
  background:rgba(255,255,255,0.08) !important;
  border-color:rgba(255,255,255,0.18) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.mix365-live-native .mix365-promo-btn-secondary:hover{
  color:#fff !important;
  background:rgba(255,255,255,0.14) !important;
  border-color:rgba(255,255,255,0.26) !important;
}

.mix365-live-native .mix365-promo-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.mix365-live-native .mix365-promo-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.12);
  color:#fff;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

.mix365-live-native .mix365-feature-stack{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.mix365-live-native .mix365-feature-item{
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px 18px;
  border-radius:18px;
  text-decoration:none;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.10);
  transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.mix365-live-native .mix365-feature-item:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,0.08);
  border-color:rgba(255,255,255,0.18);
  box-shadow:0 14px 34px rgba(0,0,0,0.18);
  text-decoration:none;
}

.mix365-live-native .mix365-feature-icon{
  width:52px;
  height:52px;
  min-width:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ff4b4b;
  background:rgba(255,75,75,0.10);
  border:1px solid rgba(255,75,75,0.18);
  font-size:20px;
}

.mix365-live-native .mix365-feature-body{
  flex:1 1 auto;
  min-width:0;
}

.mix365-live-native .mix365-feature-body h4{
  margin:0 0 6px;
  color:#fff;
  font-size:18px;
  font-weight:800;
}

.mix365-live-native .mix365-feature-body p{
  margin:0;
  color:rgba(255,255,255,0.72);
  font-size:14px;
  line-height:1.55;
}

.mix365-live-native .mix365-feature-arrow{
  color:rgba(255,255,255,0.68);
  font-size:16px;
  flex:0 0 auto;
}

@media (max-width: 991.98px){
  .mix365-live-native .mix365-promo-copy{
    font-size:14px;
    line-height:1.68;
  }

  .mix365-live-native .mix365-feature-item{
    align-items:flex-start;
  }
}

@media (max-width: 575.98px){
  .mix365-live-native .mix365-promo-actions{
    flex-direction:column;
  }

  .mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
    width:100%;
  }

  .mix365-live-native .mix365-promo-pill{
    width:100%;
  }

  .mix365-live-native .mix365-feature-item{
    padding:14px;
    gap:12px;
  }

  .mix365-live-native .mix365-feature-icon{
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:14px;
    font-size:17px;
  }

  .mix365-live-native .mix365-feature-body h4{
    font-size:16px;
  }

  .mix365-live-native .mix365-feature-body p{
    font-size:13px;
  }
}




/* wider composer row to the card edges */
.mix365-live-native .mix-chat__compose{
  padding:8px 4px 12px !important;
}
.mix365-live-native .mix-chat__inputwrap{
  width:100% !important;
  gap:8px !important;
}
.mix365-live-native .mix-chat__inputbox{
  flex:1 1 auto !important;
  width:100% !important;
}
.mix365-live-native .mix-chat__send{
  width:44px !important;
  min-width:44px !important;
  flex:0 0 44px !important;
  padding:0 !important;
}
@media (max-width:767px){
  .mix365-live-native .mix-chat__compose{
    padding:8px 2px 10px !important;
  }
}


.mix365-live-native #eventsBandCard,
.mix365-live-native #rateUsCard{
  width: 100%;
  height: 100%;
}

.mix365-live-native #eventsBandCard .live-card-header,
.mix365-live-native #rateUsCard .live-card-header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}


.mix365-live-native .mix365-promo-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.mix365-live-native .mix365-station-card{
  background:
    radial-gradient(circle at top right, rgba(255,70,70,0.12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)),
    rgba(255,255,255,0.04);
}

.mix365-live-native .mix365-promo-copy{
  color:rgba(255,255,255,0.84);
  font-size:15px;
  line-height:1.75;
  margin-bottom:24px;
  max-width:720px;
}

.mix365-live-native .mix365-promo-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:22px;
}

.mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:0 22px;
  border-radius:999px !important;
  font-weight:800;
  font-size:15px;
  line-height:1;
  text-decoration:none !important;
  border:1px solid transparent;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
  box-shadow:0 12px 28px rgba(0,0,0,0.20);
}

.mix365-live-native .mix365-promo-btn:hover{
  transform:translateY(-2px);
}

.mix365-live-native .mix365-promo-btn-primary{
  color:#fff !important;
  background:linear-gradient(135deg, #ff3d3d, #ff6b4a) !important;
  border-color:rgba(255,107,74,0.45) !important;
  box-shadow:0 14px 34px rgba(255,75,75,0.28);
}

.mix365-live-native .mix365-promo-btn-primary:hover{
  color:#fff !important;
  box-shadow:0 18px 40px rgba(255,75,75,0.34);
}

.mix365-live-native .mix365-promo-btn-secondary{
  color:#fff !important;
  background:rgba(255,255,255,0.08) !important;
  border-color:rgba(255,255,255,0.18) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.mix365-live-native .mix365-promo-btn-secondary:hover{
  color:#fff !important;
  background:rgba(255,255,255,0.14) !important;
  border-color:rgba(255,255,255,0.26) !important;
}

.mix365-live-native .mix365-promo-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.mix365-live-native .mix365-promo-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.12);
  color:#fff;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

.mix365-live-native .mix365-feature-stack{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.mix365-live-native .mix365-feature-item{
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px 18px;
  border-radius:18px;
  text-decoration:none;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.10);
  transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.mix365-live-native .mix365-feature-item:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,0.08);
  border-color:rgba(255,255,255,0.18);
  box-shadow:0 14px 34px rgba(0,0,0,0.18);
  text-decoration:none;
}

.mix365-live-native .mix365-feature-icon{
  width:52px;
  height:52px;
  min-width:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ff4b4b;
  background:rgba(255,75,75,0.10);
  border:1px solid rgba(255,75,75,0.18);
  font-size:20px;
}

.mix365-live-native .mix365-feature-body{
  flex:1 1 auto;
  min-width:0;
}

.mix365-live-native .mix365-feature-body h4{
  margin:0 0 6px;
  color:#fff;
  font-size:18px;
  font-weight:800;
}

.mix365-live-native .mix365-feature-body p{
  margin:0;
  color:rgba(255,255,255,0.72);
  font-size:14px;
  line-height:1.55;
}

.mix365-live-native .mix365-feature-arrow{
  color:rgba(255,255,255,0.68);
  font-size:16px;
  flex:0 0 auto;
}

@media (max-width: 991.98px){
  .mix365-live-native .mix365-promo-copy{
    font-size:14px;
    line-height:1.68;
  }

  .mix365-live-native .mix365-feature-item{
    align-items:flex-start;
  }
}

@media (max-width: 575.98px){
  .mix365-live-native .mix365-promo-actions{
    flex-direction:column;
  }

  .mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
    width:100%;
  }

  .mix365-live-native .mix365-promo-pill{
    width:100%;
  }

  .mix365-live-native .mix365-feature-item{
    padding:14px;
    gap:12px;
  }

  .mix365-live-native .mix365-feature-icon{
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:14px;
    font-size:17px;
  }

  .mix365-live-native .mix365-feature-body h4{
    font-size:16px;
  }

  .mix365-live-native .mix365-feature-body p{
    font-size:13px;
  }
}




@media (max-width: 1199.98px){
  .mix365-live-native #siteHeader{
    position: sticky !important;
    top: 0 !important;
    z-index: 1300 !important;
  }

  .mix365-live-native #siteHeader .main-navbar{
    position: sticky !important;
    top: 0 !important;
    z-index: 1300 !important;
  }

  .mix365-live-native main.site-body{
    padding-top: 0 !important;
  }
}


.mix365-live-native #eventsBandCard,
.mix365-live-native #rateUsCard{
  width: 100%;
  height: 100%;
}

.mix365-live-native #eventsBandCard .live-card-header,
.mix365-live-native #rateUsCard .live-card-header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}


.mix365-live-native .mix365-promo-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.mix365-live-native .mix365-station-card{
  background:
    radial-gradient(circle at top right, rgba(255,70,70,0.12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)),
    rgba(255,255,255,0.04);
}

.mix365-live-native .mix365-promo-copy{
  color:rgba(255,255,255,0.84);
  font-size:15px;
  line-height:1.75;
  margin-bottom:24px;
  max-width:720px;
}

.mix365-live-native .mix365-promo-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:22px;
}

.mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:0 22px;
  border-radius:999px !important;
  font-weight:800;
  font-size:15px;
  line-height:1;
  text-decoration:none !important;
  border:1px solid transparent;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
  box-shadow:0 12px 28px rgba(0,0,0,0.20);
}

.mix365-live-native .mix365-promo-btn:hover{
  transform:translateY(-2px);
}

.mix365-live-native .mix365-promo-btn-primary{
  color:#fff !important;
  background:linear-gradient(135deg, #ff3d3d, #ff6b4a) !important;
  border-color:rgba(255,107,74,0.45) !important;
  box-shadow:0 14px 34px rgba(255,75,75,0.28);
}

.mix365-live-native .mix365-promo-btn-primary:hover{
  color:#fff !important;
  box-shadow:0 18px 40px rgba(255,75,75,0.34);
}

.mix365-live-native .mix365-promo-btn-secondary{
  color:#fff !important;
  background:rgba(255,255,255,0.08) !important;
  border-color:rgba(255,255,255,0.18) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.mix365-live-native .mix365-promo-btn-secondary:hover{
  color:#fff !important;
  background:rgba(255,255,255,0.14) !important;
  border-color:rgba(255,255,255,0.26) !important;
}

.mix365-live-native .mix365-promo-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.mix365-live-native .mix365-promo-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.12);
  color:#fff;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

.mix365-live-native .mix365-feature-stack{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.mix365-live-native .mix365-feature-item{
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px 18px;
  border-radius:18px;
  text-decoration:none;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.10);
  transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.mix365-live-native .mix365-feature-item:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,0.08);
  border-color:rgba(255,255,255,0.18);
  box-shadow:0 14px 34px rgba(0,0,0,0.18);
  text-decoration:none;
}

.mix365-live-native .mix365-feature-icon{
  width:52px;
  height:52px;
  min-width:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ff4b4b;
  background:rgba(255,75,75,0.10);
  border:1px solid rgba(255,75,75,0.18);
  font-size:20px;
}

.mix365-live-native .mix365-feature-body{
  flex:1 1 auto;
  min-width:0;
}

.mix365-live-native .mix365-feature-body h4{
  margin:0 0 6px;
  color:#fff;
  font-size:18px;
  font-weight:800;
}

.mix365-live-native .mix365-feature-body p{
  margin:0;
  color:rgba(255,255,255,0.72);
  font-size:14px;
  line-height:1.55;
}

.mix365-live-native .mix365-feature-arrow{
  color:rgba(255,255,255,0.68);
  font-size:16px;
  flex:0 0 auto;
}

@media (max-width: 991.98px){
  .mix365-live-native .mix365-promo-copy{
    font-size:14px;
    line-height:1.68;
  }

  .mix365-live-native .mix365-feature-item{
    align-items:flex-start;
  }
}

@media (max-width: 575.98px){
  .mix365-live-native .mix365-promo-actions{
    flex-direction:column;
  }

  .mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
    width:100%;
  }

  .mix365-live-native .mix365-promo-pill{
    width:100%;
  }

  .mix365-live-native .mix365-feature-item{
    padding:14px;
    gap:12px;
  }

  .mix365-live-native .mix365-feature-icon{
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:14px;
    font-size:17px;
  }

  .mix365-live-native .mix365-feature-body h4{
    font-size:16px;
  }

  .mix365-live-native .mix365-feature-body p{
    font-size:13px;
  }
}




@media (max-width: 991.98px){
  .mix365-live-native .mix-static-map__marker{
    gap:5px;
  }

  .mix365-live-native .mix-static-map__label{
    font-size:9px !important;
    min-height:22px;
    padding:0 7px;
  }

  .mix365-live-native .mix-static-map__dot{
    width:8px;
    height:8px;
  }
}

/* keep DJ stat pills + started/live-for hidden until a real live show */
.mix365-live-native #liveMetaList.offline-hidden,
.mix365-live-native #liveDjStatsGrid.offline-hidden{
  display: none !important;
}

@media (max-width: 767.98px){
  .mix365-live-native #liveDjStatsGrid.offline-hidden{
    display: none !important;
  }
}


.mix365-live-native #eventsBandCard,
.mix365-live-native #rateUsCard{
  width: 100%;
  height: 100%;
}

.mix365-live-native #eventsBandCard .live-card-header,
.mix365-live-native #rateUsCard .live-card-header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}


.mix365-live-native .mix365-promo-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.mix365-live-native .mix365-station-card{
  background:
    radial-gradient(circle at top right, rgba(255,70,70,0.12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)),
    rgba(255,255,255,0.04);
}

.mix365-live-native .mix365-promo-copy{
  color:rgba(255,255,255,0.84);
  font-size:15px;
  line-height:1.75;
  margin-bottom:24px;
  max-width:720px;
}

.mix365-live-native .mix365-promo-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:22px;
}

.mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:0 22px;
  border-radius:999px !important;
  font-weight:800;
  font-size:15px;
  line-height:1;
  text-decoration:none !important;
  border:1px solid transparent;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
  box-shadow:0 12px 28px rgba(0,0,0,0.20);
}

.mix365-live-native .mix365-promo-btn:hover{
  transform:translateY(-2px);
}

.mix365-live-native .mix365-promo-btn-primary{
  color:#fff !important;
  background:linear-gradient(135deg, #ff3d3d, #ff6b4a) !important;
  border-color:rgba(255,107,74,0.45) !important;
  box-shadow:0 14px 34px rgba(255,75,75,0.28);
}

.mix365-live-native .mix365-promo-btn-primary:hover{
  color:#fff !important;
  box-shadow:0 18px 40px rgba(255,75,75,0.34);
}

.mix365-live-native .mix365-promo-btn-secondary{
  color:#fff !important;
  background:rgba(255,255,255,0.08) !important;
  border-color:rgba(255,255,255,0.18) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.mix365-live-native .mix365-promo-btn-secondary:hover{
  color:#fff !important;
  background:rgba(255,255,255,0.14) !important;
  border-color:rgba(255,255,255,0.26) !important;
}

.mix365-live-native .mix365-promo-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.mix365-live-native .mix365-promo-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.12);
  color:#fff;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

.mix365-live-native .mix365-feature-stack{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.mix365-live-native .mix365-feature-item{
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px 18px;
  border-radius:18px;
  text-decoration:none;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.10);
  transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.mix365-live-native .mix365-feature-item:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,0.08);
  border-color:rgba(255,255,255,0.18);
  box-shadow:0 14px 34px rgba(0,0,0,0.18);
  text-decoration:none;
}

.mix365-live-native .mix365-feature-icon{
  width:52px;
  height:52px;
  min-width:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ff4b4b;
  background:rgba(255,75,75,0.10);
  border:1px solid rgba(255,75,75,0.18);
  font-size:20px;
}

.mix365-live-native .mix365-feature-body{
  flex:1 1 auto;
  min-width:0;
}

.mix365-live-native .mix365-feature-body h4{
  margin:0 0 6px;
  color:#fff;
  font-size:18px;
  font-weight:800;
}

.mix365-live-native .mix365-feature-body p{
  margin:0;
  color:rgba(255,255,255,0.72);
  font-size:14px;
  line-height:1.55;
}

.mix365-live-native .mix365-feature-arrow{
  color:rgba(255,255,255,0.68);
  font-size:16px;
  flex:0 0 auto;
}

@media (max-width: 991.98px){
  .mix365-live-native .mix365-promo-copy{
    font-size:14px;
    line-height:1.68;
  }

  .mix365-live-native .mix365-feature-item{
    align-items:flex-start;
  }
}

@media (max-width: 575.98px){
  .mix365-live-native .mix365-promo-actions{
    flex-direction:column;
  }

  .mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
    width:100%;
  }

  .mix365-live-native .mix365-promo-pill{
    width:100%;
  }

  .mix365-live-native .mix365-feature-item{
    padding:14px;
    gap:12px;
  }

  .mix365-live-native .mix365-feature-icon{
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:14px;
    font-size:17px;
  }

  .mix365-live-native .mix365-feature-body h4{
    font-size:16px;
  }

  .mix365-live-native .mix365-feature-body p{
    font-size:13px;
  }
}




  .mix365-live-native .live-dj-stats-grid{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:8px !important;
    margin-top:12px !important;
  }

  .mix365-live-native .live-stat-chip{
    min-height:44px !important;
    padding:8px 10px !important;
    gap:6px !important;
    border-radius:999px !important;
  }

  .mix365-live-native .live-stat-chip i,
.mix365-live-native .live-stat-chip .far,
.mix365-live-native .live-stat-chip i.far{
    font-size:13px !important;
  }

  .mix365-live-native .live-stat-chip > div{
    gap:1px !important;
  }

  .mix365-live-native .live-stat-chip strong{
    font-size:14px !important;
    line-height:1 !important;
  }

  .mix365-live-native .live-stat-chip span{
    font-size:10px !important;
    line-height:1 !important;
    letter-spacing:0 !important;
  }

  .mix365-live-native .live-genres-wrap{
    margin-top:14px !important;
    padding-top:0 !important;
    text-align:center !important;
  }

  .mix365-live-native .live-genres-label{
    display:block !important;
    margin-bottom:8px !important;
    text-transform:uppercase !important;
    letter-spacing:.08em !important;
  }

  .mix365-live-native .live-genres-list{
    justify-content:center !important;
    gap:8px !important;
    flex-wrap:wrap !important;
    overflow:visible !important;
  }

  .mix365-live-native .live-genre-pill{
    min-height:32px !important;
    padding:6px 12px !important;
    font-size:12px !important;
  }

  .mix365-live-native .live-dj-socials-wrap{
    margin-top:18px !important;
    padding-top:16px !important;
    border-top:1px solid rgba(255,255,255,0.08) !important;
    text-align:center !important;
  }

  .mix365-live-native .live-support-label{
    display:block;
    color:#fff;
    font-size:13px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
    margin-bottom:6px;
  }

  .mix365-live-native .live-support-subtitle{
    display:block;
    color:rgba(255,255,255,0.62);
    font-size:11px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    margin-bottom:12px;
  }

  .mix365-live-native .live-dj-socials-list{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    gap:8px !important;
  }

  .mix365-live-native .live-dj-social-link{
    width:38px !important;
    height:38px !important;
  }

  .mix365-live-native .live-dj-social-link i{
    font-size:15px !important;
  }

  @media (max-width: 1199.98px){
    .mix365-live-native .live-dj-stats-grid{
      grid-template-columns:repeat(5,minmax(0,1fr)) !important;
      gap:7px !important;
    }

    .mix365-live-native .live-stat-chip{
      min-height:42px !important;
      padding:8px 8px !important;
      gap:5px !important;
    }

    .mix365-live-native .live-stat-chip strong{
      font-size:13px !important;
    }

    .mix365-live-native .live-stat-chip span{
      font-size:9px !important;
    }
  }

  @media (max-width: 991.98px){
    .mix365-live-native .live-dj-stats-grid{
      grid-template-columns:repeat(2,minmax(0,1fr)) !important;
      gap:10px !important;
    }

    .mix365-live-native .live-stat-chip{
      min-height:48px !important;
      padding:10px 10px !important;
      gap:8px !important;
    }

    .mix365-live-native .live-stat-chip strong{
      font-size:15px !important;
    }

    .mix365-live-native .live-stat-chip span{
      font-size:11px !important;
    }

    .mix365-live-native .live-dj-socials-wrap{
      margin-top:16px !important;
      padding-top:14px !important;
    }

    .mix365-live-native .live-dj-social-link{
      width:40px !important;
      height:40px !important;
    }
  }


.mix365-live-native #eventsBandCard,
.mix365-live-native #rateUsCard{
  width: 100%;
  height: 100%;
}

.mix365-live-native #eventsBandCard .live-card-header,
.mix365-live-native #rateUsCard .live-card-header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}


.mix365-live-native .mix365-promo-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.mix365-live-native .mix365-station-card{
  background:
    radial-gradient(circle at top right, rgba(255,70,70,0.12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)),
    rgba(255,255,255,0.04);
}

.mix365-live-native .mix365-promo-copy{
  color:rgba(255,255,255,0.84);
  font-size:15px;
  line-height:1.75;
  margin-bottom:24px;
  max-width:720px;
}

.mix365-live-native .mix365-promo-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:22px;
}

.mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:0 22px;
  border-radius:999px !important;
  font-weight:800;
  font-size:15px;
  line-height:1;
  text-decoration:none !important;
  border:1px solid transparent;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
  box-shadow:0 12px 28px rgba(0,0,0,0.20);
}

.mix365-live-native .mix365-promo-btn:hover{
  transform:translateY(-2px);
}

.mix365-live-native .mix365-promo-btn-primary{
  color:#fff !important;
  background:linear-gradient(135deg, #ff3d3d, #ff6b4a) !important;
  border-color:rgba(255,107,74,0.45) !important;
  box-shadow:0 14px 34px rgba(255,75,75,0.28);
}

.mix365-live-native .mix365-promo-btn-primary:hover{
  color:#fff !important;
  box-shadow:0 18px 40px rgba(255,75,75,0.34);
}

.mix365-live-native .mix365-promo-btn-secondary{
  color:#fff !important;
  background:rgba(255,255,255,0.08) !important;
  border-color:rgba(255,255,255,0.18) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.mix365-live-native .mix365-promo-btn-secondary:hover{
  color:#fff !important;
  background:rgba(255,255,255,0.14) !important;
  border-color:rgba(255,255,255,0.26) !important;
}

.mix365-live-native .mix365-promo-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.mix365-live-native .mix365-promo-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.12);
  color:#fff;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

.mix365-live-native .mix365-feature-stack{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.mix365-live-native .mix365-feature-item{
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px 18px;
  border-radius:18px;
  text-decoration:none;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.10);
  transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.mix365-live-native .mix365-feature-item:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,0.08);
  border-color:rgba(255,255,255,0.18);
  box-shadow:0 14px 34px rgba(0,0,0,0.18);
  text-decoration:none;
}

.mix365-live-native .mix365-feature-icon{
  width:52px;
  height:52px;
  min-width:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ff4b4b;
  background:rgba(255,75,75,0.10);
  border:1px solid rgba(255,75,75,0.18);
  font-size:20px;
}

.mix365-live-native .mix365-feature-body{
  flex:1 1 auto;
  min-width:0;
}

.mix365-live-native .mix365-feature-body h4{
  margin:0 0 6px;
  color:#fff;
  font-size:18px;
  font-weight:800;
}

.mix365-live-native .mix365-feature-body p{
  margin:0;
  color:rgba(255,255,255,0.72);
  font-size:14px;
  line-height:1.55;
}

.mix365-live-native .mix365-feature-arrow{
  color:rgba(255,255,255,0.68);
  font-size:16px;
  flex:0 0 auto;
}

@media (max-width: 991.98px){
  .mix365-live-native .mix365-promo-copy{
    font-size:14px;
    line-height:1.68;
  }

  .mix365-live-native .mix365-feature-item{
    align-items:flex-start;
  }
}

@media (max-width: 575.98px){
  .mix365-live-native .mix365-promo-actions{
    flex-direction:column;
  }

  .mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
    width:100%;
  }

  .mix365-live-native .mix365-promo-pill{
    width:100%;
  }

  .mix365-live-native .mix365-feature-item{
    padding:14px;
    gap:12px;
  }

  .mix365-live-native .mix365-feature-icon{
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:14px;
    font-size:17px;
  }

  .mix365-live-native .mix365-feature-body h4{
    font-size:16px;
  }

  .mix365-live-native .mix365-feature-body p{
    font-size:13px;
  }
}




  .mix365-live-native #liveDjStatsGrid{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 12px !important;
  }

  .mix365-live-native #liveDjStatsGrid .live-stat-chip{
    min-height: 42px !important;
    padding: 6px 8px !important;
    border-radius: 999px !important;
    gap: 6px !important;
    box-shadow: 0 8px 18px rgba(0,0,0,0.12) !important;
  }

  .mix365-live-native #liveDjStatsGrid .live-stat-chip > div{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
  }

  .mix365-live-native #liveDjStatsGrid .live-stat-chip span{
    display: none !important;
  }

  .mix365-live-native #liveDjStatsGrid .live-stat-chip strong{
    font-size: 15px !important;
    line-height: 1 !important;
  }

  .mix365-live-native #liveDjStatsGrid .live-stat-chip i{
    font-size: 13px !important;
    margin-right: 0 !important;
  }

  .mix365-live-native .live-actions-grid{
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }

  .mix365-live-native .live-genres-wrap{
    margin-top: 6px !important;
  }

  @media (max-width: 991.98px){
    .mix365-live-native #liveDjStatsGrid{
      grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
      gap: 7px !important;
    }

    .mix365-live-native #liveDjStatsGrid .live-stat-chip{
      min-height: 40px !important;
      padding: 5px 6px !important;
      gap: 5px !important;
    }

    .mix365-live-native #liveDjStatsGrid .live-stat-chip strong{
      font-size: 14px !important;
    }

    .mix365-live-native #liveDjStatsGrid .live-stat-chip i{
      font-size: 12px !important;
    }
  }

  @media (max-width: 575.98px){
    .mix365-live-native #liveDjStatsGrid{
      gap: 5px !important;
    }

    .mix365-live-native #liveDjStatsGrid .live-stat-chip{
      min-height: 36px !important;
      padding: 4px !important;
      gap: 4px !important;
    }

    .mix365-live-native #liveDjStatsGrid .live-stat-chip strong{
      font-size: 13px !important;
    }

    .mix365-live-native #liveDjStatsGrid .live-stat-chip i{
      font-size: 11px !important;
    }

    .mix365-live-native .live-actions-grid{
      grid-template-columns: 1fr !important;
    }
  }


.mix365-live-native #eventsBandCard,
.mix365-live-native #rateUsCard{
  width: 100%;
  height: 100%;
}

.mix365-live-native #eventsBandCard .live-card-header,
.mix365-live-native #rateUsCard .live-card-header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}


.mix365-live-native .mix365-promo-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.mix365-live-native .mix365-station-card{
  background:
    radial-gradient(circle at top right, rgba(255,70,70,0.12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)),
    rgba(255,255,255,0.04);
}

.mix365-live-native .mix365-promo-copy{
  color:rgba(255,255,255,0.84);
  font-size:15px;
  line-height:1.75;
  margin-bottom:24px;
  max-width:720px;
}

.mix365-live-native .mix365-promo-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:22px;
}

.mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:0 22px;
  border-radius:999px !important;
  font-weight:800;
  font-size:15px;
  line-height:1;
  text-decoration:none !important;
  border:1px solid transparent;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
  box-shadow:0 12px 28px rgba(0,0,0,0.20);
}

.mix365-live-native .mix365-promo-btn:hover{
  transform:translateY(-2px);
}

.mix365-live-native .mix365-promo-btn-primary{
  color:#fff !important;
  background:linear-gradient(135deg, #ff3d3d, #ff6b4a) !important;
  border-color:rgba(255,107,74,0.45) !important;
  box-shadow:0 14px 34px rgba(255,75,75,0.28);
}

.mix365-live-native .mix365-promo-btn-primary:hover{
  color:#fff !important;
  box-shadow:0 18px 40px rgba(255,75,75,0.34);
}

.mix365-live-native .mix365-promo-btn-secondary{
  color:#fff !important;
  background:rgba(255,255,255,0.08) !important;
  border-color:rgba(255,255,255,0.18) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.mix365-live-native .mix365-promo-btn-secondary:hover{
  color:#fff !important;
  background:rgba(255,255,255,0.14) !important;
  border-color:rgba(255,255,255,0.26) !important;
}

.mix365-live-native .mix365-promo-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.mix365-live-native .mix365-promo-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.12);
  color:#fff;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

.mix365-live-native .mix365-feature-stack{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.mix365-live-native .mix365-feature-item{
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px 18px;
  border-radius:18px;
  text-decoration:none;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.10);
  transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.mix365-live-native .mix365-feature-item:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,0.08);
  border-color:rgba(255,255,255,0.18);
  box-shadow:0 14px 34px rgba(0,0,0,0.18);
  text-decoration:none;
}

.mix365-live-native .mix365-feature-icon{
  width:52px;
  height:52px;
  min-width:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ff4b4b;
  background:rgba(255,75,75,0.10);
  border:1px solid rgba(255,75,75,0.18);
  font-size:20px;
}

.mix365-live-native .mix365-feature-body{
  flex:1 1 auto;
  min-width:0;
}

.mix365-live-native .mix365-feature-body h4{
  margin:0 0 6px;
  color:#fff;
  font-size:18px;
  font-weight:800;
}

.mix365-live-native .mix365-feature-body p{
  margin:0;
  color:rgba(255,255,255,0.72);
  font-size:14px;
  line-height:1.55;
}

.mix365-live-native .mix365-feature-arrow{
  color:rgba(255,255,255,0.68);
  font-size:16px;
  flex:0 0 auto;
}

@media (max-width: 991.98px){
  .mix365-live-native .mix365-promo-copy{
    font-size:14px;
    line-height:1.68;
  }

  .mix365-live-native .mix365-feature-item{
    align-items:flex-start;
  }
}

@media (max-width: 575.98px){
  .mix365-live-native .mix365-promo-actions{
    flex-direction:column;
  }

  .mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
    width:100%;
  }

  .mix365-live-native .mix365-promo-pill{
    width:100%;
  }

  .mix365-live-native .mix365-feature-item{
    padding:14px;
    gap:12px;
  }

  .mix365-live-native .mix365-feature-icon{
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:14px;
    font-size:17px;
  }

  .mix365-live-native .mix365-feature-body h4{
    font-size:16px;
  }

  .mix365-live-native .mix365-feature-body p{
    font-size:13px;
  }
}




  .mix365-live-native .live-mini-section{
    margin-top:16px !important;
    padding:16px 16px 14px !important;
    border-radius:20px !important;
    border:1px solid rgba(255,255,255,0.08) !important;
    background:linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.025)) !important;
    box-shadow:0 12px 28px rgba(0,0,0,0.16) !important;
    text-align:center !important;
  }

  .mix365-live-native .live-mini-section-head{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    margin-bottom:12px !important;
  }

  .mix365-live-native .live-genres-wrap,
.mix365-live-native .live-dj-socials-wrap{
    border-top:none !important;
  }

  .mix365-live-native .live-genres-label,
.mix365-live-native .live-support-label{
    display:block !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:800 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
    margin:0 !important;
  }

  .mix365-live-native .live-mini-section-subtitle,
.mix365-live-native .live-support-subtitle{
    display:block !important;
    color:rgba(255,255,255,0.62) !important;
    font-size:11px !important;
    font-weight:700 !important;
    letter-spacing:.06em !important;
    text-transform:none !important;
    margin:0 !important;
  }

  .mix365-live-native #liveDjStatsGrid{
    gap:10px !important;
  }

  .mix365-live-native #liveDjStatsGrid .live-stat-chip{
    min-height:44px !important;
    padding:8px 12px !important;
    border-radius:999px !important;
    gap:8px !important;
  }

  .mix365-live-native #liveDjStatsGrid .live-stat-chip > div{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .mix365-live-native #liveDjStatsGrid .live-stat-chip span{
    display:none !important;
  }

  .mix365-live-native #liveDjStatsGrid .live-stat-chip strong{
    font-size:19px !important;
    line-height:1 !important;
    margin:0 !important;
  }

  .mix365-live-native #liveDjStatsGrid .live-stat-chip i{
    font-size:14px !important;
    margin:0 !important;
  }

  .mix365-live-native .live-genres-list{
    gap:8px !important;
  }

  .mix365-live-native .live-genre-pill{
    min-height:30px !important;
    padding:6px 12px !important;
    font-size:12px !important;
    font-weight:700 !important;
  }

  .mix365-live-native .live-dj-socials-list{
    gap:10px !important;
  }

  .mix365-live-native .live-dj-social-link{
    width:44px !important;
    height:44px !important;
    border-radius:14px !important;
    border:1px solid rgba(255,255,255,0.14) !important;
    background:rgba(255,255,255,0.07) !important;
    box-shadow:0 12px 24px rgba(0,0,0,0.18) !important;
  }

  .mix365-live-native .live-dj-social-link i,
.mix365-live-native .live-dj-social-text{
    font-size:18px !important;
    line-height:1 !important;
    font-weight:800 !important;
  }

  .mix365-live-native .live-dj-social-text{
    font-size:14px !important;
    letter-spacing:.08em !important;
  }

  .mix365-live-native .live-dj-social-link[data-platform="facebook"]{ background:rgba(24,119,242,0.18) !important; border-color:rgba(24,119,242,0.34) !important; }
  .mix365-live-native .live-dj-social-link[data-platform="facebook"] i{ color:#8fc1ff !important; }

  .mix365-live-native .live-dj-social-link[data-platform="instagram"]{ background:linear-gradient(135deg, rgba(131,58,180,0.22), rgba(253,29,29,0.16), rgba(252,176,69,0.18)) !important; border-color:rgba(255,144,180,0.30) !important; }
  .mix365-live-native .live-dj-social-link[data-platform="instagram"] i{ color:#ffd5e6 !important; }

  .mix365-live-native .live-dj-social-link[data-platform="hearthisat"]{ background:rgba(0,214,201,0.16) !important; border-color:rgba(0,214,201,0.30) !important; }
  .mix365-live-native .live-dj-social-link[data-platform="hearthisat"] .live-dj-social-text{ color:#8bfff8 !important; }

  .mix365-live-native .live-dj-social-link[data-platform="mixcloud"]{ background:rgba(255,136,0,0.18) !important; border-color:rgba(255,136,0,0.34) !important; }
  .mix365-live-native .live-dj-social-link[data-platform="mixcloud"] i{ color:#ffd39f !important; }

  .mix365-live-native .live-dj-social-link[data-platform="soundcloud"]{ background:rgba(255,98,0,0.18) !important; border-color:rgba(255,98,0,0.34) !important; }
  .mix365-live-native .live-dj-social-link[data-platform="soundcloud"] i{ color:#ffd2bd !important; }

  .mix365-live-native .live-dj-social-link[data-platform="twitch"]{ background:rgba(145,70,255,0.18) !important; border-color:rgba(145,70,255,0.34) !important; }
  .mix365-live-native .live-dj-social-link[data-platform="twitch"] i{ color:#d9c5ff !important; }

  .mix365-live-native .live-dj-social-link[data-platform="youtube"]{ background:rgba(255,0,0,0.18) !important; border-color:rgba(255,0,0,0.34) !important; }
  .mix365-live-native .live-dj-social-link[data-platform="youtube"] i{ color:#ffd0d0 !important; }

  .mix365-live-native .live-dj-social-link[data-platform="coffee"]{ background:rgba(255,221,87,0.18) !important; border-color:rgba(255,221,87,0.34) !important; }
  .mix365-live-native .live-dj-social-link[data-platform="coffee"] i{ color:#ffe889 !important; }

  .mix365-live-native .live-dj-social-link:hover,
.mix365-live-native .live-dj-social-link:focus{
    transform:translateY(-2px) !important;
    filter:brightness(1.06) !important;
  }

  @media (max-width: 767.98px){
    .mix365-live-native .live-mini-section{
      padding:14px 12px 12px !important;
      border-radius:18px !important;
    }

    .mix365-live-native #liveDjStatsGrid{
      grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
      gap:8px !important;
    }

    .mix365-live-native #liveDjStatsGrid .live-stat-chip{
      min-height:40px !important;
      padding:7px 8px !important;
      gap:6px !important;
    }

    .mix365-live-native #liveDjStatsGrid .live-stat-chip strong{
      font-size:16px !important;
    }

    .mix365-live-native #liveDjStatsGrid .live-stat-chip i{
      font-size:12px !important;
    }

    .mix365-live-native .live-dj-social-link{
      width:40px !important;
      height:40px !important;
      border-radius:12px !important;
    }
  }


.mix365-live-native #eventsBandCard,
.mix365-live-native #rateUsCard{
  width: 100%;
  height: 100%;
}

.mix365-live-native #eventsBandCard .live-card-header,
.mix365-live-native #rateUsCard .live-card-header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}


.mix365-live-native .mix365-promo-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.mix365-live-native .mix365-station-card{
  background:
    radial-gradient(circle at top right, rgba(255,70,70,0.12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)),
    rgba(255,255,255,0.04);
}

.mix365-live-native .mix365-promo-copy{
  color:rgba(255,255,255,0.84);
  font-size:15px;
  line-height:1.75;
  margin-bottom:24px;
  max-width:720px;
}

.mix365-live-native .mix365-promo-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:22px;
}

.mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:0 22px;
  border-radius:999px !important;
  font-weight:800;
  font-size:15px;
  line-height:1;
  text-decoration:none !important;
  border:1px solid transparent;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
  box-shadow:0 12px 28px rgba(0,0,0,0.20);
}

.mix365-live-native .mix365-promo-btn:hover{
  transform:translateY(-2px);
}

.mix365-live-native .mix365-promo-btn-primary{
  color:#fff !important;
  background:linear-gradient(135deg, #ff3d3d, #ff6b4a) !important;
  border-color:rgba(255,107,74,0.45) !important;
  box-shadow:0 14px 34px rgba(255,75,75,0.28);
}

.mix365-live-native .mix365-promo-btn-primary:hover{
  color:#fff !important;
  box-shadow:0 18px 40px rgba(255,75,75,0.34);
}

.mix365-live-native .mix365-promo-btn-secondary{
  color:#fff !important;
  background:rgba(255,255,255,0.08) !important;
  border-color:rgba(255,255,255,0.18) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.mix365-live-native .mix365-promo-btn-secondary:hover{
  color:#fff !important;
  background:rgba(255,255,255,0.14) !important;
  border-color:rgba(255,255,255,0.26) !important;
}

.mix365-live-native .mix365-promo-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.mix365-live-native .mix365-promo-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.12);
  color:#fff;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

.mix365-live-native .mix365-feature-stack{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.mix365-live-native .mix365-feature-item{
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px 18px;
  border-radius:18px;
  text-decoration:none;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.10);
  transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.mix365-live-native .mix365-feature-item:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,0.08);
  border-color:rgba(255,255,255,0.18);
  box-shadow:0 14px 34px rgba(0,0,0,0.18);
  text-decoration:none;
}

.mix365-live-native .mix365-feature-icon{
  width:52px;
  height:52px;
  min-width:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ff4b4b;
  background:rgba(255,75,75,0.10);
  border:1px solid rgba(255,75,75,0.18);
  font-size:20px;
}

.mix365-live-native .mix365-feature-body{
  flex:1 1 auto;
  min-width:0;
}

.mix365-live-native .mix365-feature-body h4{
  margin:0 0 6px;
  color:#fff;
  font-size:18px;
  font-weight:800;
}

.mix365-live-native .mix365-feature-body p{
  margin:0;
  color:rgba(255,255,255,0.72);
  font-size:14px;
  line-height:1.55;
}

.mix365-live-native .mix365-feature-arrow{
  color:rgba(255,255,255,0.68);
  font-size:16px;
  flex:0 0 auto;
}

@media (max-width: 991.98px){
  .mix365-live-native .mix365-promo-copy{
    font-size:14px;
    line-height:1.68;
  }

  .mix365-live-native .mix365-feature-item{
    align-items:flex-start;
  }
}

@media (max-width: 575.98px){
  .mix365-live-native .mix365-promo-actions{
    flex-direction:column;
  }

  .mix365-live-native .mix365-promo-actions .cmn-btn,
.mix365-live-native .mix365-promo-btn{
    width:100%;
  }

  .mix365-live-native .mix365-promo-pill{
    width:100%;
  }

  .mix365-live-native .mix365-feature-item{
    padding:14px;
    gap:12px;
  }

  .mix365-live-native .mix365-feature-icon{
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:14px;
    font-size:17px;
  }

  .mix365-live-native .mix365-feature-body h4{
    font-size:16px;
  }

  .mix365-live-native .mix365-feature-body p{
    font-size:13px;
  }
}




  .mix365-live-native #livePlayerMount{
    position:relative;
  }

  .mix365-live-native .mix365-ai-announce-overlay{
    position:absolute;
    left:18px;
    right:18px;
    bottom:18px;
    z-index:80;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:16px 18px;
    border-radius:22px;
    color:#fff;
    background:linear-gradient(135deg, rgba(255,61,61,.94), rgba(255,107,74,.90));
    border:1px solid rgba(255,255,255,.22);
    box-shadow:0 24px 70px rgba(0,0,0,.42);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    transform:translateY(16px);
    opacity:0;
    pointer-events:none;
    transition:opacity .24s ease, transform .24s ease;
  }

  .mix365-live-native .mix365-ai-announce-overlay.is-visible{
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
  }

  .mix365-live-native .mix365-ai-announce-main{
    min-width:0;
  }

  .mix365-live-native .mix365-ai-announce-kicker{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:4px;
    font-size:11px;
    font-weight:900;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:rgba(255,255,255,.82);
  }

  .mix365-live-native .mix365-ai-announce-title{
    margin:0;
    color:#fff;
    font-size:clamp(18px, 2.5vw, 28px);
    line-height:1.08;
    font-weight:900;
  }

  .mix365-live-native .mix365-ai-announce-meta{
    margin:5px 0 0;
    color:rgba(255,255,255,.88);
    font-size:13px;
    line-height:1.35;
    font-weight:700;
  }

  .mix365-live-native .mix365-ai-announce-tap{
    display:none;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    padding:0 16px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.34);
    color:#fff;
    background:rgba(0,0,0,.22);
    font-weight:900;
    white-space:nowrap;
  }

  .mix365-live-native .mix365-ai-announce-overlay.needs-tap .mix365-ai-announce-tap{
    display:inline-flex;
  }



  .mix365-live-native .mix365-ai-announce-trigger{
    cursor:pointer !important;
    background:linear-gradient(135deg, rgba(255,61,61,.18), rgba(255,139,74,.10)) !important;
    border-color:rgba(255,107,74,.34) !important;
    color:#fff !important;
    font-weight:900 !important;
  }

  .mix365-live-native .mix365-ai-announce-trigger:hover,
.mix365-live-native .mix365-ai-announce-trigger:focus{
    background:linear-gradient(135deg, rgba(255,61,61,.26), rgba(255,139,74,.16)) !important;
    border-color:rgba(255,139,74,.52) !important;
    color:#fff !important;
    transform:translateY(-1px);
  }

  .mix365-live-native .mix365-ai-announce-trigger:disabled{
    opacity:.72;
    cursor:not-allowed !important;
    transform:none !important;
  }

  .mix365-live-native .mix365-ai-announce-trigger.is-working i{
    animation:mix365AnnounceSpin 1s linear infinite;
  }

  @keyframes mix365AnnounceSpin{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
  }

  @media (min-width: 992px){
    .mix365-live-native .live-below-video-row.has-ai-announce{
      grid-template-columns:repeat(6, minmax(0, 1fr)) !important;
      width:min(100%, 1280px) !important;
      max-width:1280px !important;
    }

    .mix365-live-native .live-below-video-row.has-ai-announce > #liveAnnounceNextBtn{
      display:inline-flex !important;
      min-width:0 !important;
      width:100% !important;
    }
  }

  @media (max-width: 991.98px){
    .mix365-live-native #mobileVideoActions .mix365-ai-announce-trigger{
      display:none !important;
    }

    .mix365-live-native #mobileVideoActions .mix365-ai-announce-trigger.is-visible{
      display:inline-flex !important;
    }
  }

  @media (max-width: 767.98px){
    .mix365-live-native .mix365-ai-announce-overlay{
      left:10px;
      right:10px;
      bottom:10px;
      align-items:flex-start;
      flex-direction:column;
      padding:14px;
      border-radius:18px;
    }

    .mix365-live-native .mix365-ai-announce-title{
      font-size:20px;
    }

    .mix365-live-native .mix365-ai-announce-tap{
      width:100%;
    }
  }



  .mix365-live-native .mix365-social-section-card,
.mix365-live-native .mix365-newsletter-section-card{
    text-align:center;
    overflow:hidden;
  }

  .mix365-live-native .mix365-social-section-card .live-card-header,
.mix365-live-native .mix365-newsletter-section-card .live-card-header{
    justify-content:center;
    text-align:center;
    margin-bottom:14px;
  }

  .mix365-live-native .mix365-social-section-copy,
.mix365-live-native .mix365-newsletter-copy{
    max-width:760px;
    margin:0 auto 24px;
    color:rgba(255,255,255,0.78);
    font-size:16px;
    line-height:1.65;
  }

  .mix365-live-native .mix365-station-social-links{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:18px;
  }

  .mix365-live-native .mix365-station-social-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:82px;
    height:82px;
    min-width:82px;
    min-height:82px;
    padding:0;
    border-radius:50%;
    background:rgba(255,255,255,0.07);
    border:1px solid rgba(255,255,255,0.12);
    color:#fff;
    text-decoration:none;
    box-shadow:0 14px 32px rgba(0,0,0,0.22);
    transition:transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
  }

  .mix365-live-native .mix365-station-social-link:hover,
.mix365-live-native .mix365-station-social-link:focus{
    color:#fff;
    transform:translateY(-2px) scale(1.04);
    background:rgba(255,255,255,0.12);
    border-color:rgba(255,255,255,0.22);
    box-shadow:0 18px 38px rgba(0,0,0,0.28);
  }

  .mix365-live-native .mix365-station-social-icon-img{
    width:48px;
    height:48px;
    object-fit:contain;
    display:block;
    filter:none !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
  }

  .mix365-live-native .mix365-station-social-fallback-icon{
    display:none;
    font-size:42px;
    line-height:1;
    color:currentColor;
  }

  .mix365-live-native .mix365-station-social-link.mix365-social-facebook{ color:#1877F2; }
  .mix365-live-native .mix365-station-social-link.mix365-social-instagram{ color:#E4405F; }
  .mix365-live-native .mix365-station-social-link.mix365-social-twitch{ color:#9146FF; }
  .mix365-live-native .mix365-station-social-link.mix365-social-discord{ color:#5865F2; }

  .mix365-live-native .mix365-station-social-link.mix365-social-instagram .mix365-station-social-fallback-icon{
    background:linear-gradient(45deg, #F58529 0%, #DD2A7B 50%, #8134AF 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }

  .mix365-live-native .mix365-station-social-label{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
  }

  .mix365-live-native .mix365-newsletter-form{
    width:min(100%, 720px);
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
  }

  .mix365-live-native .mix365-newsletter-form .form-control{
    min-height:56px;
    border-radius:999px;
    padding:0 22px;
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.14);
    color:#fff;
    box-shadow:none;
  }

  .mix365-live-native .mix365-newsletter-form .form-control::placeholder{
    color:rgba(255,255,255,0.58);
  }

  .mix365-live-native .mix365-newsletter-form .form-control:focus{
    background:rgba(255,255,255,0.10);
    border-color:rgba(255,255,255,0.28);
    color:#fff;
    box-shadow:0 0 0 0.18rem rgba(255,255,255,0.08);
  }

  .mix365-live-native .mix365-newsletter-form .btn{
    min-height:56px;
    border-radius:999px;
    padding:0 28px;
    flex:0 0 auto;
  }

  .mix365-live-native #newsletterMessage{
    min-height:24px;
  }

  @media (max-width:575.98px){
    .mix365-live-native .mix365-station-social-links{
      gap:14px;
    }

    .mix365-live-native .mix365-station-social-link{
      width:74px;
      height:74px;
      min-width:74px;
      min-height:74px;
    }

    .mix365-live-native .mix365-station-social-icon-img{
      width:42px;
      height:42px;
    }

    .mix365-live-native .mix365-station-social-fallback-icon{
      font-size:38px;
    }

    .mix365-live-native .mix365-newsletter-form{
      flex-direction:column;
      gap:12px;
    }

    .mix365-live-native .mix365-newsletter-form .form-control,
.mix365-live-native .mix365-newsletter-form .btn{
      width:100%;
    }
  }



  /* MERGED: smaller live bullets + admin CDN overlay */
  @media (min-width: 992px){
    .mix365-live-native #liveBelowVideoRow.live-below-video-row,
.mix365-live-native #liveBelowVideoRow.live-below-video-row.has-ai-announce,
.mix365-live-native #liveBelowVideoRow.live-below-video-row.has-live-admin{
      display:flex !important;
      flex-direction:row !important;
      flex-wrap:wrap !important;
      align-items:center !important;
      justify-content:center !important;
      gap:10px !important;
      width:100% !important;
      max-width:1280px !important;
      margin:12px auto 0 !important;
      padding:0 8px !important;
      box-sizing:border-box !important;
      grid-template-columns:none !important;
    }

    .mix365-live-native #liveBelowVideoRow.live-below-video-row > .live-stat-pill,
.mix365-live-native #liveBelowVideoRow.live-below-video-row > button.live-stat-pill,
.mix365-live-native #liveBelowVideoRow.live-below-video-row > #liveLikeBtn,
.mix365-live-native #liveBelowVideoRow.live-below-video-row > #liveAnnounceNextBtn,
.mix365-live-native #liveBelowVideoRow.live-below-video-row > #liveAdminBtn{
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      gap:7px !important;
      flex:0 1 auto !important;
      width:auto !important;
      min-width:136px !important;
      max-width:none !important;
      min-height:44px !important;
      padding:8px 14px !important;
      margin:0 !important;
      border-radius:999px !important;
      font-size:13px !important;
      font-weight:800 !important;
      line-height:1 !important;
      white-space:nowrap !important;
      box-sizing:border-box !important;
    }

    .mix365-live-native #liveBelowVideoRow.live-below-video-row > #liveLikeBtn{
      min-width:126px !important;
    }

    .mix365-live-native #liveBelowVideoRow.live-below-video-row > .live-stat-pill i,
.mix365-live-native #liveBelowVideoRow.live-below-video-row > button.live-stat-pill i{
      font-size:13px !important;
      margin:0 !important;
    }

    .mix365-live-native #liveBelowVideoRow.live-below-video-row > .live-stat-pill span,
.mix365-live-native #liveBelowVideoRow.live-below-video-row > button.live-stat-pill span{
      font-size:13px !important;
      line-height:1 !important;
    }
  }

  @media (max-width: 991.98px){
    .mix365-live-native #mobileVideoActions{
      flex-wrap:wrap !important;
      gap:8px !important;
    }

    .mix365-live-native #mobileVideoActions > .live-stat-pill,
.mix365-live-native #mobileVideoActions > button.live-stat-pill{
      min-height:42px !important;
      padding:8px 12px !important;
      font-size:12px !important;
      gap:7px !important;
      width:auto !important;
      min-width:120px !important;
      max-width:none !important;
      flex:0 1 auto !important;
    }

    .mix365-live-native #mobileVideoActions > .live-stat-pill i,
.mix365-live-native #mobileVideoActions > button.live-stat-pill i{
      font-size:12px !important;
    }
  }

  .mix365-live-native .mix365-live-admin-trigger{
    cursor:pointer !important;
    background:linear-gradient(135deg, rgba(102,252,241,.16), rgba(70,170,255,.10)) !important;
    border-color:rgba(102,252,241,.30) !important;
    color:#fff !important;
    font-weight:900 !important;
  }

  .mix365-live-native .mix365-live-admin-trigger:hover,
.mix365-live-native .mix365-live-admin-trigger:focus{
    background:linear-gradient(135deg, rgba(102,252,241,.24), rgba(70,170,255,.16)) !important;
    border-color:rgba(102,252,241,.48) !important;
    color:#fff !important;
    transform:translateY(-1px);
  }

  .mix365-live-native .mix365-live-admin-overlay{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    min-height:100%;
    z-index:300;
    display:none;
    align-items:stretch;
    justify-content:stretch;
    padding:0;
    background:rgba(5,8,14,.86);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    box-sizing:border-box;
    border-radius:22px;
    overflow:hidden;
  }

  .mix365-live-native .mix365-live-admin-overlay.is-open{
    display:flex !important;
  }

  .mix365-live-native .mix365-live-admin-panel{
    position:relative;
    width:100%;
    height:100%;
    max-height:100%;
    overflow:auto;
    color:#fff;
    background:rgba(18,24,36,.96);
    border:1px solid rgba(255,255,255,.14);
    border-radius:22px;
    padding:18px;
    box-shadow:0 24px 80px rgba(0,0,0,.46);
  }

  .mix365-live-native .mix365-live-admin-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:16px;
  }

  .mix365-live-native .mix365-live-admin-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:6px;
    color:#66FCF1;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
  }

  .mix365-live-native .mix365-live-admin-title{
    margin:0;
    color:#fff;
    font-size:24px;
    line-height:1.1;
    font-weight:900;
  }

  .mix365-live-native .mix365-live-admin-close,
.mix365-live-native .mix365-live-admin-refresh{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:38px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.14);
    background:rgba(255,255,255,.07);
    color:#fff;
    font-weight:800;
  }

  .mix365-live-native .mix365-live-admin-close{
    width:38px;
    padding:0;
    flex:0 0 38px;
  }

  .mix365-live-native .mix365-live-admin-refresh{
    padding:0 10px;
    margin-top:10px;
    min-height:30px;
    gap:5px;
    font-size:12px;
  }

  .mix365-live-native .mix365-live-admin-refresh i{
    font-size:11px;
  }

  .mix365-live-native .mix365-live-admin-close:hover,
.mix365-live-native .mix365-live-admin-refresh:hover,
.mix365-live-native .mix365-live-admin-close:focus,
.mix365-live-native .mix365-live-admin-refresh:focus{
    color:#fff;
    border-color:rgba(102,252,241,.34);
    background:rgba(102,252,241,.10);
  }

  .mix365-live-native .mix365-live-admin-section{
    margin-top:12px;
    padding:14px;
    border-radius:18px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.10);
  }

  .mix365-live-native .mix365-live-admin-section-title{
    display:flex;
    align-items:center;
    gap:9px;
    margin:0 0 12px;
    color:#fff;
    font-size:16px;
    font-weight:900;
  }

  .mix365-live-native .mix365-live-admin-cdn-control{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:14px;
    padding:12px;
    border-radius:16px;
    background:rgba(0,0,0,.14);
    border:1px solid rgba(102,252,241,.14);
  }

  .mix365-live-native .mix365-live-admin-cdn-control .mix365-cdn-switch{
    flex:0 0 auto;
  }

  .mix365-live-native .mix365-live-admin-cdn-note{
    flex:1 1 260px;
    margin:0;
    color:rgba(255,255,255,.70);
    font-size:12px;
    line-height:1.45;
    font-weight:700;
  }

  .mix365-live-native .mix365-cdn-stats-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
  }

  .mix365-live-native .mix365-cdn-stat-card{
    min-width:0;
    padding:12px;
    border-radius:15px;
    background:rgba(0,0,0,.18);
    border:1px solid rgba(255,255,255,.08);
  }

  .mix365-live-native .mix365-cdn-stat-label{
    display:block;
    margin-bottom:5px;
    color:rgba(255,255,255,.62);
    font-size:11px;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
  }

  .mix365-live-native .mix365-cdn-stat-value{
    display:block;
    color:#fff;
    font-size:13px;
    line-height:1.35;
    font-weight:800;
    word-break:break-word;
  }

  .mix365-live-native .mix365-cdn-stat-value.is-good{
    color:#98f5c2;
  }

  .mix365-live-native .mix365-cdn-stat-value.is-cdn{
    color:#66FCF1;
  }

  .mix365-live-native .mix365-cdn-stat-value.is-warn{
    color:#ffd27a;
  }



  .mix365-live-native .mix365-live-admin-tabs{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin:0 0 14px;
    padding:7px;
    border-radius:18px;
    background:rgba(0,0,0,.18);
    border:1px solid rgba(255,255,255,.09);
  }

  .mix365-live-native .mix365-live-admin-tab{
    appearance:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:36px;
    padding:8px 12px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.06);
    color:rgba(255,255,255,.80);
    font-size:12px;
    font-weight:900;
    letter-spacing:.03em;
    cursor:pointer;
    transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
  }

  .mix365-live-native .mix365-live-admin-tab:hover,
.mix365-live-native .mix365-live-admin-tab:focus{
    color:#fff;
    border-color:rgba(102,252,241,.34);
    background:rgba(102,252,241,.10);
    transform:translateY(-1px);
    outline:none;
  }

  .mix365-live-native .mix365-live-admin-tab.is-active{
    color:#fff;
    background:rgba(255,70,70,.18);
    border-color:rgba(255,70,70,.34);
    box-shadow:0 10px 24px rgba(0,0,0,.16);
  }

  .mix365-live-native .mix365-live-admin-tab-panel{display:none;}
  .mix365-live-native .mix365-live-admin-tab-panel.is-active{display:block;}

  .mix365-live-native .mix365-api-logs-control{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:14px;
    padding:12px;
    border-radius:16px;
    background:rgba(0,0,0,.14);
    border:1px solid rgba(102,252,241,.14);
  }

  .mix365-live-native .mix365-api-logs-note{
    flex:1 1 280px;
    margin:0;
    color:rgba(255,255,255,.70);
    font-size:12px;
    line-height:1.45;
    font-weight:700;
  }

  .mix365-live-native .mix365-api-logs-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin:0 0 10px;
  }

  .mix365-live-native .mix365-api-log-viewer{
    width:100%;
    min-height:260px;
    max-height:420px;
    overflow:auto;
    margin:0;
    padding:14px;
    border-radius:16px;
    background:rgba(0,0,0,.34);
    border:1px solid rgba(255,255,255,.10);
    color:#d9fff9;
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    font-size:12px;
    line-height:1.45;
    white-space:pre-wrap;
    word-break:break-word;
  }

  .mix365-live-native .mix365-api-log-status{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:30px;
    padding:6px 10px;
    border-radius:999px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.10);
    color:rgba(255,255,255,.72);
    font-size:12px;
    font-weight:800;
  }

  .mix365-live-native .mix365-api-log-status.is-good{color:#98f5c2;}
  .mix365-live-native .mix365-api-log-status.is-warn{color:#ffd27a;}
  .mix365-live-native .mix365-api-log-status.is-bad{color:#ff9a9a;}

  .mix365-live-native .mix365-live-admin-section--system{
    border-color:rgba(255,170,80,.16);
  }

  .mix365-live-native .mix365-system-restart-note{
    display:block;
    margin-bottom:12px;
  }

  .mix365-live-native .mix365-system-restart-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
    margin:10px 0 12px;
  }

  .mix365-live-native .mix365-system-restart-card{
    appearance:none;
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    min-height:92px;
    padding:14px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.065);
    color:#fff;
    text-align:left;
    cursor:pointer;
    transition:background .2s ease,border-color .2s ease,transform .2s ease,opacity .2s ease;
  }

  .mix365-live-native .mix365-system-restart-card:hover,
.mix365-live-native .mix365-system-restart-card:focus{
    color:#fff;
    border-color:rgba(102,252,241,.34);
    background:rgba(102,252,241,.10);
    transform:translateY(-1px);
    outline:none;
  }

  .mix365-live-native .mix365-system-restart-card.is-danger{
    border-color:rgba(255,92,92,.20);
    background:rgba(255,92,92,.08);
  }

  .mix365-live-native .mix365-system-restart-card.is-danger:hover,
.mix365-live-native .mix365-system-restart-card.is-danger:focus{
    border-color:rgba(255,92,92,.36);
    background:rgba(255,92,92,.12);
  }

  .mix365-live-native .mix365-system-restart-card:disabled{
    opacity:.62;
    cursor:not-allowed;
    transform:none !important;
  }

  .mix365-live-native .mix365-system-restart-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    flex:0 0 42px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
    color:#66FCF1;
  }

  .mix365-live-native .mix365-system-restart-card.is-danger .mix365-system-restart-icon{
    color:#ff9a9a;
  }

  .mix365-live-native .mix365-system-restart-copy strong,
.mix365-live-native .mix365-system-restart-copy em{
    display:block;
  }

  .mix365-live-native .mix365-system-restart-copy strong{
    color:#fff;
    font-size:14px;
    font-weight:900;
    line-height:1.2;
  }

  .mix365-live-native .mix365-system-restart-copy em{
    margin-top:5px;
    color:rgba(255,255,255,.66);
    font-size:12px;
    font-style:normal;
    line-height:1.35;
    font-weight:700;
  }

  .mix365-live-native .mix365-system-restart-status{
    margin-top:2px;
  }

  @media (max-width: 767.98px){
    .mix365-live-native .mix365-system-restart-grid{
      grid-template-columns:1fr;
    }
  }

  @media (max-width: 767.98px){
    .mix365-live-native .mix365-live-admin-overlay{
      padding:0;
      border-radius:18px;
    }

    .mix365-live-native .mix365-live-admin-panel{
      width:100%;
      height:100%;
      max-height:100%;
      padding:14px;
      border-radius:18px;
    }

    .mix365-live-native .mix365-live-admin-title{
      font-size:20px;
    }

    .mix365-live-native .mix365-cdn-stats-grid{
      grid-template-columns:1fr;
    }
  }


/* Final role visibility guard: keeps restricted live controls hidden unless JS marks them .is-visible */
.mix365-live-native #liveBelowVideoRow #liveAnnounceNextBtn:not(.is-visible),
.mix365-live-native #liveBelowVideoRow #liveTrackIdToggleBtn:not(.is-visible),
.mix365-live-native #liveBelowVideoRow #liveAdminBtn:not(.is-visible),
.mix365-live-native #mobileVideoActions #mobileAnnounceNextBtn:not(.is-visible),
.mix365-live-native #mobileVideoActions #mobileTrackIdToggleBtn:not(.is-visible),
.mix365-live-native #mobileVideoActions #mobileLiveAdminBtn:not(.is-visible){
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.mix365-live-native #liveBelowVideoRow #liveAnnounceNextBtn.is-visible,
.mix365-live-native #liveBelowVideoRow #liveTrackIdToggleBtn.is-visible,
.mix365-live-native #liveBelowVideoRow #liveAdminBtn.is-visible,
.mix365-live-native #mobileVideoActions #mobileAnnounceNextBtn.is-visible,
.mix365-live-native #mobileVideoActions #mobileTrackIdToggleBtn.is-visible,
.mix365-live-native #mobileVideoActions #mobileLiveAdminBtn.is-visible{
  display: inline-flex !important;
  visibility: visible !important;
  pointer-events: auto !important;
}



  .mix365-live-native .mix365-trackid-nowplaying{margin-top:18px;padding:16px;border-radius:20px;background:linear-gradient(135deg, rgba(255,75,92,0.12), rgba(255,255,255,0.055));border:1px solid rgba(255,255,255,0.12);box-shadow:0 14px 34px rgba(0,0,0,0.18);text-align:left;}
  .mix365-live-native .mix365-trackid-nowplaying.offline-hidden{display:none !important;}
  .mix365-live-native .mix365-trackid-nowplaying__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
  .mix365-live-native .mix365-trackid-nowplaying__label{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,0.72);font-size:12px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;}
  .mix365-live-native .mix365-trackid-nowplaying__label i{color:#ff4b5c;filter:drop-shadow(0 0 8px rgba(255,75,92,0.35));}
  .mix365-live-native .mix365-trackid-nowplaying__source{color:rgba(255,255,255,0.52);font-size:11px;font-weight:700;white-space:nowrap;}
  .mix365-live-native .mix365-trackid-nowplaying__body{display:flex;align-items:center;gap:13px;min-width:0;}
  .mix365-live-native .mix365-trackid-nowplaying__art{width:68px;height:68px;flex:0 0 68px;border-radius:16px;overflow:hidden;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.10);}
  .mix365-live-native .mix365-trackid-nowplaying__art img{display:block;width:100%;height:100%;object-fit:cover;}
  .mix365-live-native .mix365-trackid-nowplaying__fallback-art{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:rgba(255,255,255,0.72);font-size:24px;}
  .mix365-live-native .mix365-trackid-nowplaying__copy{min-width:0;flex:1 1 auto;}
  .mix365-live-native .mix365-trackid-nowplaying__title{color:#fff;font-size:17px;font-weight:850;line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
  .mix365-live-native .mix365-trackid-nowplaying__meta{color:rgba(255,255,255,0.72);font-size:13px;line-height:1.4;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  @media (max-width:575.98px){.mix365-live-native .mix365-trackid-nowplaying{padding:13px;border-radius:18px;}.mix365-live-native .mix365-trackid-nowplaying__head{align-items:flex-start;flex-direction:column;gap:4px;margin-bottom:10px;}.mix365-live-native .mix365-trackid-nowplaying__body{gap:11px;}.mix365-live-native .mix365-trackid-nowplaying__art{width:56px;height:56px;flex-basis:56px;border-radius:14px;}.mix365-live-native .mix365-trackid-nowplaying__title{font-size:15px;}.mix365-live-native .mix365-trackid-nowplaying__meta{font-size:12px;}}



  .mix365-live-native .mix365-live-admin-section--trackid{margin-top:14px;}
  .mix365-live-native .mix365-trackid-admin-control{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px;}
  .mix365-live-native .mix365-trackid-admin-control .mix365-cdn-switch{flex:0 0 auto;}
  .mix365-live-native .mix365-trackid-admin-note{flex:1 1 260px;margin:0;color:rgba(255,255,255,.70);font-size:12px;line-height:1.45;font-weight:700;}
  .mix365-live-native .mix365-trackid-admin-status.is-off{color:#ffd27a;}
  .mix365-live-native .mix365-trackid-admin-status.is-on{color:#98f5c2;}

  .mix365-live-native .mix365-trackid-display-trigger{
    cursor:pointer !important;
    min-width:104px !important;
    gap:8px !important;
    font-weight:850 !important;
    transition:transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease !important;
  }
  .mix365-live-native .mix365-trackid-display-trigger:hover,
.mix365-live-native .mix365-trackid-display-trigger:focus{
    transform:translateY(-1px) !important;
    outline:none !important;
  }
  .mix365-live-native .mix365-trackid-display-trigger.mix365-trackid-is-off{
    background:linear-gradient(135deg, rgba(255,75,75,.24), rgba(140,20,20,.22)) !important;
    border-color:rgba(255,80,80,.54) !important;
    box-shadow:0 0 0 1px rgba(255,80,80,.16), 0 10px 24px rgba(255,70,70,.16) !important;
    color:#fff !important;
  }
  .mix365-live-native .mix365-trackid-display-trigger.mix365-trackid-is-off i{
    color:#ff6969 !important;
  }
  .mix365-live-native .mix365-trackid-display-trigger.mix365-trackid-is-on{
    background:linear-gradient(135deg, rgba(67,220,125,.26), rgba(28,135,74,.22)) !important;
    border-color:rgba(85,235,145,.58) !important;
    box-shadow:0 0 0 1px rgba(85,235,145,.16), 0 10px 24px rgba(67,220,125,.14) !important;
    color:#fff !important;
  }
  .mix365-live-native .mix365-trackid-display-trigger.mix365-trackid-is-on i{
    color:#7dffae !important;
  }
  .mix365-live-native .mix365-trackid-display-trigger.is-working i{
    animation:mix365TrackIdSpin .75s linear infinite;
  }
  @keyframes mix365TrackIdSpin{to{transform:rotate(360deg);}}



  /* Final compact controls: Stats + ID + Admin sit on one horizontal row */
  @media (max-width: 991.98px){
    .mix365-live-native #mobileVideoActions{
      display:flex !important;
      flex-direction:row !important;
      flex-wrap:wrap !important;
      align-items:center !important;
      justify-content:center !important;
      gap:6px !important;
      margin-top:8px !important;
      width:100% !important;
      padding:0 2px !important;
      box-sizing:border-box !important;
    }

    .mix365-live-native #mobileVideoActions > #mobileStatsBtn,
.mix365-live-native #mobileVideoActions > #mobileTrackIdToggleBtn,
.mix365-live-native #mobileVideoActions > #mobileLiveAdminBtn{
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      flex:0 0 calc(33.333% - 5px) !important;
      width:calc(33.333% - 5px) !important;
      min-width:0 !important;
      max-width:112px !important;
      min-height:32px !important;
      height:32px !important;
      padding:5px 7px !important;
      gap:5px !important;
      border-radius:999px !important;
      font-size:10.5px !important;
      font-weight:900 !important;
      line-height:1 !important;
      letter-spacing:.02em !important;
      white-space:nowrap !important;
      box-sizing:border-box !important;
    }

    .mix365-live-native #mobileVideoActions > #mobileStatsBtn{order:10;}
    .mix365-live-native #mobileVideoActions > #mobileTrackIdToggleBtn{order:20;}
    .mix365-live-native #mobileVideoActions > #mobileLiveAdminBtn{order:30;}
    .mix365-live-native #mobileVideoActions > #mobileAnnounceNextBtn{order:40;}
    .mix365-live-native #mobileVideoActions > #liveLikeBtn{order:50;}

    .mix365-live-native #mobileVideoActions > #mobileStatsBtn i,
.mix365-live-native #mobileVideoActions > #mobileTrackIdToggleBtn i,
.mix365-live-native #mobileVideoActions > #mobileLiveAdminBtn i{
      font-size:10px !important;
      margin:0 !important;
    }

    .mix365-live-native #mobileVideoActions > #mobileStatsBtn span,
.mix365-live-native #mobileVideoActions > #mobileTrackIdToggleBtn span,
.mix365-live-native #mobileVideoActions > #mobileLiveAdminBtn span{
      font-size:10.5px !important;
      line-height:1 !important;
    }

    .mix365-live-native #mobileVideoActions > #mobileAnnounceNextBtn,
.mix365-live-native #mobileVideoActions > #liveLikeBtn{
      min-height:34px !important;
      height:34px !important;
      padding:6px 9px !important;
      font-size:11px !important;
      gap:5px !important;
      width:auto !important;
      min-width:92px !important;
      max-width:150px !important;
      flex:0 1 auto !important;
    }
  }

  @media (min-width: 992px){
    .mix365-live-native #liveBelowVideoRow.live-below-video-row > #liveTrackIdToggleBtn,
.mix365-live-native #liveBelowVideoRow.live-below-video-row > #liveAdminBtn{
      min-width:82px !important;
      min-height:34px !important;
      height:34px !important;
      padding:6px 11px !important;
      gap:5px !important;
      font-size:11px !important;
      line-height:1 !important;
    }

    .mix365-live-native #liveBelowVideoRow.live-below-video-row > #liveTrackIdToggleBtn i,
.mix365-live-native #liveBelowVideoRow.live-below-video-row > #liveAdminBtn i{
      font-size:11px !important;
    }

    .mix365-live-native #liveBelowVideoRow.live-below-video-row > #liveTrackIdToggleBtn span,
.mix365-live-native #liveBelowVideoRow.live-below-video-row > #liveAdminBtn span{
      font-size:11px !important;
    }
  }



/*
  Final GIF visibility fix:
  - keeps the old working Tenor search logic
  - forces each GIF result card to have a real visible height
  - uses the GIF URL as both <img> and CSS background fallback
  - fixes mobile browsers using "Desktop site"
*/

/* All modes: stop GIF results becoming blank/zero-height */
.mix365-live-native .mix-chat__panel[data-chat-gif] .mix-chat__gifgrid{
  align-content: start !important;
}

.mix365-live-native .mix-chat__panel[data-chat-gif] .mix-chat__gifitem{
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: 140px !important;
  min-height: 140px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background-color: #141a2b !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

.mix365-live-native .mix-chat__panel[data-chat-gif] .mix-chat__gifitem img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  opacity: 1 !important;
  visibility: visible !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: transparent !important;
}

/* Real mobile + mobile browser Desktop-site mode */
.mix365-live-native.mix365-touch-device .mix-chat__panel[data-chat-gif]{
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  bottom: 64px !important;
  height: min(66dvh, 520px) !important;
  max-height: calc(100dvh - 150px) !important;
  overflow: hidden !important;
  padding: 12px !important;
  border-radius: 16px !important;
  box-sizing: border-box !important;
}

.mix365-live-native.mix365-touch-device .mix-chat__panel[data-chat-gif].is-open{
  display: flex !important;
  flex-direction: column !important;
}

.mix365-live-native.mix365-touch-device .mix-chat__panel[data-chat-gif] .mix-chat__panel-head,
.mix365-live-native.mix365-touch-device .mix-chat__panel[data-chat-gif] .mix-chat__gifsearch{
  flex: 0 0 auto !important;
}

.mix365-live-native.mix365-touch-device .mix-chat__panel[data-chat-gif] .mix-chat__gifsearch{
  display: flex !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
}

.mix365-live-native.mix365-touch-device .mix-chat__panel[data-chat-gif] .mix-chat__gifsearch .form--control{
  min-width: 0 !important;
  height: 42px !important;
}

.mix365-live-native.mix365-touch-device .mix-chat__panel[data-chat-gif] .mix-chat__gifsearch .cmn-btn{
  flex: 0 0 auto !important;
  min-width: 78px !important;
  height: 42px !important;
  padding: 0 12px !important;
  font-size: 13px !important;
}

.mix365-live-native.mix365-touch-device .mix-chat__panel[data-chat-gif] .mix-chat__gifgrid{
  flex: 1 1 auto !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  touch-action: pan-y !important;
  padding-right: 4px !important;
  padding-bottom: 10px !important;
}

.mix365-live-native.mix365-touch-device .mix-chat__panel[data-chat-gif] .mix-chat__gifitem{
  height: 190px !important;
  min-height: 190px !important;
  border-radius: 14px !important;
  background-size: contain !important;
}

.mix365-live-native.mix365-touch-device .mix-chat__panel[data-chat-gif] .mix-chat__gifitem img{
  object-fit: contain !important;
  border-radius: 14px !important;
}

.mix365-live-native.mix365-touch-device .mix-chat__panel[data-chat-gif] .mix-chat__giffooter{
  grid-column: 1 / -1 !important;
  padding: 10px 0 4px !important;
}



/* Chat translation control: visible under message box, centred, minimal gap */
.mix365-live-native .mix-chat [data-chat-livecomposer]{
  display:flex !important;
  flex-direction:column !important;
}
.mix365-live-native .mix-chat__compose{
  order:40 !important;
}
.mix365-live-native .mix-chat__toolbar{
  order:50 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  width:100% !important;
  margin:6px 0 0 !important;
  padding:0 !important;
  min-height:0 !important;
  border:0 !important;
  background:transparent !important;
}
.mix365-live-native .mix-chat__count{
  display:none !important;
}
.mix365-live-native .mix-chat__translatebar{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  margin:0 !important;
  width:auto !important;
  color:rgba(255,255,255,.72) !important;
  font-size:12px !important;
  font-weight:800 !important;
}
.mix365-live-native .mix-chat__translatebar span{
  color:rgba(255,255,255,.72) !important;
  font-size:12px !important;
  font-weight:800 !important;
}
.mix365-live-native .mix-chat__translatebar select{
  min-width:124px !important;
  height:30px !important;
  padding:0 28px 0 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  background:#3a3f48 !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:800 !important;
}
@media (max-width:575.98px){
  .mix365-live-native .mix-chat__toolbar{
    margin-top:6px !important;
  }
  .mix365-live-native .mix-chat__translatebar{
    width:100% !important;
  }
}

/* Mix365 Clean Chat viewer + admin lock controls */
.mix365-live-native .mix-chat__filterbar,
.mix365-live-native .mix-chat__adminfilterbar{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  margin:0 !important;
  width:auto !important;
  color:rgba(255,255,255,.72) !important;
  font-size:12px !important;
  font-weight:800 !important;
}
.mix365-live-native .mix-chat__filterbar span,
.mix365-live-native .mix-chat__adminfilterbar span{
  color:rgba(255,255,255,.72) !important;
  font-size:12px !important;
  font-weight:800 !important;
}
.mix365-live-native .mix-chat__filterbar select,
.mix365-live-native .mix-chat__adminfilterbar select,
.mix365-live-native .mix-chat__adminfilterbar input{
  min-width:96px !important;
  height:30px !important;
  padding:0 28px 0 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  background:#3a3f48 !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:800 !important;
  outline:none !important;
}
.mix365-live-native .mix-chat__adminfilterbar input{
  min-width:76px !important;
  width:86px !important;
  padding:0 10px !important;
}
.mix365-live-native .mix-chat__filterbar select:disabled{
  opacity:.74 !important;
  cursor:not-allowed !important;
}
.mix365-live-native .mix-chat__adminfilterbar{
  padding:4px 8px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}
.mix365-live-native .mix-chat__adminfilterbar[hidden]{display:none !important;}
.mix365-live-native .mix-chat__adminfilterbar .cmn-btn{
  min-height:30px !important;
  height:30px !important;
  padding:0 12px !important;
  font-size:11px !important;
  line-height:1 !important;
}
.mix365-live-native .mix-chat__filter-status{
  flex:0 1 100%;
  text-align:center;
  color:rgba(255,255,255,.58);
  font-size:11px;
  font-weight:700;
  line-height:1.3;
}
.mix365-live-native .mix-chat__action--cleanlock{
  color:#ffd36a !important;
}
.mix365-live-native .mix365-live-admin-section--cleanchat{
  border-color:rgba(255,211,106,.16) !important;
}
.mix365-live-native .mix365-cleanchat-admin-note{
  margin:0 0 12px;
  color:rgba(255,255,255,.72);
  font-size:12px;
  line-height:1.45;
  font-weight:700;
}
.mix365-live-native .mix365-cleanchat-admin-control{
  width:100% !important;
  justify-content:flex-start !important;
  flex-wrap:wrap !important;
  padding:12px !important;
  border-radius:16px !important;
  background:rgba(0,0,0,.14) !important;
  border:1px solid rgba(255,211,106,.16) !important;
}
.mix365-live-native .mix365-cleanchat-admin-control select{
  min-width:130px !important;
}
.mix365-live-native .mix365-cleanchat-admin-status{
  display:block;
  margin-top:12px;
  color:rgba(255,255,255,.70);
  font-size:12px;
  line-height:1.45;
  font-weight:800;
}

.mix365-live-native .mix365-cleanchat-locks{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.10);
}
.mix365-live-native .mix365-cleanchat-locks-title{
  margin:0 0 10px;
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.mix365-live-native .mix365-cleanchat-locks-list{
  display:grid;
  gap:8px;
}
.mix365-live-native .mix365-cleanchat-lock-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.10);
}
.mix365-live-native .mix365-cleanchat-lock-main{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  color:#fff;
  font-size:13px;
  font-weight:900;
}
.mix365-live-native .mix365-cleanchat-lock-name{
  max-width:260px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mix365-live-native .mix365-cleanchat-lock-meta{
  color:rgba(255,255,255,.55);
  font-size:11px;
  font-weight:800;
}
.mix365-live-native .mix365-cleanchat-lock-mode{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:22px;
  padding:3px 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  background:rgba(255,211,106,.14);
  border:1px solid rgba(255,211,106,.22);
  color:#ffd36a;
}
.mix365-live-native .mix365-cleanchat-lock-mode.is-off{
  background:rgba(255,88,88,.14);
  border-color:rgba(255,88,88,.24);
  color:#ff9a9a;
}
.mix365-live-native .mix365-cleanchat-lock-remove{
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  color:#fff;
  border-radius:999px;
  min-height:28px;
  padding:0 11px;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.mix365-live-native .mix365-cleanchat-lock-remove:hover,
.mix365-live-native .mix365-cleanchat-lock-remove:focus{
  background:rgba(255,88,88,.18);
  border-color:rgba(255,88,88,.34);
  color:#fff;
  outline:none;
}
.mix365-live-native .mix365-cleanchat-lock-empty{
  padding:12px;
  border-radius:14px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.62);
  font-size:12px;
  font-weight:800;
}
@media (max-width:575.98px){
  .mix365-live-native .mix365-cleanchat-lock-row{align-items:flex-start;flex-direction:column;}
  .mix365-live-native .mix365-cleanchat-lock-remove{width:100%;}
}
@media (max-width:575.98px){
  .mix365-live-native .mix-chat__filterbar,
.mix365-live-native .mix-chat__adminfilterbar{
    width:100% !important;
    flex-wrap:wrap !important;
  }
  .mix365-live-native .mix-chat__filter-status{font-size:10px;}
}



/* Multicolour system boost messages */
.mix365-live-native .mix-chat__boost-msg{
  display:inline;
  font-weight:900;
  color:#fff;
  text-shadow:0 0 14px rgba(255,75,120,.24);
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .mix365-live-native .mix-chat__boost-msg{
    background:linear-gradient(90deg,#ff4b5c,#ffd23f,#66fcf1,#8f7cff,#ff4b5c);
    background-size:300% 100%;
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    animation:mix365BoostTextShift 5s linear infinite;
  }
}
@keyframes mix365BoostTextShift{
  0%{background-position:0% 50%;}
  100%{background-position:300% 50%;}
}




/* Mix365 chat name colours */
.mix365-live-native .mix-chat__name{font-weight:800!important;text-decoration:none!important;}




/* Mix365 forced user colour */
.mix365-live-native .mix-chat__name[style]{font-weight:800!important;}




/* Mix365 chat badge popup */
.mix365-live-native .mix-chat__avatar[data-badge-user],
.mix365-live-native .mix-chat__name[data-badge-user]{
  cursor:pointer;
}
.mix365-live-native .mix-chat__avatar[data-badge-user]:hover{
  border-color:rgba(102,252,241,.55);
  box-shadow:0 0 0 3px rgba(102,252,241,.12),0 8px 22px rgba(0,0,0,.22);
}
.mix365-live-native #mix365BadgePopup{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  z-index:2147483100;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
}
.mix365-live-native .mix365-badge-popup-card{
  width:100%;
  max-width:420px;
  background:linear-gradient(180deg,rgba(24,32,50,.98),rgba(13,18,31,.98));
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  padding:24px;
  position:relative;
  box-shadow:0 25px 80px rgba(0,0,0,.50);
}
.mix365-live-native .mix365-badge-popup-close{
  position:absolute;
  top:14px;
  right:14px;
  width:38px;
  height:38px;
  border-radius:50%;
  border:0;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:22px;
  line-height:1;
  cursor:pointer;
}
.mix365-live-native .mix365-badge-popup-head{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:20px;
  padding-right:42px;
}
.mix365-live-native .mix365-badge-popup-head img{
  width:72px;
  height:72px;
  border-radius:50%;
  object-fit:cover;
  border:3px solid rgba(102,252,241,.22);
  background:rgba(255,255,255,.06);
}
.mix365-live-native .mix365-badge-popup-head h4{
  color:#fff;
  margin:0;
  font-size:22px;
  line-height:1.15;
  word-break:break-word;
}
.mix365-live-native .mix365-badge-popup-head span{
  display:block;
  color:rgba(255,255,255,.65);
  font-size:14px;
  margin-top:4px;
}
.mix365-live-native .mix365-badge-popup-body{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-bottom:20px;
  max-height:320px;
  overflow:auto;
  padding-right:2px;
}
.mix365-live-native .mix365-user-badge{
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.075);
}
.mix365-live-native .mix365-user-badge-icon{
  font-size:28px;
  line-height:1;
  min-width:34px;
  text-align:center;
  filter:drop-shadow(0 0 10px rgba(255,255,255,.14));
}
.mix365-live-native .mix365-user-badge-info strong{
  display:block;
  color:#fff;
  font-size:15px;
  line-height:1.2;
}
.mix365-live-native .mix365-user-badge-info small{
  display:block;
  color:rgba(255,255,255,.62);
  margin-top:3px;
  font-size:12px;
  line-height:1.3;
}
.mix365-live-native .mix365-user-badge-empty{
  color:rgba(255,255,255,.64);
  text-align:center;
  padding:20px;
  border-radius:16px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
}
.mix365-live-native .mix365-badge-popup-card .cmn-btn{
  width:100%;
  justify-content:center;
  text-align:center;
}
@media (max-width:575.98px){
  .mix365-live-native .mix365-badge-popup-card{padding:20px;border-radius:22px;}
  .mix365-live-native .mix365-badge-popup-head img{width:62px;height:62px;}
  .mix365-live-native .mix365-badge-popup-head h4{font-size:19px;}
}


/* Mix365 chat badge count beside names */
.mix365-live-native .mix-chat__badge-count{
  display:none;
  align-items:center;
  justify-content:center;
  gap:2px;
  min-height:18px;
  padding:1px 6px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  color:#fff;
  font-size:11px;
  font-weight:900;
  line-height:1;
  vertical-align:middle;
  cursor:pointer;
  user-select:none;
}
.mix365-live-native .mix-chat__badge-count.is-visible{
  display:inline-flex;
}
.mix365-live-native .mix-chat__badge-count:hover{
  border-color:rgba(102,252,241,.38);
  background:rgba(102,252,241,.10);
}



/* MIX365 FIX: let viewers scroll back through chat without new messages/media forcing bottom */
.mix365-live-native .mix-chat{
  position:relative;
}
.mix365-live-native .mix-chat__newbar{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:8px 0 2px;
  min-height:0;
  pointer-events:none;
  z-index:8;
}
.mix365-live-native .mix-chat__newbar[hidden]{
  display:none !important;
}
.mix365-live-native .mix-chat__newmessages{
  pointer-events:auto;
  border:1px solid rgba(102,252,241,.35);
  background:linear-gradient(135deg, rgba(102,252,241,.22), rgba(70,170,255,.16)), rgba(10,14,26,.92);
  color:#fff;
  border-radius:999px;
  padding:8px 14px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  box-shadow:0 10px 28px rgba(0,0,0,.28);
  cursor:pointer;
}
.mix365-live-native .mix-chat__newmessages:hover,
.mix365-live-native .mix-chat__newmessages:focus{
  outline:none;
  transform:translateY(-1px);
  border-color:rgba(102,252,241,.58);
}



/* MIX365 LIVE VISIBILITY PATCH
   The shared /assets/js/layout.js creates a site-wide LIVE NOW bar on normal pages.
   On live.html we hide that bar so it never covers video controls, reactions, chat, or mobile composer. */
.mix365-live-native.mix365-live-page .mix-live-visibility-bar,
.mix365-live-native.mix365-live-page #mixLiveVisibilityBar{
  display:none !important;
  opacity:0 !important;
  pointer-events:none !important;
  transform:translate3d(-50%, 140%, 0) !important;
}

.mix365-live-native.mix365-live-page.mix-live-visibility-bar-visible{
  padding-bottom:0 !important;
}

.mix365-live-native.mix365-live-page .mix-live-visibility-spacer{
  display:none !important;
}

@media (max-width:767.98px){
  .mix365-live-native.mix365-live-page .mix-live-visibility-bar,
.mix365-live-native.mix365-live-page #mixLiveVisibilityBar{
    transform:translate3d(0, 140%, 0) !important;
  }
}



/* MIX365 LIVE PAGE IMPROVEMENTS
   Keeps existing backend/API logic, but makes the public live page feel cleaner,
   adds an offline conversion block, improves mobile ordering, and groups lower extras into tabs. */

.mix365-live-native .mix365-live-page .live-player-card{
  overflow: visible !important;
}

.mix365-live-native .mix365-offline-hero{
  display:none;
  margin-top:18px;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(102,252,241,.18);
  background:
    radial-gradient(circle at top left, rgba(102,252,241,.12), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
  box-shadow:0 14px 38px rgba(0,0,0,.18);
}

.mix365-live-native .mix365-offline-hero.is-visible{
  display:block;
}

.mix365-live-native .mix365-offline-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);
  gap:18px;
  align-items:center;
}

.mix365-live-native .mix365-offline-hero__kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:8px;
  color:#66FCF1;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.mix365-live-native .mix365-offline-hero__title{
  margin:0 0 8px;
  color:#fff;
  font-size:clamp(24px,3vw,38px);
  line-height:1.08;
}

.mix365-live-native .mix365-offline-hero__copy{
  margin:0;
  max-width:720px;
  color:rgba(255,255,255,.78);
  font-size:15px;
  line-height:1.55;
}

.mix365-live-native .mix365-offline-next{
  padding:14px;
  border-radius:18px;
  background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.10);
}

.mix365-live-native .mix365-offline-next__label{
  display:block;
  color:rgba(255,255,255,.58);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:7px;
}

.mix365-live-native .mix365-offline-next__show{
  display:block;
  color:#fff;
  font-weight:900;
  font-size:18px;
  line-height:1.25;
}

.mix365-live-native .mix365-offline-next__time,
.mix365-live-native .mix365-offline-next__countdown{
  display:block;
  margin-top:5px;
  color:rgba(255,255,255,.74);
  font-size:13px;
  line-height:1.35;
}

.mix365-live-native .mix365-offline-next__countdown{
  color:#66FCF1;
  font-weight:800;
}

.mix365-live-native .mix365-offline-hero__actions,
.mix365-live-native .mix365-live-quick-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-top:14px;
}

.mix365-live-native .mix365-live-quick-actions{
  justify-content:center;
  margin-top:12px;
}

.mix365-live-native .mix365-quick-action,
.mix365-live-native .live-below-video-row .mix365-inline-action{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:44px !important;
  padding:10px 15px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.075) !important;
  color:#fff !important;
  font-weight:800 !important;
  font-size:13px !important;
  text-decoration:none !important;
  line-height:1 !important;
  white-space:nowrap !important;
  cursor:pointer !important;
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}

.mix365-live-native .mix365-quick-action:hover,
.mix365-live-native .mix365-quick-action:focus,
.mix365-live-native .live-below-video-row .mix365-inline-action:hover,
.mix365-live-native .live-below-video-row .mix365-inline-action:focus{
  color:#fff !important;
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.26) !important;
  transform:translateY(-1px);
  text-decoration:none !important;
}

.mix365-live-native .mix365-quick-action.is-primary,
.mix365-live-native .live-below-video-row .mix365-inline-action.is-primary{
  color:#071016 !important;
  background:linear-gradient(135deg, #66FCF1, #a7fff8) !important;
  border-color:rgba(102,252,241,.55) !important;
  box-shadow:0 12px 30px rgba(102,252,241,.14);
}

.mix365-live-native .mix365-quick-action.is-warm,
.mix365-live-native .live-below-video-row .mix365-inline-action.is-warm{
  background:linear-gradient(135deg, rgba(255,75,92,.24), rgba(255,150,80,.12)) !important;
  border-color:rgba(255,100,110,.34) !important;
}

.mix365-live-native .mix365-live-copy-toast{
  position:fixed;
  left:50%;
  bottom:22px;
  transform:translateX(-50%) translateY(18px);
  z-index:2147483200;
  padding:11px 16px;
  border-radius:999px;
  background:rgba(10,14,26,.94);
  border:1px solid rgba(102,252,241,.28);
  color:#fff;
  font-weight:800;
  font-size:13px;
  box-shadow:0 18px 42px rgba(0,0,0,.32);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease, transform .2s ease;
}

.mix365-live-native .mix365-live-copy-toast.is-visible{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}

.mix365-live-native .mix365-live-extras-shell{
  margin-top:22px;
  margin-bottom:24px;
  padding:18px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  box-shadow:0 18px 48px rgba(0,0,0,.18);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.mix365-live-native .mix365-live-extras-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
  flex-wrap:wrap;
}

.mix365-live-native .mix365-live-extras-title{
  margin:0;
  color:#fff;
  font-size:24px;
  line-height:1.15;
}

.mix365-live-native .mix365-live-extras-copy{
  margin:5px 0 0;
  color:rgba(255,255,255,.66);
  font-size:14px;
}

.mix365-live-native .mix365-live-extras-tabs{
  display:inline-flex;
  flex-wrap:wrap;
  gap:8px;
  padding:6px;
  border-radius:999px;
  background:rgba(0,0,0,.16);
  border:1px solid rgba(255,255,255,.08);
}

.mix365-live-native .mix365-live-extras-tab{
  appearance:none;
  border:1px solid transparent;
  background:transparent;
  color:rgba(255,255,255,.76);
  border-radius:999px;
  padding:9px 14px;
  font-size:13px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
}

.mix365-live-native .mix365-live-extras-tab.is-active{
  color:#071016;
  background:#66FCF1;
  border-color:rgba(102,252,241,.7);
}

.mix365-live-native .mix365-live-extras-pane{
  display:none;
}

.mix365-live-native .mix365-live-extras-pane.is-active{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.mix365-live-native .mix365-live-extras-pane > [class*="col-"]{
  width:100% !important;
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.mix365-live-native .mix365-live-extras-pane > [class*="col-"] > .live-card,
.mix365-live-native .mix365-live-extras-pane .live-card{
  height:100%;
}

.mix365-live-native .mix365-live-extras-pane[data-pane="community"].is-active,
.mix365-live-native .mix365-live-extras-pane[data-pane="listeners"].is-active{
  grid-template-columns:1fr;
}

.mix365-live-native .mix365-live-extras-empty-row{
  display:none !important;
}

.mix365-live-native .mix365-live-page--improved #listenerStaticMap{
  min-height:360px;
}

@media (max-width: 1199.98px){
  .mix365-live-native .mix365-live-extras-pane.is-active{
    grid-template-columns:1fr;
  }
}

@media (max-width: 991.98px){
  .mix365-live-native .mix365-offline-hero{
    padding:15px;
    border-radius:20px;
  }

  .mix365-live-native .mix365-offline-hero__grid{
    grid-template-columns:1fr;
  }

  .mix365-live-native .mix365-live-extras-shell{
    padding:14px;
    border-radius:22px;
  }

  .mix365-live-native .mix365-live-extras-head{
    align-items:flex-start;
  }

  .mix365-live-native .mix365-live-extras-tabs{
    width:100%;
    border-radius:18px;
  }

  .mix365-live-native .mix365-live-extras-tab{
    flex:1 1 calc(50% - 8px);
  }

  .mix365-live-native .live-chat-card{
    margin-top:0;
  }

  .mix365-live-native .live-chat-mount{
    min-height:440px;
  }
}

@media (max-width: 575.98px){
  .mix365-live-native .mix365-offline-hero__title{
    font-size:24px;
  }

  .mix365-live-native .mix365-offline-hero__actions,
.mix365-live-native .mix365-live-quick-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .mix365-live-native .mix365-quick-action,
.mix365-live-native .live-below-video-row .mix365-inline-action{
    width:100% !important;
  }

  .mix365-live-native .mix365-live-extras-tab{
    flex:1 1 100%;
  }

  .mix365-live-native .live-chat-mount{
    min-height:390px;
    padding:12px;
  }
}

@media (prefers-reduced-motion: reduce){
  .mix365-live-native .mix365-quick-action,
.mix365-live-native .live-below-video-row .mix365-inline-action,
.mix365-live-native .mix365-live-copy-toast{
    transition:none !important;
  }
}



@media (max-width: 767.98px){
  .mix365-live-native .mix-chat__meta > .mix-chat__badge{
    display: none !important;
  }
}



/*
  Keeps the transparent Now Playing flyer/avatar image clipped inside the card.
  This overrides the later generic .live-card { overflow: visible !important; } rule.
*/
.mix365-live-native .live-card.live-info-card,
.mix365-live-native .live-info-card.has-live-flyer-watermark{
  overflow: hidden !important;
  isolation: isolate !important;
  contain: paint !important;
  border-radius: 24px !important;
}

/* The background image should never escape the Now Playing card. */
.mix365-live-native .live-info-card .live-show-flyer-watermark{
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  border-radius: inherit !important;
  object-fit: cover !important;
  object-position: center center !important;
  clip-path: inset(0 round 24px) !important;
  transform-origin: center center !important;

  /* defaults used by the 60-second pulse */
  --mix365-watermark-opacity: .18;
  --mix365-watermark-scale: 1;
  opacity: 0;
  transform: scale(var(--mix365-watermark-scale)) !important;
}

/* Only pulse while a live flyer/avatar watermark is actually visible. */
.mix365-live-native .live-info-card.has-live-flyer-watermark .live-show-flyer-watermark{
  opacity: var(--mix365-watermark-opacity) !important;
  animation: mix365NowPlayingWatermarkPulse 60s ease-in-out infinite !important;
}

.mix365-live-native .live-info-card.has-live-flyer-watermark.is-live-background-flyer .live-show-flyer-watermark{
  --mix365-watermark-opacity: .18;
  --mix365-watermark-scale: 1;
  filter: saturate(1.10) contrast(1.08) blur(0.2px) !important;
}

.mix365-live-native .live-info-card.has-live-flyer-watermark.is-live-background-avatar .live-show-flyer-watermark{
  --mix365-watermark-opacity: .14;
  --mix365-watermark-scale: 1;
  filter: saturate(1.05) contrast(1.08) blur(1px) !important;
}

/* Slow breathing pulse: about 9 seconds of smooth movement, then it rests until the next minute. */
@keyframes mix365NowPlayingWatermarkPulse{
  0%, 100% {
    opacity: var(--mix365-watermark-opacity);
    transform: scale(var(--mix365-watermark-scale));
  }

  /* Fade/zoom in slowly for the first 4.5 seconds. */
  7.5% {
    opacity: calc(var(--mix365-watermark-opacity) + .045);
    transform: scale(calc(var(--mix365-watermark-scale) + .018));
  }

  /* Fade/zoom back out slowly by 9 seconds, then stay still for the remaining 51 seconds. */
  15% {
    opacity: var(--mix365-watermark-opacity);
    transform: scale(var(--mix365-watermark-scale));
  }
}

@media (max-width: 575.98px){
  .mix365-live-native .live-info-card.has-live-flyer-watermark.is-live-background-flyer .live-show-flyer-watermark{
    --mix365-watermark-opacity: .13;
  }

  .mix365-live-native .live-info-card.has-live-flyer-watermark.is-live-background-avatar .live-show-flyer-watermark{
    --mix365-watermark-opacity: .11;
  }
}

@media (prefers-reduced-motion: reduce){
  .mix365-live-native .live-info-card.has-live-flyer-watermark .live-show-flyer-watermark{
    animation: none !important;
  }
}



  .mix365-live-native .mix365-live-tip-btn{
    position: relative;
    isolation: isolate;
    overflow: visible;
    transform-origin: center;
  }

  .mix365-live-native .live-below-video-row .mix365-inline-action.mix365-live-tip-btn,
.mix365-live-native #liveTipBtn.mix365-live-tip-btn{
    background: linear-gradient(
      120deg,
      #00d9ff,
      #5468ff,
      #9b4dff,
      #ff4f9a,
      #ffb300,
      #20d978,
      #00d9ff
    ) !important;
    background-size: 420% 420% !important;
    border-color: rgba(255,255,255,.58) !important;
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.35);
    box-shadow:
      0 0 0 1px rgba(255,255,255,.10),
      0 10px 28px rgba(0,217,255,.24),
      0 0 22px rgba(255,79,154,.18);
    animation: mix365TipColourPulse 4.8s ease-in-out infinite;
    will-change: transform, background-position, box-shadow;
  }

  .mix365-live-native .live-below-video-row .mix365-inline-action.mix365-live-tip-btn i,
.mix365-live-native #liveTipBtn.mix365-live-tip-btn i{
    animation: mix365TipIconPulse 1.2s ease-in-out infinite;
    transform-origin: center;
  }

  .mix365-live-native .live-below-video-row .mix365-inline-action.mix365-live-tip-btn:hover,
.mix365-live-native .live-below-video-row .mix365-inline-action.mix365-live-tip-btn:focus,
.mix365-live-native #liveTipBtn.mix365-live-tip-btn:hover,
.mix365-live-native #liveTipBtn.mix365-live-tip-btn:focus{
    border-color: rgba(255,255,255,.88) !important;
    filter: brightness(1.12) saturate(1.12);
    outline: none;
  }

  @keyframes mix365TipColourPulse{
    0%, 100% {
      background-position: 0% 50%;
      transform: scale(1);
      box-shadow:
        0 0 0 1px rgba(255,255,255,.10),
        0 10px 28px rgba(0,217,255,.24),
        0 0 18px rgba(0,217,255,.16);
    }
    25% {
      background-position: 35% 50%;
      transform: scale(1.035);
      box-shadow:
        0 0 0 1px rgba(255,255,255,.14),
        0 12px 32px rgba(84,104,255,.30),
        0 0 25px rgba(155,77,255,.24);
    }
    50% {
      background-position: 70% 50%;
      transform: scale(1.065);
      box-shadow:
        0 0 0 2px rgba(255,255,255,.18),
        0 14px 36px rgba(255,79,154,.32),
        0 0 30px rgba(255,179,0,.25);
    }
    75% {
      background-position: 100% 50%;
      transform: scale(1.035);
      box-shadow:
        0 0 0 1px rgba(255,255,255,.14),
        0 12px 32px rgba(32,217,120,.28),
        0 0 25px rgba(0,217,255,.22);
    }
  }

  @keyframes mix365TipIconPulse{
    0%, 100% {
      transform: scale(.92);
    }
    50% {
      transform: scale(1.18);
    }
  }

  @media (prefers-reduced-motion: reduce){
    .mix365-live-native .live-below-video-row .mix365-inline-action.mix365-live-tip-btn,
.mix365-live-native #liveTipBtn.mix365-live-tip-btn,
.mix365-live-native .live-below-video-row .mix365-inline-action.mix365-live-tip-btn i,
.mix365-live-native #liveTipBtn.mix365-live-tip-btn i{
      animation: none !important;
    }
  }

  .mix365-live-native .mix365-live-tip-menu{
    width: 100%;
    margin: 12px auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
  }

  .mix365-live-native .mix365-live-tip-menu.offline-hidden{
    display: none !important;
  }

  .mix365-live-native .mix365-live-tip-option{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 15px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.075);
    color: #fff !important;
    font-weight: 800;
    font-size: 13px;
    text-decoration: none !important;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 10px 24px rgba(0,0,0,.14);
  }

  .mix365-live-native .mix365-live-tip-option:hover,
.mix365-live-native .mix365-live-tip-option:focus{
    color: #fff !important;
    background: rgba(255,255,255,.13);
    border-color: rgba(255,255,255,.26);
    text-decoration: none !important;
  }

  .mix365-live-native .mix365-live-tip-option--paypal i{
    color: #8ec5ff;
  }

  .mix365-live-native .mix365-live-tip-option--kofi i{
    color: #ff8fb4;
  }

  @media (max-width: 575.98px){
    .mix365-live-native .mix365-live-tip-menu{
      align-items: stretch;
    }

    .mix365-live-native .mix365-live-tip-option{
      width: 100%;
    }
  }




/* MIX365 PATCH: full-width Freestyle banner above footer */
.mix365-live-native .mix365-fs-banner{
  width: 100%;
  height: 95px;
  margin: 0;
  padding: 0;
  background: #070912;
  overflow: hidden;
  line-height: 0;
}

.mix365-live-native .mix365-fs-banner__link,
.mix365-live-native .mix365-fs-banner picture,
.mix365-live-native .mix365-fs-banner__image{
  display: block;
  width: 100%;
  height: 100%;
}

.mix365-live-native .mix365-fs-banner__link{
  cursor: pointer;
  text-decoration: none;
}

.mix365-live-native .mix365-fs-banner__image{
  max-width: none;
  object-fit: cover;
  object-position: center center;
  border: 0;
}

@media (max-width: 767.98px){
  .mix365-live-native .mix365-fs-banner{
    height: 120px;
  }
}




/* MIX365 PRIVATE CHAT PATCH: public / DJ / private message modes */
.mix365-live-native .mix-chat__modebar{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:10px 0 12px;
  padding:8px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.045);
  border-radius:16px;
}
.mix365-live-native .mix-chat__modebtn{
  appearance:none;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.82);
  border-radius:999px;
  padding:8px 12px;
  font-size:12px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
}
.mix365-live-native .mix-chat__modebtn:hover,
.mix365-live-native .mix-chat__modebtn:focus{
  color:#fff;
  border-color:rgba(102,252,241,.35);
  outline:none;
}
.mix365-live-native .mix-chat__modebtn.is-active{
  color:#061018;
  background:#66FCF1;
  border-color:rgba(102,252,241,.8);
  box-shadow:0 10px 24px rgba(102,252,241,.12);
}
.mix365-live-native .mix-chat__privatebar{
  display:none;
  margin:0 0 12px;
  padding:12px;
  border:1px solid rgba(102,252,241,.16);
  background:rgba(102,252,241,.055);
  border-radius:18px;
}
.mix365-live-native .mix-chat__privatebar.is-open{display:block;}
.mix365-live-native .mix-chat__private-status{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#fff;
  font-size:13px;
  font-weight:800;
  margin-bottom:10px;
}
.mix365-live-native .mix-chat__private-tools{
  display:flex;
  gap:8px;
  margin-bottom:10px;
}
.mix365-live-native .mix-chat__private-tools input{
  min-width:0;
  flex:1 1 auto;
  height:38px;
  border-radius:999px;
  padding:0 12px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
}
.mix365-live-native .mix-chat__private-tools button{
  flex:0 0 auto;
  min-height:38px;
  padding:8px 12px;
}
.mix365-live-native .mix-chat__private-threads{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding-bottom:2px;
  scrollbar-width:thin;
}
.mix365-live-native .mix-chat__private-thread{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  max-width:210px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.06);
  color:#fff;
  border-radius:999px;
  padding:6px 10px 6px 6px;
  cursor:pointer;
  text-align:left;
}
.mix365-live-native .mix-chat__private-thread.is-active{
  border-color:rgba(102,252,241,.45);
  background:rgba(102,252,241,.12);
}
.mix365-live-native .mix-chat__private-thread img{
  width:28px;
  height:28px;
  border-radius:50%;
  object-fit:cover;
  flex:0 0 auto;
}
.mix365-live-native .mix-chat__private-thread span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
  font-weight:800;
}
.mix365-live-native .mix-chat__private-unread{
  min-width:18px;
  height:18px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#ff4b4b;
  color:#fff;
  font-size:10px;
  font-weight:900;
}
.mix365-live-native .mix-chat__row--outgoing .mix-chat__bubble{
  border-color:rgba(102,252,241,.22);
  background:rgba(102,252,241,.08);
}
.mix365-live-native .mix-chat__private-empty{
  padding:24px 12px;
  text-align:center;
  color:rgba(255,255,255,.72);
  font-size:14px;
  line-height:1.45;
}
.mix365-live-native .mix-chat__action--pm{
  color:#66FCF1 !important;
}
@media (max-width:575.98px){
  .mix365-live-native .mix-chat__modebar{justify-content:center;}
  .mix365-live-native .mix-chat__modebtn{flex:1 1 auto;}
  .mix365-live-native .mix-chat__private-tools{flex-direction:column;}
  .mix365-live-native .mix-chat__private-tools button{width:100%;}
}




/* MIX365 PATCH: avatar private picker + previous PM avatars + unread badges + full-width chat tabs */
.mix365-live-native .mix-chat__modebar{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(110px, 1fr));
  justify-content:center !important;
  align-items:center;
  gap:10px !important;
  width:100%;
}
.mix365-live-native .mix-chat__modebtn{
  position:relative;
  width:100%;
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  text-align:center;
}
.mix365-live-native .mix-chat__modebtn[hidden]{display:none !important;}
.mix365-live-native .mix-chat__mode-unread{
  position:absolute;
  top:-7px;
  right:-7px;
  min-width:20px;
  height:20px;
  padding:0 6px;
  border-radius:999px;
  display:none;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#ff4b4b,#c91010);
  border:2px solid rgba(8,12,22,.96);
  color:#fff;
  font-size:10px;
  font-weight:900;
  line-height:1;
  box-shadow:0 8px 18px rgba(255,75,75,.28);
  pointer-events:none;
}
.mix365-live-native .mix-chat__mode-unread.is-visible{display:inline-flex;}
.mix365-live-native .mix-chat__private-tools{
  display:block !important;
  margin-bottom:10px;
}
.mix365-live-native .mix-chat__private-tools-row{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.mix365-live-native .mix-chat__private-avatars{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  gap:10px;
  overflow-x:auto;
  padding:4px 2px 8px;
  scrollbar-width:thin;
}
.mix365-live-native .mix-chat__private-avatar{
  position:relative;
  flex:0 0 auto;
  width:64px;
  border:0;
  background:transparent;
  color:#fff;
  padding:0;
  cursor:pointer;
  text-align:center;
}
.mix365-live-native .mix-chat__private-avatar-pic{
  position:relative;
  width:52px;
  height:52px;
  margin:0 auto 5px;
  display:block;
}
.mix365-live-native .mix-chat__private-avatar-pic img{
  width:52px;
  height:52px;
  border-radius:50%;
  object-fit:cover;
  display:block;
  border:2px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
  box-shadow:0 8px 22px rgba(0,0,0,.20);
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.mix365-live-native .mix-chat__private-avatar:hover .mix-chat__private-avatar-pic img,
.mix365-live-native .mix-chat__private-avatar:focus .mix-chat__private-avatar-pic img,
.mix365-live-native .mix-chat__private-avatar.is-active .mix-chat__private-avatar-pic img{
  border-color:rgba(102,252,241,.74);
  box-shadow:0 0 0 3px rgba(102,252,241,.14), 0 8px 22px rgba(0,0,0,.24);
  transform:translateY(-1px);
}
.mix365-live-native .mix-chat__private-avatar:focus{outline:none;}
.mix365-live-native .mix-chat__private-avatar-online{
  position:absolute;
  right:3px;
  bottom:3px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#42f58a;
  border:2px solid rgba(8,12,22,.96);
  box-shadow:0 0 10px rgba(66,245,138,.35);
  display:none;
}
.mix365-live-native .mix-chat__private-avatar.is-online .mix-chat__private-avatar-online{display:block;}
.mix365-live-native .mix-chat__private-avatar:not(.is-online) .mix-chat__private-avatar-pic img{
  opacity:.72;
  filter:saturate(.82) brightness(.92);
}
.mix365-live-native .mix-chat__private-avatar:not(.is-online):hover .mix-chat__private-avatar-pic img,
.mix365-live-native .mix-chat__private-avatar:not(.is-online):focus .mix-chat__private-avatar-pic img,
.mix365-live-native .mix-chat__private-avatar:not(.is-online).is-active .mix-chat__private-avatar-pic img{
  opacity:.95;
  filter:saturate(1) brightness(1);
}
.mix365-live-native .mix-chat__private-avatar-name{
  display:block;
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:rgba(255,255,255,.86);
  font-size:10px;
  line-height:1.1;
  font-weight:800;
}
.mix365-live-native .mix-chat__private-avatar-unread{
  position:absolute;
  top:-5px;
  right:4px;
  min-width:19px;
  height:19px;
  padding:0 5px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#ff4b4b;
  border:2px solid rgba(8,12,22,.96);
  color:#fff;
  font-size:10px;
  font-weight:900;
  line-height:1;
}
.mix365-live-native .mix-chat__private-refresh{
  flex:0 0 auto;
  width:40px;
  min-width:40px;
  height:40px;
  padding:0 !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px !important;
}
.mix365-live-native .mix-chat__private-online-note{
  margin-top:4px;
  color:rgba(255,255,255,.68);
  font-size:12px;
  font-weight:700;
  line-height:1.35;
}
.mix365-live-native .mix-chat__private-thread{
  position:relative;
  padding-right:12px;
}
.mix365-live-native .mix-chat__private-thread.is-online::after{
  content:"";
  position:absolute;
  left:26px;
  bottom:5px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#42f58a;
  border:2px solid rgba(8,12,22,.96);
  box-shadow:0 0 10px rgba(66,245,138,.35);
}
.mix365-live-native .mix-chat__private-thread small{
  color:rgba(255,255,255,.58);
  font-size:10px;
  font-weight:800;
  margin-left:2px;
}
.mix365-live-native .mix-chat__body{
  display:flex;
  flex-direction:column;
}
.mix365-live-native .mix-chat__body > .mix-chat__empty,
.mix365-live-native .mix-chat__body > .mix-chat__private-empty{
  flex:1 1 auto;
  min-height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.mix365-live-native .mix-chat__private-empty{
  color:rgba(255,255,255,.72);
  font-size:14px;
  line-height:1.45;
  padding:20px;
}

/* MIX365 PATCH: guests cannot chat, so hide chat mode bullets/tabs and private controls. */
.mix365-live-native .mix-chat.is-guest .mix-chat__modebar,
.mix365-live-native .mix-chat.is-guest .mix-chat__privatebar{
  display:none !important;
}
@media (max-width:575.98px){
  .mix365-live-native .mix-chat__modebar{grid-template-columns:repeat(auto-fit, minmax(88px, 1fr));}
  .mix365-live-native .mix-chat__modebtn{min-height:38px;font-size:11px;padding-left:8px;padding-right:8px;}
  .mix365-live-native .mix-chat__private-tools-row{gap:8px;}
  .mix365-live-native .mix-chat__private-avatar{width:58px;}
  .mix365-live-native .mix-chat__private-avatar-pic,
.mix365-live-native .mix-chat__private-avatar-pic img{width:48px;height:48px;}
}



/* MIX365 PATCH: full-screen popout option for Public, DJ Chat and Private Chat */
.mix365-live-native .mix-chat__popoutbar{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  margin:0 0 10px;
}
.mix365-live-native .mix-chat__popout-toggle{
  appearance:none;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.07);
  color:#fff;
  border-radius:999px;
  min-height:34px;
  padding:7px 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  font-size:12px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(0,0,0,.14);
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}

.mix365-live-native .mix-chat__popout-toggle--window{
  background:rgba(102,252,241,.10);
  border-color:rgba(102,252,241,.26);
}
.mix365-live-native .mix-chat__popout-toggle--window:hover,
.mix365-live-native .mix-chat__popout-toggle--window:focus{
  background:rgba(102,252,241,.16);
  border-color:rgba(102,252,241,.42);
}
.mix365-live-native.mix365-chat-browser-popout,
.mix365-live-native.mix365-chat-browser-popout{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  margin:0 !important;
  overflow:hidden !important;
  background:#080c18 !important;
}
.mix365-live-native.mix365-chat-browser-popout > *:not(.mix365-chat-popout-mount){
  display:none !important;
}
.mix365-live-native.mix365-chat-browser-popout > .live-chat-mount,
.mix365-live-native.mix365-chat-browser-popout > .live-chat-mount.mix365-chat-popout-mount{
  display:block !important;
}
.mix365-live-native.mix365-chat-browser-popout .mix-chat__popout-toggle[data-chat-popout-toggle]{
  display:none !important;
}
.mix365-live-native.mix365-chat-browser-popout .mix-chat__popout-toggle--window{
  background:rgba(255,75,75,.14);
  border-color:rgba(255,75,75,.34);
}
.mix365-live-native .mix-chat__popout-toggle:hover,
.mix365-live-native .mix-chat__popout-toggle:focus{
  background:rgba(102,252,241,.12);
  border-color:rgba(102,252,241,.34);
  color:#fff;
  transform:translateY(-1px);
  outline:none;
}
.mix365-live-native.mix365-chat-popout-open{
  overflow:hidden !important;
  touch-action:none;
}
.mix365-live-native .mix-chat.is-popout{
  position:fixed !important;
  inset:0 !important;
  z-index:2147482600 !important;
  width:100vw !important;
  height:100vh !important;
  height:100dvh !important;
  max-width:none !important;
  max-height:none !important;
  min-height:0 !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  padding:16px !important;
  padding-top:max(16px, env(safe-area-inset-top)) !important;
  padding-right:max(16px, env(safe-area-inset-right)) !important;
  padding-bottom:max(16px, env(safe-area-inset-bottom)) !important;
  padding-left:max(16px, env(safe-area-inset-left)) !important;
  border-radius:0 !important;
  background:linear-gradient(180deg,rgba(12,18,34,.99),rgba(8,12,24,.99)) !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  overflow:hidden !important;
  overscroll-behavior:contain;
}
.mix365-live-native .mix-chat.is-popout::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.mix365-live-native .mix-chat.is-popout .mix-chat__popoutbar{
  flex:0 0 auto;
  margin:0 0 12px;
}
.mix365-live-native .mix-chat.is-popout .mix-chat__popout-toggle{
  background:rgba(255,75,75,.14);
  border-color:rgba(255,75,75,.32);
}
.mix365-live-native .mix-chat.is-popout .mix-chat__body{
  flex:1 1 auto !important;
  min-height:0 !important;
  max-height:none !important;
  height:auto !important;
  overflow:auto !important;
  -webkit-overflow-scrolling:touch;
}
.mix365-live-native .mix-chat.is-popout .mix-chat__composer{
  flex:0 0 auto !important;
}
.mix365-live-native .mix-chat.is-popout .mix-chat__modebar{
  flex:0 0 auto !important;
}
.mix365-live-native .mix-chat.is-popout .mix-chat__privatebar{
  flex:0 0 auto !important;
}
.mix365-live-native .mix-chat.is-popout .mix-chat__textarea{
  max-height:170px !important;
}
@media (max-width:767.98px){
  .mix365-live-native .mix-chat.is-popout{
    padding:10px !important;
    padding-top:max(10px, env(safe-area-inset-top)) !important;
    padding-right:max(10px, env(safe-area-inset-right)) !important;
    padding-bottom:max(10px, env(safe-area-inset-bottom)) !important;
    padding-left:max(10px, env(safe-area-inset-left)) !important;
  }
  .mix365-live-native .mix-chat__popout-toggle span{
    display:none;
  }
  .mix365-live-native .mix-chat__popout-toggle--window span{
    display:inline;
  }
  .mix365-live-native .mix-chat__popout-toggle{
    width:38px;
    height:38px;
    min-height:38px;
    padding:0;
  }
}



@media (max-width: 991.98px){
  /* Normal stat pills must NOT appear as bullet/loose items on mobile */
  .mix365-live-native .live-top-stats,
.mix365-live-native .live-below-video-row{
    display:none !important;
  }

  /* Mobile action strip: reactions first, then Stats, then DJ/Admin controls */
  .mix365-live-native #mobileVideoActions{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    width:100% !important;
    margin-top:8px !important;
    padding:0 2px !important;
    overflow:visible !important;
    list-style:none !important;
  }

  .mix365-live-native #mobileVideoActions > *{
    list-style:none !important;
    margin-top:0 !important;
  }

  .mix365-live-native #mobileVideoActions > #liveReactionsRow{
    order:1 !important;
  }

  .mix365-live-native #mobileVideoActions > #mobileStatsBtn{
    order:2 !important;
  }

  .mix365-live-native #mobileVideoActions > #mobileTrackIdToggleBtn{
    order:3 !important;
  }

  .mix365-live-native #mobileVideoActions > #mobileLiveAdminBtn{
    order:4 !important;
  }

  .mix365-live-native #mobileVideoActions > #mobileAnnounceNextBtn{
    order:5 !important;
  }

  .mix365-live-native #mobileVideoActions > #liveLikeBtn{
    order:6 !important;
  }

  .mix365-live-native #mobileVideoActions > #liveReactionsRow{
    position:relative !important;
    display:inline-flex !important;
    flex:0 0 34px !important;
    width:34px !important;
    min-width:34px !important;
    max-width:34px !important;
    height:34px !important;
    min-height:34px !important;
    margin:0 !important;
    overflow:visible !important;
    z-index:120 !important;
  }

  .mix365-live-native #mobileVideoActions > #liveReactionsRow.offline-hidden{
    display:none !important;
  }

  .mix365-live-native #mobileVideoActions .live-reaction-toggle,
.mix365-live-native #mobileVideoActions .live-reaction-btn{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
    padding:0 !important;
    border-radius:999px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:17px !important;
    line-height:1 !important;
  }

  .mix365-live-native #mobileVideoActions .live-reaction-toggle{
    position:relative !important;
    left:auto !important;
    bottom:auto !important;
    z-index:125 !important;
  }

  .mix365-live-native #mobileVideoActions .live-reaction-btn{
    position:absolute !important;
    left:0 !important;
    bottom:0 !important;
    opacity:0 !important;
    pointer-events:none !important;
    transform:translateY(0) scale(.82) !important;
  }

  .mix365-live-native #mobileVideoActions .live-reaction-btn.is-word{
    font-size:8px !important;
    letter-spacing:.01em !important;
  }

  .mix365-live-native #mobileVideoActions #liveReactionsRow.is-open .live-reaction-btn{
    opacity:1 !important;
    pointer-events:auto !important;
  }

  .mix365-live-native #mobileVideoActions #liveReactionsRow.is-open .live-reaction-btn:nth-of-type(2){transform:translateY(-40px) scale(1) !important;}
  .mix365-live-native #mobileVideoActions #liveReactionsRow.is-open .live-reaction-btn:nth-of-type(3){transform:translateY(-80px) scale(1) !important;}
  .mix365-live-native #mobileVideoActions #liveReactionsRow.is-open .live-reaction-btn:nth-of-type(4){transform:translateY(-120px) scale(1) !important;}
  .mix365-live-native #mobileVideoActions #liveReactionsRow.is-open .live-reaction-btn:nth-of-type(5){transform:translateY(-160px) scale(1) !important;}
  .mix365-live-native #mobileVideoActions #liveReactionsRow.is-open .live-reaction-btn:nth-of-type(6){transform:translateY(-200px) scale(1) !important;}
  .mix365-live-native #mobileVideoActions #liveReactionsRow.is-open .live-reaction-btn:nth-of-type(7){transform:translateY(-240px) scale(1) !important;}

  .mix365-live-native #mobileVideoActions > #mobileStatsBtn,
.mix365-live-native #mobileVideoActions > #mobileTrackIdToggleBtn,
.mix365-live-native #mobileVideoActions > #mobileLiveAdminBtn,
.mix365-live-native #mobileVideoActions > #mobileAnnounceNextBtn,
.mix365-live-native #mobileVideoActions > #liveLikeBtn{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:34px !important;
    height:34px !important;
    padding:6px 9px !important;
    gap:5px !important;
    border-radius:999px !important;
    font-size:10.5px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  .mix365-live-native #mobileVideoActions > #mobileStatsBtn i,
.mix365-live-native #mobileVideoActions > #mobileTrackIdToggleBtn i,
.mix365-live-native #mobileVideoActions > #mobileLiveAdminBtn i,
.mix365-live-native #mobileVideoActions > #mobileAnnounceNextBtn i,
.mix365-live-native #mobileVideoActions > #liveLikeBtn i{
    font-size:10px !important;
    margin:0 !important;
  }

  .mix365-live-native #mobileVideoActions > #mobileStatsBtn span,
.mix365-live-native #mobileVideoActions > #mobileTrackIdToggleBtn span,
.mix365-live-native #mobileVideoActions > #mobileLiveAdminBtn span,
.mix365-live-native #mobileVideoActions > #mobileAnnounceNextBtn span,
.mix365-live-native #mobileVideoActions > #liveLikeBtn span{
    font-size:10.5px !important;
    line-height:1 !important;
  }

  /* The only mobile stats display is this overlay over the video */
  .mix365-live-native #mobileStatsOverlay{
    list-style:none !important;
  }

  .mix365-live-native #mobileStatsOverlay .mobile-stats-overlay-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  .mix365-live-native #mobileStatsOverlay .mobile-stats-overlay-grid > .live-stat-pill{
    display:inline-flex !important;
    list-style:none !important;
    min-width:0 !important;
    width:100% !important;
    max-width:none !important;
    min-height:50px !important;
    margin:0 !important;
    padding:10px 12px !important;
    justify-content:center !important;
    text-align:center !important;
  }
}

@media (max-width: 380px){
  .mix365-live-native #mobileVideoActions{
    gap:4px !important;
  }

  .mix365-live-native #mobileVideoActions > #mobileStatsBtn,
.mix365-live-native #mobileVideoActions > #mobileTrackIdToggleBtn,
.mix365-live-native #mobileVideoActions > #mobileLiveAdminBtn,
.mix365-live-native #mobileVideoActions > #mobileAnnounceNextBtn,
.mix365-live-native #mobileVideoActions > #liveLikeBtn{
    padding:6px 7px !important;
    font-size:10px !important;
  }
}



@media (max-width: 991.98px){
  .mix365-live-native #mobileVideoActions{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    width:100% !important;
    margin-top:8px !important;
    padding:0 2px !important;
    overflow:visible !important;
    list-style:none !important;
  }

  .mix365-live-native #mobileVideoActions > *{
    list-style:none !important;
    margin:0 !important;
  }

  .mix365-live-native #mobileVideoActions > #liveReactionsRow{
    order:1 !important;
    position:relative !important;
    display:inline-flex !important;
    flex:0 0 34px !important;
    width:34px !important;
    min-width:34px !important;
    max-width:34px !important;
    height:34px !important;
    min-height:34px !important;
    overflow:visible !important;
    z-index:999 !important;
  }

  .mix365-live-native #mobileVideoActions > #mobileStatsBtn{order:2 !important;}
  .mix365-live-native #mobileVideoActions > #mobileTrackIdToggleBtn{order:3 !important;}
  .mix365-live-native #mobileVideoActions > #mobileLiveAdminBtn{order:4 !important;}
  .mix365-live-native #mobileVideoActions > #mobileAnnounceNextBtn{order:5 !important;}
  .mix365-live-native #mobileVideoActions > #liveLikeBtn{order:6 !important;}

  .mix365-live-native #mobileVideoActions .live-reaction-toggle{
    display:inline-flex !important;
    position:relative !important;
    z-index:1002 !important;
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
    padding:0 !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    font-size:17px !important;
    line-height:1 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  .mix365-live-native #mobileVideoActions .live-reaction-btn{
    display:inline-flex !important;
    position:absolute !important;
    left:0 !important;
    bottom:0 !important;
    z-index:1001 !important;
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
    padding:0 !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    font-size:17px !important;
    line-height:1 !important;
    opacity:0 !important;
    pointer-events:none !important;
    transform:translate3d(0,0,0) scale(.82) !important;
    transition:transform .16s ease, opacity .16s ease !important;
    touch-action:manipulation !important;
  }

  .mix365-live-native #mobileVideoActions .live-reaction-btn.is-word{
    font-size:8px !important;
    letter-spacing:.01em !important;
  }

  .mix365-live-native #mobileVideoActions #liveReactionsRow.is-open .live-reaction-btn{
    opacity:1 !important;
    pointer-events:auto !important;
  }

  .mix365-live-native #mobileVideoActions #liveReactionsRow.is-open .live-reaction-btn:nth-of-type(2){transform:translate3d(0,-40px,0) scale(1) !important;}
  .mix365-live-native #mobileVideoActions #liveReactionsRow.is-open .live-reaction-btn:nth-of-type(3){transform:translate3d(0,-80px,0) scale(1) !important;}
  .mix365-live-native #mobileVideoActions #liveReactionsRow.is-open .live-reaction-btn:nth-of-type(4){transform:translate3d(0,-120px,0) scale(1) !important;}
  .mix365-live-native #mobileVideoActions #liveReactionsRow.is-open .live-reaction-btn:nth-of-type(5){transform:translate3d(0,-160px,0) scale(1) !important;}
  .mix365-live-native #mobileVideoActions #liveReactionsRow.is-open .live-reaction-btn:nth-of-type(6){transform:translate3d(0,-200px,0) scale(1) !important;}
  .mix365-live-native #mobileVideoActions #liveReactionsRow.is-open .live-reaction-btn:nth-of-type(7){transform:translate3d(0,-240px,0) scale(1) !important;}

  .mix365-live-native #mobileVideoActions > #mobileStatsBtn,
.mix365-live-native #mobileVideoActions > #mobileTrackIdToggleBtn,
.mix365-live-native #mobileVideoActions > #mobileLiveAdminBtn,
.mix365-live-native #mobileVideoActions > #mobileAnnounceNextBtn,
.mix365-live-native #mobileVideoActions > #liveLikeBtn{
    display:inline-flex !important;
    flex:0 1 auto !important;
    width:auto !important;
    max-width:150px !important;
    min-width:0 !important;
    min-height:34px !important;
    height:34px !important;
    padding:6px 9px !important;
    gap:5px !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    font-size:10.5px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    touch-action:manipulation !important;
  }

  .mix365-live-native #mobileStatsBtn{
    cursor:pointer !important;
    pointer-events:auto !important;
    z-index:500 !important;
  }

  .mix365-live-native #mobileStatsOverlay{
    list-style:none !important;
    z-index:950 !important;
  }

  .mix365-live-native #mobileStatsOverlay.is-open{
    display:flex !important;
    pointer-events:auto !important;
  }

  .mix365-live-native #mobileStatsOverlay .mobile-stats-overlay-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  .mix365-live-native #mobileStatsOverlay .mobile-stats-overlay-grid > .live-stat-pill{
    display:inline-flex !important;
    list-style:none !important;
    min-width:0 !important;
    width:100% !important;
    max-width:none !important;
    min-height:50px !important;
    margin:0 !important;
    padding:10px 12px !important;
    justify-content:center !important;
    text-align:center !important;
  }
}



@media (min-width: 992px){
  /* Keep the whole desktop below-video row inline, but make reactions only one visible pill */
  .mix365-live-native #liveBelowVideoRow{
    overflow:visible !important;
  }

  .mix365-live-native #liveBelowVideoRow > #liveReactionsRow{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 46px !important;
    width:46px !important;
    min-width:46px !important;
    max-width:46px !important;
    height:46px !important;
    min-height:46px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    outline:0 !important;
    border-radius:999px !important;
    overflow:visible !important;
    z-index:300 !important;
  }

  .mix365-live-native #liveBelowVideoRow > #liveReactionsRow.offline-hidden{
    display:none !important;
  }

  .mix365-live-native #liveBelowVideoRow #liveReactionToggle,
.mix365-live-native #liveBelowVideoRow #liveReactionsRow .live-reaction-btn{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
    max-width:46px !important;
    max-height:46px !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:999px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:20px !important;
    line-height:1 !important;
    border:1px solid rgba(255,255,255,0.18) !important;
    background:rgba(255,255,255,0.08) !important;
    color:#fff !important;
    box-shadow:0 10px 24px rgba(0,0,0,0.18) !important;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    cursor:pointer !important;
    overflow:visible !important;
  }

  .mix365-live-native #liveBelowVideoRow #liveReactionToggle{
    position:relative !important;
    z-index:306 !important;
    opacity:1 !important;
    pointer-events:auto !important;
    appearance:none !important;
  }

  .mix365-live-native #liveBelowVideoRow #liveReactionsRow.is-open #liveReactionToggle{
    background:rgba(102,252,241,0.16) !important;
    border-color:rgba(102,252,241,0.36) !important;
  }

  .mix365-live-native #liveBelowVideoRow #liveReactionsRow .live-reaction-btn{
    position:absolute !important;
    left:0 !important;
    bottom:0 !important;
    z-index:305 !important;
    opacity:0 !important;
    pointer-events:none !important;
    transform:translate3d(0,0,0) scale(.82) !important;
    transition:transform .18s cubic-bezier(.18,.82,.28,1.18), opacity .16s ease, background .16s ease, border-color .16s ease !important;
  }

  .mix365-live-native #liveBelowVideoRow #liveReactionsRow .live-reaction-btn.is-word{
    font-size:10px !important;
    letter-spacing:.02em !important;
    text-transform:uppercase !important;
    color:#66FCF1 !important;
  }

  .mix365-live-native #liveBelowVideoRow #liveReactionsRow.is-open .live-reaction-btn{
    opacity:1 !important;
    pointer-events:auto !important;
  }

  .mix365-live-native #liveBelowVideoRow #liveReactionsRow.is-open .live-reaction-btn:nth-of-type(2){transform:translate3d(0,-54px,0) scale(1) !important;}
  .mix365-live-native #liveBelowVideoRow #liveReactionsRow.is-open .live-reaction-btn:nth-of-type(3){transform:translate3d(0,-108px,0) scale(1) !important;}
  .mix365-live-native #liveBelowVideoRow #liveReactionsRow.is-open .live-reaction-btn:nth-of-type(4){transform:translate3d(0,-162px,0) scale(1) !important;}
  .mix365-live-native #liveBelowVideoRow #liveReactionsRow.is-open .live-reaction-btn:nth-of-type(5){transform:translate3d(0,-216px,0) scale(1) !important;}
  .mix365-live-native #liveBelowVideoRow #liveReactionsRow.is-open .live-reaction-btn:nth-of-type(6){transform:translate3d(0,-270px,0) scale(1) !important;}
  .mix365-live-native #liveBelowVideoRow #liveReactionsRow.is-open .live-reaction-btn:nth-of-type(7){transform:translate3d(0,-324px,0) scale(1) !important;}

  .mix365-live-native #liveBelowVideoRow #liveReactionCooldown{
    position:absolute !important;
    left:52px !important;
    top:14px !important;
    min-width:34px !important;
    width:auto !important;
    white-space:nowrap !important;
    z-index:304 !important;
  }
}



/* MIX365 PATCH: keep Public / DJ Chat / Private directly below Translate / Clean Chat, centred and evenly spaced. */
.mix365-live-native .mix-chat [data-chat-livecomposer]{
  display:flex !important;
  flex-direction:column !important;
}
.mix365-live-native .mix-chat__toolbar{
  order:50 !important;
}
.mix365-live-native .mix-chat__modebar{
  order:60 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  flex-wrap:nowrap !important;
  width:min(100%, 520px) !important;
  margin:8px auto 10px !important;
  padding:8px !important;
  border-radius:18px !important;
  box-sizing:border-box !important;
}
.mix365-live-native .mix-chat__modebar .mix-chat__modebtn{
  flex:1 1 0 !important;
  min-width:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  text-align:center !important;
  white-space:nowrap !important;
}
.mix365-live-native .mix-chat__privatebar{
  order:61 !important;
  width:100% !important;
  box-sizing:border-box !important;
}
.mix365-live-native .mix-chat__compose{
  order:40 !important;
}
@media (max-width:575.98px){
  .mix365-live-native .mix-chat__modebar{
    width:100% !important;
    max-width:360px !important;
    gap:8px !important;
    margin:8px auto 10px !important;
    padding:7px !important;
  }
  .mix365-live-native .mix-chat__modebar .mix-chat__modebtn{
    padding:8px 7px !important;
    font-size:11px !important;
  }
  .mix365-live-native .mix-chat__modebar .mix-chat__modebtn i{
    margin-right:0 !important;
  }
}



/* MIX365 PATCH: mobile private chat selector must not swallow the chat screen.
   - No recipient selected: hide the disabled message input/body on mobile and show a compact picker.
   - Recipient selected: hide the picker and show the private message thread only. */
.mix365-live-native .mix-chat.is-private-active .mix-chat__private-tools,
.mix365-live-native .mix-chat.is-private-active .mix-chat__private-threads{
  display:none !important;
}
.mix365-live-native .mix-chat.is-private-active .mix-chat__privatebar{
  padding:8px 10px !important;
  margin:6px auto 8px !important;
  border-radius:14px !important;
}
.mix365-live-native .mix-chat.is-private-active .mix-chat__private-status{
  margin-bottom:0 !important;
}
.mix365-live-native .mix-chat.is-private-active .mix-chat__private-status span{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.mix365-live-native .mix-chat.is-private-active .mix-chat__private-status [data-chat-private-clear]{
  flex:0 0 auto !important;
  width:auto !important;
  min-height:30px !important;
  padding:6px 10px !important;
  font-size:11px !important;
}
@media (max-width:575.98px){
  .mix365-live-native .live-chat-mount{
    padding:12px !important;
  }
  .mix365-live-native .mix-chat{
    min-height:0 !important;
  }
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__body{
    display:none !important;
    min-height:0 !important;
    height:0 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
  }
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__compose{
    display:none !important;
  }
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__privatebar{
    padding:10px !important;
    margin:6px auto 8px !important;
    border-radius:16px !important;
    max-height:none !important;
    overflow:visible !important;
  }
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__private-status{
    margin-bottom:6px !important;
    font-size:12px !important;
    line-height:1.25 !important;
  }
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__private-tools{
    margin-bottom:4px !important;
  }
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__private-tools-row{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    min-width:0 !important;
  }
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__private-avatars{
    flex:1 1 auto !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:8px !important;
    min-width:0 !important;
    max-height:58px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:2px 0 4px !important;
  }
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__private-avatars .mix-chat__sub{
    white-space:nowrap !important;
    font-size:11px !important;
    line-height:1.2 !important;
    margin:0 !important;
    padding:0 4px !important;
  }
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__private-avatar{
    width:46px !important;
    min-width:46px !important;
  }
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__private-avatar-pic,
.mix365-live-native .mix-chat.is-private-picker .mix-chat__private-avatar-pic img{
    width:38px !important;
    height:38px !important;
  }
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__private-avatar-pic{
    margin-bottom:3px !important;
  }
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__private-avatar-name{
    font-size:9px !important;
    line-height:1.05 !important;
  }
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__private-avatar-online{
    width:10px !important;
    height:10px !important;
    right:2px !important;
    bottom:2px !important;
  }
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__private-avatar-unread{
    top:-6px !important;
    right:1px !important;
  }
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__private-refresh{
    flex:0 0 38px !important;
    width:38px !important;
    min-width:38px !important;
    max-width:38px !important;
    height:38px !important;
    min-height:38px !important;
    padding:0 !important;
    border-radius:999px !important;
  }
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__private-online-note{
    display:none !important;
  }
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__private-threads{
    max-height:48px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:4px 0 0 !important;
    gap:6px !important;
  }
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__private-thread{
    height:38px !important;
    max-width:132px !important;
    padding:5px 9px 5px 5px !important;
    gap:6px !important;
  }
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__private-thread img{
    width:28px !important;
    height:28px !important;
  }
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__private-thread span{
    font-size:11px !important;
  }
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__private-thread small{
    display:none !important;
  }
  .mix365-live-native .mix-chat.is-private-active .mix-chat__body{
    display:block !important;
    min-height:260px !important;
    max-height:46vh !important;
    overflow-y:auto !important;
  }
  .mix365-live-native .mix-chat.is-private-active .mix-chat__privatebar{
    padding:7px 9px !important;
    margin:5px auto 7px !important;
  }
  .mix365-live-native .mix-chat.is-private-active .mix-chat__private-status{
    gap:8px !important;
    font-size:12px !important;
  }
  .mix365-live-native .mix-chat.is-private-active .mix-chat__private-status [data-chat-private-clear]{
    min-height:28px !important;
    padding:5px 8px !important;
    font-size:10px !important;
  }
}
@media (max-width:390px){
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__private-avatar{
    width:42px !important;
    min-width:42px !important;
  }
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__private-avatar-pic,
.mix365-live-native .mix-chat.is-private-picker .mix-chat__private-avatar-pic img{
    width:34px !important;
    height:34px !important;
  }
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__private-refresh{
    flex-basis:34px !important;
    width:34px !important;
    min-width:34px !important;
    max-width:34px !important;
    height:34px !important;
    min-height:34px !important;
  }
}



/* MIX365 PATCH: avoid duplicate private chat recipient UI.
   Recipients are shown as avatars only; the old avatar+name thread pills are hidden. */
.mix365-live-native .mix-chat__private-threads,
.mix365-live-native .mix-chat.is-private-picker .mix-chat__private-threads,
.mix365-live-native .mix-chat.is-private-active .mix-chat__private-threads{
  display:none !important;
}



/* MIX365 FIX: make chat popout a true top-layer fullscreen overlay on mobile/desktop. */
.mix365-live-native.mix365-chat-popout-open,
.mix365-live-native.mix365-chat-popout-open{
  overflow:hidden !important;
  overscroll-behavior:none !important;
  width:100% !important;
  height:100% !important;
  max-height:100% !important;
}
.mix365-live-native.mix365-chat-popout-open{
  touch-action:auto !important;
}
.mix365-live-native > .live-chat-mount.mix365-chat-popout-mount,
.mix365-live-native .live-chat-mount.mix365-chat-popout-mount{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483646 !important;
  width:100vw !important;
  height:100vh !important;
  height:100svh !important;
  height:100dvh !important;
  min-height:100vh !important;
  min-height:100svh !important;
  min-height:100dvh !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  display:block !important;
  align-items:stretch !important;
  justify-content:stretch !important;
  overflow:hidden !important;
  transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  isolation:isolate !important;
}
.mix365-live-native .live-chat-mount.mix365-chat-popout-mount .mix-chat.is-popout,
.mix365-live-native > .live-chat-mount.mix365-chat-popout-mount .mix-chat.is-popout{
  position:fixed !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:0 !important;
  inset:0 !important;
  z-index:2147483647 !important;
  width:100vw !important;
  height:100vh !important;
  height:100svh !important;
  height:100dvh !important;
  min-width:100vw !important;
  min-height:100vh !important;
  min-height:100svh !important;
  min-height:100dvh !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  isolation:isolate !important;
}
.mix365-live-native .live-chat-mount.mix365-chat-popout-mount .mix-chat.is-popout::before{
  z-index:-1 !important;
}
.mix365-live-native .live-chat-mount.mix365-chat-popout-mount .mix-chat.is-popout .mix-chat__popoutbar{
  position:sticky !important;
  top:0 !important;
  z-index:2147483647 !important;
  display:flex !important;
  justify-content:flex-end !important;
  pointer-events:auto !important;
}
.mix365-live-native .live-chat-mount.mix365-chat-popout-mount .mix-chat.is-popout .mix-chat__body{
  touch-action:pan-y !important;
  -webkit-overflow-scrolling:touch !important;
}
.mix365-live-native .live-chat-mount.mix365-chat-popout-mount .mix-chat.is-popout .mix-chat__popout-toggle{
  position:relative !important;
  z-index:2147483647 !important;
  pointer-events:auto !important;
}
@media (max-width:767.98px){
  .mix365-live-native .live-chat-mount.mix365-chat-popout-mount .mix-chat.is-popout{
    padding:8px !important;
    padding-top:max(8px, env(safe-area-inset-top)) !important;
    padding-right:max(8px, env(safe-area-inset-right)) !important;
    padding-bottom:max(8px, env(safe-area-inset-bottom)) !important;
    padding-left:max(8px, env(safe-area-inset-left)) !important;
  }
  .mix365-live-native .live-chat-mount.mix365-chat-popout-mount .mix-chat.is-popout .mix-chat__popout-toggle{
    width:auto !important;
    min-width:76px !important;
    height:40px !important;
    min-height:40px !important;
    padding:0 13px !important;
    border-radius:999px !important;
  }
  .mix365-live-native .live-chat-mount.mix365-chat-popout-mount .mix-chat.is-popout .mix-chat__popout-toggle span{
    display:inline !important;
    font-size:12px !important;
  }
}



/* MIX365 PATCH: desktop chat cleanup after full-screen popout.
   Fixes the desktop private-picker layout so it no longer leaves a huge empty
   message area, duplicated helper text, or a misplaced refresh button. */
.mix365-live-native .mix-chat.is-private-picker .mix-chat__body{
  display:none !important;
  min-height:0 !important;
  height:0 !important;
  max-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
}
.mix365-live-native .mix-chat.is-private-picker .mix-chat__compose{
  display:none !important;
}
.mix365-live-native .mix-chat.is-private-picker .mix-chat__composer{
  margin-top:0 !important;
  padding-top:0 !important;
  border-top:0 !important;
}
.mix365-live-native .mix-chat.is-private-picker .mix-chat__privatebar{
  width:min(100%, 640px) !important;
  margin:0 auto 4px !important;
  padding:12px 14px !important;
  border-radius:18px !important;
  background:rgba(102,252,241,.055) !important;
  border:1px solid rgba(102,252,241,.20) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.14) !important;
  overflow:hidden !important;
}
.mix365-live-native .mix-chat.is-private-picker .mix-chat__private-status{
  margin:0 0 8px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  color:#fff !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
}
.mix365-live-native .mix-chat.is-private-picker .mix-chat__private-tools{
  margin:0 !important;
}
.mix365-live-native .mix-chat.is-private-picker .mix-chat__private-tools-row{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
}
.mix365-live-native .mix-chat.is-private-picker .mix-chat__private-avatars{
  flex:1 1 auto !important;
  min-width:0 !important;
  min-height:44px !important;
  max-height:86px !important;
  padding:2px 2px 4px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
}
.mix365-live-native .mix-chat.is-private-picker .mix-chat__private-avatars .mix-chat__sub{
  margin:0 !important;
  padding:0 4px !important;
  color:rgba(255,255,255,.72) !important;
  font-size:12px !important;
  line-height:1.3 !important;
  font-weight:800 !important;
  text-align:left !important;
  white-space:normal !important;
}
.mix365-live-native .mix-chat.is-private-picker .mix-chat__private-refresh{
  flex:0 0 42px !important;
  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:center !important;
  margin:0 !important;
}
.mix365-live-native .mix-chat.is-private-picker .mix-chat__private-online-note{
  display:none !important;
}
.mix365-live-native .mix-chat.is-private-picker .mix-chat__modebar{
  margin-top:8px !important;
  margin-bottom:10px !important;
}

/* Keep the standard desktop chat tidy without affecting public/DJ message mode. */
@media (min-width:768px){
  .mix365-live-native .live-chat-mount{
    align-items:stretch !important;
    justify-content:flex-start !important;
  }
  .mix365-live-native .mix-chat{
    min-height:0 !important;
  }
  .mix365-live-native .mix-chat__popoutbar{
    margin:0 0 10px !important;
  }
  .mix365-live-native .mix-chat__popout-toggle{
    min-height:34px !important;
  }
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__private-avatar{
    width:58px !important;
    min-width:58px !important;
  }
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__private-avatar-pic,
.mix365-live-native .mix-chat.is-private-picker .mix-chat__private-avatar-pic img{
    width:48px !important;
    height:48px !important;
  }
}

/* Desktop full-screen popout: full viewport overlay, but the chat content stays readable. */
@media (min-width:768px){
  .mix365-live-native .live-chat-mount.mix365-chat-popout-mount .mix-chat.is-popout{
    padding:20px 28px !important;
  }
  .mix365-live-native .live-chat-mount.mix365-chat-popout-mount .mix-chat.is-popout .mix-chat__popoutbar,
.mix365-live-native .live-chat-mount.mix365-chat-popout-mount .mix-chat.is-popout .mix-chat__body,
.mix365-live-native .live-chat-mount.mix365-chat-popout-mount .mix-chat.is-popout .mix-chat__newbar,
.mix365-live-native .live-chat-mount.mix365-chat-popout-mount .mix-chat.is-popout .mix-chat__composer{
    width:min(100%, 1180px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .mix365-live-native .live-chat-mount.mix365-chat-popout-mount .mix-chat.is-popout .mix-chat__body{
    min-height:0 !important;
    border-radius:18px !important;
    padding:10px 12px !important;
    background:rgba(255,255,255,.025) !important;
    border:1px solid rgba(255,255,255,.06) !important;
  }
  .mix365-live-native .live-chat-mount.mix365-chat-popout-mount .mix-chat.is-popout.is-private-picker .mix-chat__body{
    display:none !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
  }
  .mix365-live-native .live-chat-mount.mix365-chat-popout-mount .mix-chat.is-popout.is-private-picker .mix-chat__composer{
    margin-top:auto !important;
    margin-bottom:auto !important;
  }
  .mix365-live-native .live-chat-mount.mix365-chat-popout-mount .mix-chat.is-popout.is-private-picker .mix-chat__privatebar{
    width:min(100%, 760px) !important;
  }
}

@media (max-width:575.98px){
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__privatebar{
    width:100% !important;
    padding:10px !important;
    margin:6px auto 8px !important;
  }
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__private-avatars{
    max-height:58px !important;
    flex-wrap:nowrap !important;
  }
  .mix365-live-native .mix-chat.is-private-picker .mix-chat__private-refresh{
    flex-basis:38px !important;
    width:38px !important;
    min-width:38px !important;
    max-width:38px !important;
    height:38px !important;
    min-height:38px !important;
  }
}



/* MIX365 PATCH: keep Translate/Clean Chat and Public/DJ/Private buttons side-by-side on mobile. */
@media (max-width:575.98px){
  .mix365-live-native .mix-chat__toolbar{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    width:100% !important;
    max-width:none !important;
    margin:6px auto 0 !important;
    padding:0 2px !important;
    box-sizing:border-box !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__count{
    display:none !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__translatebar,
.mix365-live-native .mix-chat__toolbar .mix-chat__filterbar{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    white-space:nowrap !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__translatebar span,
.mix365-live-native .mix-chat__toolbar .mix-chat__filterbar span{
    flex:0 0 auto !important;
    font-size:10.5px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__translatebar select,
.mix365-live-native .mix-chat__toolbar .mix-chat__filterbar select{
    flex:1 1 auto !important;
    min-width:0 !important;
    width:100% !important;
    max-width:118px !important;
    height:30px !important;
    min-height:30px !important;
    padding:0 22px 0 9px !important;
    border-radius:999px !important;
    font-size:11px !important;
    line-height:1 !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__filter-status{
    grid-column:1 / -1 !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
    font-size:10.5px !important;
    line-height:1.25 !important;
  }

  .mix365-live-native .mix-chat__modebar{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    width:100% !important;
    max-width:none !important;
    margin:7px auto 8px !important;
    padding:6px !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  .mix365-live-native .mix-chat__modebar .mix-chat__modebtn{
    flex:1 1 0 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    padding:8px 4px !important;
    border-radius:999px !important;
    font-size:10.5px !important;
    font-weight:900 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .mix365-live-native .mix-chat__modebar .mix-chat__modebtn i{
    flex:0 0 auto !important;
    margin:0 !important;
    font-size:10px !important;
  }

  .mix365-live-native .mix-chat__modebar .mix-chat__mode-unread{
    flex:0 0 auto !important;
    min-width:17px !important;
    height:17px !important;
    padding:0 4px !important;
    font-size:9px !important;
    line-height:17px !important;
  }
}

@media (max-width:360px){
  .mix365-live-native .mix-chat__toolbar{
    gap:5px !important;
    padding:0 !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__translatebar,
.mix365-live-native .mix-chat__toolbar .mix-chat__filterbar{
    gap:4px !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__translatebar span,
.mix365-live-native .mix-chat__toolbar .mix-chat__filterbar span{
    font-size:10px !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__translatebar select,
.mix365-live-native .mix-chat__toolbar .mix-chat__filterbar select{
    max-width:94px !important;
    height:28px !important;
    min-height:28px !important;
    padding-left:7px !important;
    padding-right:20px !important;
    font-size:10.5px !important;
  }

  .mix365-live-native .mix-chat__modebar{
    gap:5px !important;
    padding:5px !important;
  }

  .mix365-live-native .mix-chat__modebar .mix-chat__modebtn{
    gap:3px !important;
    padding:7px 3px !important;
    font-size:10px !important;
  }
}



/* MIX365 PATCH: force Translate/Clean Chat controls to stay inline on mobile.
   This uses the toolbar itself as a 4-column grid so labels cannot stack above selects. */
@media (max-width:575.98px){
  .mix365-live-native .mix-chat__toolbar{
    display:grid !important;
    grid-template-columns:auto minmax(92px, 132px) auto minmax(92px, 132px) !important;
    align-items:center !important;
    justify-content:center !important;
    column-gap:6px !important;
    row-gap:4px !important;
    width:100% !important;
    max-width:100% !important;
    margin:6px auto 0 !important;
    padding:0 2px !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__count{
    display:none !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__translatebar,
.mix365-live-native .mix-chat__toolbar .mix-chat__filterbar{
    display:contents !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__translatebar span,
.mix365-live-native .mix-chat__toolbar .mix-chat__filterbar span{
    display:block !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    color:rgba(255,255,255,.74) !important;
    font-size:10.5px !important;
    font-weight:900 !important;
    line-height:1 !important;
    white-space:nowrap !important;
    text-align:right !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__translatebar select,
.mix365-live-native .mix-chat__toolbar .mix-chat__filterbar select{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:30px !important;
    min-height:30px !important;
    margin:0 !important;
    padding:0 22px 0 10px !important;
    border-radius:999px !important;
    font-size:11px !important;
    font-weight:900 !important;
    line-height:1 !important;
    box-sizing:border-box !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__filter-status{
    grid-column:1 / -1 !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:2px auto 0 !important;
    padding:0 !important;
    text-align:center !important;
    font-size:10.5px !important;
    line-height:1.22 !important;
    white-space:normal !important;
  }

  .mix365-live-native .mix-chat__modebar{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    width:100% !important;
    max-width:100% !important;
    margin:7px auto 8px !important;
    padding:6px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  .mix365-live-native .mix-chat__modebar .mix-chat__modebtn{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    padding:8px 3px !important;
    border-radius:999px !important;
    font-size:10.5px !important;
    font-weight:900 !important;
    line-height:1 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .mix365-live-native .mix-chat__modebar .mix-chat__modebtn i{
    flex:0 0 auto !important;
    margin:0 !important;
    font-size:10px !important;
  }
}

@media (max-width:390px){
  .mix365-live-native .mix-chat__toolbar{
    grid-template-columns:auto minmax(82px, 116px) auto minmax(82px, 116px) !important;
    column-gap:5px !important;
    padding:0 !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__translatebar span,
.mix365-live-native .mix-chat__toolbar .mix-chat__filterbar span{
    font-size:9.8px !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__translatebar select,
.mix365-live-native .mix-chat__toolbar .mix-chat__filterbar select{
    height:28px !important;
    min-height:28px !important;
    padding-left:8px !important;
    padding-right:19px !important;
    font-size:10.5px !important;
  }

  .mix365-live-native .mix-chat__modebar .mix-chat__modebtn{
    font-size:10px !important;
    padding-left:2px !important;
    padding-right:2px !important;
  }
}

@media (max-width:350px){
  .mix365-live-native .mix-chat__toolbar{
    grid-template-columns:1fr 1fr !important;
    row-gap:5px !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__translatebar,
.mix365-live-native .mix-chat__toolbar .mix-chat__filterbar{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    width:100% !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__translatebar span,
.mix365-live-native .mix-chat__toolbar .mix-chat__filterbar span{
    text-align:left !important;
  }
}



/* MIX365 PATCH: compact mobile chat controls.
   Fixes overlap by making the two control pills half-width flex items,
   shortening mobile labels, and reducing the Public/DJ/Private pill padding. */
@media (max-width:575.98px){
  .mix365-live-native .mix-chat__toolbar{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px 6px !important;
    width:100% !important;
    max-width:100% !important;
    margin:6px auto 0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__count{
    display:none !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__translatebar,
.mix365-live-native .mix-chat__toolbar .mix-chat__filterbar{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:1 1 calc(50% - 3px) !important;
    width:calc(50% - 3px) !important;
    min-width:0 !important;
    max-width:calc(50% - 3px) !important;
    gap:4px !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    white-space:nowrap !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__translatebar span,
.mix365-live-native .mix-chat__toolbar .mix-chat__filterbar span{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:42px !important;
    margin:0 !important;
    padding:0 !important;
    color:rgba(255,255,255,.74) !important;
    font-size:0 !important;
    font-weight:900 !important;
    line-height:1 !important;
    text-align:left !important;
    overflow:hidden !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__translatebar span::before{
    content:"Translate";
    font-size:9.5px !important;
    line-height:1 !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__filterbar span::before{
    content:"Clean";
    font-size:9.5px !important;
    line-height:1 !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__translatebar select,
.mix365-live-native .mix-chat__toolbar .mix-chat__filterbar select{
    flex:1 1 auto !important;
    display:block !important;
    width:auto !important;
    min-width:58px !important;
    max-width:96px !important;
    height:28px !important;
    min-height:28px !important;
    margin:0 !important;
    padding:0 19px 0 9px !important;
    border-radius:999px !important;
    font-size:10.5px !important;
    font-weight:900 !important;
    line-height:1 !important;
    box-sizing:border-box !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__filter-status{
    flex:1 0 100% !important;
    width:100% !important;
    max-width:100% !important;
    margin:1px auto 0 !important;
    padding:0 !important;
    text-align:center !important;
    font-size:10px !important;
    line-height:1.2 !important;
    white-space:normal !important;
  }

  .mix365-live-native .mix-chat__modebar{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    width:100% !important;
    max-width:100% !important;
    margin:7px auto 8px !important;
    padding:5px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  .mix365-live-native .mix-chat__modebar .mix-chat__modebtn{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:34px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    padding:7px 2px !important;
    border-radius:999px !important;
    font-size:10px !important;
    font-weight:900 !important;
    line-height:1 !important;
    letter-spacing:-.02em !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .mix365-live-native .mix-chat__modebar .mix-chat__modebtn i{
    flex:0 0 auto !important;
    margin:0 !important;
    font-size:9.5px !important;
  }

  .mix365-live-native .mix-chat__modebar .mix-chat__mode-unread{
    right:-4px !important;
    top:-6px !important;
    min-width:16px !important;
    height:16px !important;
    padding:0 4px !important;
    font-size:8.5px !important;
    line-height:16px !important;
  }
}

@media (max-width:360px){
  .mix365-live-native .mix-chat__toolbar{
    gap:4px !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__translatebar,
.mix365-live-native .mix-chat__toolbar .mix-chat__filterbar{
    gap:3px !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__translatebar span,
.mix365-live-native .mix-chat__toolbar .mix-chat__filterbar span{
    max-width:34px !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__translatebar span::before{
    content:"Trans";
    font-size:9px !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__filterbar span::before{
    content:"Clean";
    font-size:9px !important;
  }

  .mix365-live-native .mix-chat__toolbar .mix-chat__translatebar select,
.mix365-live-native .mix-chat__toolbar .mix-chat__filterbar select{
    min-width:54px !important;
    max-width:84px !important;
    height:27px !important;
    min-height:27px !important;
    padding-left:7px !important;
    padding-right:17px !important;
    font-size:10px !important;
  }

  .mix365-live-native .mix-chat__modebar{
    gap:4px !important;
    padding:4px !important;
  }

  .mix365-live-native .mix-chat__modebar .mix-chat__modebtn{
    min-height:32px !important;
    padding-left:1px !important;
    padding-right:1px !important;
    font-size:9.5px !important;
  }

  .mix365-live-native .mix-chat__modebar .mix-chat__modebtn i{
    font-size:9px !important;
  }
}



/* MIX365 PATCH: Text the Studio strip below Public / DJ Chat / Private buttons.
   Front-end only: does not touch video, sockets, chat posting, or live controls. */
.mix365-live-native .mix-chat__studio-text{
  order:61 !important;
  width:min(100%, 520px) !important;
  margin:-2px auto 10px !important;
  padding:9px 12px !important;
  border-radius:16px !important;
  border:1px solid rgba(102,252,241,.20) !important;
  background:linear-gradient(135deg, rgba(102,252,241,.11), rgba(255,255,255,.045)) !important;
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  box-sizing:border-box !important;
  box-shadow:0 10px 24px rgba(0,0,0,.14) !important;
}
.mix365-live-native .mix-chat__studio-text-label{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  color:rgba(255,255,255,.88) !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  line-height:1.1 !important;
}
.mix365-live-native .mix-chat__studio-text-label i{
  color:#66FCF1 !important;
  font-size:14px !important;
}
.mix365-live-native .mix-chat__studio-text-number{
  color:#66FCF1 !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1.1 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
.mix365-live-native .mix-chat__studio-text-number:hover,
.mix365-live-native .mix-chat__studio-text-number:focus{
  color:#fff !important;
  text-decoration:none !important;
  outline:none !important;
}
.mix365-live-native .mix-chat__privatebar{
  order:62 !important;
}
.mix365-live-native .mix-chat.is-popout .mix-chat__studio-text{
  flex:0 0 auto !important;
}
@media (max-width:575.98px){
  .mix365-live-native .mix-chat__studio-text{
    width:100% !important;
    max-width:360px !important;
    margin:0 auto 9px !important;
    padding:8px 10px !important;
    gap:6px 10px !important;
  }
  .mix365-live-native .mix-chat__studio-text-label{
    font-size:11px !important;
  }
  .mix365-live-native .mix-chat__studio-text-number{
    font-size:14px !important;
  }
}