kbd {
				display: inline-block;
				padding: 3px 6px;
				font: 11px ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
				line-height: normal;
				line-height: 10px;
				color: var(--text2);
				background-color: var(--surface);
				border: 1px solid var(--surface-3);
				border-bottom-color: var(--line);
				border-radius: 6px;
				box-shadow: inset 0 -1px 0 var(--line-strong)
			}
			#markdown-content pre {
				background: var(--surface-2);
				padding: 15px;
				border-radius: 8px;
				overflow-x: auto;
			}

			#markdown-content pre code {
				background: none;
				padding: 0;
			}

			.titlebar,
			.sidebar {
				z-index: 40
			}
		

			body {
				background-attachment: fixed;
			}
			
			:root {
				color-scheme: light;
				--bg: #101418;
				--surface: #ffffff;
				--surface-2: #202833;
				--surface-3: #dde8f2;
				--text: #213044;
				--text2: #000000;
				--text3: var(--muted);
				--text4: #435368;
				--muted: #66778c;
				--line: #b7c5d6;
				--line-strong: #4c5867;
				--blue: #73a7ff;
				--blue-soft: #d7e8ff;
				--blue-softer: #eaf3ff;
				--lime: #9cff35;
				--lime-soft: #dcffb5;
				--penciaalerasebutton: #d7e1ee;
				--lime-text: #195700;
				--lime-glow: rgba(156, 255, 53, .56);
				--danger: #d93025;
				--danger-soft: #ffe7e5;
				--shell: rgba(255, 255, 255, .48);
				--shadow: 0 0px 46px rgba(28, 48, 74, .12);
				--radius: 999px;
				--shadow-color: #bebebe;
				--shadow-color2: #bebebe;
				--cell-size: clamp(34px, 8.2vmin, 64px);
				--board-size: calc(var(--cell-size) * 9);
				font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
			}

			ul {
				padding-left: 15px !important;
				margin-top: 0px;
			}
				
			#markdown-content.something blockquote blockquote {
				margin-left: 0px !important;
			}

			html.dark,
			body.dark {
				color-scheme: dark;
				--bg: #101418;
				--surface: #171d24;
				--surface-2: #202833;
				--surface-3: #2a3442;
				--text: #95a4b6;
				--muted: #98a7b8;
				--line: #4e6177;
				--blue: #73a7ff;
				--blue-soft: #203a5f;
				--blue-softer: #1b2c45;
				--lime: #a7ff48;
				--pencilerasebutton: #26313f;
				--lime-soft: #263d1d;
				--text2: #dce3e9;
				--text3: #bec9da;
				--text4: #bbc6d4;
				--lime-text: #bcff76;
				--lime-glow: rgba(167, 255, 72, .46);
				--danger: #ff8a80;
				--shadow-color: #232930;
				--shadow-color2: #343c45;
				--danger-soft: #4c2424;
				--shell: rgba(255, 255, 255, .045);
				--shadow: 0 5px 48px rgba(0, 0, 0, .32);
			}

			* {
			  box-sizing: border-box;
			}
					
			a,
			a:visited {
				color: inherit;
				text-decoration: underline;
				text-decoration-thickness: 1px;
				text-underline-offset: 2px;
				transition: color 0.15s ease;
				cursor: pointer;
			}

			a:hover,
			a:focus-visible {
				color: var(--blue);
			}

			a:active {
				color: var(--blue);
			}
				
			body {
			  margin: 0;
			  min-height: 100%;
			  background:
				radial-gradient(circle at 15% 15%, color-mix(in srgb, var(--blue) 10%, transparent), transparent 30%),
				linear-gradient(135deg, var(--bg), color-mix(in srgb, var(--surface-2) 40%, var(--bg)));
			  color: var(--text);
			  display: grid;
			  letter-spacing: 0;
			}
					
			html {
				min-height: 100%;
				background:
					radial-gradient(circle at 15% 15%, color-mix(in srgb, var(--blue) 10%, transparent), transparent 30%),
					linear-gradient(135deg, var(--bg), color-mix(in srgb, var(--surface-2) 40%, var(--bg)));
			}

			button, 
			input[type="button"], 
			input[type="submit"] {
			  cursor: pointer;
			}

			#markdown-content {
				color: var(--text);
			}

			.something {
				background-color: var(--surface);
				padding: 10px;
				border-radius: 28px;
				border: 1px solid var(--surface-2);
				margin-bottom: 10px;
				padding-bottom: 0px;
				margin-top: 5px;
			}

			#markdown-content h2,
			#markdown-content h1,
			#markdown-content h3,
			#markdown-content h4,
			#markdown-content h5 {
				color: var(--text2);
			}

			#downloadbox h2,
			#downloadbox h1,
			#downloadbox h3,
			#downloadbox h4,
			#downloadbox h5 {
				color: var(--text2);
				margin: 0px;
			}

			#markdown-content.something h4

			#markdown-content.something h4 {
				margin-bottom: 10px;
				margin-top: 0px
			}

			#markdown-content.release-changelog > blockquote > blockquote:first-of-type {
				margin-top: 10px;
			}

			#markdown-content.something blockquote {
				margin: 0px;
			}

			#markdown-content blockquote {
				border-left: 4px solid 4px solid #afb2b5;
				padding-left: 15px;
				margin-left: 0;
				color: var(--muted);
				position: relative;
			}

			#markdown-content blockquote::before {
				content: "";
				position: absolute;
				left: 0;
				top: 5px;
				bottom: 5px;
				width: 4px;
				background: var(--muted);
				border-radius: 999px;
				/* its a markdown blockquote NOT A FUCKING sidebar... and also its the edge bar color not the background color */
			}
				

			#markdown-content code {
				background: var(--surface-2);
				padding: 3px 6px;
				border-radius: 5px;
			}

			@media (orientation: portrait) and (max-width: 700px) {

				ul {
					padding-left: 25px;
				padding-right: 5px;
				}
				
				#downloadboxlink {
					flex: 1;
				}

				li {
					margin-bottom: 5px;
				}

				li:last-child {
					margin-bottom: 0;
				}
				.card {
				padding-top: 0px !important;
				padding-bottom: 0px !important
				}
				body {
					min-height: 100vh;
					background: transparent;
				}    
				.why {
				margin-top: 15px !important
				}
			}
.titlebar {
  background: var(--bg);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.menu-button {
  background: var(--surface);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
		

			:root {
				--surface: #171d24;
				--text: #dce3e9;
				--blue: #73a7ff;
				--shadow: 0 5px 48px rgba(0,0,0,.32);
			}

			* {
				box-sizing: border-box;
			}

			body {
				margin: 0;
				color: var(--text);
				font-family: Inter, system-ui, sans-serif;
			}
			hr {
				color: #707984
			}

			/* Title bar */

			.titlebar {
				width: 100%;
				height: 80px;
				display: flex;
				align-items: center;
				padding: 10px 20px;
				background: var(--surface);
				box-shadow: var(--shadow);
			}

			.logo {
				height: 60px;
			}

			.desktop-menu {
				margin-left: auto;
				display: flex;
				gap: 25px;
			}

			.desktop-menu a,
			.mobile-sidebar a {
				color: var(--text);
				text-decoration: none;
			}

			.desktop-menu a:hover,
			.mobile-sidebar a:hover {
				color: var(--blue);
			}


			/* Mobile button */

			.menu-button {
				display: none;
				margin-left: auto;
				background: none;
				border: none;
				color: var(--text);
				font-size: 32px;
				cursor: pointer;
			}


			/* Mobile sidebar */

			.mobile-sidebar {
				position: fixed;
				top: 0;
				left: -280px;

				width: 280px;
				height: 100dvh;

				background: var(--surface);

				display: flex;
				flex-direction: column;
				gap: 20px;

				padding: 20px;

				transition: left .3s ease;

				z-index: 1000;
			}

			.titlebar {
				position: sticky;
				top: 0;
			}

			.mobile-sidebar.open {
				left: 0;
			}
			.sidebar-spacer {
				flex: 1;
			}

			.close-menu {
				background: none;
				border: 1px solid var(--text);
				color: var(--text);
				padding: 10px;
				border-radius: 8px;
				cursor: pointer;
				font-size: 16px;
			}

			.close-menu:hover {
				color: var(--blue);
			}

			.sidebar-logo {
				width: 200px;
				margin-bottom: 20px;
			}
			.menu-button {
				display: none;
				background: none;
				border: none;
				color: var(--text);
				font-size: 32px;
				cursor: pointer;
			}
			.why {
				margin-left: 10px;
				margin-right: 10px
			}
			#markdown-content {
				margin-left: 10px;
				margin-right: 10px
			}

			#markdown-content.something blockquote {
				margin-left: 15px;
			}

			#markdown-content.something h3 {
				margin-bottom: 10px;
				margin-left: 5px;
			}

			#downloadbox > div > div {
				margin-right: auto;
			}

			/* Mobile layout */
			@media (max-width: 700px) {
				#downloadbox > div > div {
					margin-right: unset;
				}
				.titlebar {
					display: none;
				}

				.menu-button {
					display: block;
					position: absolute;
					top: 10px;
					left: 15px;
					z-index: 999;
					margin-top: 8px
					margin: 0;
					padding: 0;
				}


				.img {
				width: 80%;
				transform: translatex(20vw);
				margin-top: 5px
				}
			}