html,
body {
	background: #020303;
}

body,
#app {
	color-scheme: dark;
}

body::before {
	content: '';
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: -1;
	background:
		radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.095) 1px, transparent 0) 0 0 / 26px
			26px,
		linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.76)),
		#020303;
}

.dark body,
.dark .bg-white,
.dark .dark\:bg-gray-900,
.dark .dark\:bg-gray-950 {
	background-color: transparent !important;
}

.dark .dark\:bg-gray-850,
.dark .dark\:bg-gray-900\/90,
.dark .dark\:from-gray-900\/90,
.dark .dark\:via-gray-900\/50 {
	background-color: rgba(8, 8, 8, 0.82) !important;
}

.dark .dark\:border-gray-800,
.dark .dark\:border-gray-850,
.dark .dark\:border-white\/10 {
	border-color: rgba(255, 255, 255, 0.1) !important;
}

button,
[role='button'] {
	border-radius: 10px;
}

#splash-screen {
	background: #000 !important;
}