@charset 'utf-8';

#sentence {
	height: 10em; /* for outdated browser */
	height: 25vh;
}
#page-loader {
	border: 1px silver solid;
	border-radius: 0.5em;
	background-color: #eee;
	margin: 0.5em;
	padding: 3px;
}
#page-loader input[type=text] {
	width: 60%;
}
#result {
	border: 1px silver solid;
	padding: 3px;
	white-space: pre-wrap;
	height: 80vh;
	overflow: auto;
}
#result a {
	font-weight: bold;
	font-size: larger;
	color: red;
}
#result a:target {
	color: white;
}
#result sup {
	font-weight: bold;
	margin: 3px;
	border: 1px solid;
	border-radius: 3px;
}
#result .note {
	font-weight: bold;
	background-color: InfoBackground;
	margin-left: 3px;
	margin-right: 0.5em;
}
#result .note:before {
	content: '→';
}

@media screen and (prefers-color-scheme: dark) {
	[class^='shiteki'], .note {
		color: var(--back);
	}
}