:root {
  --bg:#000000;
  --text:#ffffff;
  --card:transparent;
  --border:rgba(255,255,255,.25);
  --r:16px;
}

* { box-sizing:border-box; }

html { -webkit-text-size-adjust:100%; }

body {
  margin:24px;
  background:var(--bg);
  color:var(--text);
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  line-height:1.4;
}

.logo {
  width:72px;
  height:72px;
  object-fit:cover;
  border-radius:var(--r);
  border:0;
  background:#fff;
}

.siteTitle {
  font-size:40px;
  font-weight:800;
  word-spacing:-10px;
}

a, a:link, a:visited, a:hover, a:active {
  color:var(--text);
  text-decoration:underline;
  text-decoration-color:currentColor;
}

.tagline { margin-top:12px; }
.updated { margin-top:26px; font-size:12px; }
.footer { margin-top:8px; font-size:12px; }

.stats {
  margin-top:26px;
  display:grid;
  gap:12px;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  width:100%;
  max-width:100%;
}

.stat {
  background:var(--card);
  border:2px solid var(--border);
  border-radius:var(--r);
  padding:16px 18px;
  min-width:0;
}

.label {
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.value {
  margin-top:6px;
  font-size:24px;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  min-width:0;
}

.history {
  margin-top:26px;
  width:100%;
  max-width:100%;
}

.historyBox {
  width:100%;
  border:2px solid var(--border);
  border-radius:var(--r);
  overflow:hidden;
}

.hhdr,
.hrow {
  display:grid;
  grid-template-columns:repeat(8, minmax(0, 1fr));
}

.hhdr {
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.hrow {
  font-size:12px;
}

.hrow:last-child { border-bottom:0; }

.cell {
  padding:8px 10px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:left;
  min-width:0;
}