#eta-listen-btn {
	--eta-accent: #22d3ee;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 38px;
	padding: 0 16px;
	margin: 0 0 20px;
	border-radius: 999px;
	background: rgba(34, 211, 238, 0.08);
	border: 1px solid var(--eta-accent);
	color: #e6edf3;
	font-family: 'JetBrains Mono', 'SF Mono', 'Fira Code', ui-monospace, monospace;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.15s ease, transform 0.15s ease;
}
#eta-listen-btn:hover {
	background: rgba(34, 211, 238, 0.16);
	transform: translateY(-1px);
}
#eta-listen-btn.eta-speaking {
	background: var(--eta-accent);
	color: #04181d;
}
#eta-listen-btn.eta-speaking .eta-label::before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #04181d;
	margin-right: 6px;
	animation: eta-pulse 1s ease-in-out infinite;
	vertical-align: middle;
}
#eta-listen-btn.eta-paused {
	background: rgba(34, 211, 238, 0.16);
	color: #e6edf3;
}

@keyframes eta-pulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50% { opacity: 0.4; transform: scale(0.7); }
}