:root {
  color-scheme: light dark;
  font-family: system-ui, sans-serif;
  background: #111827;
  color: #f9fafb;
}

body { margin: 0; }
.shell { max-width: 680px; margin: 4rem auto; padding: 0 1.25rem; }
.nav { display: flex; gap: 1rem; margin-bottom: 2.5rem; }
.nav a { color: #93c5fd; }
.intro { color: #9ca3af; }
form { display: grid; gap: 1rem; margin-top: 2rem; }
label { display: grid; gap: .4rem; font-weight: 600; }
label span { color: #9ca3af; font-weight: 400; }
input, select, textarea, button { font: inherit; border-radius: .5rem; border: 1px solid #4b5563; padding: .7rem; }
input, select, textarea { background: #1f2937; color: inherit; }
textarea { resize: vertical; }
button { cursor: pointer; background: #60a5fa; color: #111827; border: 0; font-weight: 700; }
.result, .error { margin-top: 1.5rem; padding: 1rem; border-radius: .5rem; }
.result { background: #064e3b; }
.error { background: #7f1d1d; }
a { color: #93c5fd; overflow-wrap: anywhere; }
.inbox-shell { max-width: 980px; }
.toolbar { display: grid; grid-template-columns: 1fr 1fr auto; gap: .75rem; align-items: end; }
.toolbar button { min-height: 2.8rem; }
.message-list { display: grid; gap: .75rem; margin-top: 2rem; }
.message-card { display: grid; gap: .35rem; padding: 1rem; border: 1px solid #374151; border-radius: .6rem; background: #1f2937; text-decoration: none; color: inherit; }
.message-card:hover { border-color: #60a5fa; }
.message-title { font-size: 1.05rem; font-weight: 700; }
.message-meta, .status { color: #9ca3af; font-size: .9rem; }
.empty { margin-top: 2rem; color: #9ca3af; }
.load-more { margin-top: 1rem; }
.doc { margin-top: 2rem; }
.doc h2 { margin-top: 2.5rem; }
.doc h3 { margin-top: 2rem; }
.doc p, .doc li { line-height: 1.65; }
.doc pre { overflow-x: auto; padding: 1rem; border-radius: .5rem; background: #030712; }
.doc code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.doc :not(pre) > code { padding: .15rem .3rem; border-radius: .25rem; background: #374151; }
@media (max-width: 700px) { .toolbar { grid-template-columns: 1fr; } }