:root { color-scheme: light dark; --bd: #8884; --mut: #888; }
body { font: 14px/1.4 system-ui, sans-serif; margin: 0; }
header { display: flex; gap: 1rem; align-items: center; padding: .75rem 1rem; border-bottom: 1px solid var(--bd); position: sticky; top: 0; background: Canvas; }
h1 { font-size: 1.1rem; margin: 0; }
#filter { flex: 1; max-width: 360px; padding: .4rem .6rem; }
#status { color: var(--mut); font-size: 12px; }
main { padding: 1rem; }
table { width: 100%; border-collapse: collapse; table-layout: fixed; }
th, td { text-align: left; padding: .5rem; border-bottom: 1px solid var(--bd); vertical-align: top; overflow-wrap: anywhere; }
th:nth-child(1) { width: 22%; } th:nth-child(2) { width: 40%; } th:nth-child(3) { width: 20%; } th:nth-child(4) { width: 12%; } th:nth-child(5) { width: 6%; }
tr.mail { cursor: pointer; }
tr.mail:hover { background: #8881; }
.snip { color: var(--mut); }
.body { white-space: pre-wrap; padding: .75rem; background: #8881; border-radius: 6px; font-family: ui-monospace, monospace; font-size: 13px; }
.chips { margin-top: .5rem; display: flex; flex-wrap: wrap; gap: .4rem; }
button { cursor: pointer; }
#more { display: block; margin: 1rem auto; }