1 files changed, 69 insertions, 0 deletions
diff --git a/static/deck.css b/static/deck.css
new file mode 100644
index 0000000..9bbd806
--- /dev/null
+++ b/static/deck.css
@@ -0,0 +1,69 @@
+* { box-sizing: border-box; margin: 0; }
+
+html, body { height: 100%; }
+
+body {
+  background: var(--udt-base);
+  color: var(--udt-text);
+  font: 400 14px/20px "Noto Sans", system-ui, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  user-select: none;
+  overflow: hidden;
+}
+
+#grid {
+  height: 100dvh;
+  padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right))
+           max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
+  display: grid;
+  gap: 12px;
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+  grid-auto-rows: minmax(0, auto);
+  align-content: start;
+  overflow-y: auto;
+}
+
+.panel {
+  background: var(--udt-surface0);
+  border: 1px solid var(--udt-surface1);
+  border-radius: 16px;
+  padding: 16px;
+  min-height: 0;
+  min-width: 0;
+}
+
+.panel h2 {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--udt-subtext0);
+  margin-bottom: 12px;
+}
+
+.num {
+  font-family: "Inconsolata Nerd Font Mono", ui-monospace, monospace;
+  font-variant-numeric: tabular-nums;
+}
+
+.muted { color: var(--udt-overlay0); }
+
+button {
+  font: inherit;
+  color: inherit;
+  background: var(--udt-surface1);
+  border: 1px solid var(--udt-surface2);
+  border-radius: 10px;
+  padding: 10px 12px;
+  cursor: pointer;
+  touch-action: manipulation;
+}
+
+button:active { background: var(--udt-surface2); }
+
+button.on { background: var(--udt-accent); color: var(--udt-crust); border-color: var(--udt-accent); }
+
+.good { color: var(--udt-green); }
+.bad { color: var(--udt-red); }
+.warn { color: var(--udt-yellow); }