:root {
  --bg: #071426;
  --surface: #102946;
  --text: #f4f8ff;
  --muted: #b6cbea;
  --accent: #5bd2ff;
}
body {
  margin: 0;
  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  background: radial-gradient(circle at 20% -20%, #173e67 0%, #071426 55%);
  color: var(--text);
  min-height: 100vh;
  line-height: 1.6;
}
.container { max-width: 860px; margin: 0 auto; padding: 32px 20px 64px; }
h1 { line-height: 1.2; }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
.post-card {
  background: rgba(16, 41, 70, 0.82);
  border: 1px solid rgba(91, 210, 255, 0.26);
  border-radius: 14px;
  padding: 16px;
  margin: 14px 0;
}
.meta { color: var(--muted); font-size: 0.95rem; }
.back { display: inline-block; margin-bottom: 18px; }
img { max-width: 100%; border-radius: 10px; }