:root {
  --bg: #0f0f0f;
  --panel: #1a1a1a;
  --border: #222;
  --border-strong: #333;
  --border-hover: #555;
  --text: #fff;
  --text-dim: #ccc;
  --text-muted: #888;
  --text-faint: #555;
  --text-faint-2: #444;
  --good: #44cc66;
  --bad: #cc4444;
  --radius: 10px;
  --font: 'Segoe UI', sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: var(--font);
  background: var(--bg);
  color: var(--text);
}

img.emoji { height: 1em !important; width: 1em !important; vertical-align: -0.15em; display: inline !important; }

nav {
  position: sticky;
  top: 0;
  z-index: 100;
  align-self: stretch;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  background: rgba(10, 10, 10, 0.75);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
nav a { color: var(--text-muted); text-decoration: none; display: inline-flex; align-items: center; }
nav a:hover { color: #eee; }