<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>走破管理</title>
<link rel="manifest" href="manifest.webmanifest">
<meta name="theme-color" content="#111111">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css">
<style>
html, body, #map { height: 100%; margin: 0; }
.bar{
position: fixed; left: 12px; right: 12px; top: 12px;
background: rgba(20,20,20,.9); color:#fff; padding:10px 12px;
border-radius: 12px; font: 14px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
display:flex; gap:10px; align-items:center; z-index:9999;
}
.btn{ background:#4f46e5; color:#fff; border:none; padding:8px 10px; border-radius:10px; }
.btn2{ background:#333; color:#fff; border:none; padding:8px 10px; border-radius:10px; }
.small{ opacity:.85; font-size:12px; }
</style>
</head>
<body>
<div class="bar">
<div id="stat">読み込み中…</div>
<button class="btn2" id="onlyUnvisited">未走行だけ</button>
<button class="btn" id="export">進捗を書き出し</button>
</div>
<div id="map"></div>
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
<script src="./app.js"></script>
</body>
</html>