:root { color-scheme: light dark; --ok: #1a7f37; --bad: #cf222e; --muted: #6e7781; --line: #8884; --accent: #0969da; }
body { font: 15px/1.5 system-ui, sans-serif; margin: 0 auto; padding: 16px; max-width: 820px; }
header { display: flex; align-items: baseline; gap: 12px } h1 { margin: 0; font-size: 22px } h2 { font-size: 16px; margin: 20px 0 6px }
section { border-top: 1px solid var(--line); }
code, .mono { font-family: ui-monospace, monospace; font-size: 13px; overflow-wrap: anywhere }
.muted { color: var(--muted) } .ok { color: var(--ok) } .bad { color: var(--bad) }
button { font: inherit; margin: 4px 8px 4px 0; padding: 4px 12px; cursor: pointer }
button.primary { background: var(--accent); color: white; border: 1px solid var(--accent); border-radius: 6px }
input, select { font: inherit; padding: 4px 6px } #pair-form { display: flex; gap: 8px } #pair-uri { flex: 1 }
table { border-collapse: collapse } td, th { text-align: left; padding: 2px 12px 2px 0; vertical-align: top }
.card { border: 1px solid var(--line); border-radius: 8px; padding: 10px 12px; margin: 8px 0 }
#log { font-size: 13px; color: var(--muted); max-height: 240px; overflow: auto; padding-left: 20px }