.music-player {
  position: relative;
  z-index: 10;
  margin: 20px auto;
  width: min(920px, calc(100% - 32px));
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 14px;
  color: #f7e9ad;
  background: #121a2c;
  border: 2px solid #8c9bb3;
  box-shadow: inset 2px 2px #36445d, inset -2px -2px #060b13;
  font: 13px/1.5 'Courier New', monospace;
}
.music-player .music-label { font-weight: bold; letter-spacing: .1em; }
.music-player label { display: flex; align-items: center; gap: 8px; }
.music-player select, .music-player button {
  font: inherit;
  min-height: 40px;
  padding: 6px 10px;
  color: #f7e9ad;
  background: #202c43;
  border: 1px solid #8c9bb3;
  border-radius: 0;
}
.music-player button { cursor: pointer; }
.music-player input { width: 85px; accent-color: #f7d36b; }
.music-player :focus-visible { outline: 3px solid #f7d36b; outline-offset: 3px; }
.music-status { font-size: 11px; color: #cad5e8; }