.post-page{gap:var(--spacing-xl);max-width:1200px;padding:var(--spacing-xl);margin:0 auto;display:flex}.post-container{flex:1;min-width:0}.post-sidebar{width:320px;top:calc(var(--navbar-height) + var(--spacing-xl));flex-shrink:0;height:fit-content;position:sticky}.back-link{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-lg);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);font-size:.9rem;display:inline-flex}.back-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.post-article{padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);animation:.4s ease-out article-enter}@keyframes article-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.post-article-header{margin-bottom:var(--spacing-lg)}.post-article-topic{align-items:center;gap:var(--spacing-xs);background:rgba(var(--accent-primary-rgb), .15);border-radius:var(--radius-full);color:var(--accent-primary);margin-bottom:var(--spacing-md);transition:background var(--transition-fast);padding:.375rem .875rem;font-size:.85rem;font-weight:500;display:inline-flex}.post-article-topic:hover{background:rgba(var(--accent-primary-rgb), .25)}.post-article-title{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1.75rem;font-weight:700;line-height:1.3}.post-article-meta{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.post-article-author{align-items:center;gap:var(--spacing-sm);display:flex}.post-article-author-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.post-article-author-info{flex-direction:column;display:flex}.post-article-author-name{color:var(--text-primary);font-size:.95rem;font-weight:500}.post-article-author-name:hover{color:var(--accent-primary)}.post-article-date{color:var(--text-tertiary);font-size:.8rem}.post-article-body{color:var(--text-secondary);margin-bottom:var(--spacing-xl);font-size:1rem;line-height:1.8}.post-article-body p{margin-bottom:var(--spacing-md)}.post-article-body h2,.post-article-body h3{color:var(--text-primary);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}.post-article-body a{color:var(--accent-primary);text-decoration:underline}.post-article-body blockquote{border-left:3px solid var(--accent-primary);padding-left:var(--spacing-lg);margin:var(--spacing-lg) 0;color:var(--text-tertiary);font-style:italic}.post-article-body code{background:var(--bg-tertiary);border-radius:var(--radius-sm);font-family:var(--font-mono);padding:.125rem .375rem;font-size:.9em}.post-article-body pre{background:var(--bg-tertiary);padding:var(--spacing-lg);border-radius:var(--radius-md);margin:var(--spacing-lg) 0;overflow-x:auto}.post-article-body pre code{background:0 0;padding:0}.post-article-body ul,.post-article-body ol{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl)}.post-article-body li{margin-bottom:var(--spacing-sm)}.post-article-tags{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--glass-border);flex-wrap:wrap;display:flex}.post-article-tag{background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--transition-fast);padding:.375rem .75rem;font-size:.85rem}.post-article-tag:hover{background:var(--bg-elevated);color:var(--accent-secondary)}.post-article-actions{gap:var(--spacing-sm);flex-direction:column;display:flex}.article-actions-row{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.article-owner-actions{padding-top:var(--spacing-md);margin-top:var(--spacing-xs);border-top:1px solid var(--glass-border)}.article-action{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);color:var(--text-secondary);background:var(--bg-tertiary);transition:all var(--transition-base);white-space:nowrap;border:1px solid #0000;font-size:.85rem;display:inline-flex}.article-action:hover{border-color:var(--glass-border);color:var(--text-primary)}.article-action.upvoted{color:var(--accent-success);background:#10b98126;border-color:#10b9814d}.article-action.downvoted{color:var(--accent-danger);background:#ef444426;border-color:#ef44444d}.article-action.saved{background:rgba(var(--accent-primary-rgb), .15);color:var(--accent-primary);border-color:rgba(var(--accent-primary-rgb), .3)}.article-action-count{font-weight:600}.article-vote-group{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--bg-tertiary);border-radius:var(--radius-full);border:1px solid #0000;display:inline-flex}.article-vote-btn{width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:flex}.article-vote-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.article-vote-btn.upvoted{color:var(--accent-success);background:#10b98126}.article-vote-btn.upvoted:hover{background:#10b98140}.article-vote-btn.downvoted{color:var(--accent-danger);background:#ef444426}.article-vote-btn.downvoted:hover{background:#ef444440}.article-vote-count{text-align:center;min-width:24px;color:var(--text-secondary);font-size:.9rem;font-weight:600}.vote-count-up{color:var(--accent-success)}.vote-count-down{color:var(--accent-danger)}.comments-section{animation:.4s ease-out .2s both comments-enter}@keyframes comments-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.comments-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.comments-header h2{font-size:1.25rem;font-weight:600}.comment-count{color:var(--text-tertiary);font-weight:400}.add-comment{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.add-comment-login{text-align:center;padding:var(--spacing-lg)}.add-comment-login p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}.add-comment-form{width:100%}.comment-input-wrapper{gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.comment-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:42px;height:42px}.comment-input-wrapper textarea{min-height:100px;padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-primary);resize:vertical;transition:all var(--transition-base);border:1px solid #0000;flex:1;font-size:.95rem;line-height:1.6}.comment-input-wrapper textarea:focus{border-color:var(--accent-primary);background:var(--bg-secondary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb), .15);outline:none}.comment-form-actions{justify-content:space-between;align-items:center;display:flex}.comments-list{gap:var(--spacing-md);flex-direction:column;display:flex}.author-card-content{text-align:center}.author-card-link{color:inherit;flex-direction:column;align-items:center;text-decoration:none;transition:opacity .2s;display:flex}.author-card-link:hover{opacity:.8}.author-card-link:hover .author-card-name{color:var(--accent-primary)}.author-card-avatar{object-fit:cover;background:var(--gradient-primary);width:80px;height:80px;margin-bottom:var(--spacing-md);background-origin:border-box;background-clip:content-box,border-box;border:3px solid #0000;border-radius:50%}.author-card-name{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:1.1rem;font-weight:600}.author-card-username{color:var(--text-tertiary);margin-bottom:var(--spacing-md);font-size:.9rem}.author-card-bio{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:.9rem;line-height:1.5}.author-card-stats{justify-content:center;gap:var(--spacing-xl);padding-top:var(--spacing-md);border-top:1px solid var(--glass-border);display:flex}.author-stat{text-align:center}.author-stat-value{color:var(--text-primary);font-size:1.1rem;font-weight:600;display:block}.author-stat-label{color:var(--text-tertiary);font-size:.75rem}.related-posts{gap:var(--spacing-md);flex-direction:column;display:flex}.related-post{padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);transition:all var(--transition-fast);display:block}.related-post:hover{background:var(--bg-elevated);transform:translate(4px)}.related-post-title{color:var(--text-primary);margin-bottom:var(--spacing-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.related-post-meta{color:var(--text-tertiary);font-size:.8rem}.inline-reply-form{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--glass-border);animation:.2s ease-out reply-form-enter}@keyframes reply-form-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.inline-reply-textarea{width:100%;min-height:72px;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-primary);resize:vertical;transition:border-color var(--transition-fast);border:1px solid #0000;font-family:inherit;font-size:.9rem;line-height:1.5}.inline-reply-textarea:focus{border-color:var(--accent-primary);outline:none}.inline-reply-actions{margin-top:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.inline-reply-btns{gap:var(--spacing-sm);display:flex}.reply{padding:var(--spacing-md) 0;border-bottom:1px solid #ffffff0a}.reply:last-child{border-bottom:none}.reply-layout{gap:var(--spacing-md);display:flex}.reply-content{flex:1;min-width:0}.reply-header{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);flex-wrap:wrap;display:flex}.reply-author-avatar{object-fit:cover;border-radius:50%;width:22px;height:22px}.reply-author-name{color:var(--text-primary);font-size:.85rem;font-weight:500}.reply-author-name:hover{color:var(--accent-primary)}.reply-arrow{color:var(--text-tertiary);font-size:.75rem}.reply-mention{color:var(--accent-primary);font-size:.85rem;font-weight:500}.reply-time{color:var(--text-tertiary);font-size:.75rem}.reply-text{color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-size:.9rem;line-height:1.5}.reply-actions{align-items:center;gap:var(--spacing-sm);display:flex}.reply-vote-group{margin-right:var(--spacing-xs);align-items:center;gap:4px;display:inline-flex}.reply-thumb-icon{border-radius:50%;width:18px;height:18px;display:block}.reply-vote-btn{cursor:pointer;border-radius:var(--radius-sm);opacity:.5;transition:all var(--transition-fast);background:0 0;border:none;padding:2px 4px;font-size:.8rem;line-height:1}.reply-vote-btn:hover{opacity:1;background:var(--bg-tertiary)}.reply-vote-btn.voted{opacity:1}.reply-vote-btn.voted[data-vote=up]{background:#10b98126}.reply-vote-btn.voted[data-vote=down]{background:#ef444426}.reply-vote-count{text-align:center;min-width:14px;font-size:.75rem;font-weight:600}.comment-deleted .deleted-placeholder,.reply-deleted .deleted-placeholder{color:var(--text-tertiary);opacity:.7;padding:var(--spacing-sm) 0;font-size:.9rem;font-style:italic}.comment-deleted>.comment-layout>.comment-content{opacity:.65}.reply-deleted{opacity:.55}.delete-comment-btn:hover,.delete-reply-btn:hover{color:#e74c3c!important}.comment-replies-container{margin-top:var(--spacing-md);padding-left:var(--spacing-md);border-left:2px solid #ffffff0f}.replies-header{justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.replies-toggle-btn{color:var(--accent-primary);cursor:pointer;padding:var(--spacing-xs) 0;transition:color var(--transition-fast);background:0 0;border:none;font-size:.8rem;font-weight:500}.replies-toggle-btn:hover{color:var(--accent-secondary);text-decoration:underline}.replies-show-more-btn{border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--accent-primary);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);margin-top:var(--spacing-sm);transition:all var(--transition-fast);background:0 0;font-size:.8rem;font-weight:500}.replies-show-more-btn:hover{background:var(--bg-tertiary);color:var(--accent-secondary)}.reply-sort-bar{background:var(--bg-tertiary);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex}.reply-sort-btn{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:3px 10px;font-size:.75rem;font-weight:500}.reply-sort-btn:hover{color:var(--text-primary)}.reply-sort-btn.active{background:var(--bg-secondary);color:var(--accent-primary)}.archive-post-btn:hover{color:var(--accent-primary)!important;border-color:rgba(var(--accent-primary-rgb), .3)!important;background:rgba(var(--accent-primary-rgb), .1)!important}.delete-post-btn:hover{color:#e74c3c!important;background:#e74c3c1a!important;border-color:#e74c3c4d!important}.confirm-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.confirm-modal-overlay.confirm-modal-visible{opacity:1}.confirm-modal-overlay.confirm-modal-closing{opacity:0}.confirm-modal{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg,16px);padding:var(--spacing-xl);text-align:center;width:90%;max-width:400px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);transform:scale(.92)translateY(10px);box-shadow:0 20px 60px #0006}.confirm-modal-visible .confirm-modal{transform:scale(1)translateY(0)}.confirm-modal-closing .confirm-modal{transform:scale(.95)translateY(6px)}.confirm-modal-icon{margin-bottom:var(--spacing-md);font-size:2.5rem;line-height:1}.confirm-modal-title{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1.15rem;font-weight:600}.confirm-modal-message{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:.9rem;line-height:1.5}.confirm-modal-actions{gap:var(--spacing-sm);justify-content:center;display:flex}.confirm-modal-cancel{min-width:90px}.confirm-modal-confirm{min-width:90px;color:#fff!important;background:#e74c3c!important;border:none!important}.confirm-modal-confirm:hover{background:#c0392b!important}.post-loading{padding:var(--spacing-xl)}.skeleton-title{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-secondary) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-md);width:80%;height:32px;margin-bottom:var(--spacing-md);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-meta{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-secondary) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-sm);width:40%;height:20px;margin-bottom:var(--spacing-xl);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-content{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-secondary) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-md);background-size:200% 100%;height:200px;animation:1.5s infinite shimmer}@media (max-width:1024px){.post-page{flex-direction:column}.post-sidebar{width:100%;position:static}}@media (max-width:768px){.post-page{padding:var(--spacing-md)}.post-article{padding:var(--spacing-lg)}.post-article-title{font-size:1.5rem}.article-action span:last-child{display:none}.comment-input-wrapper{flex-direction:column}.comment-avatar{width:36px;height:36px}}