:root{--bg:#0f1720;--card:#0b1220;--text:#e6eef8;--muted:#9fb2cc;--accent:#7dd3fc}
*{box-sizing:border-box}
body{font-family:Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;line-height:1.6;margin:0;background:linear-gradient(180deg,#071022 0%, #0f1720 100%);color:var(--text);min-height:100vh}
.container{max-width:900px;margin:20px auto;padding:16px}
.site-header{padding:24px 16px;text-align:center}
.site-header h1{margin:8px 0;font-size:1.6rem}
.lead{color:var(--muted);margin:0}
.post-list{list-style:none;padding:0;margin:0}
.post-list li{background:rgba(255,255,255,0.03);margin:10px 0;padding:14px;border-radius:10px;transition:transform .12s}
.post-list li a{color:var(--text);text-decoration:none;font-weight:600}
.post-list li:hover{transform:translateY(-4px)}
.post-content{background:rgba(255,255,255,0.02);padding:18px;border-radius:10px}
h1,h2,h3{color:var(--text)}
p{color:var(--muted)}
pre,code{background:#071021;padding:8px;border-radius:6px;color:#cfe8ff;display:block;overflow:auto}
.site-footer{padding:20px;text-align:center;color:var(--muted)}
.source{margin-top:24px;color:var(--muted)}

@media (max-width:600px){.container{padding:12px}.site-header h1{font-size:1.25rem}}