:root{--bg-primary:#e2e5e9;--bg-secondary:#ebedf0;--bg-tertiary:#d8dce2;--bg-nav:#ebedf0;--text-primary:#1a2332;--text-secondary:#4a5568;--text-tertiary:#718096;--accent:#2c5282;--accent-hover:#1a365d;--accent-subtle:#ebf4ff;--accent-muted:rgba(44, 82, 130, 0.08);--border:#e2e8f0;--border-subtle:#f0f4f8;--shadow:rgba(26, 35, 50, 0.08);--shadow-lg:rgba(26, 35, 50, 0.12);--code-bg:#d8dde4;--code-text:#1a2332;--nav-active:#d8e4f0;--spotlight-color:rgba(44, 82, 130, 0.06);--grid-color:rgba(44, 82, 130, 0.04);--callout-info:#dbeafe;--callout-info-border:#3b82f6;--callout-warning:#fef3c7;--callout-warning-border:#f59e0b;--callout-success:#d1fae5;--callout-success-border:#10b981;--callout-tip:#f3e8ff;--callout-tip-border:#8b5cf6;--quote-bg:rgba(44, 82, 130, 0.04);--quote-border:var(--accent);--image-shadow:rgba(26, 35, 50, 0.15);--syn-keyword:#d73a49;--syn-string:#22863a;--syn-function:#6f42c1;--syn-comment:#6a737d;--syn-number:#005cc5;--syn-operator:#d73a49;--syn-class:#6f42c1;--syn-variable:#e36209}[data-theme=dark]{--bg-primary:#0f1419;--bg-secondary:#1a2332;--bg-tertiary:#242f3d;--bg-nav:#161d29;--text-primary:#e8eef4;--text-secondary:#a0aec0;--text-tertiary:#718096;--accent:#63b3ed;--accent-hover:#90cdf4;--accent-subtle:#1a365d;--accent-muted:rgba(99, 179, 237, 0.08);--border:#2d3748;--border-subtle:#1e2a3a;--shadow:rgba(0, 0, 0, 0.3);--shadow-lg:rgba(0, 0, 0, 0.4);--code-bg:#1e2a3a;--code-text:#e8eef4;--nav-active:#1a2d42;--spotlight-color:rgba(99, 179, 237, 0.04);--grid-color:rgba(99, 179, 237, 0.03);--callout-info:rgba(59, 130, 246, 0.15);--callout-info-border:#60a5fa;--callout-warning:rgba(245, 158, 11, 0.15);--callout-warning-border:#fbbf24;--callout-success:rgba(16, 185, 129, 0.15);--callout-success-border:#34d399;--callout-tip:rgba(139, 92, 246, 0.15);--callout-tip-border:#a78bfa;--quote-bg:rgba(99, 179, 237, 0.06);--quote-border:var(--accent);--image-shadow:rgba(0, 0, 0, 0.4);--syn-keyword:#ff7b72;--syn-string:#a5d6ff;--syn-function:#d2a8ff;--syn-comment:#8b949e;--syn-number:#79c0ff;--syn-operator:#ff7b72;--syn-class:#f0883e;--syn-variable:#ffa657}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden}body{font-family:'IBM Plex Sans',-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.7;min-height:100vh;transition:background .3s ease,color .3s ease;overflow-x:hidden}.layout{display:flex;min-height:100vh;max-width:100%;overflow-x:hidden}.sidebar{width:240px;background:var(--bg-nav);border-right:1px solid var(--border);position:fixed;top:0;left:0;height:100vh;display:flex;flex-direction:column;z-index:100;transition:transform .3s ease,background .3s ease}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border)}.site-title{font-family:Fraunces,Georgia,serif;font-size:1.5rem;font-weight:500;color:var(--text-primary);text-decoration:none;letter-spacing:-.02em;display:block;cursor:pointer}.site-subtitle{font-size:.8rem;color:var(--text-tertiary);margin-top:.25rem;font-weight:400;letter-spacing:.02em}.nav-container{flex:1;overflow-y:auto;padding:1rem 0}.nav-list{list-style:none}.nav-item{position:relative}.nav-link{display:flex;align-items:center;padding:.75rem 1.5rem;color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s ease;cursor:pointer;border:none;background:0 0;width:100%;text-align:left}.nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-link.active{color:var(--accent);background:var(--nav-active)}.nav-link.active::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.nav-icon{width:18px;height:18px;margin-right:.75rem;opacity:.7;flex-shrink:0}.nav-link:hover .nav-icon{opacity:1}.nav-section{position:relative}.nav-toggle{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;border:none;background:0 0;width:100%;text-align:left;transition:all .2s ease}.nav-toggle:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-toggle.active{color:var(--accent)}.toggle-left{display:flex;align-items:center}.toggle-arrow{width:16px;height:16px;transition:transform .2s ease;opacity:.5}.nav-toggle.expanded .toggle-arrow{transform:rotate(90deg)}.nav-subnav{max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-subnav.expanded{max-height:300px}.subnav-link{display:block;padding:.6rem 1.5rem .6rem 3rem;color:var(--text-tertiary);text-decoration:none;font-size:.85rem;transition:all .2s ease;cursor:pointer}.subnav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.subnav-link.active{color:var(--accent);background:var(--nav-active)}.subnav-link::before{content:'\2014';margin-right:.5rem;opacity:.4}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.theme-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s ease}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle svg{width:16px;height:16px}.social-links{display:flex;align-items:center;gap:.75rem}.social-link{display:flex;align-items:center;color:var(--text-tertiary);text-decoration:none;transition:color .2s ease}.social-link:hover{color:var(--accent)}.social-link svg{width:20px;height:20px}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:var(--bg-nav);border-bottom:1px solid var(--border);z-index:90;align-items:center;justify-content:space-between;padding:0 1rem}.mobile-header-left{display:flex;align-items:center;gap:.75rem}.mobile-title{font-family:Fraunces,Georgia,serif;font-size:1.1rem;font-weight:500;color:var(--text-primary);letter-spacing:-.02em}.mobile-header-right{display:flex;align-items:center;gap:.5rem}.mobile-theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:8px;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.mobile-theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.mobile-theme-toggle svg{width:18px;height:18px}.menu-toggle{display:none;width:40px;height:40px;border:1px solid var(--border);border-radius:8px;background:var(--bg-tertiary);cursor:pointer;align-items:center;justify-content:center}.menu-toggle svg{width:20px;height:20px;color:var(--text-primary)}.overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:95}.main{flex:1;margin-left:240px;min-height:100vh;background:var(--bg-primary);overflow-x:hidden}.main-content{flex:1;margin-left:240px;min-height:100vh;background:var(--bg-primary)}.content{max-width:900px;padding:1.5rem 3rem}h1{font-family:Fraunces,Georgia,serif;font-size:2.5rem;font-weight:400;letter-spacing:-.03em;line-height:1.2;margin-bottom:1.5rem;color:var(--text-primary)}h2{font-family:Fraunces,Georgia,serif;font-size:1.75rem;font-weight:400;letter-spacing:-.02em;line-height:1.3;margin:2.5rem 0 1rem;color:var(--text-primary)}h3{font-size:1.1rem;font-weight:600;margin:2rem 0 .75rem;color:var(--text-primary)}p{margin-bottom:1.25rem;color:var(--text-secondary)}.lead{font-size:1.15rem;line-height:1.8;color:var(--text-secondary)}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover)}.intro-section{margin-bottom:1.5rem}.intro-text{font-size:1.1rem;line-height:1.9}.latest-post-section{margin-top:.75rem}.latest-post-section .latest-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:1rem}.back-to-post{display:inline-block;font-size:.9rem;color:var(--accent);text-decoration:none;margin-bottom:.75rem;transition:color .2s ease}.back-to-post:hover{color:var(--text-primary)}.blog-list{list-style:none}.blog-item{padding:2rem 0;border-bottom:1px solid var(--border)}.blog-item:last-child{border-bottom:none}.blog-date{font-family:'IBM Plex Mono',monospace;font-size:.8rem;color:var(--text-tertiary);margin-bottom:.5rem}.blog-title{font-family:Fraunces,Georgia,serif;font-size:1.5rem;font-weight:400;margin-bottom:.75rem;line-height:1.3}.blog-title a{color:var(--text-primary)}.blog-title a:hover{color:var(--accent)}.blog-excerpt{color:var(--text-tertiary);font-size:.95rem}.blog-listing{margin-top:2rem}.post-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;margin-bottom:1.5rem;transition:all .2s ease;cursor:pointer}.post-card:hover{border-color:var(--accent);box-shadow:0 4px 20px var(--shadow)}.post-card a{text-decoration:none;display:block;padding:1.5rem}.post-card .post-meta{display:flex;gap:1rem;margin-bottom:.75rem;font-size:.8rem}.post-card .post-category{font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.post-card .post-meta time{font-family:'IBM Plex Mono',monospace;color:var(--text-tertiary);background:var(--bg-tertiary);padding:.2rem .5rem;border-radius:4px;font-size:.75rem}.post-card h2{font-family:Fraunces,Georgia,serif;font-size:1.35rem;font-weight:400;margin:0 0 .75rem;color:var(--text-primary)}.post-card .post-excerpt{color:var(--text-tertiary);font-size:.95rem;margin-bottom:1rem}.post-card .read-more{color:var(--accent);font-weight:500;font-size:.9rem}.about-header{margin-bottom:3rem}.profile-section{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.profile-picture{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--border);flex-shrink:0}.profile-intro h1{margin:0 0 .5rem 0;font-size:1.75rem}.profile-intro .subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.contact-info{display:flex;gap:1.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.contact-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-tertiary)}.contact-item svg{width:16px;height:16px;opacity:.7}.interests-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem}.interest-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px}.interest-icon{font-size:1.25rem;flex-shrink:0}.interest-text{font-size:.9rem;color:var(--text-secondary)}.timeline{position:relative;padding-left:2rem}.timeline::before{content:'';position:absolute;left:0;top:.5rem;bottom:0;width:2px;background:var(--accent);opacity:.4}.timeline-item{position:relative;padding-bottom:.25rem}.timeline-item:last-child{padding-bottom:0}.timeline-item::before{content:'';position:absolute;left:-2rem;top:.5rem;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-primary)}.timeline-date{font-family:'IBM Plex Mono',monospace;font-size:.8rem;color:var(--accent);margin-bottom:.5rem}.timeline-title{font-weight:600;font-size:1.1rem;margin-bottom:.25rem;color:var(--text-primary);text-decoration:none;display:block}a.timeline-title:hover{color:var(--accent)}.timeline-org{font-size:.9rem;color:var(--text-tertiary);margin-bottom:.75rem}.timeline-desc{font-size:.95rem;color:var(--text-secondary)}.employer-section{margin-bottom:1.5rem}.employer-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--accent)}.employer-name{font-family:Fraunces,Georgia,serif;font-size:1.35rem;font-weight:500;color:var(--text-primary);text-decoration:none}a.employer-name:hover{color:var(--text-primary)}.employer-period{font-family:'IBM Plex Mono',monospace;font-size:.8rem;color:var(--text-tertiary)}.projects-intro{margin-bottom:3rem}.project-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:2rem;margin-bottom:1.5rem;cursor:pointer;transition:all .2s ease}.project-card:hover{border-color:var(--accent);box-shadow:0 4px 20px var(--shadow)}.project-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.project-name{font-family:Fraunces,Georgia,serif;font-size:1.35rem;font-weight:400;color:var(--text-primary)}.project-tech{display:flex;gap:.5rem;flex-wrap:wrap}.tech-tag{font-family:'IBM Plex Mono',monospace;font-size:.7rem;padding:.25rem .5rem;background:var(--code-bg);border-radius:4px;color:var(--text-tertiary)}.project-desc{color:var(--text-secondary);font-size:.95rem;margin-bottom:1rem}.project-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500}.project-link svg{width:14px;height:14px}.project-detail-header{margin-bottom:2rem}.project-detail-title{font-family:Fraunces,Georgia,serif;font-size:2.25rem;font-weight:400;letter-spacing:-.02em;margin-bottom:.5rem}.project-detail-subtitle{font-size:1.1rem;color:var(--text-tertiary)}.project-links{display:flex;gap:1rem;margin:1.5rem 0 2rem;padding:1rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.project-link-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:.85rem;font-weight:500;transition:all .2s ease}.project-link-btn:hover{border-color:var(--accent);color:var(--accent)}.project-link-btn svg{width:16px;height:16px}.features-list{list-style:none;margin:1.5rem 0}.features-list li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;color:var(--text-secondary)}.features-list li::before{content:'';position:absolute;left:0;top:.6rem;width:6px;height:6px;border-radius:50%;background:var(--accent)}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tech-badge{font-family:'IBM Plex Mono',monospace;font-size:.8rem;padding:.4rem .75rem;background:var(--code-bg);border-radius:4px;color:var(--text-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.projects-grid .project-card{margin-bottom:0}.article-wrapper{max-width:900px;padding:1.5rem 3rem;overflow-x:hidden;box-sizing:border-box}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-tertiary);font-size:.85rem;font-weight:500;text-decoration:none;margin-bottom:2rem;transition:color .2s ease}.back-link:hover{color:var(--accent)}.back-link svg{width:16px;height:16px}.article-header{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.25rem}.article-date{font-family:'IBM Plex Mono',monospace;font-size:.8rem;color:var(--text-tertiary)}.article-category{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:var(--accent-muted);padding:.3rem .75rem;border-radius:4px}.article-reading-time{font-size:.8rem;color:var(--text-tertiary)}.article-title{font-family:Fraunces,Georgia,serif;font-size:2.5rem;font-weight:400;letter-spacing:-.03em;line-height:1.15;margin-bottom:1.25rem;color:var(--text-primary)}.article-subtitle{font-size:1.15rem;line-height:1.7;color:var(--text-secondary);font-weight:400;font-style:italic}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.tag{font-family:'IBM Plex Mono',monospace;font-size:.75rem;padding:.35rem .65rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-tertiary);text-decoration:none;transition:all .2s ease}.tag:hover{border-color:var(--accent);color:var(--accent)}.article-content{font-size:1.05rem;line-height:1.85;max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.article-content>*+*{margin-top:1.5rem}.article-content h2{font-family:Fraunces,Georgia,serif;font-size:1.75rem;font-weight:400;letter-spacing:-.02em;line-height:1.3;margin-top:3rem;margin-bottom:1rem;color:var(--text-primary);padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle);position:relative}.article-content .divider+h2,.article-content hr+h2{margin-top:1.5rem}.article-content h2 a,.article-content h3 a{color:inherit;text-decoration:none}.article-content h2 a:hover,.article-content h3 a:hover{color:var(--accent)}.article-content h3{font-family:Fraunces,Georgia,serif;font-size:1.3rem;font-weight:500;margin-top:2.5rem;margin-bottom:.75rem;color:var(--text-primary)}.article-content h4{font-size:1.1rem;font-weight:600;margin-top:2rem;margin-bottom:.5rem;color:var(--text-primary)}.article-content h2,.article-content h3{position:relative;display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem}.article-content h2 .header-anchor,.article-content h3 .header-anchor{order:-1;margin-left:-1.5rem;margin-right:.5rem;opacity:0;color:var(--text-tertiary);font-weight:400;text-decoration:none;transition:opacity .2s ease,color .2s ease}.article-content h2:hover .header-anchor,.article-content h3:hover .header-anchor{opacity:1}.article-content h2 .header-anchor:hover,.article-content h3 .header-anchor:hover{color:var(--accent)}.article-content h2 .back-to-top,.article-content h3 .back-to-top{margin-left:auto;opacity:0;font-size:.75rem;font-weight:500;color:var(--text-tertiary);text-decoration:none;font-family:'IBM Plex Sans',sans-serif;transition:opacity .2s ease,color .2s ease}.article-content h2:hover .back-to-top,.article-content h3:hover .back-to-top{opacity:1}.article-content h2 .back-to-top:hover,.article-content h3 .back-to-top:hover{color:var(--accent)}.article-content p{color:var(--text-secondary)}.article-content a{color:var(--accent);text-decoration:underline;text-decoration-color:rgba(44,82,130,0.3);text-underline-offset:3px;transition:all .2s ease}[data-theme=dark] .article-content a{text-decoration-color:rgba(99,179,237,0.3)}.article-content a:hover{text-decoration-color:var(--accent)}.article-content strong{font-weight:600;color:var(--text-primary)}.article-content em{font-style:italic}.article-content .lead,.blog-post-content .lead{font-size:1.15rem;line-height:1.8;color:var(--text-secondary);border-left:3px solid var(--accent);padding-left:1.25rem;margin-top:0!important}.article-content ol,.article-content ul{padding-left:1.5rem;color:var(--text-secondary)}.article-content li{margin-bottom:.5rem;padding-left:.5rem}.article-content li::marker{color:var(--accent)}blockquote{background:var(--quote-bg);border-left:4px solid var(--quote-border);padding:1.25rem 1.5rem;border-radius:0 8px 8px 0;margin:2rem 0;position:relative}blockquote p{font-size:1rem;line-height:1.8;color:var(--text-secondary);margin:0;position:relative;z-index:1}blockquote strong{color:var(--text-primary)}.code-block-wrapper{margin:2rem 0;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--code-bg);max-width:100%}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.code-block-lang{font-family:'IBM Plex Mono',monospace;font-size:.75rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.code-block-filename{font-family:'IBM Plex Mono',monospace;font-size:.8rem;color:var(--text-secondary)}.code-copy-btn{display:flex;align-items:center;gap:.35rem;padding:.35rem .65rem;background:0 0;border:1px solid var(--border);border-radius:4px;color:var(--text-tertiary);font-size:.75rem;cursor:pointer;transition:all .2s ease}.code-copy-btn:hover{border-color:var(--accent);color:var(--accent)}.code-copy-btn svg{width:14px;height:14px}pre{margin:1.5rem 0;padding:1.25rem 1.5rem;overflow-x:auto;font-size:.875rem;line-height:1.7;max-width:100%;white-space:pre-wrap;word-wrap:break-word;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px}.code-block-wrapper pre{margin:0;border:none;border-radius:0;background:0 0}code{font-family:'IBM Plex Mono',monospace;font-size:.875em}pre code{background:0 0;padding:0;color:var(--code-text)}.article-content li code,.article-content p code{font-size:.85em;background:var(--code-bg);padding:.2em .45em;border-radius:4px;color:var(--text-primary);border:1px solid var(--border-subtle)}.token-keyword{color:var(--syn-keyword)}.token-string{color:var(--syn-string)}.token-function{color:var(--syn-function)}.token-comment{color:var(--syn-comment);font-style:italic}.token-number{color:var(--syn-number)}.token-operator{color:var(--syn-operator)}.token-class{color:var(--syn-class)}.token-variable{color:var(--syn-variable)}.callout{padding:1.25rem 1.5rem;border-radius:8px;margin:2rem 0;border-left:4px solid;display:flex;gap:1rem}.callout-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.callout-content{flex:1}.callout-title{font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.callout-text{font-size:.95rem;line-height:1.7;color:var(--text-secondary)}.callout-text p{margin:0}.callout-info{background:var(--callout-info);border-color:var(--callout-info-border)}.callout-info .callout-title{color:var(--callout-info-border)}.callout-warning{background:var(--callout-warning);border-color:var(--callout-warning-border)}.callout-warning .callout-title{color:var(--callout-warning-border)}.callout-success{background:var(--callout-success);border-color:var(--callout-success-border)}.callout-success .callout-title{color:var(--callout-success-border)}.callout-tip{background:var(--callout-tip);border-color:var(--callout-tip-border)}.callout-tip .callout-title{color:var(--callout-tip-border)}.key-takeaway{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.75rem 2rem;margin:2.5rem 0}.key-takeaway-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.key-takeaway-icon{width:28px;height:28px;background:var(--accent);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem}.key-takeaway-title{font-family:Fraunces,Georgia,serif;font-size:1.1rem;font-weight:500;color:var(--text-primary)}.key-takeaway-content{font-size:.95rem;line-height:1.8;color:var(--text-secondary)}.key-takeaway-content ul{margin-top:.75rem;padding-left:1.25rem}.key-takeaway-content li{margin-bottom:.4rem}.process-flow{background:var(--bg-secondary);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:0 8px 8px 0;padding:1.25rem 1.5rem;margin:1.5rem 0}.process-flow-title{font-family:'IBM Plex Mono',monospace;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.75rem}.process-flow-content{font-size:1rem;line-height:1.8;color:var(--text-primary);font-weight:500}.process-flow-content .step{color:var(--text-secondary);font-weight:400}.process-flow-content .arrow{color:var(--text-tertiary);margin:0 .25rem}.article-image{margin:2.5rem 0;position:relative;cursor:pointer}.article-image img{width:100%;height:auto;border-radius:10px;box-shadow:0 4px 20px var(--image-shadow)}.article-image figcaption{text-align:center;font-size:.85rem;color:var(--text-tertiary);margin-top:.75rem;font-style:italic}.article-image.framed img{border:1px solid var(--border);padding:.5rem;background:var(--bg-secondary)}.article-image:hover img{box-shadow:0 6px 30px var(--image-shadow)}.article-image::after{content:'Click to enlarge';position:absolute;bottom:.75rem;right:.75rem;font-size:.75rem;color:#fff;background:rgba(0,0,0,.6);padding:.3rem .6rem;border-radius:4px;opacity:0;transition:opacity .2s ease;pointer-events:none}.article-image:hover::after{opacity:1}.divider{border:none;height:1px;background:var(--border);margin:3rem 0}.divider.decorated{height:auto;background:0 0;display:flex;align-items:center;justify-content:center;gap:1rem}.divider.decorated::after,.divider.decorated::before{content:'';flex:1;height:1px;background:var(--border)}.divider.decorated span{color:var(--text-tertiary);font-size:1.25rem}.toc{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:.75rem 1.5rem 1rem;margin:0 0 2rem 0}.article-content .toc-title,.toc-title{font-family:Fraunces,Georgia,serif;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;user-select:none;font-weight:400;color:var(--text-primary);margin:0 0 .75rem 0;padding:0;border-bottom:none}.toc-title svg{width:16px;height:16px;flex-shrink:0;stroke:currentColor;transition:transform .2s ease}.toc.collapsed .toc-title svg{transform:rotate(-90deg)}.toc.collapsed{padding-bottom:.75rem}.toc.collapsed>.toc-appendix,.toc.collapsed>.toc-list{display:none}.toc.collapsed .toc-title{margin-bottom:0}.toc>.toc-list{list-style:none;padding:0;margin:0}.toc-list{list-style:none;padding:0;margin:0}.toc-list li{padding:.15rem 0}.toc-list a{color:var(--text-secondary);text-decoration:none;font-size:.85rem;transition:color .2s ease;display:flex;align-items:center;gap:.5rem}.toc-list a::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--border);transition:background .2s ease;flex-shrink:0}.toc-list a:hover{color:var(--accent)}.toc-list a:hover::before{background:var(--accent)}.toc-list .toc-h3{padding-left:1.25rem}.toc-appendix{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.toc-appendix-toggle{display:flex;align-items:center;gap:.4rem;background:0 0;border:none;padding:.3rem 0;font-size:.85rem;font-weight:500;color:var(--text-tertiary);cursor:pointer;transition:color .2s ease}.toc-appendix-toggle:hover{color:var(--accent)}.toc-appendix-toggle svg{width:14px;height:14px;transition:transform .2s ease}.toc-appendix.expanded .toc-appendix-toggle svg{transform:rotate(90deg)}.toc-appendix .toc-list{display:none;margin-top:.5rem}.toc-appendix.expanded .toc-list{display:block}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin:2.5rem 0;padding:2rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px}.stat-item{text-align:center}.stat-value{font-family:Fraunces,Georgia,serif;font-size:2rem;font-weight:400;color:var(--accent);line-height:1.1}.stat-label{font-size:.8rem;color:var(--text-tertiary);margin-top:.35rem}.article-content table,.page-body table{width:100%;border-collapse:collapse;font-size:.9rem;margin:1.5rem 0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;table-layout:auto}.article-content th,.page-body th{text-align:left;padding:.75rem 1rem;background:var(--bg-tertiary);color:var(--text-primary);font-weight:600;font-size:.85rem;border-bottom:2px solid var(--border)}.article-content td,.page-body td{padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:top}.article-content tr:last-child td,.page-body tr:last-child td{border-bottom:none}.article-content tbody tr:hover,.page-body tbody tr:hover{background:var(--accent-muted)}.article-content td code,.page-body td code{font-size:.8em;padding:.15em .4em}.comparison-table{margin:2rem 0;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.comparison-table table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:400px}.comparison-table th{text-align:left;padding:1rem 1.25rem;background:var(--bg-tertiary);color:var(--text-primary);font-weight:600;border-bottom:2px solid var(--border)}.comparison-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tbody tr:hover{background:var(--accent-muted)}.image-viewer{display:none;position:fixed;inset:0;background:var(--bg-primary);z-index:200;flex-direction:column}.image-viewer.active{display:flex}.image-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-nav)}.image-viewer-back{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;font-weight:500;text-decoration:none;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-tertiary);cursor:pointer;transition:all .2s ease}.image-viewer-back:hover{border-color:var(--accent);color:var(--accent)}.image-viewer-back svg{width:16px;height:16px}.image-viewer-caption{font-size:.9rem;color:var(--text-secondary);text-align:center;flex:1;padding:0 1rem}.image-viewer-body{flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:auto}.image-viewer-body img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 20px var(--image-shadow)}.appendix-links{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem 2rem;margin:2rem 0}.appendix-links h4{font-family:Fraunces,Georgia,serif;font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:1rem}.appendix-links ul{list-style:none;padding:0;margin:0}.appendix-links li{padding:.5rem 0;border-bottom:1px solid var(--border-subtle)}.appendix-links li:last-child{border-bottom:none}.appendix-links a{color:var(--accent);text-decoration:none;font-size:.95rem;display:flex;align-items:center;gap:.5rem;transition:color .2s ease}.appendix-links a:hover{color:var(--accent-hover)}.appendix-links a::before{content:'\2192';color:var(--text-tertiary)}.appendix-links .link-desc{font-size:.85rem;color:var(--text-tertiary);margin-left:1.25rem}.article-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border)}.author-card{display:flex;gap:1.5rem;padding:2rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;margin-bottom:2rem}.author-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--border);flex-shrink:0}.author-info h4{font-family:Fraunces,Georgia,serif;font-size:1.15rem;font-weight:500;color:var(--text-primary);margin-bottom:.35rem}.author-info p{font-size:.9rem;color:var(--text-tertiary);line-height:1.6}.author-links{display:flex;gap:.75rem;margin-top:.75rem}.author-links a{color:var(--text-tertiary);transition:color .2s ease}.author-links a:hover{color:var(--accent)}.author-links svg{width:18px;height:18px}.share-section{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.share-label{font-size:.85rem;color:var(--text-tertiary);font-weight:500}.share-buttons{display:flex;gap:.5rem}.share-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-tertiary);cursor:pointer;transition:all .2s ease}.share-btn:hover{border-color:var(--accent);color:var(--accent)}.share-btn svg{width:18px;height:18px}.share-buttons-inline{display:flex;align-items:center;gap:.4rem;margin-left:auto}.share-btn-small{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-tertiary);transition:all .2s ease}.share-btn-small:hover{border-color:var(--accent);color:var(--accent)}.share-btn-small svg{width:14px;height:14px}.page-content{max-width:900px;padding:1.5rem 3rem}.page-header{margin-bottom:2rem}.page-subtitle{font-size:1.15rem;line-height:1.8;color:var(--text-secondary)}.page-body{font-size:1.05rem;line-height:1.85}.page-body h2{font-family:Fraunces,Georgia,serif;font-size:1.75rem;font-weight:400;letter-spacing:-.02em;line-height:1.3;margin:2.5rem 0 1rem;color:var(--text-primary)}.page-body h3{font-size:1.1rem;font-weight:600;margin:2rem 0 .75rem;color:var(--text-primary)}.page-body p{margin-bottom:1.25rem;color:var(--text-secondary)}.page-body ol,.page-body ul{padding-left:1.5rem;color:var(--text-secondary);margin-bottom:1.25rem}.page-body li{margin-bottom:.5rem}@media (max-width:900px){.mobile-header{display:flex}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.menu-toggle{display:flex}.overlay.active{display:block}.main,.main-content{margin-left:0}.content,.page-content{padding:4.5rem 1.5rem 3rem}.article-wrapper{padding:4.5rem 1.5rem 3rem;max-width:100%;overflow-x:hidden}h1{font-size:2rem}.article-title{font-size:1.85rem}.interests-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:1.5rem}.author-card{flex-direction:column;text-align:center;padding:1.5rem}.author-avatar{align-self:center}.author-links{justify-content:center}.article-content table,.page-body table{display:table;table-layout:auto;width:100%;font-size:.8rem;border-collapse:collapse}.article-content th,.page-body th{padding:.5rem .6rem;white-space:nowrap}.article-content td,.page-body td{padding:.5rem .6rem;word-wrap:break-word}.article-content td code,.page-body td code{font-size:.7rem;word-break:break-all}}@media (max-width:480px){.main,body,html{overflow-x:hidden}.content,.page-content{padding:4.5rem 1rem 2rem}.article-wrapper{padding:4.5rem 1rem 2rem;max-width:100vw}.article-content{max-width:100%;overflow-x:hidden}h1{font-size:1.75rem}.article-title{font-size:1.5rem;word-wrap:break-word}.article-subtitle{font-size:1rem}.contact-info{flex-direction:column;gap:.75rem}.project-header{flex-direction:column;gap:.75rem}.stats-row{grid-template-columns:1fr 1fr;padding:1.25rem;gap:1rem}.stat-value{font-size:1.5rem}.code-block-wrapper{margin-left:0;margin-right:0;border-radius:8px}pre{padding:1rem;font-size:.75rem}.callout{padding:1rem;margin:1.5rem 0;flex-direction:column;gap:.5rem}.toc{padding:1rem 1.25rem}.share-section{flex-direction:column;align-items:flex-start;gap:.75rem}.article-content table,.page-body table{font-size:.75rem}.article-content td,.article-content th,.page-body td,.page-body th{padding:.4rem .5rem}.article-content td code,.page-body td code{font-size:.6rem}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:0}.nav-link:focus-visible,.nav-toggle:focus-visible,.subnav-link:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.mobile-theme-toggle:focus-visible,.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.menu-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.code-copy-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.share-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.post-card:focus-visible,.project-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.image-viewer-back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tag:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:1000;background:var(--accent);color:#fff;padding:.5rem 1rem;text-decoration:none;font-weight:500;border-radius:0 0 4px 0}.skip-link:focus{position:fixed;top:0;left:0;width:auto;height:auto;overflow:visible}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}html{scroll-behavior:auto}.article-image::after,.image-viewer,.nav-subnav,.sidebar,.toggle-arrow{transition:none!important}}.search-container{position:relative;margin-bottom:2rem}.search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.search-input::placeholder{color:var(--text-tertiary)}.search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-tertiary);pointer-events:none}.search-results{margin-top:1.5rem}.search-results-count{font-size:.9rem;color:var(--text-tertiary);margin-bottom:1rem}.search-result-item{padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;margin-bottom:.75rem;transition:border-color .2s ease}.search-result-item:hover{border-color:var(--accent)}.search-result-title{font-family:Fraunces,Georgia,serif;font-size:1.1rem;font-weight:400;margin-bottom:.25rem}.search-result-title a{color:var(--text-primary);text-decoration:none}.search-result-title a:hover{color:var(--accent)}.search-result-excerpt{font-size:.9rem;color:var(--text-tertiary);line-height:1.6}.search-result-meta{font-size:.8rem;color:var(--text-tertiary);margin-top:.5rem}.no-results{text-align:center;padding:2rem;color:var(--text-tertiary)}.tag-header{margin-bottom:2rem}.tag-name{display:inline-flex;align-items:center;gap:.5rem;font-family:'IBM Plex Mono',monospace;font-size:1rem;padding:.5rem 1rem;background:var(--accent-muted);border:1px solid var(--accent);border-radius:6px;color:var(--accent);margin-bottom:1rem}.tag-count{font-size:.9rem;color:var(--text-tertiary)}.all-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.all-tags .tag{font-size:.85rem;padding:.4rem .75rem}.related-posts{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.related-posts h3{font-family:Fraunces,Georgia,serif;font-size:1.25rem;font-weight:400;margin-bottom:1rem;color:var(--text-primary)}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.related-post-card{padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;transition:border-color .2s ease}.related-post-card:hover{border-color:var(--accent)}.related-post-card a{text-decoration:none}.related-post-title{font-family:Fraunces,Georgia,serif;font-size:1rem;font-weight:400;color:var(--text-primary);margin-bottom:.25rem;line-height:1.3}.related-post-card:hover .related-post-title{color:var(--accent)}.related-post-date{font-family:'IBM Plex Mono',monospace;font-size:.75rem;color:var(--text-tertiary)}.screenshot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin:1.5rem 0}.screenshot-grid-mobile{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.screenshot-item{position:relative;cursor:pointer;border-radius:8px;overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;margin:0}.screenshot-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow-lg);border-color:var(--accent)}.screenshot-item img{width:100%;height:auto;display:block;transition:opacity .2s ease}.screenshot-item:hover img{opacity:.95}.screenshot-item figcaption{padding:.75rem 1rem;font-size:.85rem;color:var(--text-secondary);background:var(--bg-secondary);text-align:center;font-weight:500}.gallery-intro{margin:2rem 0 1rem;text-align:center}.gallery-intro p{color:var(--text-secondary);font-size:1rem;margin:0}.gallery-intro a{color:var(--accent)}.preview-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:2rem 0}.preview-item{position:relative;cursor:pointer;border-radius:6px;overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;margin:0;aspect-ratio:16/10}.preview-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-lg);border-color:var(--accent)}.preview-item img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s ease}.preview-item:hover img{opacity:.9}@media (max-width:768px){.preview-gallery{grid-template-columns:repeat(2,1fr);gap:.5rem}}.lightbox{position:fixed;inset:0;min-height:100dvh;background:rgba(0,0,0,.95);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.lightbox.active{opacity:1;visibility:visible}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.lightbox-image{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:4px;box-shadow:0 8px 32px rgba(0,0,0,.5)}.lightbox-caption{margin-top:1rem;color:#fff;font-size:1rem;text-align:center;font-weight:500}.lightbox-counter{margin-top:.5rem;color:rgba(255,255,255,.6);font-size:.85rem;font-family:'IBM Plex Mono',monospace}.lightbox-close,.lightbox-next,.lightbox-prev{position:absolute;background:rgba(255,255,255,.1);border:none;color:#fff;cursor:pointer;transition:background .2s ease,transform .2s ease;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10001}.lightbox-close:hover,.lightbox-next:hover,.lightbox-prev:hover{background:rgba(255,255,255,.2)}.lightbox-close{top:1rem;right:1rem;width:48px;height:48px;font-size:2rem;line-height:1;z-index:10001}.lightbox-next,.lightbox-prev{top:50%;transform:translateY(-50%);width:56px;height:56px;font-size:2.5rem;line-height:1}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}.lightbox-next:hover,.lightbox-prev:hover{transform:translateY(-50%) scale(1.1)}@media (max-width:768px){.screenshot-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.screenshot-grid-mobile{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.lightbox-next,.lightbox-prev{width:44px;height:44px;font-size:2rem;background:rgba(0,0,0,.6)}.lightbox-next:hover,.lightbox-prev:hover{background:rgba(0,0,0,.8)}.lightbox-close{width:40px;height:40px;font-size:1.5rem;background:rgba(0,0,0,.6)}.lightbox-close:hover{background:rgba(0,0,0,.8)}.lightbox-image{max-width:calc(100vw - 7rem);max-height:75vh}}