:root{--bg:#f8f8f8;--surface:#fff;--ink:#333;--ink-strong:#111;--ink-deep:#222;--ink-soft:#444;--ink-sub:#555;--ink-muted:#666;--ink-faint:#777;--ink-faint-2:#888;--ink-quiet:#999;--ink-ghost-1:#aaa;--ink-ghost-2:#bbb;--ink-ghost-3:#ccc;--rule:#eaeaea;--rule-soft:#eee;--rule-strong:#ddd;--code-bg:#eee;--pre-bg:#2b2b2b;--pre-ink:#e6e6e6;--font-body:Tahoma, Geneva, sans-serif;--font-mono:'Consolas', 'Monaco', monospace;--t-fast:0.15s;--t-med:0.2s;--t-slow:0.25s}html{scroll-behavior:smooth;scrollbar-gutter:stable}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f8f8;color:#333;font-family:Tahoma,Geneva,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}.hidden{display:none!important}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 40px}.header-inner,.main-layout,.article-layout,.footer-inner{display:grid;grid-template-columns:200px 1fr 200px;column-gap:40px;align-items:start}.site-header{padding-top:60px}.header-inner{align-items:center}.logo{flex-shrink:0}.glasses-icon{width:36px;height:36px;display:block}.site-logo{opacity:.6}.site-logo:hover{opacity:.8}.main-nav{display:flex;flex-wrap:nowrap;gap:24px;font-size:1.1rem}.main-nav a{color:#ccc;white-space:nowrap;flex-shrink:0;transition:color .2s}.main-nav a:hover{color:#666}.main-nav a.active{color:#222}.search-box{justify-self:end;flex-shrink:0}.search-box input{font-family:inherit;font-size:.85rem;padding:6px 12px;border:1px solid #ddd;border-radius:3px;background:#fff;color:#333;width:180px;outline:none;transition:border-color .2s,width .25s}.search-box input:focus{border-color:#999;width:240px}.search-box input::placeholder{color:#bbb}.site-footer{padding:20px 0;font-size:.75rem;color:#999}.footer-inner{align-items:center}.footer-copyright{letter-spacing:.02em}.footer-socials{grid-column:3;justify-self:end;display:flex;gap:16px;align-items:center}.footer-socials a{color:#bbb;transition:color .2s;display:flex}.footer-socials a:hover{color:#333}.footer-socials svg{width:18px;height:18px}#main-content{padding:80px 0 60px;flex:1}.home-layout{max-width:720px}.post-list{grid-column:1/3;display:grid;grid-template-columns:subgrid;min-width:0}.post{display:grid;grid-template-columns:subgrid;grid-column:1/-1;margin-bottom:40px}.divider{grid-column:1/-1;border:0;height:1px;background-color:#eaeaea;margin:0 0 40px}.post-meta{grid-column:1;padding-top:8px}.meta-item{font-size:.75rem;color:#aaa;margin-bottom:6px;display:flex;align-items:center}.meta-icon{display:inline-block;width:10px;height:10px;background-color:#e0e0e0;margin-right:8px;border-radius:2px}.post-content{grid-column:2;min-width:0}.post-content h2{font-size:1.8rem;font-weight:700;color:#111;margin-bottom:12px;letter-spacing:-.5px}.post-content h3{font-size:.95rem;font-weight:700;color:#333;margin-bottom:16px}.post-content p{font-size:.95rem;color:#555;line-height:1.7;text-align:justify}.no-results{display:none;color:#999;font-size:.9rem;padding:40px 0}.no-results.visible{display:block}.filter-sidebar{grid-column:3;position:sticky;top:40px}.filter-section{margin-bottom:28px}.filter-section h4{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#999;margin-bottom:10px}.filter-pills{display:flex;flex-wrap:wrap;gap:6px}.pill{font-family:inherit;font-size:.75rem;padding:3px 10px;border:1px solid #ddd;border-radius:12px;background:#fff;color:#777;cursor:pointer;transition:all .15s;white-space:nowrap}.pill:hover{border-color:#aaa;color:#444}.pill.active{background:#333;color:#fff;border-color:#333}.filter-clear{font-family:inherit;font-size:.7rem;color:#bbb;background:0 0;border:none;cursor:pointer;padding:0;margin-top:12px;display:none;transition:color .15s}.filter-clear:hover{color:#666}.filter-clear.visible{display:inline}.article-sidebar-left{position:sticky;top:40px}.back-link{font-size:.8rem;margin-bottom:20px;transition:color .2s}.back-link:hover{color:#333}.sidebar-divider{border:0;height:1px;background-color:#eaeaea;margin:0 0 20px}.toc-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#999;margin-bottom:12px}.toc,#TableOfContents{font-size:.78rem}#TableOfContents ul{list-style:none;padding:0;margin:0}#TableOfContents ul ul{padding-left:16px;margin-top:8px}#TableOfContents li{margin-bottom:8px}.toc-item{margin-bottom:8px}.toc-item a,#TableOfContents a{font-size:.78rem;color:#999;line-height:1.4;display:block;transition:color .15s}.toc-item a:hover,.toc-item a.active,#TableOfContents a:hover,#TableOfContents a.active{color:#333}.toc-children{padding-left:16px;margin-top:8px}.prose{min-width:0}.prose h1{font-size:2rem;font-weight:700;color:#111;line-height:1.25;margin-bottom:12px;letter-spacing:-.5px}.prose .subtitle{font-size:1.05rem;font-weight:700;color:#555;margin-bottom:40px;line-height:1.5}.prose h2{font-size:1.35rem;font-weight:700;color:#111;margin:48px 0 16px;letter-spacing:-.3px;scroll-margin-top:24px}.prose h3{font-size:1.05rem;font-weight:700;color:#222;margin:32px 0 12px;scroll-margin-top:24px}.prose p{font-size:.95rem;color:#444;line-height:1.8;margin-bottom:20px}.prose code{font-family:consolas,monaco,monospace;font-size:.85rem;background:#eee;padding:2px 5px;border-radius:3px}.prose pre{background:#2b2b2b;color:#e6e6e6;padding:20px;border-radius:4px;overflow-x:auto;font-family:consolas,monaco,monospace;font-size:.82rem;line-height:1.7;margin-bottom:24px}.prose pre code{background:0 0;padding:0;color:inherit}.prose blockquote{border-left:3px solid #ddd;padding:0 0 0 20px;margin:24px 0;color:#666;font-size:.95rem;line-height:1.7}.prose ul,.prose ol{margin:0 0 20px 20px;font-size:.95rem;color:#444;line-height:1.8}.prose li{margin-bottom:6px}.prose li p{margin-bottom:0}.prose img{max-width:100%;height:auto;display:block}.prose .post-figure{margin:24px 0}.prose .post-figure figcaption{margin-top:8px;font-size:14px;color:#666;text-align:center;font-style:italic}.prose img.zoomable{cursor:zoom-in}.lightbox-dialog{border:none;outline:none;padding:0;background:0 0;max-width:none;max-height:none;margin:auto}.lightbox-dialog::backdrop{background:rgba(15,15,15,.85)}.lightbox-dialog img{display:block;cursor:zoom-out}.prose a{color:#333;text-decoration:underline;text-decoration-color:#ccc;text-underline-offset:3px}.prose a:hover{color:#000}.article-sidebar-right{position:relative}.author-card{margin-bottom:20px}.author-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.author-avatar{width:44px;height:44px;border-radius:50%;background:#ddd;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#888;flex-shrink:0}.author-name{font-size:.88rem;font-weight:700;color:#222;line-height:1.3}.author-role{font-size:.72rem;color:#999}.meta-row{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#999;margin-bottom:8px}.meta-row svg{width:14px;height:14px;flex-shrink:0}.author-card .meta-row svg{opacity:.5}.meta-row a{color:#777;transition:color .15s}.meta-row a:hover{color:#333}.side-note{border-left:2px solid #ddd;padding:12px 14px;font-size:.78rem;color:#777;line-height:1.55;margin-bottom:20px}.side-note strong{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#999;margin-bottom:4px}.side-quote{border-left:2px solid #ddd;padding:12px 14px;font-size:.82rem;color:#555;line-height:1.55;font-style:italic;margin-bottom:20px}.side-quote cite{display:block;font-style:normal;font-size:.7rem;color:#999;margin-top:6px}.debug-layout .header-inner,.debug-layout .main-layout,.debug-layout .article-layout,.debug-layout .footer-inner{outline:1px solid red}.debug-layout .header-inner>*,.debug-layout .main-layout>*,.debug-layout .article-layout>*,.debug-layout .footer-inner>*{outline:1px solid blue}.debug-layout .post,.debug-layout .post>*{outline:1px dashed green}.debug-toggle{position:fixed;bottom:16px;right:16px;z-index:9999;padding:8px 12px;font-family:inherit;font-size:.75rem;background:#fff;border:1px solid #999;border-radius:4px;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.1)}.debug-toggle:hover{background:#f0f0f0}@media(max-width:960px){.article-layout{grid-template-columns:1fr}.article-sidebar-left{position:static;display:flex;flex-wrap:wrap;gap:16px;align-items:baseline;margin-bottom:24px}.article-sidebar-left .back-link{margin-bottom:0}.toc-title{display:none}.toc{display:flex;gap:12px;flex-wrap:wrap}.toc-item{margin-bottom:0}.toc-children{display:none}.article-sidebar-right{order:3;display:grid;grid-template-columns:1fr 1fr;gap:16px}.author-card{grid-column:1/-1}}@media(max-width:900px){.main-layout{grid-template-columns:1fr}.post-list{grid-column:1;grid-template-columns:200px 1fr}.filter-sidebar{grid-column:1;grid-row:1;position:static;display:flex;gap:24px;flex-wrap:wrap;margin-bottom:32px}.filter-section{margin-bottom:0}}@media(max-width:768px){.post-list{grid-template-columns:1fr}.post{grid-template-columns:1fr}.post-meta{grid-column:1;display:flex;gap:20px;margin-bottom:15px;padding-top:0}.post-content{grid-column:1}}.project-grid{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-content:start;min-width:0}.project-card{grid-column:auto;grid-template-columns:none;margin-bottom:0;background:#fff;border:1px solid #eaeaea;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .18s,box-shadow .18s;min-width:0}.project-card-body{padding:20px 22px;display:flex;flex-direction:column;gap:10px;flex:1}.project-card-image{aspect-ratio:16/9;background:#f0f0f0;display:block;overflow:hidden}.project-card-image img{width:100%;height:100%;object-fit:cover;display:block}.project-card:hover{border-color:#bbb;box-shadow:0 1px 4px rgba(0,0,0,4%)}.project-card-featured{border-left:2px solid #888}.project-card h2{font-size:1.15rem;font-weight:700;color:#111;letter-spacing:-.2px;margin:0;line-height:1.3}.project-card h2 a{color:inherit;transition:color .15s}.project-card h2 a:hover{color:#555}.project-card .card-subtitle{font-size:.85rem;color:#555;font-weight:600;line-height:1.4;margin:0}.project-card .card-meta{font-size:.68rem;color:#999;letter-spacing:.08em;text-transform:uppercase}.project-card .card-meta-sep{margin:0 8px;color:#ccc}.project-card .card-desc{font-size:.85rem;color:#555;line-height:1.6;margin:0;flex:1}.project-card .card-tech{font-size:.72rem;color:#888;padding-top:10px;border-top:1px dashed #eee;line-height:1.5}@media(max-width:900px){.project-grid{grid-column:1;grid-template-columns:1fr 1fr}}@media(max-width:600px){.project-grid{grid-template-columns:1fr}}