*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#0a0a0a;color:#e0e0e0;line-height:1.7;min-height:100vh;display:flex;flex-direction:column}a{color:#7b8db5;text-decoration:none;transition:color 0.2s ease}a:hover{color:#9bafd4}header{border-bottom:1px solid #1a1a1a}nav{max-width:720px;margin:0 auto;padding:1.5rem 1rem;display:flex;justify-content:space-between;align-items:center}.site-name{font-size:1.4rem;font-weight:700;color:#e0e0e0;letter-spacing:0.02em}.site-name:hover{color:#7b8db5}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:#888;font-size:0.9rem}.nav-links a:hover{color:#e0e0e0}main{max-width:720px;margin:0 auto;padding:2rem 1rem;width:100%;flex:1}.hero{display:flex;align-items:center;justify-content:center;min-height:50vh}.hero p{font-size:1.3rem;color:#888;font-style:italic}.blog-list h1{font-size:1.6rem;margin-bottom:2rem;font-weight:600}.blog-list ul{list-style:none}.blog-list li{margin-bottom:1.8rem}.blog-list article a{font-size:1.15rem;font-weight:500;display:block;margin-bottom:0.2rem}.blog-list article time{font-size:0.85rem;color:#888;display:block;margin-bottom:0.3rem}.blog-list article p{font-size:0.95rem;color:#888;font-style:italic;line-height:1.5}.blog-post header{border-bottom:none;margin-bottom:2rem}.blog-post header h1{font-size:1.8rem;font-weight:700;margin-bottom:0.5rem;line-height:1.3}.blog-post header .post-description{font-size:0.95rem;color:#888;font-style:italic;margin-bottom:0.4rem}.blog-post header time{font-size:0.85rem;color:#888}.blog-post .post-content h2{font-size:1.3rem;margin-top:2rem;margin-bottom:0.8rem}.blog-post .post-content h3{font-size:1.1rem;margin-top:1.5rem;margin-bottom:0.6rem}.blog-post .post-content p{margin-bottom:1.2rem}.blog-post .post-content ul,.blog-post .post-content ol{margin-bottom:1.2rem;padding-left:1.5rem}.blog-post .post-content li{margin-bottom:0.4rem}.blog-post .post-content blockquote{border-left:3px solid #7b8db5;padding-left:1rem;margin:1.5rem 0;color:#888;font-style:italic}.blog-post .post-content code{font-family:"JetBrains Mono","Fira Code","Cascadia Code",monospace;font-size:0.85em;background:#111;padding:0.15em 0.4em;border-radius:3px}.blog-post .post-content pre{background:#111;padding:1rem;border-radius:4px;overflow-x:auto;margin-bottom:1.2rem}.blog-post .post-content pre code{background:none;padding:0}.blog-post .post-content img{max-width:100%;height:auto;border-radius:4px;margin:1rem 0}.blog-post .post-content hr{border:none;border-top:1px solid #1a1a1a;margin:2rem 0}footer{border-top:1px solid #1a1a1a;margin-top:auto}.social-links{max-width:720px;margin:0 auto;padding:1.5rem 1rem;display:flex;justify-content:center;gap:1.2rem}.social-links a{color:#7b8db5;display:flex;align-items:center;transition:color 0.2s ease, transform 0.2s ease}.social-links a:hover{color:#9bafd4;transform:translateY(-2px)}.social-links a svg{width:20px;height:20px}@media (max-width: 600px){html{font-size:16px}nav{padding:1rem}.hero p{font-size:1.1rem}.blog-post header h1{font-size:1.5rem}}