h1 {
	font-size: 24px;
	text-align: center;
	margin-bottom: 24px;
	margin-top: 8px;
}
#card-count {
	width: 160px;
	height: 160px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	margin: 24px auto 24px auto;
}
#card-count li {
	text-align: center;
}
#card-count li:first-child, #card-count li:last-child {
	font-size: 12px;
}
#card-count-value {
	font-size: 40px;
	line-height: 100%;
}
#stats-recent {
	padding: 0 16px;
}
#stats-recent table {
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
}
#stats-recent th, #stats-recent td {
	font-weight: normal;
	padding: 2px;
}
#stats-recent th {
	width: 56px;
}
#stats-recent .date {
	display: flex;
	width: 48px;
	height: 48px;
	border-radius: 100%;
	color: #fff;
	align-items: center;
	justify-content: center;
}
#stats-recent .month {
	font-size: 11px;
	text-align: center;
	line-height: 100%;
	opacity: 0.5;
}
#stats-recent tbody .day {
	font-size: 18px;
	text-align: center;
	padding: 1px 0 8px 0;
	line-height: 100%;
}
#stats-recent tbody .count {
	text-align: right;
	font-size: 18px;
	width: 60px;
	opacity: 0.85;
}
#stats-recent tbody .count:after {
	content: "回";
	font-size: 12px;
	display: inline-block;
	width: 14px;
	text-align: right;
	opacity: 0.75;
}
#stats-recent ul {
	display: flex;
	align-items: flex-start;
	width: 0;
	height: 40px;
	overflow: hidden;
	border-radius: 3px;
}
#stats-recent li {
	display: inline-block;
	height: 100%;
	width: 1px;
}
body.light #stats-recent .date {
	background: #5891c7;
}
body.dark #stats-recent .date {
	background: #445c72;
}