.post-wrap{max-width:1280px;margin:0 auto;padding:48px 36px 80px;display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:start}@media(max-width:1024px){.post-wrap{grid-template-columns:1fr}}@media(max-width:540px){.post-wrap{padding:32px 22px 60px}}.post-hero{margin:0 0 40px;padding:40px;border-radius:16px;border:1.5px solid var(--line);position:relative;overflow:hidden}.post-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px}.post-hero:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--post-color, var(--purple)),var(--cyan));box-shadow:0 0 14px #7b3aff66}.post-crumb{position:relative;z-index:1;font-family:var(--pixel);font-size:8px;color:var(--ink-faint);letter-spacing:.14em;margin-bottom:20px;display:flex;align-items:center;gap:8px}.post-crumb a{color:var(--ink-faint);text-decoration:none;transition:color .15s}.post-crumb a:hover{color:var(--cyan)}.post-cat{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#0a0814b3;border:1.5px solid var(--post-color, var(--purple));border-radius:99px;font-family:var(--pixel);font-size:8px;color:var(--post-color, var(--purple));letter-spacing:.14em;margin-bottom:18px}.post-cat .pip{width:5px;height:5px;border-radius:50%;background:currentColor}.post-hero h1{position:relative;z-index:1;font-family:var(--pixel);font-size:clamp(18px,2.8vw,34px);color:#fff;line-height:1.2;margin:0 0 20px;letter-spacing:.02em}.post-meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:16px;align-items:center;font-family:var(--mono);font-size:12px;color:var(--ink-faint)}.post-meta .sep{color:var(--line-2)}.post-meta .author{display:flex;align-items:center;gap:7px}.post-meta .av{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--post-color, var(--purple)),var(--cyan));flex-shrink:0}.post-meta strong{color:var(--ink)}.prose{font-family:var(--sans);font-size:16px;line-height:1.75;color:var(--ink-dim)}.prose h2{font-family:var(--pixel);font-size:clamp(14px,1.8vw,20px);color:#fff;margin:40px 0 16px;padding-top:32px;border-top:1.5px dashed var(--line-2);letter-spacing:.04em;text-shadow:2px 2px 0 var(--post-color, var(--purple)),4px 4px 0 rgba(0,0,0,.4)}.prose h2:first-child{border-top:none;padding-top:0;margin-top:0}.prose h3{font-family:var(--pixel);font-size:clamp(12px,1.4vw,16px);color:var(--ink);margin:28px 0 12px;letter-spacing:.04em}.prose h4{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--ink);margin:20px 0 10px}.prose p{margin:0 0 18px}.prose p:last-child{margin-bottom:0}.prose a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px;transition:color .15s}.prose a:hover{color:var(--lime)}.prose strong{color:var(--ink);font-weight:700}.prose em{color:var(--ink);font-style:italic}.prose ul,.prose ol{padding-left:0;margin:0 0 18px;list-style:none;display:flex;flex-direction:column;gap:8px}.prose ul li,.prose ol li{padding-left:22px;position:relative;font-size:15px;line-height:1.65}.prose ul li:before{content:"▸";position:absolute;left:0;color:var(--post-color, var(--lime));font-size:11px;top:3px}.prose ol{counter-reset:li}.prose ol li:before{counter-increment:li;content:counter(li);position:absolute;left:0;font-family:var(--pixel);font-size:9px;color:var(--post-color, var(--lime));background:#a3e6351a;border:1px solid rgba(163,230,53,.25);width:16px;height:16px;border-radius:4px;display:flex;align-items:center;justify-content:center;top:3px;text-align:center;line-height:1}.prose blockquote{margin:20px 0;padding:16px 20px;border-left:3px solid var(--post-color, var(--purple));background:#7b3aff0f;border-radius:0 8px 8px 0;font-style:italic;color:var(--ink)}.prose code{font-family:var(--mono);font-size:13px;background:#ffffff12;border:1px solid var(--line);padding:2px 6px;border-radius:4px;color:var(--lime)}.prose pre{background:#00000080;border:1.5px solid var(--line);border-radius:10px;padding:20px;margin:20px 0;overflow-x:auto}.prose pre code{background:none;border:none;padding:0;color:var(--lime);font-size:13px}.prose table{width:100%;border-collapse:collapse;margin:20px 0;font-family:var(--mono);font-size:13px}.prose th{font-family:var(--pixel);font-size:8px;letter-spacing:.12em;padding:10px 14px;text-align:left;background:#ffffff0d;border-bottom:2px solid var(--post-color, var(--purple));color:var(--ink)}.prose td{padding:10px 14px;color:var(--ink-muted);border-bottom:1px solid var(--line)}.prose tr:hover td{background:#ffffff05}.prose img{max-width:100%;border-radius:10px;border:1.5px solid var(--line);margin:20px 0}.prose hr{border:none;border-top:1.5px dashed var(--line-2);margin:32px 0}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px;padding-top:28px;border-top:1.5px dashed var(--line-2)}.post-tag{font-family:var(--pixel);font-size:8px;letter-spacing:.1em;padding:6px 12px;border-radius:99px;background:#ffffff0a;border:1.5px solid var(--line);color:var(--ink-faint);transition:all .15s}.post-tag:hover{border-color:var(--cyan);color:var(--cyan)}.post-sidebar{position:sticky;top:80px;display:flex;flex-direction:column;gap:16px}@media(max-width:1024px){.post-sidebar{position:static}}.sidebar-card{background:var(--surface);border:1.5px solid var(--line);border-radius:14px;padding:20px}.sidebar-card h4{font-family:var(--pixel);font-size:9px;color:#fff;letter-spacing:.14em;margin:0 0 14px;padding-bottom:10px;border-bottom:1.5px dashed var(--line-2)}.toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.toc-list li a{font-family:var(--mono);font-size:12px;color:var(--ink-faint);text-decoration:none;transition:color .15s;display:block;border-left:2px solid var(--line);padding:4px 0 4px 10px}.toc-list li a:hover{color:var(--cyan);border-color:var(--cyan)}.sidebar-cta{background:linear-gradient(135deg,#a3e63514,#27e1ff0d);border:1.5px solid rgba(163,230,53,.25)}.sidebar-cta .sc-title{font-family:var(--pixel);font-size:11px;color:#fff;margin:0 0 10px;letter-spacing:.04em}.sidebar-cta .sc-body{font-family:var(--mono);font-size:12px;color:var(--ink-muted);margin:0 0 16px;line-height:1.55}.sidebar-cta .btn{width:100%;justify-content:center;font-size:8px!important;padding:11px!important}.back-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--pixel);font-size:8px;letter-spacing:.1em;color:var(--ink-faint);text-decoration:none;margin-bottom:32px;transition:color .15s}.back-btn:hover{color:var(--cyan)}