:root { color-scheme: dark; }
body { font-family: ui-monospace, Menlo, Consolas, monospace; background:#101418; color:#dbe4ea; margin:0 auto; max-width:860px; padding:1rem; line-height:1.5; }
header h1 { margin:.2em 0; letter-spacing:.05em; }
.tagline { color:#9fb3c0; margin:.2em 0; }
.notice { border:1px solid #6b5d1f; background:#221f10; padding:.5em .8em; border-radius:6px; font-size:.9em; }
nav { margin:.8em 0; display:flex; gap:.5em; flex-wrap:wrap; }
button { background:#1c2833; color:#dbe4ea; border:1px solid #38506a; border-radius:6px; padding:.35em .8em; cursor:pointer; font:inherit; }
button:hover, button.active { background:#27405a; }
.apibase { font-size:.8em; color:#9fb3c0; display:block; margin-top:.5em; }
input { background:#0c1013; color:#dbe4ea; border:1px solid #38506a; border-radius:4px; padding:.3em .5em; font:inherit; }
.boardlist .board, .thread, .post, .modlog-entry, .search-hit { border:1px solid #263646; border-radius:8px; padding:.7em 1em; margin:.6em 0; background:#141b21; }
.board h3, .thread h3 { margin:.2em 0; cursor:pointer; color:#8ec9ee; }
.meta { color:#8299a8; font-size:.82em; }
.post .body { white-space:pre-wrap; word-wrap:break-word; margin:.4em 0; }
.post.tombstone { opacity:.55; font-style:italic; }
.badge { border:1px solid #6b5d1f; border-radius:4px; padding:0 .35em; font-size:.78em; color:#e8d27a; }
.reactions { font-size:.9em; color:#b9cbd6; }
a { color:#8ec9ee; }
code { background:#0c1013; padding:.1em .3em; border-radius:4px; }
footer { color:#8299a8; font-size:.85em; margin-top:2em; border-top:1px solid #263646; padding-top:.6em; }