<!doctype html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>barerepo · not found</title>

<link rel="stylesheet" href="tokens.css">

</head>

<body>

<div class="wrap">

<div style="font-family: var(--font-mono); font-size: 13px; line-height: 1.6; color: var(--text-primary); background: #ffffff; border: 0.5px solid var(--border); border-radius: 12px; min-height: calc(100vh - 26px); display: flex; flex-direction: column;">

<h2 class="sr-only">Not found page.</h2>

<div style="display:flex; align-items:center; justify-content:space-between; padding:9px 18px; border-bottom:0.5px solid var(--border);">

<div style="display:flex; gap:20px; align-items:center;">

<span style="letter-spacing:-0.5px; text-decoration:underline;">barerepo</span>

<span style="color:var(--text-secondary); text-decoration:underline;">new</span>

</div>

<div style="display:flex; gap:16px; align-items:center; color:var(--text-secondary);">

<span style="border:0.5px solid var(--border); border-radius:8px; padding:3px 10px; color:var(--text-muted);">search /</span>

<span>john</span>

</div>

</div>

<div style="padding:26px 18px;">

<div style="margin-bottom:6px;">404</div>

<div style="color:var(--text-muted); font-size:12px;">john/johnbot exists. that path in it does not.</div>

</div>

<div style="position:sticky; bottom:0; margin-top:auto; background:#ffffff; border-top:0.5px solid var(--border); border-radius:0 0 12px 12px; padding:9px 18px; display:flex; justify-content:space-between; color:var(--text-muted); font-size:12px;">

<span>barerepo</span><span>barerepo 0.1.0</span>

</div>

</div>

</div>

</body>

</html>