body{color:#000;background:#fff;max-width:600px;margin:0 auto;padding:40px 20px;font-family:monospace;line-height:1.6;transition:background-color .15s,color .15s}a{color:#00e;text-decoration:underline}a:visited{color:#551a8b}h1{margin-bottom:8px;font-size:24px;font-weight:700;line-height:1.3}h2{border-bottom:1px solid #000;margin-top:30px;margin-bottom:10px;padding-bottom:4px;font-size:18px;font-weight:700}h3{margin-top:24px;margin-bottom:8px;font-size:16px;font-weight:700}p{margin-bottom:15px}.author{color:#666;margin-bottom:24px;font-size:13px}.intro{color:#666;margin-bottom:8px}.callout{border:1px solid #000;margin:20px 0;padding:12px 16px}.callout strong{margin-bottom:4px;display:block}.callout p{margin-bottom:0}.projects-list{margin:12px 0 20px;padding:0;list-style:none}.projects-list li{border-bottom:1px dashed #ccc;margin-bottom:12px;padding-bottom:8px}.projects-list li:last-child{border-bottom:none}.project-item{color:inherit;flex-direction:column;text-decoration:none;display:flex}.project-item:visited{color:inherit}.project-header{justify-content:space-between;align-items:baseline;display:flex}.project-title{color:#00e;font-weight:700;text-decoration:underline}.project-item:hover .project-title{text-decoration:none}.project-desc{color:#444;margin-top:4px;font-size:13px}.project-meta{color:#666;margin-top:2px;font-size:11px}.posts{padding:0;list-style:none}.posts li{justify-content:space-between;margin-bottom:12px;display:flex}.post-date{color:#666;flex-shrink:0;margin-right:15px;font-size:13px}.post-link{text-align:left;flex:1}.back-btn{color:#6d28d9;margin-bottom:20px;font-weight:700;text-decoration:none;display:inline-block}.post-view{display:none}.post-view.active,.main-view{display:block}.main-view.hidden{display:none}.post-content{margin-top:20px}.post-content h2{border-bottom:none;margin-top:20px}.post-content pre{background:#f8f8f8;border:1px solid #000;padding:12px;font-size:13px;overflow-x:auto}.post-content code{background:#eee;padding:2px 4px}.post-content pre code{background:0 0;padding:0}footer{text-align:center;color:#666;border-top:1px solid #000;margin-top:50px;padding-top:20px;font-size:12px}@media (prefers-color-scheme:dark){body{color:#d1d5db;background:#212121}a{color:#7ab0ff}a:visited{color:#c4a6f5}h2{border-bottom-color:#4a4a4a}.author,.intro,footer,.post-date{color:#9b9b9b}.callout{border-color:#3a3a3a}.project-desc{color:#b3b3b3}.project-meta{color:#9b9b9b}.project-title{color:#7ab0ff}.projects-list li{border-bottom-color:#4a4a4a}.post-content pre{background:#2f2f2f;border-color:#3a3a3a}.post-content code{background:#2f2f2f}footer{border-top-color:#3a3a3a}.back-btn{color:#c084fc}}