:root{--color-text:#333;--color-bg:#fafafa;--color-heading:#000;--color-heading-secondary:#222;--color-text-secondary:#555;--color-subdued:#666;--color-text-muted:#999;--color-text-meta:rgba(0, 0, 0, 0.55);--color-accent:#2DC093;--color-border:#e0e0e0;--color-code-bg:#f5f5f5;--color-code-text:#c7254e;--color-tag-bg:#f0f0f0;--color-tag-border:#ddd;--max-width:900px;--font-size-xs:12px;--font-size-sm:13px;--font-size-meta:14px;--font-size-base:16px;--font-size-md:20px;--font-size-lg:24px;--font-size-xl:30px;--font-size-2xl:32px;--font-size-3xl:36px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;line-height:1.6;color:var(--color-text);background-color:var(--color-bg)}.container{max-width:var(--max-width);margin:0 auto;padding:20px}header{padding:40px 0 20px 0;margin-bottom:40px}nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:var(--font-size-lg);font-weight:700;text-decoration:none;color:var(--color-heading)}.logo:hover{color:var(--color-subdued)}main{min-height:calc(100vh - 300px)}.about-section{display:flex;align-items:center;justify-content:space-between;padding:40px 0;margin-top:80px;margin-bottom:40px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.about-section nav{display:flex;gap:30px;flex:1;justify-content:center}.slash-m{display:flex;justify-content:left;top:20px;right:20px}.slash-m-image{height:40px}.about-link{font-size:var(--font-size-meta);color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease}.about-link:hover{color:var(--color-heading)}.copyright{font-size:var(--font-size-meta);color:var(--color-text-muted);white-space:nowrap}.copyright p{margin:0}.newsletter-section{text-align:center;padding:20px 0 60px 0;margin-top:80px;margin-bottom:40px}.newsletter-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-heading);margin-bottom:12px}.newsletter-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;max-width:600px;margin:0 auto}.newsletter-form{margin-top:24px}.newsletter-fields{display:inline-flex;align-items:center;gap:4px;padding:4px 4px 4px 16px;border:1px solid var(--color-border);border-radius:100px;background:var(--color-bg);transition:border-color .2s ease}.newsletter-fields:focus-within{border-color:var(--color-accent)}.newsletter-input{width:220px;font-size:var(--font-size-base);font-family:inherit;color:var(--color-text);background:0 0;border:none;outline:0}.newsletter-btn{padding:8px 18px;font-size:var(--font-size-base);font-family:inherit;font-weight:600;color:#fff;background:var(--color-accent);border:none;border-radius:100px;cursor:pointer;white-space:nowrap;transition:opacity .2s ease;flex-shrink:0}.newsletter-btn:hover{opacity:.85}.newsletter-btn:disabled{opacity:.5;cursor:not-allowed}.newsletter-message{margin-top:12px;font-size:var(--font-size-sm)}.newsletter-message--success{color:var(--color-accent)}.newsletter-message--error{color:#e53e3e}.home h1{font-size:var(--font-size-2xl);margin-bottom:40px;color:var(--color-heading)}.posts-list{display:flex;flex-direction:column;gap:30px}.post-card{display:flex;gap:20px;text-decoration:none;color:inherit;padding:20px 0;border-bottom:1px solid var(--color-border);transition:transform .2s ease}.post-card:last-child{border-bottom:none}.post-card:hover{transform:translateX(4px)}.card-hero{flex-shrink:0;width:220px}.card-hero img{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px}.card-body{flex:1;min-width:0}.post-card h2{font-size:var(--font-size-lg);margin-bottom:10px;color:var(--color-heading)}.post-card:hover h2{color:var(--color-accent)}.card-meta{display:flex;gap:10px;font-size:var(--font-size-meta);color:var(--color-text-meta);margin-bottom:12px}.excerpt{color:var(--color-text-secondary);margin-bottom:12px;line-height:1.5}.post{max-width:100%}.article-category{display:inline-block;color:var(--color-accent);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.post-header{margin-bottom:24px;padding-bottom:0;border-bottom:none}.post-header h1{font-size:var(--font-size-3xl);margin-bottom:12px;margin-top:0;color:var(--color-heading)}.article-intro{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin-bottom:0}.post-meta-full{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.author-section{display:flex;align-items:flex-start;gap:12px}.author-profile{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.author-info{display:flex;flex-direction:column}.article-author{font-size:15px;font-weight:600;color:var(--color-heading)}.post-meta{display:flex;gap:10px;font-size:var(--font-size-sm);color:var(--color-text-meta)}.reading-time{color:var(--color-text-meta)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.tag{display:inline-block;padding:6px 12px;background-color:var(--color-tag-bg);border:1px solid var(--color-tag-border);border-radius:4px;text-decoration:none;color:var(--color-subdued);font-size:var(--font-size-sm);transition:all .2s ease}.tag:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}.post-content{font-size:var(--font-size-base);line-height:1.8}.post-content h2{font-size:var(--font-size-lg);margin:40px 0 15px 0;color:var(--color-heading)}.post-content h3{font-size:var(--font-size-md);margin:25px 0 12px 0;color:var(--color-heading-secondary)}.post-content p{margin-bottom:16px}.post-content ol,.post-content ul{margin-bottom:16px;margin-left:20px}.post-content li{margin-bottom:8px}.post-content code{background-color:var(--color-code-bg);padding:2px 6px;border-radius:3px;font-family:Monaco,'Courier New',monospace;font-size:var(--font-size-meta);color:var(--color-code-text)}.post-content pre{background-color:var(--color-code-bg);padding:15px;border-radius:4px;overflow-x:auto;margin-bottom:16px}.post-content pre code{color:var(--color-text);padding:0}.post-content blockquote{border-left:4px solid var(--color-accent);padding-left:16px;margin:30px 20px;color:var(--color-subdued);font-style:italic}.post-content a{color:var(--color-accent);text-decoration:none}.post-content a:hover{text-decoration:underline}.post-content .excalidraw{margin:20px;max-width:100%;text-align:center;overflow:hidden}.article-image{width:100%}.article-image img{width:100%;height:auto;border-radius:4px}.article-image figcaption{text-align:end;margin-top:2px;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.page-content{font-size:var(--font-size-base);line-height:1.8}.page-content h1{font-size:var(--font-size-3xl);margin-bottom:24px;color:var(--color-heading)}.page-content h2{font-size:var(--font-size-lg);margin:30px 0 15px 0;color:var(--color-heading)}.page-content p{margin-bottom:16px}.page-content ul{margin-bottom:16px;margin-left:20px}.page-content li{margin-bottom:8px}.page-content a{color:var(--color-accent);text-decoration:none}.page-content a:hover{text-decoration:underline}.search-toggle{background:0 0;border:none;cursor:pointer;color:var(--color-heading);padding:4px;display:flex;align-items:center}.search-toggle:hover{color:var(--color-accent)}.search-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding-top:80px;padding-left:20px;padding-right:20px}.search-modal[hidden]{display:none}.search-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.2)}body.search-open .container{filter:blur(4px);transition:filter .15s ease}.container{transition:filter .15s ease}.search-box{position:relative;width:100%;max-width:600px;background:var(--color-bg);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.16);overflow:hidden}.search-input{width:100%;padding:16px 20px;font-size:var(--font-size-base);font-family:inherit;border:none;border-bottom:1px solid var(--color-border);outline:0;color:var(--color-text);background:var(--color-bg)}.search-results{max-height:420px;overflow-y:auto}.search-result{display:block;padding:14px 20px;border-bottom:1px solid var(--color-border);text-decoration:none;color:var(--color-text);transition:background .15s ease}.search-result:last-child{border-bottom:none}.search-result:hover{background:var(--color-tag-bg)}.search-result-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-heading);margin-bottom:4px}.search-result-intro{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:6px;line-height:1.4}.search-result-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.search-date{font-size:var(--font-size-sm);color:var(--color-text-muted)}.search-tag{font-size:var(--font-size-xs);padding:2px 8px;background:var(--color-tag-bg);border:1px solid var(--color-tag-border);border-radius:4px;color:var(--color-subdued)}.search-empty{padding:20px;text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}mark{background:rgba(45,192,147,.2);color:inherit;border-radius:2px;padding:0 1px}@media (max-width:600px){.container{padding:15px}header{padding:30px 0 15px 0}.post-header h1{font-size:28px}.home h1{font-size:var(--font-size-lg)}.card-meta{flex-direction:column;gap:5px}.post-card{flex-direction:column}.card-hero{width:100%}.card-hero img{height:auto;aspect-ratio:16/9}}