.reading-progress-bar{background:var(--color-border);position:fixed;top:0;left:0;width:100%;height:3px;z-index:50}[data-theme=dark] .reading-progress-bar{background:rgba(75,85,99,.3)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-green) 0,var(--color-primary-blue) 100%);transition:width .3s ease;box-shadow:0 0 10px rgba(91,181,91,.5)}[data-theme=dark] .progress-bar-fill{box-shadow:0 0 15px rgba(43,226,86,.7)}.engagement-bar{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:40;backdrop-filter:blur(10px);background:rgba(255,255,255,.95)}[data-theme=dark] .engagement-bar{background:rgba(15,20,25,.95);border-bottom-color:rgba(75,85,99,.3)}@media (max-width:768px){.engagement-bar .max-w-4xl{padding-top:.5rem!important;padding-bottom:.5rem!important}}.back-link{color:var(--color-text-secondary);transition:color .2s ease}.back-link:hover{color:var(--color-primary-green)}.share-button{color:var(--color-text-secondary);background:0 0;transition:all .2s ease}.share-button:hover{background:var(--color-bg-secondary);color:var(--color-primary-blue)}[data-theme=dark] .share-button:hover{background:rgba(75,85,99,.2);color:var(--color-primary-green)}.article-section{background:var(--color-bg-secondary);position:relative;overflow:hidden}[data-theme=dark] .article-section{background:rgba(17,24,39,.95)}.article-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(91,181,91,.02) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(61,96,143,.02) 0,transparent 50%);animation:gentle-float 30s ease-in-out infinite;pointer-events:none}[data-theme=dark] .article-section::before{background-image:radial-gradient(circle at 25% 25%,rgba(43,226,86,.03) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(59,130,246,.03) 0,transparent 50%)}@keyframes gentle-float{0%,100%{transform:translate(0,0)}50%{transform:translate(-10px,10px)}}.article-content{background:var(--color-bg-primary);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}[data-theme=dark] .article-content{background:var(--color-bg-card);box-shadow:0 2px 8px rgba(0,0,0,.2)}.blog-content{color:var(--color-text-secondary);line-height:1.75}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{color:var(--color-text-primary);font-weight:700;margin-top:2rem;margin-bottom:1rem;position:relative}[data-theme=dark] .blog-content h1{color:#8dace1}[data-theme=dark] .blog-content h2{color:#2be256}[data-theme=dark] .blog-content h3,[data-theme=dark] .blog-content h4,[data-theme=dark] .blog-content h5,[data-theme=dark] .blog-content h6{color:#e8f5e9}.blog-content h2::before,.blog-content h3::before{content:'#';position:absolute;left:-1.5rem;color:var(--color-primary-green);opacity:0;transition:opacity .2s ease}.blog-content h2:hover::before,.blog-content h3:hover::before{opacity:.5}.blog-content p{margin-bottom:1.5rem}.blog-content a{color:var(--color-primary-blue);text-decoration:none;position:relative;transition:color .2s ease}[data-theme=dark] .blog-content a{color:var(--color-primary-green)}.blog-content a:hover{text-decoration:underline}.blog-content strong{color:var(--color-text-primary);font-weight:700}[data-theme=dark] .blog-content strong{color:#e8f5e9;font-weight:700}.blog-content blockquote{border-left:4px solid var(--color-primary-green);padding-left:1.5rem;font-style:italic;color:var(--color-text-secondary);margin:1.5rem 0;background:var(--color-bg-secondary);padding:1rem 1.5rem;border-radius:0 8px 8px 0}[data-theme=dark] .blog-content blockquote{background:rgba(75,85,99,.1)}.blog-content code{background:var(--color-bg-secondary);padding:.25rem .5rem;border-radius:.25rem;color:var(--color-primary-blue);font-size:.875em}[data-theme=dark] .blog-content code{background:rgba(75,85,99,.3);color:var(--color-primary-green)}.blog-content pre{background:#1a202c;color:#f7fafc;padding:1rem;border-radius:.5rem;overflow-x:auto;margin:1.5rem 0;position:relative}[data-theme=dark] .blog-content pre{background:#0f1419;border:1px solid rgba(75,85,99,.3)}.blog-content pre code{background:0 0;padding:0;color:inherit}.blog-content ol,.blog-content ul{padding-left:1.5rem;margin:1.5rem 0}.blog-content li{margin-bottom:.5rem;color:var(--color-text-secondary)}.blog-content table{width:100%;border-collapse:collapse;margin:1.5rem 0}.blog-content th{background:var(--color-bg-secondary);font-weight:700;color:var(--color-text-primary);padding:.75rem;text-align:left;border-bottom:2px solid var(--color-border)}[data-theme=dark] .blog-content th{background:rgba(75,85,99,.2)}.blog-content td{padding:.75rem;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.blog-content hr{margin:2rem 0;border:none;border-top:1px solid var(--color-border)}.author-bio{background:var(--color-bg-secondary);border-radius:12px;border:1px solid var(--color-border);position:relative;overflow:hidden}[data-theme=dark] .author-bio{background:rgba(31,41,55,.5);border-color:rgba(75,85,99,.3)}.author-bio::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary-green) 0,var(--color-primary-blue) 100%)}.author-name{color:var(--color-text-primary)}.author-description{color:var(--color-text-secondary)}.comments-placeholder{background:var(--color-bg-secondary);border-radius:12px;border:2px dashed var(--color-border);transition:all .3s ease}[data-theme=dark] .comments-placeholder{background:rgba(31,41,55,.3);border-color:rgba(75,85,99,.3)}.comments-placeholder:hover{border-color:var(--color-primary-green);transform:translateY(-2px)}.toc-widget{background:var(--color-bg-primary);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}[data-theme=dark] .toc-widget{background:var(--color-bg-card);box-shadow:0 2px 8px rgba(0,0,0,.2)}.toc-title{color:var(--color-text-primary)}.toc-link{color:var(--color-text-secondary);transition:all .2s ease;padding-left:0}.toc-link:hover{color:var(--color-primary-green);padding-left:.5rem}.toc-link.active{color:var(--color-primary-green);font-weight:600;border-left:2px solid var(--color-primary-green);padding-left:.75rem}.tip-widget{background:linear-gradient(135deg,var(--color-primary-green) 0,var(--color-primary-blue) 100%);position:relative;overflow:hidden}.tip-widget::before{content:'💡';position:absolute;top:-20px;right:-20px;font-size:80px;opacity:.1;animation:pulse-rotate 4s ease-in-out infinite}@keyframes pulse-rotate{0%,100%{transform:rotate(-10deg) scale(1)}50%{transform:rotate(10deg) scale(1.1)}}.newsletter-widget{background:var(--color-bg-primary);border-radius:12px;border:1px solid var(--color-border);box-shadow:0 2px 8px rgba(0,0,0,.05)}[data-theme=dark] .newsletter-widget{background:var(--color-bg-card);border-color:rgba(75,85,99,.3);box-shadow:0 2px 8px rgba(0,0,0,.2)}.newsletter-title{color:var(--color-text-primary)}.newsletter-text{color:var(--color-text-secondary)}.newsletter-input{background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border);transition:all .3s ease}[data-theme=dark] .newsletter-input{background:rgba(31,41,55,.5);border-color:rgba(75,85,99,.3)}.newsletter-input:focus{border-color:var(--color-primary-green);outline:0;box-shadow:0 0 0 3px rgba(91,181,91,.1)}[data-theme=dark] .newsletter-input:focus{box-shadow:0 0 0 3px rgba(43,226,86,.2)}.related-section{background:var(--color-bg-secondary)}[data-theme=dark] .related-section{background:rgba(17,24,39,.95)}.related-title{color:var(--color-text-primary)}.related-card{background:var(--color-bg-primary);border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05)}[data-theme=dark] .related-card{background:var(--color-bg-card);box-shadow:0 2px 8px rgba(0,0,0,.2)}.related-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.1)}[data-theme=dark] .related-card:hover{box-shadow:0 8px 16px rgba(0,0,0,.3)}.related-thumbnail{background:linear-gradient(135deg,rgba(156,163,175,.3) 0,rgba(209,213,219,.3) 100%)}[data-theme=dark] .related-thumbnail{background:linear-gradient(135deg,rgba(75,85,99,.5) 0,rgba(55,65,81,.5) 100%)}.related-card-title{color:var(--color-text-primary)}.related-card-excerpt{color:var(--color-text-secondary)}.related-meta{color:var(--color-text-secondary)}.community-cta-section{background:var(--color-bg-primary)}[data-theme=dark] .community-cta-section{background:var(--color-bg-primary)}.community-cta-card{background:linear-gradient(135deg,var(--color-bg-secondary) 0,rgba(156,163,175,.05) 100%);border:1px solid var(--color-border)}[data-theme=dark] .community-cta-card{background:linear-gradient(135deg,rgba(31,41,55,.5) 0,rgba(75,85,99,.1) 100%);border-color:rgba(75,85,99,.3)}.community-title{color:var(--color-text-primary)}.community-text{color:var(--color-text-secondary)}.scroll-to-top{background:linear-gradient(135deg,var(--color-primary-green) 0,var(--color-primary-blue) 100%);box-shadow:0 4px 12px rgba(91,181,91,.3);transition:all .3s ease}.scroll-to-top:hover{box-shadow:0 6px 20px rgba(91,181,91,.4);transform:translateY(-2px)}[data-theme=dark] .scroll-to-top{box-shadow:0 4px 12px rgba(43,226,86,.4)}[data-theme=dark] .scroll-to-top:hover{box-shadow:0 6px 20px rgba(43,226,86,.5)}.code-copy-button{background:rgba(55,65,81,.8);color:#fff;opacity:0;transition:opacity .2s ease}.relative:hover .code-copy-button{opacity:1}.code-copy-button:hover{background:rgba(34,197,94,.9)}@media (max-width:768px){.blog-content h2::before,.blog-content h3::before{display:none}.toc-link:hover{padding-left:0}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation:none!important;transition:none!important}}