#reading-progress{position:fixed;top:0;left:0;width:100%;height:4px;background-color:var(--color-primary);transform-origin:0 50%;transform:scaleX(0);z-index:1000;box-shadow:0 0 12px var(--color-primary)}@supports (animation-timeline: scroll()){#reading-progress{animation:grow-progress auto linear;animation-timeline:scroll()}}@keyframes grow-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.blog-post-container{max-width:760px;margin:0 auto;padding:clamp(3rem,5vh + 1rem,5rem) 1.5rem}.post-header{margin-block-end:2.5rem;border-block-end:1px solid var(--border-color);padding-block-end:2rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:700;font-family:var(--font-mono);color:var(--color-primary);margin-block-end:1.5rem;text-transform:uppercase;letter-spacing:.05em}.back-arrow{transition:transform .2s cubic-bezier(.16,1,.3,1)}.back-link:hover .back-arrow{transform:translate(-4px)}.header-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-end:1rem}.post-tag-badge{font-family:var(--font-mono);font-size:.72rem;font-weight:600;padding:.25rem .65rem;border-radius:4px;background-color:light-dark(var(--palette-space-100),var(--palette-space-900));border:1px solid var(--border-color);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.post-title{font-size:clamp(2rem,4vw,2.75rem);margin-block-end:1.25rem;font-weight:800;line-height:1.2;text-wrap:balance;color:light-dark(var(--palette-space-950),white)}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.85rem;color:var(--color-text-muted);font-family:var(--font-mono)}.meta-item{display:inline-flex;align-items:center;gap:.35rem}.meta-icon{font-size:.95rem}.meta-divider{color:var(--color-primary);font-weight:700}.post-cover-wrapper{position:relative;overflow:hidden;border-radius:12px;border:1px solid var(--border-color);aspect-ratio:21 / 9;margin-block-end:3.5rem;background-color:var(--color-bg-surface);box-shadow:var(--shadow-sm)}@media(max-width:600px){.post-cover-wrapper{aspect-ratio:16 / 9;margin-block-end:2rem}}.post-cover-image{width:100%;height:100%;object-fit:cover}.post-content{line-height:1.85;font-size:1.1rem;color:var(--color-text)}.post-content h2{font-size:1.65rem;font-weight:800;line-height:1.3;margin-block:3.5rem 1rem;color:light-dark(var(--palette-space-950),white);text-wrap:balance;border-block-end:1px solid var(--border-color);padding-block-end:.5rem}.post-content h3{font-size:1.35rem;font-weight:700;line-height:1.3;margin-block:2.5rem .75rem;color:light-dark(var(--palette-space-950),white);text-wrap:balance}.post-content p{margin-block-end:1.65rem;text-wrap:pretty}.post-content strong{color:light-dark(var(--palette-space-950),white);font-weight:700}.post-content a:not([class]){color:var(--color-primary);font-weight:600;text-decoration:underline;text-underline-offset:4px;transition:color .2s ease}.post-content a:not([class]):hover{color:var(--color-primary-hover)}.post-content ul,.post-content ol{margin-block-end:1.75rem;padding-inline-start:1.5rem;display:flex;flex-direction:column;gap:.6rem}.post-content ul{list-style:square}.post-content ol{list-style:decimal}.post-content li{color:var(--color-text-muted);line-height:1.7}.post-content li strong{color:light-dark(var(--palette-space-950),white)}.post-content table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;border-collapse:collapse;margin-block:2.5rem;font-size:.95rem;font-family:var(--font-mono);border:1px solid var(--border-color);border-radius:8px}.post-content th,.post-content td{padding:1rem 1.25rem;border:1px solid var(--border-color);text-align:left}.post-content th{background-color:var(--color-bg-surface);color:light-dark(var(--palette-space-950),white);font-weight:700}.post-content td{background-color:var(--color-bg-card)}.post-content blockquote{border-inline-start:4px solid var(--color-primary);background-color:light-dark(rgba(0,100,250,.03),rgba(0,240,255,.03));padding:1.5rem 2rem;border-radius:0 8px 8px 0;font-style:italic;color:var(--color-text-muted);margin:2.5rem 0;line-height:1.75}.post-footer{margin-block-start:5rem;border-block-start:1px solid var(--border-color);padding-block-start:3rem}.author-box{background-color:var(--color-bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:2rem;display:flex;gap:1.75rem;align-items:center;transition:border-color .3s ease,box-shadow .3s ease}.author-box:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.author-avatar{width:68px;height:68px;background-color:var(--color-bg-card);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm)}.author-info{flex-grow:1}.author-name{font-size:1.15rem;font-weight:700;color:light-dark(var(--palette-space-950),white);margin-block-end:.35rem}.author-bio{font-size:.92rem;margin:0;color:var(--color-text-muted);line-height:1.6}@media(max-width:576px){.author-box{flex-direction:column;text-align:center;padding:1.5rem;gap:1.25rem}}.telemetry-reaction-panel{background:light-dark(rgba(255,255,255,.45),rgba(16,19,26,.65));border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-block:4rem 2rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-sm)}.reaction-header{display:flex;align-items:center;gap:.5rem}.reaction-title{font-family:var(--font-mono);font-size:.72rem;font-weight:800;color:var(--color-primary);letter-spacing:.08em}.reaction-desc{font-size:.92rem;line-height:1.5;color:var(--color-text-muted);margin:0!important}.reaction-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.btn-like-telemetry{background:light-dark(rgba(0,100,250,.05),rgba(18,235,210,.05));border:1px solid var(--border-color);padding:.6rem 1.25rem;border-radius:8px;color:var(--color-text);cursor:pointer;display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.85rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-like-telemetry .heart-svg{width:18px;height:18px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),fill .3s ease,stroke .3s ease,filter .3s ease}.btn-like-telemetry:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:light-dark(rgba(0,100,250,.08),rgba(18,235,210,.1));box-shadow:var(--shadow-glow)}.btn-like-telemetry:hover .heart-svg{transform:scale(1.2)}.btn-like-telemetry.liked{border-color:var(--color-primary);color:var(--color-primary);background-color:light-dark(rgba(0,100,250,.1),rgba(18,235,210,.12));box-shadow:var(--shadow-glow),0 0 15px #0064fa1a}@keyframes heart-elastic-bounce{0%{transform:scale(1)}30%{transform:scale(1.4)}60%{transform:scale(.9)}to{transform:scale(1)}}.btn-like-telemetry.liked .heart-svg{fill:var(--color-primary);stroke:var(--color-primary);filter:drop-shadow(0 0 8px var(--color-primary));animation:heart-elastic-bounce .45s cubic-bezier(.175,.885,.32,1.275);will-change:transform}.telemetry-status{font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--color-text-muted);transition:color .3s ease}.telemetry-status.active{color:var(--color-primary);text-shadow:0 0 8px var(--border-glow)}.back-link{min-block-size:32px}@media(max-width:768px){.btn-like-telemetry{min-block-size:44px!important;display:inline-flex!important;align-items:center!important}.back-link{min-block-size:44px!important;display:inline-flex!important;align-items:center!important;padding-block:.5rem!important}}
