/* 
  Ultra Minimal HTML Reset styling 
  Keeps functional layout (hidden/active screens) but removes all aesthetics.
*/

html,
body {
	font-family: monospace;
	/* Simple monospaced font */
	color-scheme: dark light;
	padding: 20px;
	max-width: 700px;
	margin: auto;
}

button {
	cursor: pointer;
}

.screen {
	display: none;
}

.screen.active {
	display: block;
}

.hidden {
	display: none !important;
}

/* Let the browser render buttons and inputs naturally */
button {
	font-family: inherit;
	margin-top: 10px;
}

input[type="text"] {
	font-family: inherit;
	margin-bottom: 10px;
}

fieldset {
	margin-top: 15px;
}

#event-log {
	width: 100%;
	height: 300px;
	overflow-y: scroll;
	border: 1px solid #ccc;
	padding: 10px;
	color-scheme: dark light;
}

.log-entry.error {
	color: #d00;
}
.log-entry.success {
	color: #0a0;
}
.log-entry.info {
	color: rgb(14, 91, 206);
}