[x-cloak] {
	display: none;
}

body {
	color: #1a1b20;
}

dialog {
	max-width: unset;
	max-height: unset;
	background-color: white;
}

dialog::backdrop {
	display: none;
}

button {
	cursor: pointer;
}

@media (prefers-color-scheme: dark) {
	body {
		background: black;
		color: #e2e2e9;
	}

	dialog {
		background-color: black;
		color: #e2e2e9;
	}

	:root {
		--colors-primary-DEFAULT: oklch(0.83 0.0851 266.17);
		--colors-primary-hover: oklch(0.79 0.0865 265.46);
		--colors-primary-container-DEFAULT: oklch(0.4 0.091 261.72);
		--colors-primary-container-hover: oklch(0.44 0.0855 261.89);
		--colors-secondary-container-DEFAULT: oklch(0.4 0.0323 266.16);
		--colors-secondary-container-hover: oklch(0.44 0.033 267.12);
		--colors-surface-container-DEFAULT: oklch(0.24 0.0115 278.01);
		--colors-surface-container-low: oklch(0.22 0.0098 276.61);
		--colors-surface-container-high: oklch(0.29 0.0096 268.34);
		--colors-error-DEFAULT: oklch(0.84 0.0891 26.76);
		--colors-error-hover: oklch(0.78 0.0822 26.6);
		--colors-hover: oklch(0.91 0.0137 314.75 / 8%);
		--colors-on-primary-container: oklch(0.91 0.0411 270.46);
		--colors-on-secondary-container: oklch(0.91 0.0322 272.26);
		--colors-on-surface-var: oklch(0.83 0.0141 277.02);
		--colors-on-error: oklch(0.33 0.1336 27.32);
		--colors-outline-DEFAULT: oklch(0.65 0.0135 275.99);
		--colors-outline-var: oklch(0.4 0.014 269.33);
	}
}