:root {
				color-scheme: dark;
			}
			* {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}
			html,
			body {
				height: 100%;
			}
			body {
				background: #000;
				min-height: 100svh;
				font-family:
					-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
					Arial, sans-serif;
			}
			main {
				min-height: 100svh;
				width: 100%;
				padding: 24px;
				display: grid;
				place-items: center;
			}
			.links {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				gap: 12px;
			}
			a {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				min-height: 44px;
				padding: 12px 24px;
				border: 1px solid #444;
				border-radius: 8px;
				background: #111;
				color: #fff;
				font-size: 16px;
				font-weight: 500;
				text-decoration: none;
			}
			a:hover {
				background: #222;
				border-color: #777;
			}
			a:focus-visible {
				outline: 2px solid #fff;
				outline-offset: 4px;
			}