/* Video controls use one material in both app themes, matching the native HUD. */
html:root body .player-top :is(.player-top-clock,.player-emergency-diagnostics,.player-tools-button,.recent-favorite){
  box-sizing:border-box!important;
  height:49px!important;min-height:49px!important;
  border:1px solid rgba(255,255,255,.28)!important;border-radius:12px!important;
  background:linear-gradient(145deg,rgba(62,62,62,.58),rgba(24,24,24,.52))!important;
  color:#f4f5f7!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 4px 14px rgba(0,0,0,.16)!important;
  -webkit-backdrop-filter:blur(20px) saturate(0%)!important;
  backdrop-filter:blur(20px) saturate(0%)!important;
  opacity:1;
}
html:root body .player-top :is(.player-emergency-diagnostics,.player-tools-button,.recent-favorite){
  width:49px!important;min-width:49px!important;padding:6px!important;flex-shrink:0;
  display:grid;place-items:center;
}
html:root body .player-top :is(.player-emergency-diagnostics,.player-tools-button) svg{
  width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;color:inherit!important;
}
html:root body .player-top :is(.player-emergency-diagnostics,.player-tools-button,.recent-favorite):is(:hover,:focus-visible){
  background:linear-gradient(145deg,rgba(82,82,82,.68),rgba(32,32,32,.62))!important;
  border-color:rgba(255,255,255,.65)!important;color:#fff!important;
}
html:root body .player-top .player-top-clock{padding:0 14px!important;font-size:16px!important;}
html:root body .player-top .player-recent-favorites{
  background:rgba(24,24,24,.33)!important;color:#f4f5f7!important;
  border:1px solid rgba(255,255,255,.28)!important;border-radius:12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
  -webkit-backdrop-filter:blur(20px) saturate(0%)!important;backdrop-filter:blur(20px) saturate(0%)!important;
}

html:root body .player-top :is(.player-emergency-diagnostics,.player-tools-button,.recent-favorite):focus-visible{outline:3px solid white!important;outline-offset:-3px!important}
html:root body .player-channel-controls{background:var(--watch-glass)!important;border-color:var(--watch-border)!important;-webkit-backdrop-filter:blur(24px) saturate(0%)!important;backdrop-filter:blur(24px) saturate(0%)!important;color:#f5f5f5!important}
html:root body .player-channel-controls button{background:var(--watch-control)!important;color:#f5f5f5!important;border-color:var(--watch-border)!important;border-radius:12px!important}
html:root body .player-channel-controls button:focus-visible{outline:3px solid white!important;outline-offset:-3px!important;transform:none!important}
@media(min-width:801px){
 html:root body .player-channel-controls{width:190px;min-width:190px}
 html:root body .player-channel-controls .channel-step{font-size:13px}
 html:root body .player-channel-controls .channel-utility-controls{grid-template-columns:repeat(3,40px);justify-content:center;gap:8px}
 html:root body .player-channel-controls .channel-utility{width:40px;height:40px}
}