@font-face{font-family:ibm plex mono;src:url(/fonts/IBMPlexMono-Regular.woff2)format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ibm plex mono;src:url(/fonts/IBMPlexMono-SemiBold.woff2)format('woff2');font-weight:600;font-style:normal;font-display:swap}:root{--bg:#fff;--fg:#000;--link:#000;--visited:#000;--border:#ddd;--code-bg:#f4f4f4;--table-bg:#f8f8f8;--table-head-bg:#eee;--muted:#555}[data-theme=dark]{--bg:#232425;--fg:#ccc;--link:#ccc;--visited:#ccc;--border:#333;--code-bg:#3a3b3c;--code-fg:#e8e8e8;--table-bg:#2a2b2c;--table-head-bg:#333;--muted:#888}*,*::before,*::after{box-sizing:border-box}html{font-size:15px}body{font-family:ibm plex mono,courier new,monospace;background:var(--bg);color:var(--fg);margin:0;padding:0;line-height:1.6}.container{max-width:790px;margin:0 auto;padding:1rem}a{color:var(--link);text-decoration:underline;text-underline-offset:3px;font-weight:600}a:visited{color:var(--visited)}a:hover{text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:ibm plex mono,courier new,monospace;font-weight:600;line-height:1.3}h1{font-size:1.5rem}h2{font-size:1.3rem}h3{font-size:1.1rem}img{max-width:100%;height:auto}pre{background:var(--code-bg);padding:1rem;overflow-x:auto;border:1px solid var(--border)}code{font-family:ibm plex mono,courier new,monospace;font-size:.9rem}p code{background:var(--code-bg);color:var(--code-fg,inherit);padding:.1rem .3rem}blockquote{border-left:3px solid var(--border);margin:1rem 0;padding:0 1rem;color:var(--muted)}hr{border:none;border-top:1px solid var(--border);margin:1.5rem 0}table{border-collapse:collapse;width:100%}th,td{border:1px solid var(--border);padding:.15rem .5rem;background:var(--table-bg);text-align:left}th{background:var(--table-head-bg)}.csv-wrap{position:relative}.csv-copy{position:absolute;top:.5rem;right:0;padding:.1rem .3rem;background:0 0;border:none;cursor:pointer;color:inherit;opacity:.5;line-height:1;display:flex;align-items:center}.csv-copy:hover{opacity:1}header{padding:1rem 0;border-bottom:1px solid var(--border);margin-bottom:1.5rem}header nav{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem;width:100%}header .logo{font-weight:600;text-decoration:none;color:var(--fg);margin-right:.5rem}.header-subtitle{font-size:.75rem;color:var(--muted);font-style:italic}header .logo:visited{color:var(--fg)}header nav .sep{color:var(--muted)}header nav a.active{font-weight:600}.theme-toggle{background:0 0;border:none;color:var(--fg);cursor:pointer;padding:0;margin-left:auto;opacity:.35;transition:opacity .2s;display:flex;align-items:center}.theme-toggle:hover{opacity:.7}footer{border-top:1px solid var(--border);padding:1rem 0;margin-top:2rem;font-size:.85rem;color:var(--muted)}footer a,footer a:visited{color:var(--muted)}footer .sep{margin:0 .3rem}.subtitle{color:var(--muted);font-style:italic;margin:0 0 1.5rem}.post-list{list-style:none;padding:0;margin:0;line-height:1.4}.post-list li{display:flex;align-items:baseline;padding:.1rem 0;gap:.6rem}.post-list .post-date{color:var(--muted);white-space:nowrap;font-size:.85rem}.post-meta{color:var(--muted);font-size:.85rem;margin-bottom:1.5rem}.post-meta span+span::before{content:" | "}.post-meta-bottom{display:flex;flex-direction:column}.post-meta-bottom span+span::before{content:none}.post-cover{margin:1rem 0}.post-cover img{max-width:100%}.post-cover figcaption{font-size:.85rem;color:var(--muted);text-align:center}.post-content{margin:1.5rem 0}.post-content img{margin:1rem auto;cursor:pointer}.post-content img[src$="#center"]{display:block;margin:1rem auto}.post-content img[src$="#smaller"]{max-width:50%;display:block;margin:1rem auto}.post-content img[src$="#xsmaller"]{max-width:35%;display:block;margin:1rem auto}.post-content img[src$="#floatright"]{float:right;max-width:30%;height:auto;margin:0 0 1rem 1.5rem}.post-content img[src$="#floatleft"]{float:left;max-width:30%;height:auto;margin:0 1.5rem 1rem 0}.post-content::after{content:"";display:table;clear:both}.post-tags{margin:1rem 0;font-size:.85rem}.post-tags a{margin-right:.5rem}.post-nav{display:flex;justify-content:space-between;margin:1.5rem 0;font-size:.85rem}.post-nav .next{margin-left:auto;text-align:right}.post-audio{margin:1rem 0}.post-audio audio{width:100%}#toc{margin:1rem 0;padding:.5rem 1rem;border:1px solid var(--border);font-size:.85rem}#toc nav ul{padding-left:1.2rem}.pagination{display:flex;justify-content:center;gap:1rem;margin:2rem 0;font-size:.85rem}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.portfolio-card{border:1px solid var(--border);padding:.5rem;cursor:pointer}.portfolio-card:hover{border-color:var(--fg)}.portfolio-image-container{aspect-ratio:16/9;overflow:hidden;margin-bottom:.5rem}.portfolio-image{width:100%;height:100%;object-fit:cover}.portfolio-title{font-size:.9rem;margin:.3rem 0}.portfolio-description{font-size:.8rem;color:var(--muted)}.portfolio-links{font-size:.8rem;margin-top:.3rem}.portfolio-links a{margin-right:.5rem}.portfolio-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.portfolio-modal-backdrop.active{opacity:1}.portfolio-modal{background:var(--bg);border:1px solid var(--border);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;padding:1.5rem;position:relative}.portfolio-modal-close{position:absolute;top:.5rem;right:.8rem;background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:var(--fg);font-family:ibm plex mono,courier new,monospace}.portfolio-modal-image{width:100%;margin-bottom:1rem}.portfolio-modal-title{margin:0 0 .5rem}.portfolio-modal-description{font-size:.9rem;margin-bottom:1rem}.portfolio-modal-links a{margin-right:.8rem;font-size:.85rem}.pretty-link{display:inline-flex;align-items:center;gap:.3rem;padding:.1rem .5rem;border:1px solid var(--border);text-decoration:none;font-size:.9em}.pretty-link:hover{border-color:var(--fg)}.pretty-link .icon{font-size:1em}.error-text{color:#e74c3c;font-size:.8em}figure{margin:1rem 0}figure figcaption{font-size:.85rem;color:var(--muted);text-align:center}figure.center,figure.center img,figure.center video{display:block;margin-left:auto;margin-right:auto}.img-side-by-side .img-side-by-side-images{display:flex;gap:1rem;align-items:flex-start}.img-side-by-side .img-side-by-side-images p{flex:1;margin:0}.img-side-by-side .img-side-by-side-images img{width:100%}.text-to-speech-container{display:none;align-items:center;gap:.8rem;margin:1rem 0;padding:.5rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:.85rem}.text-to-speech-label{white-space:nowrap;color:var(--muted)}.text-to-speech-audio{flex:1;min-width:0}.github-link{display:inline-flex;align-items:center;gap:.3rem;padding:.1rem .5rem;border:1px solid var(--border);font-size:.9em}.github-link-error{color:#e74c3c;font-size:.8em}.github-embed{margin:1.5em 0;border:1px solid var(--border)}.github-embed-header{padding:.4rem .8rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:.8rem;background:var(--code-bg)}.github-embed-title{font-weight:600}.github-embed-header-left{display:inline-flex;align-items:center;gap:.4rem}.github-embed-body pre{margin:0;border:none}.github-embed-body .highlight pre{margin:0;border:none}.github-embed--wrap .github-embed-body pre{white-space:pre-wrap;word-break:break-all}.github-embed-header-right{display:flex;align-items:center;gap:12px}.github-embed-copy{padding:0;margin:0;opacity:.5;background:0 0;border:none;line-height:1;display:flex;align-items:center;cursor:pointer;color:inherit}.github-embed-error{border:1px solid #e74c3c;padding:.8rem;margin:1.5em 0;font-size:.85rem}.rss-banner{border:1px solid var(--border);padding:.5rem .8rem;margin-bottom:1.5rem;color:var(--muted);font-size:.85rem}.collapsable{position:relative}.collapsable-inner{max-height:150px;overflow:hidden;background:var(--code-bg);padding:0 1rem;border:1px solid var(--border)}.collapsable.expanded .collapsable-inner{max-height:none}.collapsable-overlay{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(transparent,var(--code-bg));display:flex;align-items:flex-end;justify-content:center}.collapsable.expanded .collapsable-overlay{position:relative;height:auto;background:0 0}.collapsable-toggle{background:0 0;border:1px solid var(--border);color:var(--muted);cursor:pointer;font-family:inherit;font-size:.85rem;padding:.2rem .6rem}.collapsable-toggle:hover{color:var(--fg);border-color:var(--fg)}.photo-gallery{display:grid;grid-template-columns:repeat(var(--row-size,3),1fr);gap:.8rem;margin:1rem 0}.photo-gallery-item{cursor:pointer;margin:0;overflow:hidden}.photo-gallery-item img{width:100%;max-height:var(--max-height,none);object-fit:contain;display:block;transition:opacity .2s}.photo-gallery-item:hover img{opacity:.8}.photo-gallery-item figcaption{font-size:.75rem;color:var(--muted);text-align:center;padding:.3rem 0}.gallery-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}.gallery-lightbox.active{opacity:1;pointer-events:auto}.gallery-lightbox-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7)}.gallery-lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.gallery-lightbox-img{max-width:90vw;max-height:80vh;object-fit:contain}.gallery-lightbox-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;width:100%;margin-bottom:.25rem}.gallery-lightbox-newtab,.gallery-lightbox-close{background:0 0;border:none;cursor:pointer;color:#fff;padding:0;text-decoration:none;line-height:0}.gallery-lightbox-caption{color:#fff;font-size:.85rem;margin-top:.5rem;text-align:center;background:rgba(0,0,0,.6);padding:.3rem .8rem;border-radius:4px}@media(max-width:600px){.post-list li{flex-direction:column;gap:0}.img-side-by-side .img-side-by-side-images{flex-direction:column}.portfolio-grid{grid-template-columns:1fr}.photo-gallery{grid-template-columns:repeat(2,1fr)}}