:root{--bg:#0a0a0a;--text:#e8e8e8;--text-dim:#888;--accent:#e8e8e8;--border:#2a2a2a;--max-width:780px}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Courier Prime,Courier New,monospace;font-size:16px;line-height:1.6}body{background:var(--bg);min-height:100vh}a{color:inherit;text-decoration:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.header{justify-content:space-between;align-items:flex-start;padding:3rem 0 2rem;display:flex}.header-left h1{letter-spacing:.02em;margin-bottom:.4rem;font-size:1.1rem;font-weight:700}.header-left p{color:var(--text-dim);font-size:.875rem;font-weight:400}.header-right a{color:var(--text-dim);text-underline-offset:3px;font-size:.875rem;text-decoration:underline;transition:color .15s}.header-right a:hover{color:var(--text)}.divider{border:none;border-top:1px solid var(--border);margin:0}.post-list{padding:0;list-style:none}.post-item{border-bottom:1px solid var(--border);opacity:0;padding:2rem 0;animation:.3s forwards fadeIn}.post-item:last-child{border-bottom:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.post-item:first-child{animation-delay:50ms}.post-item:nth-child(2){animation-delay:.1s}.post-item:nth-child(3){animation-delay:.15s}.post-item:nth-child(4){animation-delay:.2s}.post-item:nth-child(5){animation-delay:.25s}.post-item:nth-child(6){animation-delay:.3s}.post-item:nth-child(7){animation-delay:.35s}.post-item:nth-child(8){animation-delay:.4s}.post-title{margin-bottom:.4rem;font-size:1rem;font-weight:700;line-height:1.4}.post-title a{transition:opacity .15s}.post-title a:hover{opacity:.7}.post-meta{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.6rem;font-size:.8rem;display:flex}.post-meta .dot{opacity:.4}.post-meta .tag{color:var(--text-dim)}.post-excerpt{color:var(--text-dim);max-width:640px;font-size:.875rem;line-height:1.65}.empty{color:var(--text-dim);padding:3rem 0;font-size:.875rem}@media (max-width:600px){.container{padding:0 1.25rem}.header{flex-direction:column;gap:1rem;padding:2rem 0 1.5rem}}