body {
	font-family: Arial, sans-serif;
	background: #222222;
	color: #eeeeee;
	margin: 0;
	padding: 0;
}
.container {
	max-width: 400px;
	margin: 2em auto;
	background: #333333;
	border-radius: 10px;
	box-shadow: 0 0 10px #111111;
	padding: 2em;
}
h1 {
	text-align: center;
}
h4 {
	margin: 0 0 0.5em 0;
}
.temp {
	font-size: 2em;
	text-align: center;
	margin: 0.5em 0;
}
.data {
	font-size: 1em;
	text-align: center;
	margin: 0.5em 0;
}
.phase {
	padding: 0.8em;
	border-radius: 5px;
	background: #444444;
	margin-bottom: 0.5em;
}
.actions {
	text-align: center;
	margin: 1.5em 0;
}
button.start {
	font-size: 0.8em;
	padding: 0.5em 0.5em;
	border: none;
	border-radius: 5px;
	background: #4caf50;
	color: #ffffff;
	cursor: pointer;
}
button.stop {
	font-size: 0.8em;
	padding: 0.5em 0.5em;
	border: none;
	border-radius: 5px;
	background: #f44336;
	color: #ffffff;
	cursor: pointer;
}
.row {
	display: flex;
	align-items: center;
	gap: 1em;
	padding: 0.5em 0.5em;
}
.row.active {
	background: #1976d2;
	color: #fff;
	border-radius: 4px;
	box-shadow: 0 0 6px #1976d2;
}