.post-container{max-width:min(1600px,70vw);margin:0 auto;padding:2rem}.reading-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(135deg,var(--accent,#FF6B35),var(--accent-2,#FF2E63));z-index:50;pointer-events:none;transition:width .15s ease-out}.post-article{background:var(--card-bg,var(--bg-page,#0A0A0F));border:1px solid var(--card-border,var(--border-primary));border-radius:var(--radius-card,16px);padding:2.5rem;box-shadow:var(--card-shadow);position:relative}.post-article:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,var(--accent,#FF6B35),var(--accent-2,#FF2E63));border-radius:var(--radius-card,16px) var(--radius-card,16px) 0 0}.post-header{border-bottom:1px solid var(--border-primary);padding-bottom:1.5rem;margin-bottom:2rem}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{display:inline-block;background-color:rgba(var(--brand-primary-rgb,102,126,234),.1);color:var(--accent,#FF6B35);padding:.2rem .75rem;border-radius:var(--theme-radius-xl);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.post-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.2;letter-spacing:-.02em;margin-bottom:1rem;color:var(--fg-1,#FFFFFF)}.post-metadata{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;color:var(--text-tertiary,var(--fg-2,#9CA3AF));font-size:.875rem}.post-metadata__item{display:inline-flex;align-items:center;gap:.375rem}.post-metadata__separator{color:var(--text-tertiary,var(--fg-2,#9CA3AF));opacity:.4;-webkit-user-select:none;user-select:none}.post-metadata__socials{display:inline-flex;align-items:center;gap:.5rem}.post-metadata__social-link{display:inline-flex;color:var(--text-tertiary,var(--fg-2,#9CA3AF));transition:color .2s ease}.post-metadata__social-link:hover{color:var(--accent,#FF6B35)}.post-toc-mobile{display:none;margin-bottom:1.5rem}.post-toc-mobile__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:var(--bg-secondary,rgba(0,0,0,.03));border:1px solid var(--border-primary);border-radius:var(--radius-md,10px);color:var(--fg-2,#9CA3AF);font-size:.875rem;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;transition:all var(--dur-base,.22s) var(--ease-out,cubic-bezier(.22,1,.36,1))}.post-toc-mobile__toggle:hover{border-color:var(--accent,#FF6B35);color:var(--fg-1,#FFFFFF)}.post-toc-mobile__chevron--open{transform:rotate(180deg)}.post-toc-mobile__nav{padding:.5rem 1rem 1rem;border:1px solid var(--border-primary);border-top:none;border-radius:0 0 var(--radius-md,10px) var(--radius-md,10px);background:var(--bg-secondary,rgba(0,0,0,.02))}.post-content-wrapper{display:flex;gap:2rem;align-items:flex-start}.post-content{flex:1;min-width:0;max-width:850px}.post-toc{width:240px;flex-shrink:0;position:sticky;top:5rem;align-self:flex-start;max-height:calc(100vh - 6rem);overflow-y:auto;order:-1}.post-toc__title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-2,#9CA3AF);margin:0 0 1rem}.post-toc__list{list-style:none;padding:0;margin:0;border-left:2px solid var(--border-primary)}.post-toc__item{margin:0}.post-toc__item a{display:block;padding:.45rem 0 .45rem 1rem;font-size:.9rem;color:var(--text-tertiary,var(--fg-2,#9CA3AF));text-decoration:none;border-left:2px solid transparent;margin-left:-2px;transition:all var(--dur-base,.22s) var(--ease-out,cubic-bezier(.22,1,.36,1));line-height:1.5}.post-toc__item a:hover{color:var(--fg-1,#FFFFFF)}.post-toc__item--sub a{padding-left:1.75rem;font-size:.85rem}.post-toc__item--active a{color:var(--accent,#FF6B35);border-left-color:transparent;font-weight:600;border-image:linear-gradient(to bottom,var(--accent,#FF6B35) var(--section-progress,0),var(--border-primary) var(--section-progress,0)) 1}.post-toc__related{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-primary)}.post-toc__related-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-2,#9CA3AF);margin:0 0 .75rem}.post-toc__related-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.post-toc__related-link{display:block;font-size:.8rem;color:var(--text-tertiary,var(--fg-2,#9CA3AF));text-decoration:none;line-height:1.4;transition:color .2s ease}.post-toc__related-link:hover{color:var(--accent,#FF6B35)}.post-toc__remaining{font-size:.75rem;color:var(--text-tertiary,var(--fg-2,#9CA3AF));margin:-.5rem 0 1rem;padding-left:.25rem;font-style:italic}.share-sidebar-wrapper{width:48px;flex-shrink:0;position:sticky;top:5rem;align-self:flex-start}.share-sidebar{display:flex;flex-direction:column;align-items:center;gap:.5rem}.share-sidebar__btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--border-primary);background:var(--bg-page,#0A0A0F);color:var(--fg-2,#9CA3AF);text-decoration:none;cursor:pointer;transition:all .2s ease}.share-sidebar__btn:hover{transform:scale(1.1);border-color:var(--accent,#FF6B35);color:var(--accent,#FF6B35)}.share-sidebar__btn:focus-visible{outline:2px solid var(--accent,#FF6B35);outline-offset:2px}.share-sidebar__btn--twitter:hover{color:#1da1f2;border-color:#1da1f2}.share-sidebar__btn--facebook:hover{color:#1877f2;border-color:#1877f2}.share-sidebar__btn--linkedin:hover{color:#0a66c2;border-color:#0a66c2}.share-sidebar__btn--reddit:hover{color:#ff4500;border-color:#ff4500}.share-sidebar__btn--copy:hover{color:var(--accent,#FF6B35);border-color:var(--accent,#FF6B35)}.content-text{max-width:850px}.content-text ::selection{background:rgba(var(--brand-primary-rgb,102,126,234),.3);color:var(--fg-1,#FFFFFF)}.content-text p{font-size:1.2rem;line-height:1.75;margin-bottom:1.75rem;color:var(--fg-2,#9CA3AF);text-align:left}.content-text>p:first-of-type:first-letter{float:left;font-size:3.5em;line-height:.8;padding-right:.1em;font-weight:700;color:var(--accent,#FF6B35)}.content-text p:last-child{margin-bottom:0}.content-text h2{font-size:clamp(1.375rem,3vw,1.75rem);font-weight:700;margin:3rem 0 .75rem;letter-spacing:-.01em}.content-text h2,.content-text h3{color:var(--fg-1,#FFFFFF);scroll-margin-top:5rem}.content-text h3{font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:600;margin:2rem 0 .5rem}.content-text ol,.content-text ul{padding-left:1.5rem;margin-bottom:1.5rem;color:var(--fg-2,#9CA3AF)}.content-text li{margin-bottom:.5rem;line-height:1.75;font-size:1.2rem}.content-text blockquote{border-left:4px solid var(--accent,#ff6b35);padding:1rem 1.5rem;margin:1.5rem 0;color:var(--fg-2,#9CA3AF);font-style:italic;background:rgba(var(--brand-primary-rgb,102,126,234),.05);border-radius:0 var(--radius-md,10px) var(--radius-md,10px) 0}.content-text a{color:var(--accent,#FF6B35);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--dur-base,.22s) var(--ease-out,cubic-bezier(.22,1,.36,1))}.content-text a:hover{color:var(--brand-primary-hover,var(--accent,#FF6B35));text-decoration-thickness:2px}.content-text code{font-family:Fira Code,Cascadia Code,JetBrains Mono,monospace;background:var(--bg-secondary,rgba(0,0,0,.08));padding:.15em .4em;border-radius:4px;font-size:.875em}.code-block{margin-bottom:1.5rem;border:1px solid var(--border-primary);border-radius:var(--radius-md,10px);overflow:hidden}.code-block__header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--code-bg);border-bottom:1px solid var(--border-primary)}.code-block__language{font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-family:Fira Code,Cascadia Code,JetBrains Mono,monospace}.code-block__copy,.code-block__language{font-size:.75rem;color:var(--text-tertiary,var(--fg-2,#9CA3AF))}.code-block__copy{display:inline-flex;align-items:center;gap:.375rem;background:none;border:1px solid var(--border-primary);border-radius:var(--radius-sm,6px);padding:.25rem .5rem;cursor:pointer;transition:all .2s ease;text-transform:none;letter-spacing:normal}.code-block__copy:hover{color:var(--fg-1,#FFFFFF);border-color:var(--accent,#FF6B35);transform:none}.content-text pre{background:var(--bg-secondary,rgba(0,0,0,.08));padding:1.25rem;border-radius:var(--radius-md,10px);border:1px solid var(--border-primary);overflow-x:auto;margin-bottom:1.5rem}.content-text pre code{background:none;padding:0;font-size:.875rem;line-height:1.6}.heading-with-anchor{position:relative}.heading-anchor{opacity:0;margin-left:.5rem;color:var(--text-tertiary,var(--fg-2,#9CA3AF));background:none;border:none;cursor:pointer;font-size:.85em;font-weight:400;padding:.1em .3em;border-radius:4px;transition:all .2s ease;text-transform:none;letter-spacing:normal;vertical-align:middle}.heading-with-anchor:hover .heading-anchor{opacity:1}.heading-anchor:hover{color:var(--accent,#FF6B35);background:rgba(var(--brand-primary-rgb,102,126,234),.1);transform:none}.heading-anchor:focus-visible{opacity:1;outline:2px solid var(--accent,#FF6B35);outline-offset:2px}.content-figure{margin:1.5rem 0}.content-figure__img{max-width:100%;height:auto;border-radius:var(--radius-md,10px);cursor:zoom-in;transition:opacity .2s ease}.content-figure__img:hover{opacity:.9}.content-figure__caption{font-size:.85rem;color:var(--text-tertiary,var(--fg-2,#9CA3AF));text-align:center;margin-top:.5rem;font-style:italic}.lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:100;cursor:zoom-out;animation:fadeIn .2s ease-out}.lightbox-overlay__img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-md,10px);cursor:default}.lightbox-overlay__close{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,.1);border:none;color:white;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;text-transform:none;letter-spacing:normal}.lightbox-overlay__close:hover{background:rgba(255,255,255,.2);transform:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.content-text img{max-width:100%;height:auto;border-radius:var(--radius-md,10px);margin:1.5rem 0}.content-text hr{border:none;border-top:1px solid var(--border-primary);margin:2rem 0}.content-text strong{color:var(--fg-1,#FFFFFF);font-weight:600}.post-footer{border-top:1px solid var(--border-primary);padding-top:1.5rem;margin-top:2rem}.post-actions{display:flex;align-items:center;gap:.75rem}.post-back-nav{display:flex;justify-content:center}.share-sidebar__separator{width:24px;height:1px;background:var(--border-primary);margin:.25rem 0}.loading-spinner{text-align:center;padding:4rem;color:var(--fg-2,#9CA3AF)}.spinner{width:40px;height:40px;border-top:4px solid var(--border-primary);border:4px solid var(--border-primary);border-top-color:var(--accent,#ff6b35);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{text-align:center;padding:4rem;color:var(--color-error,#d73a49)}.error-actions{margin-top:1rem;display:flex;gap:1rem;justify-content:center;align-items:center}.error-message button{background:var(--accent,#FF6B35);color:white;border:none;padding:.5rem 1rem;border-radius:var(--radius-md,10px);cursor:pointer;transition:all var(--dur-base,.22s) var(--ease-out,cubic-bezier(.22,1,.36,1))}.error-message button:hover{transform:translateY(-2px)}.back-link{color:var(--accent,#FF6B35);text-decoration:none}.back-link:hover{text-decoration:underline}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:44px;height:44px;border-radius:50%;background:var(--card-bg,var(--bg-page,#0A0A0F));border:1px solid var(--border-primary);color:var(--fg-2,#9CA3AF);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:all .2s ease;z-index:40;animation:fadeInUp .2s ease-out;text-transform:none;letter-spacing:normal}.back-to-top:hover{color:var(--accent,#FF6B35);border-color:var(--accent,#FF6B35);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.back-to-top:focus-visible{outline:2px solid var(--accent,#FF6B35);outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.related-posts-mobile{max-width:700px;margin:0 auto}@media (min-width:1201px){.related-posts-mobile{display:none}}@media (max-width:1200px){.post-toc{display:none}.post-content-wrapper,.post-toc-mobile{display:block}.post-content{max-width:850px;margin:0 auto}.share-sidebar-wrapper{width:auto;position:static;border-top:1px solid var(--border-primary);padding-top:1.5rem;margin-top:2rem;max-width:850px;margin-left:auto;margin-right:auto}.share-sidebar-wrapper .share-sidebar{flex-direction:row;justify-content:center}.share-sidebar__separator{width:1px;height:24px;margin:0 .25rem}}@media (max-width:768px){.post-container{max-width:100%;padding:1rem}.post-article{padding:1.5rem}.post-title{font-size:1.5rem}.post-metadata{gap:.375rem}.post-actions{flex-wrap:wrap}.share-inline .share-sidebar{gap:.75rem}.content-text li,.content-text p{font-size:1rem}}@media (prefers-reduced-motion:reduce){.reading-progress{transition:none}.share-sidebar__btn:hover{transform:none}.back-to-top{animation:none}.back-to-top:hover{transform:none}}@media print{.back-to-top,.error-actions,.heading-anchor,.like-button,.post-toc,.post-toc-mobile,.reading-progress,.share-sidebar,.share-sidebar-wrapper{display:none}.post-article{border:none;box-shadow:none}.post-content-wrapper{display:block}}