1 files changed, 139 insertions, 0 deletions
diff --git a/web/styles.css b/web/styles.css
new file mode 100644
index 0000000..a50bc37
--- /dev/null
+++ b/web/styles.css
@@ -0,0 +1,139 @@
+/*
+ * Copyright (C) 2026 Doan Luu Duc Tai <doan@luuduct.ai>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+body {
+	overflow-y: scroll;
+	font: 16px monospace, monospace;
+	margin: 0;
+	padding: 0;
+}
+
+pre {
+	margin: 0;
+	overflow-x: auto;
+}
+
+a {
+	color: #06c;
+	text-decoration: none;
+}
+
+.good {
+	color: #090;
+	font-weight: bold;
+}
+
+.logo {
+	color: #a00;
+	text-decoration: none;
+}
+
+.logo:hover {
+	text-decoration: none;
+}
+
+.badge {
+	position: absolute;
+	top: 16px;
+	left: calc(50% + 280px);
+	color: #090;
+	font-weight: bold;
+	white-space: nowrap;
+}
+
+#page {
+	display: table;
+	margin: 16px auto;
+	position: relative;
+}
+
+#content {
+	max-width: 80ch;
+	width: 100%;
+}
+
+.good a {
+	color: inherit;
+	text-decoration: underline;
+}
+
+.good a {
+	text-decoration-style: wavy;
+}
+
+@media (prefers-color-scheme: dark) {
+	body {
+		background: #000;
+		color: #fff;
+	}
+
+	a {
+		color: #6cf;
+	}
+
+	.logo {
+		color: #f33;
+	}
+
+	.badge {
+		color: #0f0;
+	}
+
+	.good {
+		color: #0f0;
+	}
+}
+
+@media (max-width: 999px) {
+	body {
+		font-size: 1.94vw;
+	}
+
+	.badge {
+		left: auto;
+		right: 16px;
+	}
+}
+
+.source-footer {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-end;
+	gap: 0.5em;
+	text-align: right;
+	margin-top: 32px;
+	margin-bottom: 16px;
+	font-weight: bold;
+}
+
+.source-footer .project-license {
+    color: #923900;
+}
+
+.source-footer .dependency-licenses {
+    color: #355b3c;
+}
+
+@media (prefers-color-scheme: dark) {
+    .source-footer .project-license {
+        color: #efb366;
+    }
+
+    .source-footer .dependency-licenses {
+        color: #a3c7a8;
+    }
+}