:root { color-scheme: dark light; font: 15px/1.4 system-ui, -apple-system, sans-serif; }
body { margin: 0; padding: max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom)); }
h1 { margin: 0 0 4px; font-size: 28px; }
.tag { display: inline-block; padding: 2px 10px; border-radius: 99px; color: #fff; font-weight: 600; }
nav { display: grid; gap: 8px; margin: 16px 0; }
nav a, button { display: block; padding: 12px 14px; border-radius: 12px; background: rgba(120,120,128,.2); color: inherit; text-decoration: none; border: 0; font: inherit; text-align: left; }
.row { display: flex; gap: 8px; } .row button { flex: 1; text-align: center; }
table { width: 100%; border-collapse: collapse; font-size: 12px; margin-top: 12px; }
td { padding: 6px 4px; border-top: 1px solid rgba(120,120,128,.3); vertical-align: top; word-break: break-all; }
td:first-child { width: 38%; color: #8e8e93; word-break: normal; }
tr.hl td { font-weight: 700; }
small { color: #8e8e93; }