body {
	background-color: #fff;
	color:#000;
}
a, a:hover, a:visited {
	color: #00f;
}
a:hover {
	background-color: #d1e7ff;
}
a span.date {color:#555;}
a span.w0 {background-color:#ff4;color:#000;}
a span.w1 {background-color:#ff8;color:#000;}
a span.w2 {background-color:#ffc;color:#000;}

button {
	background-color: #ccc;
	color: inherit;
}
button:hover {
	background-color: #ddd;
}
button[disabled] {
	color: #777;
}
button[disabled]:hover {
	background-color: #ccc;
}
table.data tr:nth-child(odd) {
	background-color: #f4f4f4;
}
table.data th {
	background-color: #e0e0e0;
}
table.data th, table.data td {
	border-color: #bbb;
}

#t {
	border-bottom-color: #6382ff;
}
#t button {
	border-bottom-color: #fff;
}
#t button.sel {
	background-color: #6382ff;
	border-bottom-color: #6382ff;
	color: #fff;
}

#fmsg {
	color: #d00;
}


@media(prefers-color-scheme:dark) {
	body {
		background-color: #202020;
		color: #e0e0e0;
	}
	a, a:hover, a:visited {
		color: #74b1ff;
	}
	a:hover {
		background-color: #003d8b;
	}
	a span.date {color:#bbb;}
	a span.w0 {background-color:inherit;color:#ff4;}
	a span.w1 {background-color:inherit;color:#ff8;}
	a span.w2 {background-color:inherit;color:#ffc;}

	button {
		background-color: #686868;
	}
	button:hover {
		background-color: #7c7c7c;
	}
	table.data tr:nth-child(odd) {
		background-color: #2a2a2a;
	}
	table.data th {
		background-color: #383838;
	}
	table.data th, table.data td {
		border-color: #545454;
	}

	#t {
		border-bottom-color: #4960bd;
	}
	#t button {
		border-bottom-color: #222;
	}
	#t button.sel {
		background-color: #4960bd;
		border-bottom-color: #4960bd;
	}

	#fmsg {
		color: #ff7070;
	}
}