:root { color-scheme: light dark; }
body { font: 16px/1.5 system-ui, sans-serif; margin: 0; background: #14161a; color: #e6e6e6; }
header.top { background: #1d2026; padding: .6rem 1.2rem; border-bottom: 1px solid #2c313a; }
header.top a { margin-right: 1.2rem; }
header.top .brand { font-weight: 600; color: #e6e6e6; text-decoration: none; }
main { max-width: 60rem; margin: 1.5rem auto; padding: 0 1.2rem; }
a { color: #7cb7ff; }
h1 { font-size: 1.6rem; margin-top: 0; }
input[type=text] { font: inherit; padding: .4rem .6rem; background: #0e1013; color: inherit; border: 1px solid #3a404a; border-radius: 4px; }
button, .btn { font: inherit; padding: .4rem 1rem; background: #2f6fd1; color: #fff; border: 0; border-radius: 4px; cursor: pointer; text-decoration: none; display: inline-block; }
table { border-collapse: collapse; width: 100%; }
th, td { text-align: left; padding: .4rem .6rem; border-bottom: 1px solid #2c313a; }
th { color: #9aa3b0; font-weight: 600; }
.err { color: #ff8a80; }
.muted { color: #9aa3b0; font-size: .9rem; }

form.ask button { margin: 2px 4px 2px 0; font-size: 13px; padding: 3px 8px; }