:root {
	--bg: #0f172a;
	--surface: #1e293b;
	--fg: #f1f5f9;
	--muted: #94a3b8;
	--border: #334155;
	--accent: #6366f1;
	--accent-fg: #ffffff;
}

.screen {
	transition: opacity 0.3s ease, transform 0.3s ease;
}
.screen.hidden {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translateY(12px);
}
.screen.visible {
	opacity: 1;
	pointer-events: all;
	position: relative;
	transform: translateY(0);
}