body { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; margin: 0; background: #f7f7f9; color: #1f2430; }
.page { max-width: 1100px; margin: 0 auto; padding: 24px 16px 48px; }
h1 { font-size: 1.5rem; margin: 0 0 4px; }
.sub { color: #5b6170; margin: 0 0 20px; }
.card { background: #fff; border: 1px solid #e3e5ea; border-radius: 8px; padding: 16px; margin-bottom: 16px; }
.row { display: flex; gap: 16px; flex-wrap: wrap; align-items: end; }
.row > * { flex: 1 1 220px; }
label { font-size: 0.85rem; font-weight: 600; display: block; margin-bottom: 4px; }
.status { font-family: ui-monospace, Menlo, monospace; font-size: 0.85rem; padding: 8px 12px; border-radius: 6px; }
.status.hit { background: #e7f6ec; color: #1d6b3a; }
.status.miss { background: #fff4e0; color: #8a5300; }
button { padding: 8px 14px; border-radius: 6px; border: 1px solid #c9ccd4; background: #fff; cursor: pointer; }
button:hover { background: #f0f1f4; }
table { border-collapse: collapse; width: 100%; font-size: 0.85rem; }
th, td { text-align: left; padding: 6px 8px; border-bottom: 1px solid #eceef2; }
code { font-size: 0.85em; }