body{background:#1a1a1a;color:#ccc;margin:0;font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6}header{text-align:center}header .main-nav{background:#222;padding:25px 0;display:flex;justify-content:center;align-items:center}header .main-nav a{color:#888;text-decoration:none;margin:0 30px;font-size:1.1rem}header .main-nav a:hover{color:#fff}header .sub-nav{background:#111;padding:10px 0;border-bottom:1px solid #333}header .sub-nav a{color:#666;text-decoration:none;margin:0 15px;font-size:.85rem}header .sub-nav a:hover{color:#f90}.logo img{width:32px;height:32px;vertical-align:middle}main{max-width:700px;margin:60px auto;padding:0 20px}.post-list{list-style:none;padding:0}.post-list .post-entry{display:block;margin-bottom:2.5rem;border-left:3px solid #333;padding-left:20px}.post-list .post-entry .post-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.post-list .post-entry .post-header .post-title{font-size:1.4rem;font-weight:bold;color:#b388ff;text-decoration:underline}.post-list .post-entry .post-header .post-title:hover{color:#d1c4e9}.post-list .post-entry .post-header .post-date{color:#666;font-family:monospace;font-size:.9rem}.post-list .post-entry .post-meta{margin-bottom:10px;font-size:.85rem;font-family:monospace;color:#666}.post-list .post-entry .post-meta .word-count{margin-right:15px;color:#e57373}.post-list .post-entry .post-meta .word-count.short{color:#81c784}.post-list .post-entry .post-meta .post-tag{background:#2a2a2a;color:#888;padding:1px 6px;border-radius:3px;margin-right:5px}.post-list .post-entry .post-description{color:#aaa;font-size:.95rem;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.post-list .post-entry .post-description p{margin:0;display:inline}.post-content h1{color:#fff;margin-bottom:1rem}.post-content h2,.post-content h3{color:#fff;margin-top:2rem}.post-content p{margin-bottom:1.5rem}.post-content code{background:#333;padding:2px 5px;border-radius:3px;font-family:monospace}.post-content pre{background:#000;padding:1rem;overflow-x:auto;border-radius:5px}.post-meta{color:#666;font-size:.9rem;margin-bottom:2rem;}.post-meta a{color:#f90;text-decoration:none;background:#2a2a2a;padding:2px 8px;border-radius:4px;margin-left:5px;transition:all .2s ease}.post-meta a:hover{color:#fff;background:#444;text-decoration:underline}