:root {
  --bg-color: #fff;
  --text-color: #000;
  --link-color: #000;
  --link-visited: #111;
  --border-color: #ddd;
  --table-header-bg: #f2f2f2;
  --killfile-bg: #f4f4f4;
  --input-border: #000;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg-color: #1a1a1a;
    --text-color: #e0e0e0;
    --link-color: #6b9eff;
    --link-visited: #8fa8d6;
    --border-color: #444;
    --table-header-bg: #2a2a2a;
    --killfile-bg: #252525;
    --input-border: #666;
  }
}

body { font-family: -apple-system, BlinkMacSystemFont, sans-serif; font-size: 16px; color: var(--text-color); background-color: var(--bg-color); margin: 20px; }
form { margin: 0px; padding: 0px; display: inline; }
input { border: 1px solid var(--input-border); font-size: 16px; background-color: var(--bg-color); color: var(--text-color); }
table { width: 100%; border-collapse: collapse; margin-top: 20px; }
th, td { border: 1px solid var(--border-color); padding: 8px; text-align: left; }
th { background-color: var(--table-header-bg); }
img { border: 0px; }
.killfile { background: var(--killfile-bg); padding: 10px; border: 1px solid var(--border-color); }
a, a:active { outline: none; }
a:link { color: var(--link-color); text-decoration: none; }
a:active { color: var(--link-color); text-decoration: none; }
a:visited { color: var(--link-visited); text-decoration: none; }
a:hover { color: var(--link-color); text-decoration: underline; }
.clickable { cursor: pointer; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.embiggened { font-weight: bold; }