* { box-sizing: border-box; }
body { margin: 0; font: 15px/1.55 Verdana, Geneva, sans-serif; color: #e5e7eb; background: #1e1b18; }
a { color: #fbbf24; }
header { background: #3b2f25; padding: 16px 26px; border-bottom: 3px solid #b45309; display: flex; gap: 16px; align-items: baseline; flex-wrap: wrap; }
header b { font: 700 24px Georgia, serif; color: #fde68a; } header span { color: #d6d3d1; font-size: 13px; }
main { max-width: 900px; margin: 22px auto; padding: 0 16px; }
table { width: 100%; border-collapse: collapse; background: #292420; } th, td { text-align: left; padding: 9px 12px; border-bottom: 1px solid #44403c; font-size: 14px; } th { color: #fcd34d; }
.post { display: flex; gap: 16px; background: #292420; border: 1px solid #44403c; border-radius: 8px; padding: 14px; margin-bottom: 12px; }
.post .who { width: 140px; flex-shrink: 0; font-size: 13px; color: #a8a29e; } .post .who b { display: block; font-size: 15px; color: #fde68a; }
.post time { display: block; color: #a8a29e; font-size: 12px; margin-bottom: 6px; }
.note { color: #a8a29e; font-size: 12px; }
footer { text-align: center; color: #78716c; font-size: 12px; padding: 26px; }