/* CR_COLLECTIVE_V175AI_PREMIUM_PLAYER_SKIN_VISUAL_ONLY
   Visual-only skin for the confirmed standard bottom player.
   Do not rename IDs/classes/data attributes here: existing JS hooks own behavior.
*/
html body #cr-standard-player-v174gj{
  z-index:2147483200!important;
  color:#f8fafc!important;
}
html body #cr-standard-player-v174gj .crfs-shell{
  margin:0 clamp(8px,1.2vw,18px) clamp(8px,1.1vw,14px)!important;
  max-width:min(1480px,calc(100vw - clamp(16px,2.4vw,36px)))!important;
  border-radius:28px!important;
  padding:12px 14px!important;
  background:
    radial-gradient(circle at 14% 0%,rgba(56,189,248,.16),transparent 34%),
    radial-gradient(circle at 82% 8%,rgba(236,72,153,.18),transparent 30%),
    linear-gradient(135deg,rgba(8,13,30,.92),rgba(12,8,28,.96) 48%,rgba(3,7,18,.98))!important;
  border:1px solid rgba(196,181,253,.28)!important;
  box-shadow:
    0 -24px 80px rgba(0,0,0,.58),
    0 0 50px rgba(124,58,237,.18),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(18px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.18)!important;
}
html body #cr-standard-player-v174gj .crfs-shell::before{
  content:"";
  display:block;
  height:2px;
  margin:-2px 10px 10px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(34,211,238,.75),rgba(217,70,239,.8),transparent);
  opacity:.78;
}
html body #cr-standard-player-v174gj .crfs-main{
  grid-template-columns:minmax(230px,1.12fr) minmax(340px,1.6fr) minmax(280px,1fr) auto!important;
  gap:14px!important;
}
html body #cr-standard-player-v174gj .crfs-track{
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
}
html body #cr-standard-player-v174gj .crfs-track > div:last-child::before{
  content:"NOW PLAYING";
  display:block;
  margin:0 0 3px;
  font-size:9px;
  line-height:1;
  letter-spacing:.16em;
  font-weight:950;
  color:rgba(34,211,238,.92);
  text-transform:uppercase;
}
html body #cr-standard-player-v174gj .crfs-cover{
  width:58px!important;
  height:58px!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 28% 18%,rgba(34,211,238,.44),transparent 36%),
    linear-gradient(135deg,rgba(124,58,237,.75),rgba(236,72,153,.62))!important;
  box-shadow:0 0 30px rgba(124,58,237,.24), inset 0 1px 0 rgba(255,255,255,.14)!important;
}
html body #cr-standard-player-v174gj .crfs-cover img{
  transform:scale(1.015);
}
html body #cr-standard-player-v174gj .crfs-title{
  font-size:15px!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
  color:#fff!important;
}
html body #cr-standard-player-v174gj .crfs-sub{
  color:rgba(226,232,240,.72)!important;
  font-size:12px!important;
}
html body #cr-standard-player-v174gj .crfs-controls{
  grid-template-columns:auto auto auto minmax(170px,1fr)!important;
  gap:10px!important;
}
html body #cr-standard-player-v174gj .crfs-round{
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.07)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
html body #cr-standard-player-v174gj .crfs-round:hover,
html body #cr-standard-player-v174gj .crfs-round:focus-visible{
  transform:translateY(-1px)!important;
  border-color:rgba(34,211,238,.48)!important;
  background:rgba(34,211,238,.10)!important;
  box-shadow:0 0 18px rgba(34,211,238,.18), inset 0 1px 0 rgba(255,255,255,.08)!important;
  outline:none!important;
}
html body #cr-standard-player-v174gj .crfs-round.is-main{
  width:52px!important;
  height:52px!important;
  background:linear-gradient(135deg,#22d3ee,#8b5cf6 48%,#ec4899)!important;
  border:0!important;
  box-shadow:0 0 30px rgba(139,92,246,.34),0 0 12px rgba(34,211,238,.22)!important;
}
html body #cr-standard-player-v174gj .crfs-progress{
  grid-template-columns:42px minmax(120px,1fr) 42px!important;
  color:rgba(226,232,240,.76)!important;
}
html body #cr-standard-player-v174gj input[type="range"]{
  accent-color:#22d3ee!important;
}
html body #cr-standard-player-v174gj [data-crfs-progress]{
  height:5px!important;
}
html body #cr-standard-player-v174gj .crfs-side{
  gap:8px!important;
  justify-content:flex-end!important;
}
html body #cr-standard-player-v174gj .crfs-pill,
html body #cr-standard-player-v174gj .cr-v174lo-core-action,
html body #cr-standard-player-v174gj [data-cr-v174wq-comments]{
  min-height:32px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.07)!important;
  color:#f8fafc!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
html body #cr-standard-player-v174gj .crfs-pill:hover,
html body #cr-standard-player-v174gj .crfs-pill:focus-visible,
html body #cr-standard-player-v174gj .cr-v174lo-core-action:hover,
html body #cr-standard-player-v174gj .cr-v174lo-core-action:focus-visible,
html body #cr-standard-player-v174gj [data-cr-v174wq-comments]:hover,
html body #cr-standard-player-v174gj [data-cr-v174wq-comments]:focus-visible{
  transform:translateY(-1px)!important;
  border-color:rgba(34,211,238,.48)!important;
  background:rgba(34,211,238,.10)!important;
  box-shadow:0 0 18px rgba(34,211,238,.16),inset 0 1px 0 rgba(255,255,255,.08)!important;
  outline:none!important;
}
html body #cr-standard-player-v174gj .crfs-pill[data-active="1"],
html body #cr-standard-player-v174gj .crfs-pill.is-active,
html body #cr-standard-player-v174gj .cr-v174lo-core-action.is-liked,
html body #cr-standard-player-v174gj .cr-v174lo-core-action.is-active{
  background:linear-gradient(135deg,rgba(34,211,238,.26),rgba(139,92,246,.34),rgba(236,72,153,.30))!important;
  border-color:rgba(216,180,254,.62)!important;
  box-shadow:0 0 22px rgba(139,92,246,.24),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
html body #cr-standard-player-v174gj .crfs-volume-group{
  padding-left:2px!important;
}
html body #cr-standard-player-v174gj .crfs-mute[data-muted="1"]{
  background:linear-gradient(135deg,#8b5cf6,#ec4899)!important;
  box-shadow:0 0 22px rgba(236,72,153,.25)!important;
}
html body #cr-standard-player-v174gj .crfs-message{
  color:rgba(226,232,240,.70)!important;
  font-size:12px!important;
}
@media(max-width:980px){
  html body #cr-standard-player-v174gj .crfs-shell{
    margin:0 8px 8px!important;
    border-radius:22px!important;
    padding:10px!important;
  }
  html body #cr-standard-player-v174gj .crfs-main{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  html body #cr-standard-player-v174gj .crfs-track{
    grid-template-columns:50px minmax(0,1fr)!important;
  }
  html body #cr-standard-player-v174gj .crfs-cover{
    width:50px!important;
    height:50px!important;
    border-radius:16px!important;
  }
  html body #cr-standard-player-v174gj .crfs-controls{
    grid-template-columns:auto auto auto minmax(110px,1fr)!important;
  }
  html body #cr-standard-player-v174gj .crfs-side{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    scrollbar-width:none!important;
    padding-bottom:2px!important;
  }
  html body #cr-standard-player-v174gj .crfs-side::-webkit-scrollbar{display:none!important;}
  html body #cr-standard-player-v174gj .crfs-pill,
  html body #cr-standard-player-v174gj .cr-v174lo-core-action,
  html body #cr-standard-player-v174gj [data-cr-v174wq-comments]{
    flex:0 0 auto!important;
  }
  html body #cr-standard-player-v174gj .crfs-round.is-main{
    width:46px!important;
    height:46px!important;
  }
}
@media(max-width:560px){
  html body #cr-standard-player-v174gj .crfs-progress{
    grid-template-columns:34px minmax(76px,1fr) 34px!important;
    gap:6px!important;
    font-size:10px!important;
  }
  html body #cr-standard-player-v174gj .crfs-title{font-size:14px!important;}
  html body #cr-standard-player-v174gj .crfs-sub{font-size:11px!important;}
  html body #cr-standard-player-v174gj .crfs-actions{position:absolute!important;right:14px!important;top:14px!important;}
  html body #cr-standard-player-v174gj [data-crfs-close]{width:30px!important;height:30px!important;}
}

/* CR_COLLECTIVE_V175AK_PLAYER_ACTION_ROW_LAYOUT
   Visual-only action layout refinement.
   Keeps behavior hooks unchanged.
   Top action tier: Like + Add.
   Bottom action tier: Video + Playlists + Comments + Open + Volume.
*/
@media(min-width:981px){
  html body #cr-standard-player-v174gj .crfs-main{
    grid-template-columns:minmax(220px,.96fr) minmax(300px,1.14fr) minmax(420px,1.08fr) auto!important;
    gap:12px!important;
  }
  html body #cr-standard-player-v174gj .crfs-side{
    display:grid!important;
    grid-template-columns:max-content max-content max-content max-content max-content minmax(88px,118px)!important;
    grid-template-rows:auto auto!important;
    grid-auto-flow:row!important;
    justify-content:end!important;
    align-items:center!important;
    column-gap:6px!important;
    row-gap:6px!important;
    min-width:0!important;
    overflow:visible!important;
  }
  html body #cr-standard-player-v174gj [data-cr-v174lo-like],
  html body #cr-standard-player-v174gj [data-cr-v174kt-like]{
    grid-row:1!important;
    grid-column:5!important;
    justify-self:end!important;
    width:32px!important;
    min-width:32px!important;
    padding:0!important;
  }
  html body #cr-standard-player-v174gj [data-cr-v174lo-plus],
  html body #cr-standard-player-v174gj [data-cr-v174kt-plus]{
    grid-row:1!important;
    grid-column:6!important;
    justify-self:end!important;
    width:32px!important;
    min-width:32px!important;
    padding:0!important;
  }
  html body #cr-standard-player-v174gj [data-crfs-video-toggle]{
    grid-row:2!important;
    grid-column:1!important;
    justify-self:end!important;
    order:10!important;
  }
  html body #cr-standard-player-v174gj [data-crfs-playlist]{
    grid-row:2!important;
    grid-column:2!important;
    justify-self:end!important;
    order:11!important;
  }
  html body #cr-standard-player-v174gj [data-cr-v174wq-comments]{
    grid-row:2!important;
    grid-column:3!important;
    justify-self:end!important;
    order:12!important;
  }
  html body #cr-standard-player-v174gj [data-crfs-open]{
    grid-row:2!important;
    grid-column:4!important;
    justify-self:end!important;
    order:13!important;
  }
  html body #cr-standard-player-v174gj .crfs-volume-group{
    grid-row:2!important;
    grid-column:5 / span 2!important;
    justify-self:end!important;
    order:20!important;
    min-width:112px!important;
  }
  html body #cr-standard-player-v174gj .crfs-side .crfs-pill,
  html body #cr-standard-player-v174gj .crfs-side .cr-v174lo-core-action,
  html body #cr-standard-player-v174gj .crfs-side [data-cr-v174wq-comments]{
    min-height:31px!important;
    font-size:11px!important;
  }
}
@media(min-width:981px) and (max-width:1260px){
  html body #cr-standard-player-v174gj .crfs-main{
    grid-template-columns:minmax(190px,.88fr) minmax(270px,1fr) minmax(390px,1.08fr) auto!important;
    gap:10px!important;
  }
  html body #cr-standard-player-v174gj .crfs-side{
    grid-template-columns:max-content max-content max-content max-content max-content minmax(78px,104px)!important;
    column-gap:5px!important;
  }
  html body #cr-standard-player-v174gj .crfs-side .crfs-pill,
  html body #cr-standard-player-v174gj .crfs-side .cr-v174lo-core-action,
  html body #cr-standard-player-v174gj .crfs-side [data-cr-v174wq-comments]{
    padding-left:8px!important;
    padding-right:8px!important;
    font-size:10.5px!important;
  }
  html body #cr-standard-player-v174gj [data-cr-v174lo-like],
  html body #cr-standard-player-v174gj [data-cr-v174kt-like],
  html body #cr-standard-player-v174gj [data-cr-v174lo-plus],
  html body #cr-standard-player-v174gj [data-cr-v174kt-plus]{
    width:30px!important;
    min-width:30px!important;
    padding:0!important;
  }
  html body #cr-standard-player-v174gj .crfs-volume-group{
    min-width:98px!important;
  }
}

/* CR_COLLECTIVE_V175AL_PLAYER_UTILITY_CLUSTER_POLISH
   Visual-only polish after v175ak.
   Goal: keep Heart + Plus as a tight upper utility pair while the lower action row remains
   Video + Playlists + Comments + Open + Volume.
   Behavior hooks and player logic remain unchanged.
*/
@media(min-width:981px){
  html body #cr-standard-player-v174gj .crfs-side{
    grid-template-columns:max-content max-content max-content max-content minmax(112px,128px)!important;
    column-gap:6px!important;
    row-gap:5px!important;
    align-items:center!important;
  }
  html body #cr-standard-player-v174gj [data-cr-v174lo-like],
  html body #cr-standard-player-v174gj [data-cr-v174kt-like]{
    grid-row:1!important;
    grid-column:5!important;
    justify-self:end!important;
    align-self:center!important;
    width:32px!important;
    min-width:32px!important;
    height:31px!important;
    min-height:31px!important;
    padding:0!important;
    transform:translateX(-38px)!important;
    z-index:2!important;
  }
  html body #cr-standard-player-v174gj [data-cr-v174lo-like]:hover,
  html body #cr-standard-player-v174gj [data-cr-v174lo-like]:focus-visible,
  html body #cr-standard-player-v174gj [data-cr-v174kt-like]:hover,
  html body #cr-standard-player-v174gj [data-cr-v174kt-like]:focus-visible{
    transform:translateX(-38px) translateY(-1px)!important;
  }
  html body #cr-standard-player-v174gj [data-cr-v174lo-plus],
  html body #cr-standard-player-v174gj [data-cr-v174kt-plus]{
    grid-row:1!important;
    grid-column:5!important;
    justify-self:end!important;
    align-self:center!important;
    width:32px!important;
    min-width:32px!important;
    height:31px!important;
    min-height:31px!important;
    padding:0!important;
    z-index:3!important;
  }
  html body #cr-standard-player-v174gj [data-crfs-video-toggle]{
    grid-row:2!important;
    grid-column:1!important;
    justify-self:end!important;
  }
  html body #cr-standard-player-v174gj [data-crfs-playlist]{
    grid-row:2!important;
    grid-column:2!important;
    justify-self:end!important;
  }
  html body #cr-standard-player-v174gj [data-cr-v174wq-comments]{
    grid-row:2!important;
    grid-column:3!important;
    justify-self:end!important;
  }
  html body #cr-standard-player-v174gj [data-crfs-open]{
    grid-row:2!important;
    grid-column:4!important;
    justify-self:end!important;
  }
  html body #cr-standard-player-v174gj .crfs-volume-group{
    grid-row:2!important;
    grid-column:5!important;
    justify-self:end!important;
    min-width:112px!important;
  }
}
@media(min-width:981px) and (max-width:1260px){
  html body #cr-standard-player-v174gj .crfs-side{
    grid-template-columns:max-content max-content max-content max-content minmax(98px,112px)!important;
    column-gap:5px!important;
    row-gap:5px!important;
  }
  html body #cr-standard-player-v174gj [data-cr-v174lo-like],
  html body #cr-standard-player-v174gj [data-cr-v174kt-like]{
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    transform:translateX(-35px)!important;
  }
  html body #cr-standard-player-v174gj [data-cr-v174lo-like]:hover,
  html body #cr-standard-player-v174gj [data-cr-v174lo-like]:focus-visible,
  html body #cr-standard-player-v174gj [data-cr-v174kt-like]:hover,
  html body #cr-standard-player-v174gj [data-cr-v174kt-like]:focus-visible{
    transform:translateX(-35px) translateY(-1px)!important;
  }
  html body #cr-standard-player-v174gj [data-cr-v174lo-plus],
  html body #cr-standard-player-v174gj [data-cr-v174kt-plus]{
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    min-height:30px!important;
  }
  html body #cr-standard-player-v174gj .crfs-volume-group{
    min-width:98px!important;
  }
}


/* CR_COLLECTIVE_V175AM_PLAYER_HOVER_OVERLAP_FIX
   Visual-only stability polish after video review.
   Fixes side action hover flicker by removing positional hover movement from the action cluster.
   Fixes Open / mute / volume crowding by using real grid columns instead of transform offsets.
   Raises playlist/add panels above the premium player shell so the playlist menu opens reliably.
   Behavior hooks and player logic remain unchanged.
*/
html body .cr-v174kt-panel{
  z-index:2147483450!important;
}
html body .cr-v174kt-toast{
  z-index:2147483460!important;
}
@media(min-width:981px){
  html body #cr-standard-player-v174gj .crfs-side{
    display:grid!important;
    grid-template-columns:max-content max-content max-content max-content 32px 32px minmax(96px,118px)!important;
    grid-template-rows:31px 31px!important;
    justify-content:end!important;
    align-items:center!important;
    column-gap:6px!important;
    row-gap:8px!important;
    min-width:0!important;
    overflow:visible!important;
  }
  html body #cr-standard-player-v174gj .crfs-side > *{
    min-width:0!important;
  }
  html body #cr-standard-player-v174gj [data-cr-v174lo-like],
  html body #cr-standard-player-v174gj [data-cr-v174kt-like]{
    grid-row:1!important;
    grid-column:5!important;
    justify-self:end!important;
    align-self:center!important;
    width:32px!important;
    min-width:32px!important;
    height:31px!important;
    min-height:31px!important;
    padding:0!important;
    transform:none!important;
    z-index:4!important;
  }
  html body #cr-standard-player-v174gj [data-cr-v174lo-plus],
  html body #cr-standard-player-v174gj [data-cr-v174kt-plus]{
    grid-row:1!important;
    grid-column:6!important;
    justify-self:start!important;
    align-self:center!important;
    width:32px!important;
    min-width:32px!important;
    height:31px!important;
    min-height:31px!important;
    padding:0!important;
    transform:none!important;
    z-index:4!important;
  }
  html body #cr-standard-player-v174gj [data-crfs-video-toggle]{
    grid-row:2!important;
    grid-column:1!important;
    justify-self:end!important;
  }
  html body #cr-standard-player-v174gj [data-crfs-playlist]{
    grid-row:2!important;
    grid-column:2!important;
    justify-self:end!important;
    z-index:5!important;
  }
  html body #cr-standard-player-v174gj [data-cr-v174wq-comments]{
    grid-row:2!important;
    grid-column:3!important;
    justify-self:end!important;
  }
  html body #cr-standard-player-v174gj [data-crfs-open]{
    grid-row:2!important;
    grid-column:4!important;
    justify-self:end!important;
    margin-right:0!important;
  }
  html body #cr-standard-player-v174gj .crfs-volume-group{
    grid-row:2!important;
    grid-column:5 / span 3!important;
    justify-self:end!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    min-width:118px!important;
    max-width:136px!important;
    width:128px!important;
    padding-left:0!important;
    z-index:3!important;
  }
  html body #cr-standard-player-v174gj .crfs-volume-group [data-crfs-volume]{
    min-width:60px!important;
    width:72px!important;
  }
  html body #cr-standard-player-v174gj .crfs-side .crfs-pill:hover,
  html body #cr-standard-player-v174gj .crfs-side .crfs-pill:focus-visible,
  html body #cr-standard-player-v174gj .crfs-side .cr-v174lo-core-action:hover,
  html body #cr-standard-player-v174gj .crfs-side .cr-v174lo-core-action:focus-visible,
  html body #cr-standard-player-v174gj .crfs-side [data-cr-v174wq-comments]:hover,
  html body #cr-standard-player-v174gj .crfs-side [data-cr-v174wq-comments]:focus-visible,
  html body #cr-standard-player-v174gj [data-cr-v174lo-like]:hover,
  html body #cr-standard-player-v174gj [data-cr-v174lo-like]:focus-visible,
  html body #cr-standard-player-v174gj [data-cr-v174kt-like]:hover,
  html body #cr-standard-player-v174gj [data-cr-v174kt-like]:focus-visible,
  html body #cr-standard-player-v174gj [data-cr-v174lo-plus]:hover,
  html body #cr-standard-player-v174gj [data-cr-v174lo-plus]:focus-visible,
  html body #cr-standard-player-v174gj [data-cr-v174kt-plus]:hover,
  html body #cr-standard-player-v174gj [data-cr-v174kt-plus]:focus-visible{
    transform:none!important;
  }
}
@media(min-width:981px) and (max-width:1260px){
  html body #cr-standard-player-v174gj .crfs-side{
    grid-template-columns:max-content max-content max-content max-content 30px 30px minmax(82px,104px)!important;
    grid-template-rows:30px 30px!important;
    column-gap:5px!important;
    row-gap:7px!important;
  }
  html body #cr-standard-player-v174gj [data-cr-v174lo-like],
  html body #cr-standard-player-v174gj [data-cr-v174kt-like],
  html body #cr-standard-player-v174gj [data-cr-v174lo-plus],
  html body #cr-standard-player-v174gj [data-cr-v174kt-plus]{
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    transform:none!important;
  }
  html body #cr-standard-player-v174gj .crfs-side .crfs-pill,
  html body #cr-standard-player-v174gj .crfs-side .cr-v174lo-core-action,
  html body #cr-standard-player-v174gj .crfs-side [data-cr-v174wq-comments]{
    padding-left:7px!important;
    padding-right:7px!important;
    font-size:10.25px!important;
  }
  html body #cr-standard-player-v174gj .crfs-volume-group{
    min-width:104px!important;
    max-width:118px!important;
    width:112px!important;
  }
  html body #cr-standard-player-v174gj .crfs-volume-group [data-crfs-volume]{
    min-width:48px!important;
    width:58px!important;
  }
}

/* CR_COLLECTIVE_V175AN_PLAYER_CONTENT_LANE_CENTERING
   Visual-only centering refinement after user screenshot review.
   Root cause: the premium player shell was centered within the entire area to the right of the sidebar,
   which made it read visually left-shifted relative to the main content lane.
   Fix: constrain the shell to the central content lane and slightly rebalance the internal columns,
   while preserving all current player actions and behavior hooks.
*/
@media(min-width:981px){
  html body #cr-standard-player-v174gj .crfs-shell{
    width:min(1180px,calc(100vw - var(--cr-v174gj-left,0px) - 28px))!important;
    max-width:min(1180px,calc(100vw - var(--cr-v174gj-left,0px) - 28px))!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  html body #cr-standard-player-v174gj .crfs-main{
    grid-template-columns:minmax(200px,.92fr) minmax(250px,1.08fr) minmax(360px,.98fr) auto!important;
    gap:12px!important;
  }
}
@media(min-width:981px) and (max-width:1320px){
  html body #cr-standard-player-v174gj .crfs-shell{
    width:min(1080px,calc(100vw - var(--cr-v174gj-left,0px) - 24px))!important;
    max-width:min(1080px,calc(100vw - var(--cr-v174gj-left,0px) - 24px))!important;
  }
  html body #cr-standard-player-v174gj .crfs-main{
    grid-template-columns:minmax(185px,.86fr) minmax(230px,1fr) minmax(332px,.96fr) auto!important;
    gap:10px!important;
  }
  html body #cr-standard-player-v174gj .crfs-progress{
    grid-template-columns:36px minmax(92px,1fr) 36px!important;
    gap:7px!important;
  }
}

/* CR_COLLECTIVE_V175AO_PLAYER_WIDE_LAYOUT_REDESIGN
   Visual-only wide player redesign based on the approved premium preview.
   Goals:
   - make the shell read as one clean wide bar like the approved concept
   - remove hover flicker / positional jitter from utility buttons
   - stop crowding between Open / mute / volume / close
   - group heart + plus together cleanly, then primary utility pills, then volume, then close
   - keep every current behavior hook unchanged
*/
html body #cr-standard-player-v174gj .crfs-round,
html body #cr-standard-player-v174gj .crfs-pill,
html body #cr-standard-player-v174gj .cr-v174lo-core-action,
html body #cr-standard-player-v174gj [data-cr-v174wq-comments]{
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease!important;
  transform:none!important;
  backface-visibility:hidden!important;
}
html body #cr-standard-player-v174gj .crfs-round:hover,
html body #cr-standard-player-v174gj .crfs-round:focus-visible,
html body #cr-standard-player-v174gj .crfs-pill:hover,
html body #cr-standard-player-v174gj .crfs-pill:focus-visible,
html body #cr-standard-player-v174gj .cr-v174lo-core-action:hover,
html body #cr-standard-player-v174gj .cr-v174lo-core-action:focus-visible,
html body #cr-standard-player-v174gj [data-cr-v174wq-comments]:hover,
html body #cr-standard-player-v174gj [data-cr-v174wq-comments]:focus-visible{
  transform:none!important;
}
@media(min-width:981px){
  html body #cr-standard-player-v174gj .crfs-shell{
    width:min(1460px,calc(100vw - var(--cr-v174gj-left,0px) - 34px))!important;
    max-width:min(1460px,calc(100vw - var(--cr-v174gj-left,0px) - 34px))!important;
    padding:14px 18px 14px!important;
    border-radius:30px!important;
  }
  html body #cr-standard-player-v174gj .crfs-main{
    grid-template-columns:minmax(250px,1.02fr) minmax(360px,1.16fr) minmax(470px,1.22fr) auto!important;
    gap:16px!important;
    align-items:center!important;
  }
  html body #cr-standard-player-v174gj .crfs-track{
    grid-template-columns:60px minmax(0,1fr)!important;
    gap:14px!important;
  }
  html body #cr-standard-player-v174gj .crfs-cover{
    width:60px!important;
    height:60px!important;
    border-radius:18px!important;
  }
  html body #cr-standard-player-v174gj .crfs-title{
    font-size:15px!important;
  }
  html body #cr-standard-player-v174gj .crfs-sub{
    font-size:12px!important;
  }
  html body #cr-standard-player-v174gj .crfs-controls{
    grid-template-columns:auto auto auto minmax(220px,1fr)!important;
    gap:12px!important;
    align-items:center!important;
  }
  html body #cr-standard-player-v174gj .crfs-progress{
    grid-template-columns:40px minmax(170px,1fr) 40px!important;
    gap:10px!important;
  }
  html body #cr-standard-player-v174gj .crfs-side{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    min-width:0!important;
    overflow:visible!important;
  }
  html body #cr-standard-player-v174gj .crfs-side > *{
    flex:0 0 auto!important;
    min-width:0!important;
  }
  html body #cr-standard-player-v174gj [data-cr-v174lo-like],
  html body #cr-standard-player-v174gj [data-cr-v174kt-like]{
    order:1!important;
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    padding:0!important;
    margin-right:2px!important;
    z-index:4!important;
  }
  html body #cr-standard-player-v174gj [data-cr-v174lo-plus],
  html body #cr-standard-player-v174gj [data-cr-v174kt-plus]{
    order:2!important;
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    padding:0!important;
    margin-right:10px!important;
    z-index:4!important;
  }
  html body #cr-standard-player-v174gj [data-crfs-video-toggle]{
    order:4!important;
  }
  html body #cr-standard-player-v174gj [data-crfs-playlist]{
    order:5!important;
    z-index:5!important;
  }
  html body #cr-standard-player-v174gj [data-cr-v174wq-comments]{
    order:6!important;
  }
  html body #cr-standard-player-v174gj [data-crfs-open]{
    order:7!important;
  }
  html body #cr-standard-player-v174gj .crfs-pill,
  html body #cr-standard-player-v174gj .cr-v174lo-core-action,
  html body #cr-standard-player-v174gj [data-cr-v174wq-comments]{
    min-height:33px!important;
    padding:0 12px!important;
    font-size:11px!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }
  html body #cr-standard-player-v174gj .crfs-volume-group{
    order:8!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:126px!important;
    width:126px!important;
    max-width:126px!important;
    padding-left:8px!important;
    margin-left:2px!important;
  }
  html body #cr-standard-player-v174gj .crfs-volume-group [data-crfs-volume]{
    min-width:78px!important;
    width:78px!important;
  }
  html body #cr-standard-player-v174gj .crfs-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    padding-left:4px!important;
  }
  html body #cr-standard-player-v174gj [data-crfs-close]{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    opacity:.96!important;
  }
}
@media(min-width:981px) and (max-width:1280px){
  html body #cr-standard-player-v174gj .crfs-shell{
    width:min(1320px,calc(100vw - var(--cr-v174gj-left,0px) - 24px))!important;
    max-width:min(1320px,calc(100vw - var(--cr-v174gj-left,0px) - 24px))!important;
  }
  html body #cr-standard-player-v174gj .crfs-main{
    grid-template-columns:minmax(220px,.98fr) minmax(300px,1.08fr) minmax(430px,1.08fr) auto!important;
    gap:12px!important;
  }
  html body #cr-standard-player-v174gj .crfs-controls{
    grid-template-columns:auto auto auto minmax(170px,1fr)!important;
  }
  html body #cr-standard-player-v174gj .crfs-progress{
    grid-template-columns:36px minmax(120px,1fr) 36px!important;
    gap:8px!important;
  }
  html body #cr-standard-player-v174gj .crfs-pill,
  html body #cr-standard-player-v174gj .cr-v174lo-core-action,
  html body #cr-standard-player-v174gj [data-cr-v174wq-comments]{
    padding:0 10px!important;
    font-size:10.5px!important;
  }
  html body #cr-standard-player-v174gj .crfs-volume-group{
    min-width:112px!important;
    width:112px!important;
    max-width:112px!important;
    gap:6px!important;
  }
  html body #cr-standard-player-v174gj .crfs-volume-group [data-crfs-volume]{
    min-width:66px!important;
    width:66px!important;
  }
}
@media(max-width:980px){
  html body #cr-standard-player-v174gj .crfs-shell{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  html body #cr-standard-player-v174gj .crfs-side{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  html body #cr-standard-player-v174gj .crfs-side::-webkit-scrollbar{
    display:none!important;
  }
  html body #cr-standard-player-v174gj [data-cr-v174lo-like],
  html body #cr-standard-player-v174gj [data-cr-v174kt-like],
  html body #cr-standard-player-v174gj [data-cr-v174lo-plus],
  html body #cr-standard-player-v174gj [data-cr-v174kt-plus]{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    padding:0!important;
  }
}

/* CR_COLLECTIVE_V175AP_PLAYER_APPROVED_WIDE_STABLE_LAYOUT
   Final visual-only player layout pass based on the approved mockup and follow-up screenshot.
   Root causes fixed:
   - previous width used viewport/sidebar math and could read too narrow in the real layout
   - controls/actions were too close, so a utility button could visually sit on top of the time readout
   - hover movement could still cause perceived flicker on utility buttons
   This pass uses parent-container width, stable flex ordering, reserved spacing for controls/actions/volume/close,
   and no positional hover transforms in the action area. Player behavior hooks remain unchanged.
*/
html body #cr-standard-player-v174gj,
html body #cr-standard-player-v174gj *,
html body #cr-standard-player-v174gj *::before,
html body #cr-standard-player-v174gj *::after{
  box-sizing:border-box!important;
}
html body #cr-standard-player-v174gj .crfs-side .crfs-pill,
html body #cr-standard-player-v174gj .crfs-side .cr-v174lo-core-action,
html body #cr-standard-player-v174gj .crfs-side [data-cr-v174wq-comments],
html body #cr-standard-player-v174gj .crfs-side .crfs-round,
html body #cr-standard-player-v174gj .crfs-volume-group,
html body #cr-standard-player-v174gj .crfs-volume-group *,
html body #cr-standard-player-v174gj .crfs-actions .crfs-round{
  transform:none!important;
}
html body #cr-standard-player-v174gj .crfs-side .crfs-pill:hover,
html body #cr-standard-player-v174gj .crfs-side .crfs-pill:focus-visible,
html body #cr-standard-player-v174gj .crfs-side .cr-v174lo-core-action:hover,
html body #cr-standard-player-v174gj .crfs-side .cr-v174lo-core-action:focus-visible,
html body #cr-standard-player-v174gj .crfs-side [data-cr-v174wq-comments]:hover,
html body #cr-standard-player-v174gj .crfs-side [data-cr-v174wq-comments]:focus-visible,
html body #cr-standard-player-v174gj .crfs-side .crfs-round:hover,
html body #cr-standard-player-v174gj .crfs-side .crfs-round:focus-visible,
html body #cr-standard-player-v174gj .crfs-actions .crfs-round:hover,
html body #cr-standard-player-v174gj .crfs-actions .crfs-round:focus-visible{
  transform:none!important;
}
@media(min-width:981px){
  html body #cr-standard-player-v174gj .crfs-shell{
    width:calc(100% - clamp(24px,2.3vw,42px))!important;
    max-width:1560px!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:14px 18px!important;
    border-radius:30px!important;
  }
  html body #cr-standard-player-v174gj .crfs-main{
    display:grid!important;
    grid-template-columns:minmax(250px,.95fr) minmax(430px,1.14fr) minmax(590px,1.18fr) 38px!important;
    gap:18px!important;
    align-items:center!important;
    min-width:0!important;
  }
  html body #cr-standard-player-v174gj .crfs-track{
    min-width:0!important;
  }
  html body #cr-standard-player-v174gj .crfs-controls{
    display:grid!important;
    grid-template-columns:36px 54px 36px minmax(235px,1fr)!important;
    gap:12px!important;
    align-items:center!important;
    min-width:0!important;
  }
  html body #cr-standard-player-v174gj .crfs-progress{
    grid-template-columns:40px minmax(170px,1fr) 40px!important;
    gap:11px!important;
    min-width:0!important;
    padding-right:4px!important;
  }
  html body #cr-standard-player-v174gj .crfs-side{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:9px!important;
    min-width:0!important;
    overflow:visible!important;
    padding-left:10px!important;
    border-left:1px solid rgba(255,255,255,.08)!important;
  }
  html body #cr-standard-player-v174gj .crfs-side > *{
    flex:0 0 auto!important;
  }
  html body #cr-standard-player-v174gj [data-cr-v174lo-like],
  html body #cr-standard-player-v174gj [data-cr-v174kt-like]{
    order:1!important;
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0!important;
    margin:0!important;
  }
  html body #cr-standard-player-v174gj [data-cr-v174lo-plus],
  html body #cr-standard-player-v174gj [data-cr-v174kt-plus]{
    order:2!important;
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0!important;
    margin:0 12px 0 0!important;
  }
  html body #cr-standard-player-v174gj [data-crfs-video-toggle]{
    order:4!important;
  }
  html body #cr-standard-player-v174gj [data-crfs-playlist]{
    order:5!important;
    z-index:5!important;
  }
  html body #cr-standard-player-v174gj [data-cr-v174wq-comments]{
    order:6!important;
  }
  html body #cr-standard-player-v174gj [data-crfs-open]{
    order:7!important;
  }
  html body #cr-standard-player-v174gj [data-crfs-open][hidden]{
    display:none!important;
  }
  html body #cr-standard-player-v174gj .crfs-side .crfs-pill,
  html body #cr-standard-player-v174gj .crfs-side .cr-v174lo-core-action,
  html body #cr-standard-player-v174gj .crfs-side [data-cr-v174wq-comments]{
    min-height:34px!important;
    height:34px!important;
    padding:0 13px!important;
    font-size:11px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  html body #cr-standard-player-v174gj .crfs-volume-group{
    order:8!important;
    display:flex!important;
    flex:0 0 138px!important;
    width:138px!important;
    min-width:138px!important;
    max-width:138px!important;
    align-items:center!important;
    gap:8px!important;
    padding-left:10px!important;
    margin-left:2px!important;
    border-left:1px solid rgba(255,255,255,.08)!important;
  }
  html body #cr-standard-player-v174gj .crfs-mute{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
  }
  html body #cr-standard-player-v174gj .crfs-volume-group [data-crfs-volume]{
    min-width:82px!important;
    width:82px!important;
    max-width:82px!important;
  }
  html body #cr-standard-player-v174gj .crfs-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    min-width:38px!important;
    width:38px!important;
  }
  html body #cr-standard-player-v174gj [data-crfs-close]{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
  }
}
@media(min-width:981px) and (max-width:1360px){
  html body #cr-standard-player-v174gj .crfs-shell{
    width:calc(100% - 22px)!important;
    max-width:none!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  html body #cr-standard-player-v174gj .crfs-main{
    grid-template-columns:minmax(215px,.9fr) minmax(360px,1.06fr) minmax(510px,1.06fr) 36px!important;
    gap:12px!important;
  }
  html body #cr-standard-player-v174gj .crfs-controls{
    grid-template-columns:34px 50px 34px minmax(170px,1fr)!important;
    gap:9px!important;
  }
  html body #cr-standard-player-v174gj .crfs-progress{
    grid-template-columns:34px minmax(120px,1fr) 34px!important;
    gap:8px!important;
  }
  html body #cr-standard-player-v174gj .crfs-side{
    gap:7px!important;
    padding-left:8px!important;
  }
  html body #cr-standard-player-v174gj [data-cr-v174lo-like],
  html body #cr-standard-player-v174gj [data-cr-v174kt-like],
  html body #cr-standard-player-v174gj [data-cr-v174lo-plus],
  html body #cr-standard-player-v174gj [data-cr-v174kt-plus]{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
  }
  html body #cr-standard-player-v174gj [data-cr-v174lo-plus],
  html body #cr-standard-player-v174gj [data-cr-v174kt-plus]{
    margin-right:8px!important;
  }
  html body #cr-standard-player-v174gj .crfs-side .crfs-pill,
  html body #cr-standard-player-v174gj .crfs-side .cr-v174lo-core-action,
  html body #cr-standard-player-v174gj .crfs-side [data-cr-v174wq-comments]{
    min-height:32px!important;
    height:32px!important;
    padding-left:10px!important;
    padding-right:10px!important;
    font-size:10.35px!important;
  }
  html body #cr-standard-player-v174gj .crfs-volume-group{
    flex-basis:118px!important;
    width:118px!important;
    min-width:118px!important;
    max-width:118px!important;
    gap:6px!important;
    padding-left:8px!important;
  }
  html body #cr-standard-player-v174gj .crfs-volume-group [data-crfs-volume]{
    min-width:64px!important;
    width:64px!important;
    max-width:64px!important;
  }
}
@media(min-width:981px) and (max-width:1160px){
  html body #cr-standard-player-v174gj .crfs-main{
    grid-template-columns:minmax(190px,.85fr) minmax(310px,1fr) minmax(430px,1fr) 34px!important;
    gap:10px!important;
  }
  html body #cr-standard-player-v174gj .crfs-side .crfs-pill,
  html body #cr-standard-player-v174gj .crfs-side [data-cr-v174wq-comments]{
    padding-left:8px!important;
    padding-right:8px!important;
  }
}

/* CR_COLLECTIVE_V175AQ_PLAYER_ACTION_STABILITY_RESERVE_GAP
   Visual-only reserve gap after video review.
   Keeps the approved v175ap wide layout but reserves a little more safe space between
   the progress time and the Heart/Plus action pair so no utility button appears on top of time text.
*/
@media(min-width:981px){
  html body #cr-standard-player-v174gj .crfs-controls{
    padding-right:10px!important;
  }
  html body #cr-standard-player-v174gj .crfs-side{
    padding-left:18px!important;
    margin-left:6px!important;
  }
}
@media(min-width:981px) and (max-width:1360px){
  html body #cr-standard-player-v174gj .crfs-controls{
    padding-right:8px!important;
  }
  html body #cr-standard-player-v174gj .crfs-side{
    padding-left:14px!important;
    margin-left:4px!important;
  }
}


/* CR_COLLECTIVE_V175AR_PLAYER_ACTION_DEDUPE_VISUAL_LOCK
   Visual lock for the only two utility buttons that still flickered in user video review.
   This removes hover animation/transition from Heart and Plus only, while active/liked state still changes on click.
*/
html body #cr-standard-player-v174gj [data-cr-v174lo-like],
html body #cr-standard-player-v174gj [data-cr-v174kt-like],
html body #cr-standard-player-v174gj [data-cr-v174lo-plus],
html body #cr-standard-player-v174gj [data-cr-v174kt-plus]{
  transition:none!important;
  transform:none!important;
  animation:none!important;
  will-change:auto!important;
  backface-visibility:hidden!important;
  contain:layout paint!important;
}
html body #cr-standard-player-v174gj [data-cr-v174lo-like]:hover,
html body #cr-standard-player-v174gj [data-cr-v174lo-like]:focus-visible,
html body #cr-standard-player-v174gj [data-cr-v174kt-like]:hover,
html body #cr-standard-player-v174gj [data-cr-v174kt-like]:focus-visible,
html body #cr-standard-player-v174gj [data-cr-v174lo-plus]:hover,
html body #cr-standard-player-v174gj [data-cr-v174lo-plus]:focus-visible,
html body #cr-standard-player-v174gj [data-cr-v174kt-plus]:hover,
html body #cr-standard-player-v174gj [data-cr-v174kt-plus]:focus-visible{
  transform:none!important;
  animation:none!important;
}

/* ============================================================
   CR_COLLECTIVE_V175DR_CSS_ONLY_PREMIUM_PLAYER_VISUAL_PROTOTYPE
   Visual-only refinement layer appended on top of the V175AI skin.
   Scoped entirely to #cr-standard-player-v174gj. No behavior, no JS,
   no DOM, no control hidden/removed, no layout grid changed. Retones
   the existing premium skin toward the Part 2 target: deeper navy/black
   glass base + purple / blue / pink neon glassmorphism, and adds robust
   focus-visible + reduced-motion support. Uses the existing
   html body #...!important specificity so it layers cleanly over V175AI.
   Only colour / glow / accent / accessibility properties are set here —
   margin, max-width, border-radius, padding and grid templates from
   V175AI are intentionally NOT overridden, preserving the tuned layout
   and the existing no-overflow behaviour.
   ============================================================ */

/* root-scoped accent tokens (purple / blue / pink) */
html body #cr-standard-player-v174gj{
  --crp-blue:#4d8cff!important;
  --crp-purple:#8b5cf6!important;
  --crp-pink:#ec4899!important;
}

/* 1. Deeper navy/black glass base + purple/blue/pink neon (colour only) */
html body #cr-standard-player-v174gj .crfs-shell{
  background:
    radial-gradient(circle at 12% -6%,rgba(77,140,255,.20),transparent 34%),
    radial-gradient(circle at 86% 6%,rgba(236,72,153,.20),transparent 32%),
    radial-gradient(circle at 60% 122%,rgba(139,92,246,.16),transparent 46%),
    linear-gradient(135deg,rgba(6,9,24,.94),rgba(9,7,26,.965) 48%,rgba(3,5,14,.985))!important;
  border:1px solid rgba(139,92,246,.32)!important;
  box-shadow:
    0 -26px 90px rgba(0,0,0,.62),
    0 0 60px rgba(77,140,255,.18),
    0 0 40px rgba(236,72,153,.12),
    inset 0 1px 0 rgba(255,255,255,.075)!important;
  backdrop-filter:blur(22px) saturate(1.22)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.22)!important;
}
/* neon top accent line -> blue / purple / pink */
html body #cr-standard-player-v174gj .crfs-shell::before{
  background:linear-gradient(90deg,transparent,rgba(77,140,255,.85),rgba(139,92,246,.9),rgba(236,72,153,.85),transparent)!important;
  opacity:.85!important;
}
/* NOW PLAYING kicker -> blue */
html body #cr-standard-player-v174gj .crfs-track > div:last-child::before{
  color:rgba(120,160,255,.95)!important;
}
/* cover artwork glow -> purple / blue / pink */
html body #cr-standard-player-v174gj .crfs-cover{
  background:
    radial-gradient(circle at 26% 16%,rgba(77,140,255,.5),transparent 38%),
    linear-gradient(135deg,rgba(139,92,246,.8),rgba(236,72,153,.66))!important;
  box-shadow:0 0 34px rgba(139,92,246,.3), inset 0 1px 0 rgba(255,255,255,.16)!important;
}

/* 2. Primary Play button -> blue -> purple -> pink neon */
html body #cr-standard-player-v174gj .crfs-round.is-main{
  background:linear-gradient(135deg,#4d8cff,#8b5cf6 50%,#ec4899)!important;
  box-shadow:0 0 34px rgba(139,92,246,.4),0 0 16px rgba(77,140,255,.26)!important;
}
html body #cr-standard-player-v174gj .crfs-round.is-main:hover,
html body #cr-standard-player-v174gj .crfs-round.is-main:focus-visible{
  box-shadow:0 0 44px rgba(139,92,246,.5),0 0 20px rgba(236,72,153,.3)!important;
}
/* seek / range accent -> blue */
html body #cr-standard-player-v174gj input[type="range"]{
  accent-color:#6b9bff!important;
}

/* 3. Rounded / pill control hover + focus -> purple/blue glow (retone) */
html body #cr-standard-player-v174gj .crfs-round:hover,
html body #cr-standard-player-v174gj .crfs-round:focus-visible,
html body #cr-standard-player-v174gj .crfs-pill:hover,
html body #cr-standard-player-v174gj .crfs-pill:focus-visible,
html body #cr-standard-player-v174gj .cr-v174lo-core-action:hover,
html body #cr-standard-player-v174gj .cr-v174lo-core-action:focus-visible{
  border-color:rgba(139,92,246,.5)!important;
  background:rgba(139,92,246,.12)!important;
  box-shadow:0 0 20px rgba(77,140,255,.22), inset 0 1px 0 rgba(255,255,255,.09)!important;
}

/* 4. Always-visible keyboard focus ring (accessibility), player-scoped only */
html body #cr-standard-player-v174gj a:focus-visible,
html body #cr-standard-player-v174gj button:focus-visible,
html body #cr-standard-player-v174gj [role="button"]:focus-visible,
html body #cr-standard-player-v174gj input:focus-visible{
  outline:2px solid rgba(120,160,255,.9)!important;
  outline-offset:2px!important;
}

/* 5. Reduced-motion support (was not present) */
@media (prefers-reduced-motion: reduce){
  html body #cr-standard-player-v174gj *,
  html body #cr-standard-player-v174gj *::before,
  html body #cr-standard-player-v174gj *::after{
    transition:none!important;
    animation:none!important;
    scroll-behavior:auto!important;
  }
}
/* CR_COLLECTIVE_V175DR_END */

/* ============================================================
   CR_COLLECTIVE_V175DW_PLAYER_PRODUCTION_SKELETON
   First production skeleton layer for the approved premium player direction.
   Scoped to the existing singleton #cr-standard-player-v174gj.
   Keeps all existing crfs/data hooks and behavior intact.
   ============================================================ */
html body #cr-standard-player-v174gj[data-cr-v175dw-player-skeleton="1"]{
  --cr-v175dw-blue:#4d8cff;
  --cr-v175dw-cyan:#22d3ee;
  --cr-v175dw-purple:#8b5cf6;
  --cr-v175dw-pink:#ec4899;
  --cr-v175dw-ink:#020617;
  --cr-v175dw-panel:rgba(8,12,28,.72);
}

html body #cr-standard-player-v174gj .cr-premium-player-shell{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

html body #cr-standard-player-v174gj .cr-premium-player-shell::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(34,211,238,.10),transparent 22%,transparent 78%,rgba(236,72,153,.09)),
    radial-gradient(circle at 20% 0%,rgba(77,140,255,.16),transparent 38%)!important;
  opacity:.9!important;
  z-index:-1!important;
}

html body #cr-standard-player-v174gj .cr-premium-player-main{
  position:relative!important;
  z-index:1!important;
}

html body #cr-standard-player-v174gj .cr-premium-player-meta-grid,
html body #cr-standard-player-v174gj .cr-premium-player-transport-zone,
html body #cr-standard-player-v174gj .cr-premium-player-actions-zone,
html body #cr-standard-player-v174gj .cr-premium-player-more-zone{
  min-width:0!important;
}

html body #cr-standard-player-v174gj .cr-premium-player-meta-zone{
  min-width:0!important;
  display:grid!important;
  gap:3px!important;
  align-content:center!important;
}

html body #cr-standard-player-v174gj .cr-premium-player-source-badge-zone{
  width:max-content!important;
  max-width:100%!important;
  min-height:18px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:2px 8px!important;
  border-radius:999px!important;
  border:1px solid rgba(34,211,238,.34)!important;
  background:linear-gradient(135deg,rgba(34,211,238,.14),rgba(139,92,246,.16))!important;
  color:rgba(226,246,255,.94)!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 18px rgba(34,211,238,.10)!important;
}

html body #cr-standard-player-v174gj .cr-premium-player-source-badge-zone::before{
  content:""!important;
  width:6px!important;
  height:6px!important;
  border-radius:999px!important;
  flex:0 0 auto!important;
  background:linear-gradient(135deg,var(--cr-v175dw-cyan),var(--cr-v175dw-purple))!important;
  box-shadow:0 0 10px rgba(34,211,238,.55)!important;
}

html body #cr-standard-player-v174gj .cr-premium-player-source-badge-zone[data-source="beatport"]{
  border-color:rgba(139,92,246,.42)!important;
  background:linear-gradient(135deg,rgba(139,92,246,.16),rgba(77,140,255,.14))!important;
}

html body #cr-standard-player-v174gj .cr-premium-player-source-badge-zone[data-source="vimeo"],
html body #cr-standard-player-v174gj .cr-premium-player-source-badge-zone[data-source="youtube"]{
  border-color:rgba(77,140,255,.42)!important;
}

html body #cr-standard-player-v174gj .cr-premium-player-progress-zone{
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.035)!important;
  border-radius:999px!important;
  padding:5px 8px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}

html body #cr-standard-player-v174gj .cr-premium-player-actions-zone{
  border:1px solid rgba(255,255,255,.07)!important;
  background:rgba(255,255,255,.028)!important;
  border-radius:18px!important;
  padding:6px!important;
}

html body #cr-standard-player-v174gj .cr-premium-player-volume-zone{
  min-width:0!important;
}

html body #cr-standard-player-v174gj .cr-premium-player-more-zone{
  align-self:center!important;
}

@media(max-width:980px){
  html body #cr-standard-player-v174gj .cr-premium-player-source-badge-zone{
    font-size:9px!important;
    min-height:17px!important;
    padding:2px 7px!important;
  }
  html body #cr-standard-player-v174gj .cr-premium-player-progress-zone{
    padding:4px 7px!important;
  }
  html body #cr-standard-player-v174gj .cr-premium-player-actions-zone{
    max-width:100%!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    border-radius:16px!important;
  }
  html body #cr-standard-player-v174gj .cr-premium-player-actions-zone::-webkit-scrollbar{
    display:none!important;
  }
}

@media(max-width:560px){
  html body #cr-standard-player-v174gj .cr-premium-player-meta-zone{
    gap:2px!important;
  }
  html body #cr-standard-player-v174gj .cr-premium-player-source-badge-zone{
    max-width:140px!important;
  }
  html body #cr-standard-player-v174gj .cr-premium-player-actions-zone{
    padding:5px!important;
  }
}
/* CR_COLLECTIVE_V175DW_END */

/* ============================================================
   CR_COLLECTIVE_V175DY_SOURCE_BADGE_STATE_REFINEMENT
   Text-first source badge states for the V175DW player skeleton.
   Scoped to the existing singleton #cr-standard-player-v174gj.
   ============================================================ */
html body #cr-standard-player-v174gj .cr-premium-player-source-badge-zone[data-source="audio"]{
  border-color:rgba(34,211,238,.42)!important;
  background:linear-gradient(135deg,rgba(34,211,238,.15),rgba(77,140,255,.12))!important;
}

html body #cr-standard-player-v174gj .cr-premium-player-source-badge-zone[data-source="community"],
html body #cr-standard-player-v174gj .cr-premium-player-source-badge-zone[data-source="library"],
html body #cr-standard-player-v174gj .cr-premium-player-source-badge-zone[data-source="top-tracks"]{
  border-color:rgba(236,72,153,.36)!important;
  background:linear-gradient(135deg,rgba(236,72,153,.13),rgba(139,92,246,.13))!important;
}

html body #cr-standard-player-v174gj .cr-premium-player-source-badge-zone[data-source="source"]{
  border-color:rgba(148,163,184,.26)!important;
  background:rgba(148,163,184,.08)!important;
  color:rgba(226,232,240,.78)!important;
}

html body #cr-standard-player-v174gj .cr-premium-player-source-badge-zone[data-source-behavior="open-link"]::before{
  background:linear-gradient(135deg,var(--cr-v175dw-purple),var(--cr-v175dw-blue))!important;
  box-shadow:0 0 10px rgba(139,92,246,.55)!important;
}
/* CR_COLLECTIVE_V175DY_SOURCE_BADGE_STATE_REFINEMENT_END */