body:has(.post-hero){background-color:#0a0a0a;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:24px 24px}.reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:var(--gradient-progress);z-index:200;transition:width .1s linear}.post-hero{background-color:#0a0a0a;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:24px 24px;padding:calc(var(--header-height) + var(--space-12)) 0 var(--space-12)}.post-back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin-bottom:var(--space-8);transition:color var(--transition-fast)}.post-back-link:hover{color:#fff}.post-back-link svg{width:14px;height:14px}.post-hero .post-tags{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.post-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:#fff;line-height:1.15;margin-bottom:var(--space-6);max-width:820px}.post-bio-area{position:relative;padding-left:82px;margin-top:var(--space-6)}.post-connector{position:absolute;left:0;top:-36px;width:70px;height:calc(36px + .9em);border-left:2px solid rgba(255,255,255,.25);border-bottom:2px solid rgba(255,255,255,.25)}.post-subtitle{font-size:var(--text-lg);color:#9ca3af;line-height:1.7;margin-bottom:var(--space-6);max-width:680px}.post-hero-divider{width:60px;height:2px;background:#333;margin-bottom:var(--space-6)}.post-author-row{display:flex;align-items:center;gap:var(--space-4)}.post-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient(135deg,#e0e0e0,silver);overflow:hidden}.post-avatar img{width:100%;height:100%;object-fit:cover}.post-author-info{display:flex;flex-direction:column}.post-author-name{font-size:var(--text-sm);font-weight:600;color:#fff}.post-author-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:#6b7280}.post-author-meta span{display:inline-flex;align-items:center;gap:var(--space-1)}.post-layout{display:grid;grid-template-columns:1fr 280px;gap:var(--space-16);padding-top:var(--space-12);padding-bottom:var(--space-24)}.article-body{min-width:0;overflow-wrap:break-word}.article-body pre{overflow-x:auto;max-width:100%}.article-body h2{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-heading);margin-top:var(--space-12);margin-bottom:var(--space-6)}.article-body h3{font-size:var(--text-xl);font-weight:600;margin-top:var(--space-8);margin-bottom:var(--space-4)}.article-body p{font-size:var(--text-base);line-height:1.8;margin-bottom:var(--space-6);color:var(--color-text-secondary)}.article-body .intro{font-size:var(--text-lg);line-height:1.8;color:var(--color-text-primary);margin-bottom:var(--space-8)}.callout{padding:var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-8);border-left:4px solid}.callout-title{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.callout-title svg{width:18px;height:18px}.callout-body{font-size:var(--text-sm);line-height:1.6}.callout-insight{background:#fff7ed;border-color:#f59e0b}.callout-insight .callout-title{color:#d97706}.callout-experiment{background:#ecfdf5;border-color:var(--color-green-alt)}.callout-experiment .callout-title{color:var(--color-green-alt)}.callout-takeaway{background:#fef2f2;border-color:var(--color-accent)}.callout-takeaway .callout-title{color:var(--color-accent)}.code-block{background:var(--color-bg-dark);border-radius:var(--radius-lg);margin-bottom:var(--space-8);overflow:hidden}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:#2d2d2d;border-bottom:1px solid #3D3D3D}.code-block-lang{font-family:var(--font-mono);font-size:var(--text-xs);color:#9ca3af}.code-copy-btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:#9ca3af;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.code-copy-btn:hover{background:#3d3d3d;color:#fff}@keyframes copy-pulse{0%{box-shadow:0 0 #4ade8066}70%{box-shadow:0 0 0 6px #4ade8000}to{box-shadow:0 0 #4ade8000}}.code-copy-btn.copied{animation:copy-pulse .5s ease-out}.code-copy-btn svg{width:14px;height:14px}.code-block pre{padding:var(--space-4) var(--space-6);overflow-x:auto;font-size:var(--text-sm);line-height:1.7}.code-block code{color:#e5e7eb}.code-block .keyword{color:#c678dd}.code-block .function{color:#61afef}.code-block .string{color:#98c379}.code-block .number{color:#d19a66}.code-block .comment{color:#5c6370;font-style:italic}.code-block .operator{color:#56b6c2}.code-block .variable{color:#e06c75}.post-sidebar{position:sticky;top:calc(var(--header-height) + var(--space-8));align-self:start;max-height:calc(100vh - var(--header-height) - var(--space-16));overflow-y:auto}.post-sidebar .literary-quote{padding:var(--space-6) 0}.post-sidebar .terminal-chrome{max-width:100%}.toc-card{padding-left:var(--space-6);border-left:2px solid var(--color-border)}.toc-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-heading);margin-bottom:var(--space-4);display:none}.toc-title svg{width:16px;height:16px}.toc-list{display:flex;flex-direction:column;gap:var(--space-2)}.toc-link{display:block;padding:var(--space-1) 0;font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--transition-fast);line-height:1.5;position:relative}.toc-link:before{content:"";position:absolute;left:calc(-1 * var(--space-6) - 2px);top:0;bottom:0;width:2px;background:var(--color-accent);transform:scaleY(0);transform-origin:top;transition:transform var(--transition-fast)}.toc-link:hover{color:var(--color-text-primary)}.toc-link.active{color:var(--color-text-heading);font-weight:600}.toc-link.active:before{transform:scaleY(1)}.share-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-top:var(--space-6)}.share-card-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-heading);margin-bottom:var(--space-4)}.share-icons{display:flex;gap:var(--space-3)}.share-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-bg-light);color:var(--color-text-secondary);transition:all var(--transition-fast)}.share-icon:hover{background:var(--color-text-heading);color:#fff;transform:translateY(-2px)}.share-icon:active{transform:translateY(0) scale(.92);transition-duration:80ms}.share-icon svg{width:18px;height:18px}body:has(.post-hero) .article-body{color:#d1d5db}body:has(.post-hero) .article-body h1,body:has(.post-hero) .article-body h2,body:has(.post-hero) .article-body h3,body:has(.post-hero) .article-body h4,body:has(.post-hero) .article-body h5,body:has(.post-hero) .article-body h6{color:#fff}body:has(.post-hero) .article-body p,body:has(.post-hero) .article-body li,body:has(.post-hero) .article-body td,body:has(.post-hero) .article-body figcaption,body:has(.post-hero) .article-body dd{color:#d1d5db}body:has(.post-hero) .article-body strong,body:has(.post-hero) .article-body b{color:#fff}body:has(.post-hero) .article-body a{color:var(--color-accent)}body:has(.post-hero) .article-body .intro{color:#e5e7eb}body:has(.post-hero) .article-body blockquote{border-left-color:#333;color:#9ca3af}body:has(.post-hero) .article-body code{background:#ffffff1a;color:#e5e7eb}body:has(.post-hero) .article-body pre code{background:transparent}body:has(.post-hero) .article-body th{color:#fff;border-bottom-color:#333}body:has(.post-hero) .article-body td{border-bottom-color:#222}body:has(.post-hero) .article-body hr{border-color:#333}body:has(.post-hero) .article-body img{border-radius:var(--radius-md)}body:has(.post-hero) .callout-insight{background:#f59e0b1a}body:has(.post-hero) .callout-experiment{background:#10b9811a}body:has(.post-hero) .callout-takeaway{background:#ff6b6b1a}body:has(.post-hero) .callout-body{color:#d1d5db}body:has(.post-hero) .toc-card{border-left-color:#333}body:has(.post-hero) .toc-link{color:#9ca3af}body:has(.post-hero) .toc-link:hover{color:#fff}body:has(.post-hero) .toc-link.active{color:#fff}body:has(.post-hero) .share-card{background:#111;border-color:#222}body:has(.post-hero) .share-card-title{color:#fff}body:has(.post-hero) .share-icon{background:#ffffff1a;color:#9ca3af}body:has(.post-hero) .share-icon:hover{background:#fff;color:#0a0a0a}body:has(.post-hero) .btn-outline{color:#d1d5db;border-color:#333}body:has(.post-hero) .btn-outline:hover{color:#fff;border-color:#fff}@media(max-width:1200px){.post-layout{grid-template-columns:1fr 240px;gap:var(--space-8)}}@media(max-width:768px){.post-layout{grid-template-columns:1fr;gap:var(--space-8)}.post-sidebar{position:static;order:-1;min-width:0}.post-bio-area{padding-left:0}.post-connector{display:none}.article-body{min-width:0}.code-block pre{padding:var(--space-3) var(--space-4);font-size:var(--text-xs)}}@media(max-width:480px){.post-title{font-size:clamp(1.5rem,6vw,2rem)}.post-author-row{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.post-author-meta{flex-wrap:wrap}.article-body p{margin-bottom:var(--space-4)}.article-body h2{margin-top:var(--space-8);margin-bottom:var(--space-4)}.callout{padding:var(--space-4)}}