.code-block-container{position:relative;margin:1rem 0}.code-block-copy-button{position:absolute;top:8px;right:8px;z-index:1;background-color:rgba(255,255,255,.9);border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.code-block-copy-button:hover{background-color:rgba(255,255,255,.95);transform:scale(1.05)}.code-block-language-badge{position:absolute;top:8px;left:8px;z-index:1;background-color:rgba(0,0,0,.7);color:white;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.react-syntax-highlighter{border-radius:8px!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;margin:0!important}.react-syntax-highlighter-line-number{color:#666!important;font-size:.75rem!important;min-width:2.5rem!important}.copy-success{animation:copyPulse .3s ease-in-out}@keyframes copyPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width:768px){.code-block-copy-button{top:4px;right:4px}.code-block-language-badge{top:4px;left:4px;font-size:.7rem;padding:2px 6px}.react-syntax-highlighter{font-size:.8rem!important}}.animate-like svg{animation:pop-like .5s cubic-bezier(.36,1.01,.32,1) both}@keyframes pop-like{0%{transform:scale(1)}10%{transform:scale(1.2)}30%{transform:scale(.95)}50%{transform:scale(1.15)}70%{transform:scale(.98)}to{transform:scale(1)}}.heart-pulse{animation:heart-pulse .7s cubic-bezier(.36,1.01,.32,1) both;filter:drop-shadow(0 0 8px #ff1744) drop-shadow(0 0 16px #ff1744)}@keyframes heart-pulse{0%{transform:scale(1);filter:drop-shadow(0 0 0 #ff1744)}30%{transform:scale(1.25);filter:drop-shadow(0 0 16px #ff1744)}60%{transform:scale(.95);filter:drop-shadow(0 0 8px #ff1744)}to{transform:scale(1);filter:drop-shadow(0 0 0 #ff1744)}}.heart-burst{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:0;height:0;z-index:1;pointer-events:none}.burst-circle{position:absolute;width:12px;height:12px;border-radius:50%;opacity:.7;background:radial-gradient(circle,#ff1744 60%,#ff8a65 100%);transform:scale(0);animation:burst-circle-anim .7s cubic-bezier(.36,1.01,.32,1) forwards}.burst-circle-1{left:0;top:-36px;animation-delay:.05s}.burst-circle-2{left:25px;top:-25px;animation-delay:.1s}.burst-circle-3{left:36px;top:0;animation-delay:.15s}.burst-circle-4{left:25px;top:25px;animation-delay:.2s}.burst-circle-5{left:0;top:36px;animation-delay:.25s}.burst-circle-6{left:-25px;top:25px;animation-delay:.3s}.burst-circle-7{left:-36px;top:0;animation-delay:.35s}.burst-circle-8{left:-25px;top:-25px;animation-delay:.4s}@keyframes burst-circle-anim{0%{transform:scale(0);opacity:.7}60%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:0}}.like-thank-message{animation:like-message-fade 2.5s cubic-bezier(.36,1.01,.32,1);font-size:1.2rem;font-weight:700;letter-spacing:.5px;background:linear-gradient(90deg,#ff1744,#ff8a65);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;text-shadow:0 2px 8px rgba(255,23,68,.15),0 0 16px #ff1744;padding:.2em .6em;border-radius:8px;display:inline-block;filter:drop-shadow(0 0 8px #ff1744)}@keyframes like-message-fade{0%{opacity:0;transform:translateY(20px) scale(.9) rotate(-3deg)}15%{opacity:1;transform:translateY(0) scale(1.08) rotate(2deg)}40%{opacity:1;transform:translateY(0) scale(1) rotate(-2deg)}80%{opacity:1;transform:translateY(-2px) scale(1) rotate(1deg)}to{opacity:0;transform:translateY(-10px) scale(.95) rotate(0deg)}}.like-circular-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.8);pointer-events:none;opacity:0;animation:like-circular-fade-in 2.5s cubic-bezier(.36,1.01,.32,1);z-index:3}@keyframes like-circular-fade-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-10deg)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.05) rotate(2deg)}40%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-2deg)}80%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(1deg)}to{opacity:0;transform:translate(-50%,-50%) scale(.8) rotate(0deg)}}.blog-content-table-wrapper{position:relative;width:100%;margin-bottom:1rem;scroll-behavior:smooth}[data-blog-content] span[style]{display:inline}@media (max-width:768px){.blog-content-table-wrapper{overflow:hidden}.blog-content-table-wrapper table{font-size:.875rem}.blog-content-table-wrapper td,.blog-content-table-wrapper th{padding:.75rem .5rem;min-width:100px}}