*,*::before,*::after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{margin:0;background:#0d1117;color:#e6edf3;font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}a{color:#58a6ff;text-decoration:none}a:hover{color:#79c0ff}.container{max-width:720px;margin:0 auto;padding:0 1.5rem}main.container{flex:1;padding-top:3rem;padding-bottom:5rem}.site-header{border-bottom:1px solid #30363d;padding:1.25rem 0}.site-header .container{display:flex;align-items:center;justify-content:space-between}.site-title{font-size:1.05rem;font-weight:700;color:#e6edf3;letter-spacing:-0.02em;transition:color 0.15s}.site-title:hover{color:#58a6ff}.site-nav{display:flex;gap:1.5rem}.site-nav a{color:#8b949e;font-size:0.875rem;font-weight:500;transition:color 0.15s}.site-nav a:hover{color:#e6edf3}.site-footer{border-top:1px solid #30363d;padding:1.5rem 0}.site-footer span{color:#8b949e;font-size:0.8rem;font-family:"JetBrains Mono","Fira Code",monospace}.post-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.post-card{border:1px solid #30363d;border-radius:10px;background:#161b22;transition:border-color 0.2s, transform 0.2s, box-shadow 0.2s}.post-card:hover{border-color:#58a6ff;transform:translateY(-2px);box-shadow:0 8px 32px rgba(88,166,255,0.07)}.post-card-link{display:block;padding:1.5rem;color:inherit}.post-card-link:hover{color:inherit}.post-card .post-meta{font-size:0.75rem;color:#8b949e;font-family:"JetBrains Mono","Fira Code",monospace;margin-bottom:0.5rem}.post-card .post-title{font-size:1.2rem;font-weight:600;letter-spacing:-0.02em;margin:0 0 0.5rem;color:#e6edf3;transition:color 0.15s}.post-card:hover .post-card .post-title{color:#58a6ff}.post-excerpt{margin:0;font-size:0.9rem;color:#8b949e;line-height:1.55}.no-posts{color:#8b949e;font-style:italic}.post-header{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #30363d}.post-header .post-meta{display:flex;gap:1rem;font-size:0.75rem;color:#8b949e;font-family:"JetBrains Mono","Fira Code",monospace;margin-bottom:0.75rem}.post-header .post-title{font-size:2rem;font-weight:700;letter-spacing:-0.03em;line-height:1.2;margin:0}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{font-weight:600;letter-spacing:-0.02em;line-height:1.3;margin:2rem 0 0.75rem}.post-content h2{font-size:1.4rem}.post-content h3{font-size:1.15rem}.post-content p{margin:0 0 1.25rem}.post-content a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(88,166,255,0.4)}.post-content a:hover{text-decoration-color:#58a6ff}.post-content ul,.post-content ol{padding-left:1.5rem;margin:0 0 1.25rem}.post-content ul li,.post-content ol li{margin-bottom:0.4rem}.post-content blockquote{margin:1.5rem 0;padding:1rem 1.25rem;border-left:3px solid #58a6ff;background:#161b22;border-radius:0 8px 8px 0}.post-content blockquote p{margin:0;color:#8b949e;font-style:italic}.post-content code{font-family:"JetBrains Mono","Fira Code",monospace;font-size:0.84em;background:#161b22;border:1px solid #30363d;padding:0.1em 0.4em;border-radius:4px;color:#ffa657}.post-content pre{background:#161b22;border:1px solid #30363d;border-radius:10px;padding:1.25rem 1.5rem;overflow-x:auto;margin:1.5rem 0}.post-content pre code{background:none;border:none;padding:0;color:#e6edf3;font-size:0.875rem;line-height:1.65}.post-content img{max-width:100%;border-radius:8px;border:1px solid #30363d;display:block;margin:1.5rem 0}.post-content hr{border:none;border-top:1px solid #30363d;margin:2.5rem 0}.post-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:0.9rem}.post-content table th,.post-content table td{padding:0.6rem 1rem;border:1px solid #30363d;text-align:left}.post-content table th{background:#161b22;font-weight:600;color:#8b949e}.post-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid #30363d}.back-link{font-size:0.875rem;font-weight:500;color:#8b949e;transition:color 0.15s}.back-link:hover{color:#58a6ff}@media (max-width: 640px){.post-header .post-title{font-size:1.6rem}.post-card-link{padding:1.25rem}.post-card .post-title{font-size:1.1rem}}