:root {
	--sans-font: Inter, -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir, "Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica, "Helvetica Neue", sans-serif;
	--serif-font: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
	--mono-font: "JetBrains Mono", Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
	/* Reset transparency */
	img,
	video {
		opacity: 1;
	}
}

html {
	-webkit-text-size-adjust: 100%; /* prevent mobile safari font scaling in landscape while allowing user zoom */
}

.centered-image {
	display: block;
	margin: 0 auto;
}

.centered-link {
	display: block;
	width: fit-content;
	margin-inline: auto;
}

.cf-turnstile {
	display: block;
	width: fit-content;
	margin: 0 auto;
}

.full-width {
	width: 100%;
}

.logo {
	width: 100%;
	height: auto;
}

.logo-link {
	display: block;
	width: 15vw;
	min-width: 100px;
	max-width: 300px;
	margin-inline: auto;
}

.no-resize {
	resize: none;
}

/* Live page */
#status {
	font-size: .75rem;
	text-align: center;
}

#status .dot {
	display:inline-block;
	width:.6em;
	height:.6em;
	border-radius:50%;
	background:#888;
	margin-right:.4em;
	vertical-align:baseline;
}

#status.live .dot {
	background:#2a2;
}

#status.gone .dot { background:#a22; }

#status.paused .dot { background:#c90; }

/* While paused or rebuilding after a reconnect, the lines on screen are a
   frozen past view, not the live stream — dim them so they cannot be
   mistaken for current. */
#log.stale {
	opacity: .45;
}
	
#log {
	font-family: var(--mono-font);
	font-size: .8rem;
	line-height: 1.45;
	white-space: pre-wrap;
	word-break: break-word;
	height: 50vh;
	overflow-y: auto;
	border: 1px solid #1f3d1f;
	padding: .75rem;
	background: #0b0f0b;
	color: #3ddc5c;
}

#log .wake {
	display: block;
	margin: .9rem 0 .4rem;
	padding-top: .5rem;
	border-top: 1px solid #ff0000;
	font-weight: bold;
	opacity: .8;
	color: #ff0000;
}
	
#log .l {
	display: block;
}

.center-title {
	text-align: center;
}

/* Essay/page helpers carried over from the old per-page styles */
.meta {
	font-size: 0.85em;
	opacity: 0.7;
}

.link {
	font-size: 1.05em;
}

.follow {
	text-align: center;
	font-size: .75rem;
}