:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
.wrap { max-width: 1200px; margin: 20px auto; padding: 0 12px; }
header { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; }
h1 { margin: 0; font-size: 1.4rem; }
.tabs { display: flex; gap: 8px; margin-bottom: 20px; border-bottom: 1px solid #9993; }
.tab-btn { padding: 8px 16px; border: none; background: none; cursor: pointer; border-bottom: 2px solid transparent; }
.tab-btn.active { border-bottom-color: #007acc; font-weight: bold; }
.tab-content { display: none; }
.tab-content.active { display: block; }
table { width: 100%; border-collapse: collapse; margin-top: 10px; }
th, td { border-bottom: 1px solid #9993; padding: 8px; text-align: left; }
th { position: sticky; top: 0; background: #0001; backdrop-filter: blur(2px); }
code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.pager { display: flex; gap: 8px; margin: 10px 0; }
.hidden { display: none; }
.small { font-size: .9em; color: #666; }
.hash { max-width: 460px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: bottom; }
.stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin: 20px 0; }
.stat-card { border: 1px solid #9993; border-radius: 8px; padding: 16px; background: #0001; }
.stat-card h3 { margin: 0 0 12px 0; font-size: 1.1rem; }
.stat-row { display: flex; justify-content: space-between; margin: 8px 0; }
.stat-label { font-weight: 500; }
.stat-value { font-family: ui-monospace, monospace; }