.blog-post-container{max-width:760px}.blog-reactions{padding:1.5rem 0;border-top:1px solid var(--border-subtle);text-align:center}.blog-reactions-label{font-size:0.85rem;color:var(--text-muted);margin-bottom:0.75rem}.blog-reactions-buttons{display:flex;justify-content:center;flex-wrap:nowrap;gap:0.35rem}.reaction-btn{display:inline-flex;align-items:center;gap:0.25rem;padding:0.4rem 0.6rem;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:20px;cursor:pointer;transition:all 0.2s ease;user-select:none}.reaction-btn .emoji{font-size:1.25rem;line-height:1}.reaction-btn:hover:not(.disabled){border-color:var(--accent);transform:scale(1.05)}.reaction-btn.faded{opacity:0.5}.reaction-btn.reacted{opacity:1;background:var(--accent-subtle);border-color:var(--accent)}.reaction-btn.disabled{cursor:not-allowed}.reaction-btn .count{font-size:0.9rem;font-weight:700;color:var(--text-secondary);min-width:1.2em;transition:transform 0.15s ease,color 0.15s ease}.reaction-btn.reacted .count{color:var(--accent)}.reaction-btn.saving{pointer-events:none}.reaction-btn.bump .count{animation:countBump 0.3s ease}@keyframes countBump{0%{transform:scale(1)}50%{transform:scale(1.4)}100%{transform:scale(1)}}.reaction-btn.saved{animation:savedPulse 0.4s ease}@keyframes savedPulse{0%{box-shadow:0 0 0 0 rgba(168,85,247,0.4)}70%{box-shadow:0 0 0 8px rgba(168,85,247,0)}100%{box-shadow:0 0 0 0 rgba(168,85,247,0)}}.blog-reactions-login{margin-top:0.75rem;font-size:0.8rem;color:var(--text-muted)}#confettiCanvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.blog-bottom-nav{text-align:center;border-top:1px solid var(--border-subtle)}.blog-content img{display:block;width:auto;height:auto;max-width:100%;max-height:100px;object-fit:contain;margin:0.75rem 0;cursor:zoom-in}.blog-content p:has(img){display:block}.blog-content p:has(> img:only-child){margin:1rem 0}.blog-content a:has(img){display:inline-block}.blog-content img.blog-content-image-previewable{border-radius:6px;border:2px solid #5d5d5d}@media (max-width:480px){.blog-reactions-buttons{gap:0.25rem}.reaction-btn{padding:0.3rem 0.45rem;gap:0.15rem}.reaction-btn .emoji{font-size:1rem}.reaction-btn .count{font-size:0.8rem;min-width:1em}}