.blog-detail{min-height:100vh;color:var(--font-highlight-color);max-width:900px;margin:0 auto;padding:2rem;position:relative}.back-button{background:linear-gradient(135deg, var(--font-primary-color) 0%, var(--font-secondary-color) 100%);color:var(--bg-color);cursor:pointer;z-index:1000;font-size:.95rem;font-weight:600;font-family:var(--font-style);will-change:transform, box-shadow;border:2px solid #ffffff1a;border-radius:50px;align-items:center;gap:10px;padding:14px 24px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:30px;left:30px;overflow:hidden;box-shadow:0 8px 32px #00abf066}.back-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.back-button:hover:before{left:100%}.back-button:hover{border-color:#fff3;transform:translateY(-4px)scale(1.02);box-shadow:0 12px 40px #00abf099,0 0 20px #00abf04d}.back-button:active{transform:translateY(-2px)scale(.98);box-shadow:0 6px 20px #00abf080}.back-button-icon{z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:relative}.back-button-icon svg{width:100%;height:100%}.back-button-text{z-index:1;letter-spacing:.3px;white-space:nowrap;position:relative}.back-button-glow{opacity:0;pointer-events:none;will-change:opacity, transform;background:radial-gradient(circle,#00abf04d 0%,#0000 70%);border-radius:50px;width:100%;height:100%;animation:3s ease-in-out infinite pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-glow{0%,to{opacity:0;transform:translate(-50%,-50%)scale(1)}50%{opacity:.6;transform:translate(-50%,-50%)scale(1.1)}}@media (prefers-reduced-motion:reduce){.back-button-glow{animation:none}}.blog-detail-content{padding-top:2rem}.blog-detail-header{border-bottom:1px solid #00abf033;margin-bottom:1rem;padding-bottom:1.5rem}.blog-detail-time-to-read{color:var(--font-secondary-color);opacity:.6;text-align:right;margin-bottom:2rem;font-size:.85rem}.blog-detail-title-author-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.blog-detail-title{color:var(--font-primary-color);flex:1;min-width:200px;margin:0;font-size:2.5rem;font-weight:600;line-height:1.3}.blog-detail-author{color:var(--font-secondary-color);align-items:center;gap:.5rem;font-size:1rem;display:flex}.blog-detail-author-label{opacity:.7;font-weight:400}.blog-detail-author-name{color:var(--font-primary-color);font-weight:500}.blog-detail-tags-row{flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:.75rem;width:100%;margin-top:1rem;display:flex}.blog-detail-stats-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.blog-detail-meta-stats{flex-wrap:wrap;align-items:center;gap:.75rem;margin-left:auto;display:flex}.blog-detail-date-pill,.blog-detail-tag,.blog-stat-item{color:var(--font-secondary-color);background:#00abf01a;border:1px solid #00abf04d;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:400;transition:all .3s}.blog-detail-date-pill{white-space:nowrap}.blog-detail-tag:hover{border-color:var(--font-primary-color);background:#00abf033}.blog-detail-stats{align-items:center;gap:1rem;display:flex}.blog-detail-stats-text{color:var(--font-highlight-color);white-space:nowrap;font-size:.75rem;font-weight:400}.blog-detail-tags{flex-wrap:wrap;gap:.5rem;display:flex}.blog-stat-item{align-items:center;gap:.4rem;display:flex}.blog-stat-icon,.blog-like-icon,.blog-share-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.blog-stat-icon{color:var(--font-highlight-color);opacity:.8}.blog-like-button,.blog-share-button{cursor:pointer;width:16px;height:16px;font-family:var(--font-style);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .3s;display:flex}.blog-like-button:hover:not(:disabled),.blog-share-button:hover{transform:scale(1.1)}.blog-like-button:active:not(:disabled),.blog-share-button:active{transform:scale(.95)}.blog-like-button:disabled{opacity:.6;cursor:not-allowed}.blog-like-icon{color:var(--font-highlight-color);transition:all .3s}.blog-like-button.liked .blog-like-icon{color:#ff4d4d}.blog-share-icon{color:var(--font-highlight-color);opacity:.8;transition:all .3s}.blog-share-button:hover .blog-share-icon{opacity:1;color:var(--font-primary-color)}.blog-edit-button{cursor:pointer;width:16px;height:16px;font-family:var(--font-style);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .3s;display:flex}.blog-edit-button:hover{transform:scale(1.1)}.blog-edit-button:active{transform:scale(.95)}.blog-edit-icon{width:16px;height:16px;color:var(--font-highlight-color);opacity:.8;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.blog-edit-button:hover .blog-edit-icon{opacity:1;color:var(--font-primary-color)}.blog-detail-body{text-align:justify;line-height:1.8}.blog-content-text{margin-bottom:1.5rem}.blog-content-text p,.blog-detail-body p{color:var(--font-highlight-color);margin:0;font-size:1rem;font-weight:400;line-height:1.8}.blog-content-text p{white-space:pre-wrap;word-wrap:break-word}.blog-content-image{text-align:center;margin:2rem 0}.blog-content-image img{border:1px solid #00abf033;border-radius:8px;width:100%;max-width:600px;height:auto;box-shadow:0 4px 12px #00abf01a}.blog-content-link{margin:1.5rem 0}.blog-content-link a{color:var(--font-primary-color);border-bottom:1px solid #0000;font-size:1rem;font-weight:400;line-height:1.8;text-decoration:none;transition:color .3s}.blog-content-link a:hover{color:var(--font-highlight-color);border-bottom-color:var(--font-primary-color)}.blog-content-code{background:#00abf00d;border:1px solid #00abf033;border-radius:8px;margin:2rem 0;overflow:hidden}.blog-content-code-header{background:#00abf01a;border-bottom:1px solid #00abf033;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.blog-content-code-title{color:var(--font-primary-color);font-size:.875rem;font-weight:600}.blog-content-code-language{color:var(--font-highlight-color);background:#00abf033;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.blog-content-code-block{background:#0003;margin:0;padding:1.5rem;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.6;overflow-x:auto}.blog-content-code-block code{color:var(--font-highlight-color);white-space:pre;display:block}.blog-content-quote{text-align:center;justify-content:center;align-items:center;margin:2rem 0;font-family:Passion One;display:flex}.blog-quote-mark{color:var(--font-highlight-color);margin-right:.5rem;font-size:4rem}.blog-quote-text{color:var(--font-primary-color);max-width:80%;font-size:1.5rem;font-weight:600;line-height:1.4}.blog-detail-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:50vh;display:flex}.blog-detail-error p{color:var(--font-primary-color);margin:0;font-size:1rem;font-weight:400;line-height:1.5}.blog-detail-error .back-button{position:relative;bottom:auto;left:auto}@media (max-width:800px){.blog-detail{padding:1rem 1rem 100px}.back-button{gap:8px;padding:12px 20px;font-size:.85rem;bottom:20px;left:20px}.back-button-icon{width:12.6px;height:12.6px}.blog-detail-title-author-row{flex-direction:column;align-items:flex-end;gap:.75rem}.blog-detail-title{font-size:1.8rem}.blog-detail-author,.blog-content-text p{font-size:.9rem}.blog-content-code-block{padding:1rem;font-size:.8rem}.blog-detail-header{margin-bottom:2rem;padding-bottom:1.5rem}.blog-detail-tags-row{flex-direction:column;align-items:flex-end;gap:1rem}.blog-detail-stats-row{flex-direction:column;align-items:flex-start;gap:1rem}.blog-detail-meta-stats{justify-content:flex-end;width:100%;margin-left:0}.blog-detail-stats{gap:.75rem}.blog-stat-item{padding:.2rem .6rem}.blog-stat-icon,.blog-like-button,.blog-like-icon,.blog-share-button,.blog-share-icon,.blog-edit-button,.blog-edit-icon{width:14px;height:14px}.blog-detail-stats-text{font-size:.7rem}}.blog-navigation{justify-content:center;align-items:center;gap:3rem;margin:2rem 0;display:flex}.blog-nav-button{color:var(--font-primary-color);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#00abf01a;border:1px solid #00abf04d;border-radius:8px;align-items:center;gap:.5rem;max-width:45%;padding:.75rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.blog-nav-button:hover{border-color:var(--font-primary-color);background:#00abf033;transform:translateY(-2px)}.blog-nav-prev{flex-direction:row;justify-content:flex-start}.blog-nav-next{flex-direction:row-reverse;justify-content:flex-end}.blog-nav-arrow{color:var(--font-highlight-color);flex-shrink:0;font-size:1.2rem;font-weight:700}.blog-nav-title{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;overflow:hidden}.blog-nav-next .blog-nav-title{text-align:right}