.blog-page article.post.post-v2,article.post.post-v2,html body .app .blog-page article.post.post-v2,html body .blog-page article.post.post-v2{box-sizing:border-box!important;margin:0 calc(50% - 50vw)!important;max-width:100vw!important;min-width:0!important;overflow:visible!important;padding:0!important;width:100vw!important}article.post.post-v2>.post-layout,html body .app .blog-page article.post.post-v2>.post-layout,html body .blog-page article.post.post-v2 .post-layout{align-items:flex-start!important;box-sizing:border-box!important;display:grid!important;gap:clamp(1.5rem,2vw,2rem)!important;grid-template-columns:280px minmax(0,1fr) 320px!important;margin:0 auto!important;max-width:min(1800px,95vw)!important;min-width:0!important;padding:var(--sp-5,32px) clamp(1rem,2vw,2rem)!important;width:100%!important}article.post.post-v2>.post-layout>*{min-height:0!important;min-width:0!important}article.post.post-v2 .post-toc-sidebar{align-self:flex-start!important;display:block!important;max-height:calc(100vh - 80px - 2rem)!important;overflow-x:hidden!important;overflow-y:auto!important;position:sticky!important;scrollbar-width:none!important;top:80px!important;-ms-overflow-style:none!important;padding-bottom:1rem!important;padding-top:1rem!important;z-index:1!important}article.post.post-v2 .post-toc-sidebar::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.post-toc-sidebar .card{box-shadow:0 2px 4px rgba(0,0,0,.3),0 6px 0 #042b33;display:block;height:auto!important}.post-toc-sidebar .toc,.post-toc-sidebar .toc__list{height:auto!important;max-height:none!important}.post-toc-sidebar .toc__list{list-style:none!important;margin:0!important;overflow:visible!important;padding:0!important}article.post.post-v2 .post-main{backdrop-filter:blur(12px);display:block;font-feature-settings:"kern" 1,"liga" 1;min-width:0;overflow:visible!important;text-rendering:optimizeLegibility;width:100%}article.post.post-v2 .post-main img{border-radius:var(--radius-md,8px);cursor:pointer;display:block;height:auto;margin-left:auto;margin-right:auto;max-height:400px;max-width:100%;transition:transform .2s ease;width:auto}article.post.post-v2 .post-main img:hover{transform:scale(1.01)}article.post.post-v2 .post-main svg{display:block;height:auto;margin-left:auto;margin-right:auto;max-width:100%}article.post.post-v2 .post-main svg text,article.post.post-v2 .post-main svg tspan{cursor:text;user-select:text}article.post.post-v2 .post-main figure svg{height:auto;max-width:100%}article.post.post-v2 .post-sidebar{align-self:flex-start!important;display:block!important;height:calc(100vh - 80px - 2rem)!important;max-height:calc(100vh - 80px - 2rem)!important;overflow-x:hidden!important;overflow-y:auto!important;position:sticky!important;scrollbar-width:none!important;top:80px!important;-ms-overflow-style:none!important;padding-bottom:1rem!important;padding-top:1rem!important;z-index:1!important}.post-sidebar>.card{margin-bottom:var(--sp-3,16px)!important}.post-sidebar>.card:last-child{margin-bottom:0!important}article.post.post-v2 .post-sidebar::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.post-sidebar>.card{box-shadow:0 2px 4px rgba(0,0,0,.3),0 6px 0 #042b33;display:block;margin-bottom:0;transition:transform var(--motion-fast) var(--motion-curve),box-shadow var(--motion-med) var(--motion-curve);will-change:transform}.post-sidebar>.card:hover{box-shadow:0 6px 10px rgba(0,0,0,.4),0 10px 0 #042b33;transform:translateY(-3px)}@media (prefers-reduced-motion:reduce){.post-sidebar>.card{transition:none}.post-sidebar>.card:hover{transform:none}}.post-header{margin-bottom:var(--sp-5,32px)}.post-header h1{color:var(--c-text);font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:var(--sp-3,16px)}.post-meta{align-items:center;color:var(--c-text-muted);display:flex;flex-wrap:wrap;font-size:.9375rem;gap:4px;margin-bottom:var(--sp-2,12px)}.post-meta .separator{margin:0 4px}.post-tags{display:flex;flex-wrap:wrap;gap:var(--sp-1,8px)}.post-tags .tag{background:var(--c-bg-alt);border-radius:6px;color:var(--c-text-muted);display:inline-block;font-size:.875rem;padding:4px 12px;text-decoration:none;transition:all .2s}.post-tags .tag:hover{background:var(--c-accent-light,rgba(59,130,246,.1));color:var(--c-accent)}.post-featured-image{border-radius:var(--radius-cartoon,12px);display:flex;margin:0 0 var(--sp-5,32px);overflow:hidden;width:100%}.post-featured-image img{display:block;height:auto;max-width:100%;width:auto}.post-featured-image--bottom-left,.post-featured-image--left,.post-featured-image--top,.post-featured-image--top-left{justify-content:flex-start}.post-featured-image--bottom,.post-featured-image--center{justify-content:center}.post-featured-image--bottom-right,.post-featured-image--right,.post-featured-image--top-right{justify-content:flex-end}.breadcrumb{margin-bottom:var(--sp-4,24px)}.breadcrumb ol{color:var(--c-text-dim);flex-wrap:wrap;font-size:.875rem;gap:var(--sp-2,12px);list-style:none;margin:0;padding:0}.breadcrumb li,.breadcrumb ol{align-items:center;display:flex}.breadcrumb a{align-items:center;background:var(--c-bg-alt);border:2px solid var(--c-border);border-radius:var(--radius-cartoon,18px);box-shadow:0 2px 0 rgba(4,43,51,.2);color:var(--c-text-dim);display:inline-flex;font-weight:600;gap:6px;padding:6px 12px;text-decoration:none;transition:all var(--motion-med) var(--motion-curve)}.breadcrumb a:hover{border-color:var(--c-accent);box-shadow:0 3px 0 var(--c-border);color:var(--c-accent);transform:translateX(-3px)}.breadcrumb a:active{box-shadow:0 2px 0 var(--c-border);transform:translateX(-1px)}.breadcrumb li[aria-current=page] span{color:var(--c-text);font-weight:600;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (prefers-reduced-motion:reduce){.breadcrumb a{transition:none}.breadcrumb a:active,.breadcrumb a:hover{transform:none}}@media (max-width:640px){.breadcrumb li[aria-current=page] span{max-width:200px}}.post-nav-footer{border-top:2px solid var(--c-border);display:grid;gap:var(--sp-3,16px);grid-template-columns:1fr 1fr;margin-top:var(--sp-5,32px);padding-top:var(--sp-4,24px)}.post-nav-link{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-cartoon,12px);display:flex;flex-direction:column;gap:4px;padding:var(--sp-3,16px);text-decoration:none;transition:all .2s}.post-nav-link:hover{border-color:var(--c-accent);box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.post-nav-link--next{text-align:right}.post-nav-label{color:var(--c-text-muted);font-size:.8125rem;font-weight:500}.post-nav-title{color:var(--c-text);font-size:.9375rem;font-weight:600}.post-meta-sidebar h4{align-items:center;color:var(--c-text-muted);display:flex;font-size:.875rem;font-weight:600;gap:var(--sp-1,8px);letter-spacing:.05em;margin:0 0 var(--sp-2,12px);text-transform:uppercase}.post-meta__icon{color:var(--c-accent)}.post-meta-sidebar{background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-cartoon,18px);box-shadow:0 2px 4px rgba(0,0,0,.3);font-size:.875rem;padding:var(--sp-3,16px)}.post-meta-sidebar dl{font-size:.875rem}.post-meta-sidebar dt{margin-top:var(--sp-2,12px)}.post-meta-sidebar dt:first-child{margin-top:0}.post-meta-sidebar dd{margin:4px 0 0}.post-meta-sidebar a{color:var(--c-accent);text-decoration:none}.post-meta-sidebar a:hover{text-decoration:underline}.series-nav{background:var(--c-surface);border:2px solid var(--c-border);border-left:4px solid var(--c-accent);border-radius:var(--radius-cartoon,18px);box-shadow:0 2px 4px rgba(0,0,0,.3);margin:var(--sp-4,24px) 0;padding:var(--sp-3,16px)}.series-nav h3{align-items:center;display:flex;font-size:1.125rem;gap:var(--sp-1,8px);margin:0 0 var(--sp-2,12px)}.series-nav__icon{color:var(--c-accent)}.series-nav ol{list-style:decimal;margin:0;padding-left:1.5rem}.series-nav li{margin:var(--sp-1,8px) 0}.series-nav a{color:var(--c-text);text-decoration:none;transition:color .2s}.series-nav .current,.series-nav a:hover{color:var(--c-accent)}.series-nav .current{font-weight:600}.author-card{background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-cartoon,18px);box-shadow:0 2px 4px rgba(0,0,0,.3);overflow:hidden;padding:var(--sp-4,24px) var(--sp-3,16px);position:relative}.author-card:before{background:linear-gradient(90deg,var(--c-accent),var(--c-accent-glow));box-shadow:0 2px 0 rgba(4,43,51,.3);content:"";height:3px;left:0;position:absolute;right:0;top:0}.author-card h4{align-items:center;color:var(--c-text-muted);display:flex;font-size:.875rem;font-weight:700;gap:var(--sp-1,8px);letter-spacing:.06em;margin:0 0 var(--sp-3,16px);text-transform:uppercase}.author-card__content{align-items:flex-start;display:flex;gap:var(--sp-3,16px)}.author-card__avatar{position:relative}.author-card__avatar img{border:3px solid var(--c-border);border-radius:50%;box-shadow:0 4px 0 #042b33;display:block;height:72px;width:72px}.author-card__avatar:after{background:var(--c-accent);border:2px solid var(--c-surface);border-radius:50%;bottom:-2px;box-shadow:0 2px 4px rgba(0,0,0,.3);content:"";height:16px;position:absolute;right:-2px;width:16px}.author-card__info{flex:1;min-width:0}.author-card__name{color:var(--c-text);font-size:1.125rem;font-weight:700;letter-spacing:-.01em;margin:0 0 var(--sp-1,8px)}.author-card__bio{color:var(--c-text-dim);font-size:.8125rem;line-height:1.6;margin:0 0 var(--sp-3,16px)}.author-card__social{display:flex;gap:var(--sp-2,12px)}.author-card__social a{align-items:center;background:var(--c-bg-alt);border:2px solid var(--c-border);border-radius:var(--radius-cartoon,18px);box-shadow:0 2px 0 var(--c-border);color:var(--c-text-muted);display:inline-flex;height:36px;justify-content:center;transition:all var(--motion-med) var(--motion-curve);width:36px}.author-card__social a:hover{background:var(--c-accent);border-color:var(--c-accent);box-shadow:0 4px 0 var(--c-border),0 6px 0 #042b33;color:var(--c-bg);transform:translateY(-3px)}.author-card__social a:active{box-shadow:0 2px 0 var(--c-border);transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.author-card__social a{transition:none}.author-card__social a:active,.author-card__social a:hover{transform:none}}.post-stats-card{background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-cartoon,18px);box-shadow:0 2px 4px rgba(0,0,0,.3);overflow:hidden;padding:var(--sp-3,16px);position:relative}.post-stats-card:before{background:linear-gradient(90deg,var(--c-accent),var(--c-accent-glow));box-shadow:0 2px 0 rgba(4,43,51,.3);content:"";height:3px;left:0;position:absolute;right:0;top:0}.post-stats-card h4{align-items:center;color:var(--c-text-muted);display:flex;font-size:.875rem;font-weight:600;gap:var(--sp-1,8px);letter-spacing:.05em;margin:0 0 var(--sp-3,16px);text-transform:uppercase}.post-stats{flex-direction:column}.post-stat,.post-stats{display:flex;gap:var(--sp-2,12px)}.post-stat{align-items:center;background:var(--c-bg-alt);border:2px solid var(--c-border);border-radius:var(--radius-cartoon,18px);cursor:default;padding:var(--sp-2,12px);position:relative;transition:all var(--motion-med) var(--motion-curve)}.post-stat:after{border-color:transparent transparent #042b33;border-style:solid;border-width:0 0 14px 14px;bottom:-2px;content:"";height:0;opacity:0;position:absolute;right:-2px;transition:opacity var(--motion-med) var(--motion-curve);width:0}.post-stat:hover{border-color:var(--c-accent);box-shadow:0 3px 0 var(--c-border),0 6px 0 #042b33;transform:translateX(6px)}.post-stat:hover:after{opacity:1}@media (prefers-reduced-motion:reduce){.post-stat{transition:none}.post-stat:hover{transform:none}}.post-stat__icon{color:var(--c-accent);filter:drop-shadow(0 2px 0 rgba(4,43,51,.4));flex-shrink:0}.post-stat__info{display:flex;flex-direction:column;gap:2px}.post-stat__value{color:var(--c-text);font-size:1.375rem;font-weight:800;letter-spacing:-.02em;line-height:1}.post-stat__label{color:var(--c-text-muted);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.newsletter-card{background:linear-gradient(135deg,var(--c-surface) 0,var(--c-bg-alt) 100%);border:2px solid var(--c-border);border-radius:var(--radius-cartoon,18px);box-shadow:0 2px 4px rgba(0,0,0,.3);overflow:hidden;padding:var(--sp-4,24px) var(--sp-3,16px);position:relative}.newsletter-card:before{background:linear-gradient(90deg,var(--c-accent),var(--c-accent-glow));box-shadow:0 2px 0 rgba(4,43,51,.3);content:"";height:3px;left:0;position:absolute;right:0;top:0}.newsletter-card:after{bottom:-10px;content:"📬";font-size:4rem;opacity:.06;pointer-events:none;position:absolute;right:-10px;user-select:none}.newsletter-card h4{align-items:center;color:var(--c-accent);display:flex;font-size:.875rem;font-weight:700;gap:var(--sp-1,8px);letter-spacing:.06em;margin:0 0 var(--sp-2,12px);text-transform:uppercase}.newsletter-card__description{color:var(--c-text-dim);font-size:.8125rem;font-weight:500;line-height:1.6;margin:0 0 var(--sp-3,16px)}.newsletter-form{display:flex;flex-direction:column;gap:var(--sp-2,12px);position:relative}.newsletter-input{background:var(--c-bg);border:2px solid var(--c-border);border-radius:var(--radius-cartoon,18px);color:var(--c-text);font-family:inherit;font-size:.875rem;padding:12px 14px;transition:all var(--motion-med) var(--motion-curve)}.newsletter-input::placeholder{color:var(--c-text-dim);opacity:.6}.newsletter-input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px rgba(21,216,200,.1),0 3px 0 var(--c-border);outline:none;transform:translateY(-2px)}.newsletter-form button[type=submit]{box-shadow:0 3px 0 var(--c-border),0 6px 0 #042b33;justify-content:center;width:100%}.newsletter-form button[type=submit]:hover{box-shadow:0 6px 0 var(--c-border),0 10px 0 #042b33}.newsletter-form button[type=submit]:active{box-shadow:0 2px 0 var(--c-border);transform:translateY(2px)}@media (prefers-reduced-motion:reduce){.newsletter-input:focus{transform:none}}.share-card{background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-cartoon,18px);box-shadow:0 2px 4px rgba(0,0,0,.3);overflow:hidden;padding:var(--sp-3,16px);position:relative}.share-card:before{background:linear-gradient(90deg,var(--c-accent),var(--c-accent-glow));box-shadow:0 2px 0 rgba(4,43,51,.3);content:"";height:3px;left:0;position:absolute;right:0;top:0}.share-card h4{align-items:center;color:var(--c-text-muted);display:flex;font-size:.875rem;font-weight:700;gap:var(--sp-1,8px);letter-spacing:.06em;margin:0 0 var(--sp-3,16px);text-transform:uppercase}.share-buttons-vertical{display:flex;flex-direction:column;gap:var(--sp-2,12px)}.share-btn-vertical{align-items:center;background:var(--c-bg-alt);border:2px solid var(--c-border);border-radius:var(--radius-cartoon,18px);box-shadow:0 2px 0 var(--c-border);color:var(--c-text);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:12px;position:relative;transition:all var(--motion-med) var(--motion-curve)}.share-btn-vertical:before{background:currentColor;content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--motion-med) var(--motion-curve)}.share-btn-vertical:hover{box-shadow:0 3px 0 var(--c-border),0 6px 0 #042b33;transform:translateX(8px)}.share-btn-vertical:active{box-shadow:0 2px 0 var(--c-border);transform:translateX(4px)}.share-btn-vertical[data-share-platform=twitter]:hover{background:#1da1f2;border-color:#1da1f2;box-shadow:0 3px 0 #1570b8,0 6px 0 #042b33;color:#fff}.share-btn-vertical[data-share-platform=linkedin]:hover{background:#0077b5;border-color:#0077b5;box-shadow:0 3px 0 #005885,0 6px 0 #042b33;color:#fff}.share-btn-vertical[data-share-platform=copy]:hover{background:var(--c-accent);border-color:var(--c-accent);box-shadow:0 3px 0 var(--c-border),0 6px 0 #042b33;color:var(--c-bg)}.share-btn-vertical svg{height:20px;position:relative;width:20px;z-index:1}@media (prefers-reduced-motion:reduce){.share-btn-vertical{transition:none}.share-btn-vertical:active,.share-btn-vertical:hover{transform:none}}.post-tags-sidebar{background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-cartoon,18px);box-shadow:0 2px 4px rgba(0,0,0,.3);overflow:hidden;padding:var(--sp-3,16px);position:relative}.post-tags-sidebar:before{background:linear-gradient(90deg,var(--c-accent),var(--c-accent-glow));box-shadow:0 2px 0 rgba(4,43,51,.3);content:"";height:3px;left:0;position:absolute;right:0;top:0}.post-tags-sidebar h4{align-items:center;color:var(--c-text-muted);display:flex;font-size:.875rem;font-weight:700;gap:var(--sp-1,8px);letter-spacing:.06em;margin:0 0 var(--sp-3,16px);text-transform:uppercase}.post-tags-cloud{display:flex;flex-wrap:wrap;gap:var(--sp-1,8px)}.post-tags-cloud .tag-cloud-item{background:var(--c-bg-alt);border:2px solid var(--c-border);border-radius:var(--radius-pill,50rem);box-shadow:0 2px 0 rgba(4,43,51,.2);color:var(--c-text-dim);font-size:.75rem;font-weight:600;padding:6px 12px;text-decoration:none;transition:all var(--motion-med) var(--motion-curve)}.post-tags-cloud .tag-cloud-item:hover{background:rgba(21,216,200,.08);border-color:var(--c-accent);box-shadow:0 4px 0 var(--c-border),0 6px 0 #042b33;color:var(--c-accent);transform:translateY(-3px)}.post-tags-cloud .tag-cloud-item:active{box-shadow:0 2px 0 var(--c-border);transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.post-tags-cloud .tag-cloud-item{transition:none}.post-tags-cloud .tag-cloud-item:active,.post-tags-cloud .tag-cloud-item:hover{transform:none}}.popular-posts-card{background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-cartoon,18px);box-shadow:0 2px 4px rgba(0,0,0,.3);overflow:hidden;padding:var(--sp-3,16px);position:relative}.popular-posts-card:before{background:linear-gradient(90deg,#ffc857,#ff9f1c);box-shadow:0 2px 0 rgba(4,43,51,.3);content:"";height:3px;left:0;position:absolute;right:0;top:0}.popular-posts-card h4{align-items:center;color:var(--c-text-muted);display:flex;font-size:.875rem;font-weight:700;gap:var(--sp-1,8px);letter-spacing:.06em;margin:0 0 var(--sp-3,16px);text-transform:uppercase}.popular-posts-list{display:flex;flex-direction:column;gap:var(--sp-2,12px);list-style:none;margin:0;padding:0}.popular-post-item{position:relative}.popular-post-link{background:var(--c-bg-alt);border:2px solid var(--c-border);border-radius:var(--radius-cartoon,18px);box-shadow:0 2px 0 rgba(4,43,51,.2);color:inherit;display:flex;gap:var(--sp-2,12px);padding:var(--sp-2,12px);text-decoration:none;transition:all var(--motion-med) var(--motion-curve)}.popular-post-link:hover{border-color:var(--c-accent);box-shadow:0 3px 0 var(--c-border),0 5px 0 #042b33;transform:translateX(4px)}.popular-post-number{align-items:center;background:var(--c-accent);border-radius:50%;box-shadow:0 2px 0 #042b33;color:var(--c-bg);display:flex;flex-shrink:0;font-size:.75rem;font-weight:800;height:24px;justify-content:center;width:24px}.popular-post-info{flex:1;min-width:0}.popular-post-title{color:var(--c-text);display:-webkit-box;font-size:.8125rem;font-weight:600;-webkit-line-clamp:2;line-clamp:2;line-height:1.4;margin:0 0 4px;-webkit-box-orient:vertical;overflow:hidden}.popular-post-meta{align-items:center;color:var(--c-text-dim);display:flex;font-size:.6875rem;gap:8px}.popular-post-views{align-items:center;display:flex;gap:4px}@media (prefers-reduced-motion:reduce){.popular-post-link{transition:none}.popular-post-link:hover{transform:none}}.image-viewer{background:var(--c-bg,#fff);border:2px solid var(--c-border);border-radius:var(--radius-cartoon,12px);color:var(--c-text,#000);height:100%;max-height:95vh;max-width:95vw;padding:0;width:100%}.image-viewer::backdrop{backdrop-filter:blur(4px);background:rgba(0,0,0,.85)}.image-viewer__header{align-items:center;background:var(--c-bg-alt,#f5f5f5);border-bottom:1px solid var(--c-border);display:flex;justify-content:space-between;padding:var(--sp-2,12px) var(--sp-3,16px)}.image-viewer__info{color:var(--c-text-muted,#666);font-size:.875rem;font-weight:500}.image-viewer__actions{display:flex;gap:var(--sp-1,8px)}.image-viewer__body{align-items:center;background:var(--c-bg,#fff);display:flex;justify-content:center;max-height:calc(95vh - 140px);min-height:60vh;overflow:auto;padding:var(--sp-3,16px)}.image-viewer__body img{cursor:default;max-height:100%;max-width:100%;transition:transform .2s var(--motion-curve,cubic-bezier(.4,0,.2,1));user-select:none;-webkit-user-drag:none}.image-viewer__body img[style*=scale]{cursor:grab}.image-viewer__body img:active{cursor:grabbing!important}.image-viewer__footer{align-items:center;background:var(--c-bg-alt,#f5f5f5);border-top:1px solid var(--c-border);display:flex;justify-content:space-between;padding:var(--sp-2,12px) var(--sp-3,16px)}.image-viewer__counter{color:var(--c-text-muted,#666);font-size:.875rem;font-weight:500;min-width:60px;text-align:center}.image-viewer .btn--icon{background:transparent;border:none;border-radius:8px;color:var(--c-text);cursor:pointer;padding:8px;transition:background-color .2s}.image-viewer .btn--icon:hover{background:var(--c-bg-hover,rgba(0,0,0,.05))}.image-viewer .btn--ghost{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--c-text);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:4px;padding:8px 12px;transition:background-color .2s}.image-viewer .btn--ghost:hover{background:var(--c-bg-hover,rgba(0,0,0,.05))}@media (max-width:768px){.image-viewer{border-radius:0;max-height:100vh;max-width:100vw}.image-viewer__footer,.image-viewer__header{padding:var(--sp-2,12px)}.image-viewer__actions{gap:4px}.image-viewer .btn--icon{padding:6px}}.comments-section{border-top:3px solid var(--c-border);margin-top:var(--sp-6,48px);overflow:visible!important;padding-top:var(--sp-5,32px)}.comments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--sp-5,32px);overflow:visible!important}.comments-header__title{align-items:center;display:flex;gap:var(--sp-2,12px)}.comments-header__icon{color:var(--c-accent)}.comments-header h2{font-size:1.75rem;font-weight:800;margin:0}.comments-count{align-items:center;background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-pill,50rem);color:var(--c-accent);display:inline-flex;font-size:.875rem;font-weight:700;height:32px;justify-content:center;min-width:32px;padding:0 12px}.comments-header__actions{display:flex;gap:var(--sp-2,12px);overflow:visible!important;position:relative}.sort-option{align-items:center;background:transparent;border:none;border-radius:var(--radius-cartoon,18px);color:var(--c-text);cursor:pointer;display:flex;font-size:.9375rem;gap:var(--sp-2,12px);padding:var(--sp-2,12px);text-align:left;transition:all .2s;width:100%}.sort-option:hover{background:var(--c-bg-alt)}.sort-option.is-active{background:var(--c-accent);color:var(--c-bg);font-weight:600}.comment{animation:slideIn .3s var(--motion-curve);display:flex;gap:var(--sp-3,16px);margin-bottom:var(--sp-4,24px)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.comment__avatar{flex-shrink:0}.comment .comment__avatar img,.comment__avatar img{border:2px solid var(--c-border);border-radius:50%!important;box-shadow:0 2px 4px rgba(0,0,0,.2);cursor:default!important;display:inline-block!important;height:48px!important;margin:0!important;max-height:48px!important;max-width:48px!important;transition:all var(--motion-med) var(--motion-curve);width:48px!important}.comment .comment__avatar img:hover,.comment__avatar img:hover{border-color:var(--c-accent);transform:scale(1.05)}.comment__content{flex:1;min-width:0}.comment__bubble{background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-cartoon,18px);box-shadow:0 3px 6px rgba(0,0,0,.3),0 6px 0 #042b33;padding:var(--sp-2) var(--sp-4,24px);position:relative;transition:all var(--motion-med) var(--motion-curve)}.comment__bubble:hover{border-color:var(--c-accent);box-shadow:0 6px 12px rgba(0,0,0,.4),0 8px 0 #042b33;transform:translateY(-2px)}.comment__header{border-bottom:1px solid rgba(11,85,105,.3);margin-bottom:var(--sp-3,16px);padding-bottom:var(--sp-2,12px)}.comment__author,.comment__header{align-items:center;display:flex;gap:var(--sp-2,12px)}.comment__author{color:var(--c-text);font-size:1rem;font-weight:700}.comment__badge{align-items:center;border-radius:var(--radius-pill,50rem);box-shadow:0 2px 0 rgba(4,43,51,.4);display:inline-flex;font-size:.6875rem;font-weight:700;gap:4px;letter-spacing:.05em;padding:3px 10px;text-transform:uppercase}.comment__badge--admin{background:var(--c-accent);color:var(--c-bg)}.comment__badge--moderator{background:var(--c-warning,#ffc857);color:var(--c-bg)}.comment__lang-badge{align-items:center;cursor:help;display:inline-flex;font-size:.875rem;margin-left:4px;opacity:.8}.comment__time{color:var(--c-text-muted);font-size:.8125rem;margin-left:auto}.comment__menu-btn{background:transparent;border:none;border-radius:6px;color:var(--c-text-muted);cursor:pointer;padding:4px;transition:all .2s}.comment__menu-btn:hover{background:var(--c-bg-alt);color:var(--c-text)}.comment__menu{background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-cartoon,18px);box-shadow:0 8px 24px rgba(0,0,0,.4);margin-top:var(--sp-1,8px);min-width:160px;padding:var(--sp-1,8px);position:absolute;right:var(--sp-2,12px);top:100%;z-index:100}.menu-item{align-items:center;background:transparent;border:none;border-radius:var(--radius-cartoon,18px);color:var(--c-text);cursor:pointer;display:flex;font-size:.875rem;gap:var(--sp-2,12px);padding:var(--sp-2,12px);text-align:left;transition:all .2s;width:100%}.menu-item:hover{background:var(--c-bg-alt)}.menu-item--danger{color:var(--c-danger,#ff5f56)}.menu-item--danger:hover{background:var(--c-danger,#ff5f56);color:#fff}.comment__text{color:var(--c-text);font-size:.9375rem;line-height:1.65;word-wrap:break-word}.comment__text p{margin:0 0 var(--sp-3,16px)}.comment__text code{background:hsla(0,0%,100%,.08);font-family:Courier New,monospace;font-size:.875rem}.comment__text a{color:var(--c-accent);text-decoration:underline;transition:color var(--motion-fast) var(--motion-curve)}.comment__text a:hover{color:var(--c-accent-glow)}.comment__text p:last-child{margin-bottom:0}.comment__text code{background:var(--c-bg-alt);border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:.875em;padding:2px 6px}.comment__edited{color:var(--c-text-muted);display:inline-block;font-size:.75rem;font-style:italic;margin-top:var(--sp-1,8px)}.comment__actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-3,16px);margin-top:var(--sp-2,12px)}.comment__action{align-items:center;background:transparent;border:none;border-radius:var(--radius-pill,50rem);color:var(--c-text-muted);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.comment__action:hover{background:var(--c-bg-alt);color:var(--c-text)}.action-text{font-weight:600}.comment__react-wrapper{position:relative}.comment__action--react:hover{background:transparent}.comment__action--react .reaction-emoji{font-size:1.125rem;line-height:1}.reactions-picker{animation:reaction-popup .3s var(--motion-curve,cubic-bezier(.4,0,.2,1));background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-pill,50rem);bottom:calc(100% + 8px);box-shadow:0 8px 24px rgba(0,0,0,.4),0 4px 0 var(--c-border);display:flex;gap:4px;left:0;padding:8px;position:absolute;z-index:100}@keyframes reaction-popup{0%{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.comment--pending{opacity:.7}.comment--pending .comment__bubble{background:linear-gradient(135deg,var(--c-surface) 0,rgba(255,200,87,.1) 100%);border-color:rgba(255,200,87,.5)}.comment__status{align-items:center;background:rgba(255,200,87,.2);border-radius:var(--radius-pill,50rem);color:#ffc857;cursor:help;display:inline-flex;font-size:.6875rem;font-weight:600;gap:4px;letter-spacing:.05em;padding:2px 8px;position:relative;text-transform:uppercase}.comment__status:hover:after{background:var(--c-bg);border:2px solid var(--c-border);border-radius:var(--radius-cartoon,18px);bottom:100%;box-shadow:0 4px 12px rgba(0,0,0,.3);color:var(--c-text);content:attr(data-tooltip);font-size:.8125rem;font-weight:500;left:50%;letter-spacing:normal;margin-bottom:8px;padding:8px 12px;pointer-events:none;position:absolute;text-transform:none;transform:translateX(-50%);white-space:nowrap;z-index:100}.reaction-btn{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;height:48px;justify-content:center;position:relative;width:48px}.reaction-btn,.reaction-btn:before{border-radius:50%;transition:all .2s}.reaction-btn:before{background:var(--c-bg-alt);content:"";inset:-4px;opacity:0;position:absolute;z-index:-1}.reaction-btn:hover:before{opacity:1}.reaction-btn:hover{transform:scale(1.3)}.reaction-emoji{font-size:1.75rem;line-height:1;user-select:none}.comment__reactions-summary{align-items:center;background:var(--c-bg-alt);border:2px solid var(--c-border);border-radius:var(--radius-pill,50rem);color:var(--c-text);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:6px;margin-left:auto;padding:4px 10px;transition:all .2s}.comment__reactions-summary:hover{border-color:var(--c-accent);transform:scale(1.05)}.reactions-emojis{display:flex;gap:2px}.reaction-emoji-sm{font-size:1rem;line-height:1}.comment__replies-toggle,.reactions-count{color:var(--c-text-muted)}.comment__replies-toggle{align-items:center;background:transparent;border:none;border-radius:var(--radius-pill,50rem);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:6px;padding:4px 10px;transition:all .2s}.comment__replies-toggle:hover{background:var(--c-bg-alt);color:var(--c-text)}.comment-form-wrapper{display:flex;gap:var(--sp-2,12px);margin-bottom:var(--sp-4,24px)}.comment-form-wrapper--reply{margin-bottom:0;margin-top:var(--sp-3,16px)}.comment-form-avatar{flex-shrink:0;position:relative}.avatar-placeholder,.user-avatar{border:2px solid var(--c-border);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);height:48px!important;transition:all var(--motion-med) var(--motion-curve);width:48px!important}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--c-bg-alt) 0,var(--c-surface) 100%);color:var(--c-text-muted);display:flex;justify-content:center}.user-avatar{display:block;object-fit:cover}.avatar-placeholder:hover,.user-avatar:hover{border-color:var(--c-accent);transform:scale(1.05)}.comment-form-content{flex:1;min-width:0}.comment-form{width:100%}.comment-form textarea{background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-cartoon,18px);color:var(--c-text);font-family:inherit;font-size:.9375rem;line-height:1.6;min-height:100px;padding:var(--sp-3,16px);resize:vertical;transition:all .2s;width:100%}.comment-form--reply textarea{min-height:80px}.comment-form textarea:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px rgba(21,216,200,.1);outline:none}.comment-form-footer{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-2,12px);justify-content:space-between;margin-top:var(--sp-2,12px)}.comment-form-tools{gap:var(--sp-1,8px)}.comment-form-tools,.tool-btn{align-items:center;display:flex}.tool-btn{background:transparent;border:none;border-radius:6px;color:var(--c-text-muted);cursor:pointer;height:32px;justify-content:center;transition:all .2s;width:32px}.tool-btn:hover{background:var(--c-bg-alt);color:var(--c-text)}.markdown-hint{color:var(--c-text-muted);font-size:.75rem;margin-left:var(--sp-2,12px)}.comment-form-actions{align-items:center;display:flex;gap:var(--sp-2,12px)}.guest-fields{display:grid;gap:var(--sp-2,12px);grid-template-columns:1fr 1fr;margin-bottom:var(--sp-2,12px)}.guest-fields input{background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-cartoon,18px);color:var(--c-text);font-size:.875rem;padding:10px 14px;transition:all .2s}.guest-fields input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px rgba(21,216,200,.1);outline:none}@media (max-width:640px){.guest-fields{grid-template-columns:1fr}}.comment__reply-form{margin-top:var(--sp-2,12px)}.comment__load-more-replies{align-items:center;background:transparent;border:none;border-radius:var(--radius-pill,50rem);color:var(--c-text-muted);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:6px;margin-top:var(--sp-2,12px);padding:8px 16px;transition:all .2s}.comment__load-more-replies:hover{background:var(--c-bg-alt);color:var(--c-text)}.comments-list,.comments-load-more{margin-top:var(--sp-4,24px)}.comments-load-more{display:flex;justify-content:center}.comments-empty{background:var(--c-surface);border:2px dashed var(--c-border);border-radius:var(--radius-cartoon,18px);padding:var(--sp-6,48px) var(--sp-4,24px);text-align:center}.comments-empty__icon{margin-bottom:var(--sp-3,16px);opacity:.3}.empty-icon{color:var(--c-text-muted)}.comments-empty__title{color:var(--c-text);font-size:1.25rem;font-weight:700;margin:0 0 var(--sp-2,12px)}.comments-empty__text{color:var(--c-text-muted);font-size:.9375rem;margin:0}.comments-skeleton{display:flex;flex-direction:column;gap:var(--sp-3,16px)}.comment-skeleton{display:flex;gap:var(--sp-2,12px)}.skeleton-avatar{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--c-bg-alt) 25%,var(--c-surface) 50%,var(--c-bg-alt) 75%);background-size:200% 100%;border-radius:50%;height:40px;width:40px}.skeleton-content{display:flex;flex:1;flex-direction:column;gap:var(--sp-1,8px)}.skeleton-bar{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--c-bg-alt) 25%,var(--c-surface) 50%,var(--c-bg-alt) 75%);background-size:200% 100%;border-radius:6px;height:12px}.skeleton-bar--title{height:16px;width:40%}.skeleton-bar--text{width:100%}.skeleton-bar--text:last-child{width:70%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.comment__replies{padding-left:var(--sp-3,16px)}.comment-form-wrapper{gap:var(--sp-1,8px)}.avatar-placeholder,.comment-form-avatar,.comment__avatar img{height:36px;width:36px}.reactions-picker{left:50%;transform:translateX(-50%)}.reaction-btn{height:40px;width:40px}.reaction-emoji{font-size:1.5rem}}.reading-progress{background:var(--c-bg-alt,#f0f0f0);height:4px;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1000}.reading-progress__bar{background:linear-gradient(90deg,var(--c-accent,#3b82f6),var(--c-accent-dark,#2563eb));box-shadow:0 0 10px rgba(59,130,246,.5);height:100%;transform-origin:left;transition:transform .1s linear}.toc{background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-cartoon,18px);box-shadow:0 2px 4px rgba(0,0,0,.3),0 6px 0 #042b33;max-height:calc(100vh - 80px);overflow-x:hidden;overflow-y:auto;padding:var(--sp-3,16px);position:sticky;scrollbar-color:var(--c-accent) hsla(0,0%,100%,.05);scrollbar-width:thin;top:calc(56px + var(--sp-3, 16px))}.toc:before{background:linear-gradient(90deg,var(--c-accent),var(--c-accent-glow));box-shadow:0 2px 0 rgba(4,43,51,.3);content:"";height:3px;left:0;position:absolute;right:0;top:0}.toc::-webkit-scrollbar{width:6px}.toc::-webkit-scrollbar-track{background:hsla(0,0%,100%,.04);border-radius:3px}.toc::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--c-accent),var(--c-border));border-radius:3px}.toc::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--c-accent-glow),var(--c-accent))}.toc__title{align-items:center;color:var(--c-text-muted);display:flex;font-size:.875rem;font-weight:600;gap:var(--sp-2,12px);justify-content:space-between;letter-spacing:.05em;margin-bottom:var(--sp-3,16px);padding-top:var(--sp-1,8px);text-transform:uppercase}.toc__icon{color:var(--c-accent);filter:drop-shadow(0 2px 0 rgba(4,43,51,.4))}.toc__progress{align-items:center;background:var(--c-bg-alt);border:1px solid var(--c-border);border-radius:var(--radius-pill,50rem);color:var(--c-accent);display:inline-flex;font-size:.6875rem;font-weight:700;gap:4px;padding:2px 8px}.toc__list{list-style:none;margin:0;padding:0}.toc__item{margin:2px 0;position:relative}.toc__item.is-h3{padding-left:16px}.toc__item.is-h3:before{background:var(--c-border);border-radius:50%;content:"";height:4px;left:8px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.toc__link{border-left:3px solid transparent;border-radius:var(--radius-cartoon,18px);color:var(--c-text-muted);display:block;font-size:.875rem;font-weight:500;line-height:1.5;overflow:hidden;padding:8px 12px;position:relative;text-decoration:none;transition:all var(--motion-med) var(--motion-curve);word-wrap:break-word;hyphens:auto}.toc__link:before{background:var(--c-accent);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:top;transition:transform var(--motion-med) var(--motion-curve);width:3px}.toc__link:hover{background:var(--c-bg-alt);box-shadow:0 2px 0 rgba(4,43,51,.2);color:var(--c-text);transform:translateX(4px)}.toc__link:hover:before{transform:scaleY(.3)}.toc__link.is-active{background:var(--c-bg-alt);box-shadow:0 3px 0 var(--c-border),0 5px 0 #042b33;color:var(--c-accent);font-weight:700;transform:translateX(6px)}.toc__link.is-active:before{transform:scaleY(1)}@media (prefers-reduced-motion:reduce){.toc__link,.toc__link:before{transition:none}.toc__link.is-active,.toc__link:hover{transform:none}}.social-share{align-items:center;background:var(--c-bg-alt);border:1px solid var(--c-border);border-radius:var(--radius-cartoon,12px);display:flex;flex-wrap:wrap;gap:var(--sp-2,12px);margin:var(--sp-4,24px) 0;padding:var(--sp-3,16px)}.social-share__label{color:var(--c-text-muted);font-size:.875rem;font-weight:600}.social-share__buttons{display:flex;flex-wrap:wrap;gap:var(--sp-1,8px)}.share-btn{align-items:center;background:var(--c-bg);border:1px solid var(--c-border);border-radius:8px;color:var(--c-text);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s}.share-btn:hover{background:var(--c-accent-light,rgba(59,130,246,.1));border-color:var(--c-accent);box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.share-btn svg{height:16px;width:16px}.share-btn[data-platform=twitter]:hover{background:#1da1f2;border-color:#1da1f2;color:#fff}.share-btn[data-platform=linkedin]:hover{background:#0077b5;border-color:#0077b5;color:#fff}.share-btn[data-platform=facebook]:hover{background:#1877f2;border-color:#1877f2;color:#fff}.related-posts{background:linear-gradient(135deg,rgba(7,80,102,.25),rgba(3,47,59,.15));border:2px solid var(--c-border);border-radius:var(--radius-cartoon,18px);margin-top:var(--sp-6,48px);overflow:hidden;padding:var(--sp-6,48px) var(--sp-5,32px);position:relative}.related-posts:before{background:linear-gradient(90deg,var(--c-accent),var(--c-accent-glow),var(--c-accent));content:"";height:4px;left:0;position:absolute;right:0;top:0}.related-posts__title{align-items:center;color:var(--c-text);display:flex;font-size:2rem;font-weight:900;gap:var(--sp-2,12px);letter-spacing:-.02em;margin-bottom:var(--sp-5,32px)}.related-posts__icon{color:var(--c-accent);filter:drop-shadow(0 3px 6px rgba(21,216,200,.4))}.related-posts__grid{display:grid;gap:clamp(1.5rem,2.5vw,2rem);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.related-post-card{backdrop-filter:blur(10px);background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-cartoon,18px);box-shadow:0 4px 8px rgba(0,0,0,.35),0 8px 0 #042b33;color:inherit;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;text-decoration:none;transition:all var(--motion-med) var(--motion-curve)}.related-post-card:before{background:linear-gradient(90deg,var(--c-accent),var(--c-accent-glow));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--motion-med) var(--motion-curve);z-index:1}.related-post-card:hover:before{opacity:1}.related-post-card:hover{border-color:var(--c-accent);box-shadow:0 16px 32px rgba(0,0,0,.5),0 18px 0 #042b33;transform:translateY(-12px)}.related-post-card:active{box-shadow:0 10px 20px rgba(0,0,0,.45),0 12px 0 #042b33;transform:translateY(-8px)}.related-post-card__image{background:linear-gradient(135deg,var(--c-bg-alt) 0,var(--c-bg) 100%);border-bottom:2px solid var(--c-border);object-fit:cover;overflow:hidden;position:relative;transition:transform var(--motion-med) var(--motion-curve);width:100%}.related-post-card__image:after{background:linear-gradient(180deg,transparent,rgba(3,47,59,.7));content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--motion-med) var(--motion-curve)}.related-post-card:hover .related-post-card__image{transform:scale(1.1)}.related-post-card:hover .related-post-card__image:after{opacity:1}.related-post-card__content{background:linear-gradient(180deg,var(--c-surface) 0,rgba(7,80,102,.4) 100%);display:flex;flex:1;flex-direction:column;padding:var(--sp-4,24px)}.related-post-card__title{color:var(--c-text);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;line-height:1.35;margin-bottom:var(--sp-3,16px);transition:color var(--motion-fast) var(--motion-curve)}.related-post-card:hover .related-post-card__title{color:var(--c-accent)}.related-post-card__excerpt{color:var(--c-text-dim);display:-webkit-box;font-size:.9375rem;-webkit-line-clamp:3;line-clamp:3;line-height:1.65;margin-bottom:auto;-webkit-box-orient:vertical;overflow:hidden}.related-post-card__meta{align-items:center;border-top:1px solid rgba(11,85,105,.5);color:var(--c-text-dim);display:flex;font-size:.875rem;font-weight:500;gap:var(--sp-3,16px);margin-top:var(--sp-4,24px);padding-top:var(--sp-3,16px)}.related-post-card__meta>*{align-items:center;display:flex;gap:var(--sp-1,8px)}.related-post-card__meta svg{color:var(--c-accent);filter:drop-shadow(0 1px 3px rgba(21,216,200,.3));height:16px;width:16px}.related-post-card__meta time{align-items:center;display:flex;gap:var(--sp-1,8px)}@media (prefers-reduced-motion:reduce){.related-post-card,.related-post-card:before{transition:none}.related-post-card:active,.related-post-card:hover{transform:none}}.code-block-wrapper{margin:var(--sp-3,16px) 0}.code-block-header{background:var(--c-bg-alt);border:1px solid var(--c-border);border-bottom:none;border-radius:var(--radius-cartoon,12px) var(--radius-cartoon,12px) 0 0;padding:var(--sp-2,12px) var(--sp-3,16px)}.code-block-language{color:var(--c-text-muted);font-weight:600;letter-spacing:.05em}.code-copy-btn{background:var(--c-bg);border:1px solid var(--c-border);border-radius:6px;color:var(--c-text-muted);cursor:pointer;font-size:.75rem;padding:4px 8px;transition:all .2s}.code-copy-btn:hover{border-color:var(--c-accent);color:var(--c-accent)}.code-copy-btn.is-copied{border-color:var(--c-success,#10b981);color:var(--c-success,#10b981)}.code-block-wrapper pre{border-radius:0 0 var(--radius-cartoon,12px) var(--radius-cartoon,12px);margin:0}.share-menu{align-items:center;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s;z-index:9999}.share-menu.is-visible{opacity:1;pointer-events:all}.share-menu__backdrop{backdrop-filter:blur(4px);background:rgba(0,0,0,.5);inset:0;position:absolute}.share-menu__content{background:var(--c-bg);border:2px solid var(--c-border);border-radius:var(--radius-cartoon,12px);box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:400px;padding:var(--sp-4,24px);position:relative;transform:scale(.9);transition:transform .3s;width:90%}.share-menu.is-visible .share-menu__content{transform:scale(1)}.share-menu__content h3{font-size:1.25rem;font-weight:700;margin:0 0 var(--sp-3,16px)}.share-menu__buttons{display:grid;gap:var(--sp-2,12px)}.share-menu__btn{align-items:center;background:var(--c-bg);border:1px solid var(--c-border);border-radius:8px;color:var(--c-text);cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:var(--sp-2,12px);padding:12px 16px;text-align:left;transition:all .2s}.share-menu__btn:hover{background:var(--c-accent-light,rgba(59,130,246,.1));border-color:var(--c-accent);transform:translateX(4px)}.share-menu__close{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--c-text-muted);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s;width:32px}.share-menu__close:hover{background:var(--c-bg-alt);color:var(--c-text)}.toast{background:var(--c-text,#000);border-radius:8px;bottom:var(--sp-4,24px);box-shadow:0 8px 24px rgba(0,0,0,.2);color:var(--c-bg,#fff);font-size:.875rem;font-weight:500;opacity:0;padding:12px 20px;position:fixed;right:var(--sp-4,24px);transform:translateY(20px);transition:all .3s;z-index:10000}.toast.is-visible{opacity:1;transform:translateY(0)}.reading-progress-toast{background:var(--c-bg);border:2px solid var(--c-border);border-radius:var(--radius-cartoon,12px);bottom:var(--sp-4,24px);box-shadow:0 12px 40px rgba(0,0,0,.15);max-width:320px;opacity:0;padding:var(--sp-3,16px);position:fixed;right:var(--sp-4,24px);transform:translateY(20px);transition:all .3s;z-index:10000}.reading-progress-toast.is-visible{opacity:1;transform:translateY(0)}.reading-progress-toast p{color:var(--c-text);font-size:.875rem;margin:0 0 var(--sp-2,12px)}.reading-progress-toast .btn{margin-right:var(--sp-1,8px)}@media (max-width:768px){.toc{margin-bottom:var(--sp-3,16px);position:static}.related-posts__grid{grid-template-columns:1fr}.comment.is-reply{margin-left:var(--sp-2,12px)}.reading-progress-toast,.toast{bottom:var(--sp-3,16px);left:var(--sp-3,16px);right:var(--sp-3,16px)}.share-menu__content{width:95%}}.recommended-posts-card{background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-cartoon,18px);box-shadow:0 2px 4px rgba(0,0,0,.3);overflow:hidden;padding:var(--sp-3,16px);position:relative}.recommended-posts-card:before{background:linear-gradient(90deg,var(--c-accent),var(--c-accent-glow));box-shadow:0 2px 0 rgba(4,43,51,.3);content:"";height:3px;left:0;position:absolute;right:0;top:0}.recommended-posts-card h4{align-items:center;color:var(--c-text-muted);display:flex;font-size:.875rem;font-weight:700;gap:var(--sp-1,8px);letter-spacing:.06em;margin:0 0 var(--sp-3,16px);text-transform:uppercase}.recommended-posts-loading{align-items:center;display:flex;flex-direction:column;gap:var(--sp-2,12px);justify-content:center;padding:var(--sp-4,24px) 0;text-align:center}.recommended-posts-loading .spinner{animation:spin .8s linear infinite;border:3px solid var(--c-border);border-radius:50%;border-top-color:var(--c-accent);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.recommended-posts-loading p{color:var(--c-text-dim);font-size:.875rem;margin:0}.recommended-posts-list{display:flex;flex-direction:column;gap:var(--sp-2,12px);list-style:none;margin:0;padding:0}.recommended-post-item{position:relative}.recommended-post-link{background:var(--c-bg-alt);border:2px solid var(--c-border);border-radius:var(--radius-cartoon,18px);box-shadow:0 2px 0 rgba(4,43,51,.2);color:inherit;display:block;padding:var(--sp-3,16px);text-decoration:none;transition:all var(--motion-med) var(--motion-curve)}.recommended-post-link:hover{border-color:var(--c-accent);box-shadow:0 4px 0 var(--c-border),0 6px 0 #042b33;transform:translateY(-2px)}.recommended-post-header{align-items:flex-start;display:flex;gap:var(--sp-2,12px);justify-content:space-between;margin-bottom:var(--sp-2,12px)}.recommended-post-title{color:var(--c-text);display:-webkit-box;font-size:.875rem;font-weight:600;-webkit-line-clamp:2;line-clamp:2;line-height:1.4;margin:0;-webkit-box-orient:vertical;flex:1;overflow:hidden}.recommended-post-badge{align-items:center;background:var(--c-accent-light,rgba(59,130,246,.1));border-radius:8px;color:var(--c-accent);display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:600;gap:4px;padding:4px 8px}.recommended-post-badge svg{flex-shrink:0}.recommended-post-excerpt{color:var(--c-text-dim);display:-webkit-box;font-size:.8125rem;-webkit-line-clamp:2;line-clamp:2;line-height:1.5;margin:0 0 var(--sp-2,12px);-webkit-box-orient:vertical;overflow:hidden}.recommended-post-meta{align-items:center;color:var(--c-text-dim);display:flex;font-size:.75rem;gap:6px}.recommended-post-meta span{align-items:center;display:inline-flex;gap:4px}.recommended-post-meta svg{flex-shrink:0;opacity:.7}.post-meta-sidebar dl{margin:0}.post-meta-sidebar dt{align-items:center;color:var(--c-text-muted);display:flex;font-size:.8125rem;font-weight:600;gap:6px;margin-bottom:4px}.post-meta-sidebar dt svg{flex-shrink:0;opacity:.7}.post-meta-sidebar dd{color:var(--c-text);font-size:.875rem;margin:0 0 var(--sp-2,12px)}.post-meta-sidebar dd:last-child{margin-bottom:0}.code-block-wrapper{border-radius:8px;margin:1.5rem 0;overflow:hidden;position:relative}.code-block-header{align-items:center;color:#e0e0e0;display:flex;font-family:monospace;font-size:.85rem;justify-content:space-between;padding:8px 16px;position:sticky;top:0;z-index:10}.code-block-language{color:#aaa;font-size:.75rem;font-weight:700;text-transform:uppercase}.code-block-actions{display:flex;gap:8px}.code-collapse-btn,.code-copy-btn{align-items:center;background:transparent;border:1px solid transparent;border-radius:4px;color:#aaa;cursor:pointer;display:flex;font-size:.75rem;gap:6px;line-height:1;padding:4px 8px;transition:all .2s}.code-collapse-btn:hover,.code-copy-btn:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);color:#fff}.code-copy-btn.is-copied{background:rgba(76,175,80,.1);border-color:#4caf50;color:#4caf50}.code-block-wrapper pre{border:none!important;border-radius:0!important;margin:0!important;max-height:none}.code-block-wrapper pre::-webkit-scrollbar{height:8px;width:8px}.code-block-wrapper pre::-webkit-scrollbar-track{background:#1e1e1e}.code-block-wrapper pre::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.code-block-wrapper pre::-webkit-scrollbar-thumb:hover{background:#555}.code-line{font-family:var(--font-mono);font-size:.92rem;padding:0 12px;white-space:pre}.fold-toggle{background:transparent;border:none;color:var(--c-text-dim);cursor:pointer;font-size:1.1rem;margin-left:6px;padding:0 8px;vertical-align:middle}.fold-toggle.is-folded{color:var(--c-accent)}.folded-region{display:block}.folded-region .code-line{opacity:.95;padding-left:24px}.fold-toggle:focus{border-radius:4px;outline:2px solid var(--c-accent-glow)}.code-block-wrapper.scroll-locked{cursor:pointer;position:relative}.code-block-wrapper.scroll-locked:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:5}.code-block-wrapper.scroll-locked pre{overflow:hidden!important;touch-action:none!important;user-select:none!important;-webkit-user-select:none!important}.code-block-wrapper.scroll-enabled{border-radius:10px;outline:2px solid var(--c-accent,#00d4aa);outline-offset:2px}.code-block-wrapper.scroll-enabled pre{overflow:auto!important;touch-action:pan-x pan-y!important;user-select:text!important;-webkit-user-select:text!important}.code-scroll-hint{animation:fadeInHint .3s ease;bottom:8px;pointer-events:none;position:absolute;right:8px;z-index:10}.code-scroll-hint__content{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgba(0,0,0,.85);border:1px solid hsla(0,0%,100%,.15);border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.3);color:#fff;display:flex;font-size:.75rem;font-weight:500;gap:6px;padding:6px 12px}.code-scroll-hint__content svg{color:var(--c-accent,#00d4aa);flex-shrink:0}.code-scroll-hint.fade-out{animation:fadeOutHint .3s ease forwards}@keyframes fadeInHint{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutHint{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@media (max-width:768px){.code-scroll-hint{bottom:12px;right:12px}.code-scroll-hint__content{font-size:.8rem;padding:8px 14px}.code-block-wrapper.scroll-enabled{outline-width:3px}}@media (hover:none) and (pointer:coarse){.code-scroll-hint__content span{content:"Toque para ativar scroll"}.code-block-wrapper.scroll-locked{-webkit-tap-highlight-color:transparent}}.post-meta-sidebar .card-title{align-items:center;color:var(--c-text-muted);display:flex;font-size:.875rem;font-weight:600;gap:var(--sp-1,8px);letter-spacing:.05em;margin:0 0 var(--sp-3,16px);text-transform:uppercase}.meta-list{display:flex;flex-direction:column;gap:var(--sp-3,16px)}.meta-item{align-items:flex-start;display:flex;gap:var(--sp-2,12px)}.meta-icon{align-items:center;background:var(--c-bg-alt);border-radius:8px;color:var(--c-accent);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.meta-content{display:flex;flex-direction:column;gap:2px}.meta-label{color:var(--c-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.meta-value{color:var(--c-text);font-size:.9375rem;font-weight:500;line-height:1.4}.meta-link{color:var(--c-accent);text-decoration:none;transition:color .2s}.meta-link:hover{color:var(--c-accent-glow);text-decoration:underline}.author-card .card-title{align-items:center;color:var(--c-text-muted);display:flex;font-size:.875rem;font-weight:600;gap:var(--sp-1,8px);letter-spacing:.05em;margin:0 0 var(--sp-3,16px);text-transform:uppercase}.author-status{background:var(--c-success,#10b981);border:2px solid var(--c-surface);border-radius:50%;bottom:2px;box-shadow:0 2px 4px rgba(0,0,0,.2);height:12px;position:absolute;right:2px;width:12px}.author-card__actions{align-items:center;display:flex;gap:var(--sp-2,12px);margin-top:var(--sp-2,12px)}.author-btn{align-items:center;border-radius:var(--radius-pill,50rem);display:inline-flex;font-size:.8125rem;font-weight:600;gap:6px;padding:6px 12px}.author-social{display:flex;gap:8px}.social-link{align-items:center;background:var(--c-bg-alt);border:1px solid transparent;border-radius:50%;color:var(--c-text-muted);display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.social-link:hover{background:var(--c-surface);border-color:var(--c-accent);box-shadow:0 4px 8px rgba(0,0,0,.1);color:var(--c-accent);transform:translateY(-2px)}