.rbe-player-wrap {
	max-width: 420px;
	padding: 16px 20px;
	border-radius: 12px;
	background: #171923;
	color: #f5f5f7;
	font-family: inherit;
}

.rbe-player-status {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: #a9adc1;
	margin-bottom: 8px;
}

.rbe-live-dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #4b4f66;
	display: inline-block;
	flex-shrink: 0;
}

.rbe-live-dot--active {
	background: #e6423a;
	box-shadow: 0 0 0 0 rgba(230, 66, 58, 0.6);
	animation: rbe-pulse 1.6s infinite;
}

@keyframes rbe-pulse {
	0% { box-shadow: 0 0 0 0 rgba(230, 66, 58, 0.55); }
	70% { box-shadow: 0 0 0 8px rgba(230, 66, 58, 0); }
	100% { box-shadow: 0 0 0 0 rgba(230, 66, 58, 0); }
}

.rbe-now-playing-title {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 14px;
	min-height: 22px;
}

.rbe-unmute-btn {
	display: block;
	width: 100%;
	margin-bottom: 14px;
	padding: 10px 14px;
	border-radius: 8px;
	border: 1.5px solid #e6423a;
	background: rgba(230, 66, 58, 0.12);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	animation: rbe-unmute-attn 1.8s infinite;
}

.rbe-unmute-btn:hover {
	background: rgba(230, 66, 58, 0.25);
}

@keyframes rbe-unmute-attn {
	0%, 100% { box-shadow: 0 0 0 0 rgba(230, 66, 58, 0.35); }
	50% { box-shadow: 0 0 0 6px rgba(230, 66, 58, 0); }
}

.rbe-controls {
	display: flex;
	align-items: center;
	gap: 14px;
}

.rbe-play-btn {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: none;
	background: #e6423a;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	flex-shrink: 0;
}

.rbe-play-btn:hover {
	background: #cf372f;
}

#rbe-volume {
	flex: 1;
}

.rbe-like-btn {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 8px 12px;
	border-radius: 20px;
	border: 1.5px solid #3a3d52;
	background: transparent;
	color: #f5f5f7;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	flex-shrink: 0;
	transition: background 0.15s, border-color 0.15s;
}

.rbe-like-btn:hover:not(:disabled) {
	border-color: #e6423a;
}

.rbe-like-btn:disabled {
	cursor: default;
}

.rbe-like-btn--active {
	border-color: #e6423a;
	background: rgba(230, 66, 58, 0.15);
	color: #ff8a83;
}

.rbe-like-icon {
	font-size: 15px;
	line-height: 1;
}

.rbe-like-count {
	min-width: 10px;
	text-align: center;
}