:root {
  --bg: #0b1020;
  --surface: #121a2b;
  --text: #e6eaf2;
  --muted: #9aa4b2;
  --accent: #6ea8fe;
}
* { box-sizing: border-box; }
body { margin: 0; font-family: Arial, sans-serif; background: var(--bg); color: var(--text); }
.container { width: min(960px, 92%); margin: 0 auto; }
.nav { background: var(--surface); padding: 0.8rem 0; }
.nav-inner { display: flex; justify-content: space-between; align-items: center; }
.brand { color: var(--text); text-decoration: none; font-weight: bold; }
.tabs a { color: var(--muted); text-decoration: none; margin-left: 1rem; }
.tabs a:hover { color: var(--accent); }
main.container { padding: 2rem 0; min-height: 75vh; }
.post-list { list-style: none; padding: 0; }
.post-list li { background: #0f1627; border: 1px solid #1f2a40; border-radius: 8px; padding: 1rem; margin-bottom: 1rem; }
.meta { color: var(--muted); }
.tag { background: #1e2a44; padding: 0.1rem 0.4rem; border-radius: 999px; font-size: 0.8rem; }
.footer { border-top: 1px solid #1f2a40; padding: 1rem 0; color: var(--muted); }