html{scroll-behavior:smooth;font-family:roboto mono,monospace;color:#4af626;background:#121212;font-size:1rem}body{max-width:780px;margin:0 auto;padding:0 1.5rem}nav{padding:1.2rem 0 .8rem}nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1.5rem}nav a{font-size:1.3rem;text-decoration:none;opacity:.7;transition:opacity .15s}nav a:hover{opacity:1}header{margin-bottom:2.5rem}header h1{font-size:3rem;margin:.8rem 0 .4rem;font-weight:400}header hr{border:none;border-top:1px solid rgba(74,246,38,.25);margin:.8rem 0 0}.site-name{font-size:1.8rem;margin:.8rem 0 .4rem;font-weight:400}.site-name a{text-decoration:none;color:inherit}.post-card{display:block;text-decoration:none;color:inherit;border:1px solid rgba(74,246,38,.2);border-radius:8px;padding:1.1rem 1.4rem;margin-bottom:1rem;transition:border-color .2s,background .2s}.post-card:hover{border-color:#4af626;background:rgba(74,246,38,4%)}.post-card h2{margin:0 0 .35rem;font-size:1.05rem;font-weight:400}.post-card time{display:block;font-size:.72rem;opacity:.5;margin-bottom:.55rem}.post-card .excerpt{font-size:.82rem;opacity:.7;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card .excerpt *{display:inline;margin:0;font-size:inherit}.post-title{font-size:1.7rem;margin:.5rem 0 .4rem;font-weight:400;line-height:1.3}.post-date{display:block;font-size:.78rem;opacity:.5;margin-bottom:1.8rem}main hr{border:none;border-top:1px solid rgba(74,246,38,.25);margin:0 0 1.8rem}main h1,main h2,main h3,main h4{font-weight:400;margin-top:2rem;margin-bottom:.6rem}main p{line-height:1.7;font-size:.95rem;margin:0 0 1rem}main ul,main ol{font-size:.95rem;line-height:1.7}.highlight{border:1px solid rgba(74,246,38,.2);border-radius:6px;background:#1a1b26;padding:.9rem 1rem;overflow-x:auto;font-size:.85rem;margin:1rem 0}code{font-family:roboto mono,monospace;font-size:.88em;background:rgba(74,246,38,8%);padding:.1em .35em;border-radius:3px}.highlight code{background:0 0;padding:0}a{color:#4af626}img{display:block;margin:1.5rem auto;max-width:100%;height:auto;border-radius:4px}footer{margin-top:3.5rem;font-size:.78rem;opacity:.4;text-align:center;padding-bottom:2rem}footer hr{border:none;border-top:1px solid rgba(74,246,38,.2);margin-bottom:1rem}@media only screen and (max-width:600px){body{padding:0 1rem}nav a{font-size:1.1rem}header h1{font-size:1.4rem}.post-title{font-size:1.3rem}.post-card{padding:.9rem 1rem}.post-card .excerpt{font-size:.88rem}.highlight{font-size:.78rem}img{width:100%}}