.post-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base);cursor:pointer;-webkit-tap-highlight-color:transparent;animation:.4s ease-out both post-enter}.post-card:hover{box-shadow:var(--shadow-xl);border-color:#ffffff1f;transform:translateY(-2px)}.post-card:active,.post-card.post-card-pressed{border-color:var(--accent-primary,#8b5cf6);box-shadow:0 0 0 2px #8b5cf659, var(--shadow-sm);filter:brightness(1.12);transition-duration:60ms;transform:translateY(1px)scale(.97)}@keyframes post-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.post-card:first-child{animation-delay:0s}.post-card:nth-child(2){animation-delay:50ms}.post-card:nth-child(3){animation-delay:.1s}.post-card:nth-child(4){animation-delay:.15s}.post-card:nth-child(5){animation-delay:.2s}.post-card:nth-child(6){animation-delay:.25s}.post-card:nth-child(7){animation-delay:.3s}.post-card:nth-child(8){animation-delay:.35s}.post-card:nth-child(9){animation-delay:.4s}.post-card:nth-child(10){animation-delay:.45s}.post-card-layout{gap:var(--spacing-lg);display:flex}.post-votes{flex-direction:column;align-items:stretch;gap:2px;min-width:52px;display:flex}.vote-row{align-items:center;gap:2px;display:flex}.vote-count-up,.vote-count-down{min-width:18px;font-size:.8rem;font-weight:600}.vote-count-up{color:var(--accent-success)}.vote-count-down{color:var(--accent-danger)}.vote-btn{border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-tertiary);transition:all var(--transition-base);justify-content:center;align-items:center;font-size:1rem;display:flex}.vote-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.vote-btn.upvoted{color:var(--accent-success);background:#10b98126}.vote-btn.downvoted{color:var(--accent-danger);background:#ef444426}.vote-btn:active{transform:scale(.9)}.vote-count{color:var(--text-primary);padding:var(--spacing-xs) 0;font-size:.95rem;font-weight:600}.post-content{flex:1;min-width:0}.post-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.post-topic{align-items:center;gap:var(--spacing-xs);background:rgba(var(--accent-primary-rgb), .15);border-radius:var(--radius-full);color:var(--accent-primary);transition:all var(--transition-fast);padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.post-topic.post-topic-share{background:rgba(var(--accent-secondary-rgb), .15);color:var(--accent-secondary)}.post-shared-badge{color:var(--accent-secondary);border-radius:var(--radius-full);background:rgba(var(--accent-secondary-rgb), .1);transition:background var(--transition-fast);align-items:center;gap:4px;padding:1px 8px;font-size:.7rem;font-weight:500;text-decoration:none;display:inline-flex}.post-shared-badge:hover{background:rgba(var(--accent-secondary-rgb), .2)}.sidebar-link-share .sidebar-icon,.sidebar-link-blog .sidebar-icon{filter:drop-shadow(0 0 6px rgba(var(--accent-secondary-rgb), .5))}.post-topic:hover{background:rgba(var(--accent-primary-rgb), .25)}.post-meta{align-items:center;gap:var(--spacing-sm);color:var(--text-tertiary);font-size:.85rem;display:flex}.post-author{align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);transition:color var(--transition-fast);font-weight:500;display:flex}.post-author:hover{color:var(--accent-primary)}.post-author-avatar{object-fit:cover;border-radius:50%;width:20px;height:20px}.post-dot{color:var(--text-muted)}.post-title{margin-bottom:var(--spacing-sm);color:var(--text-primary);transition:color var(--transition-fast);font-size:1.15rem;font-weight:600;line-height:1.4}.post-title a{color:inherit;text-decoration:none}.post-title a:hover{color:var(--accent-primary)}.post-preview{color:var(--text-secondary);-webkit-line-clamp:3;margin-bottom:var(--spacing-md);-webkit-box-orient:vertical;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.post-tags{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.post-tag{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-tertiary);transition:all var(--transition-fast);padding:.2rem .5rem;font-size:.75rem}.post-tag:hover{background:var(--bg-elevated);color:var(--accent-secondary)}.post-footer{align-items:center;gap:var(--spacing-md);display:flex}.post-action{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);color:var(--text-tertiary);transition:all var(--transition-fast);font-size:.85rem;display:flex}.post-action:hover{background:var(--bg-tertiary);color:var(--text-primary)}.post-action-icon{font-size:1rem}.post-image{border-radius:var(--radius-md);width:100%;margin-bottom:var(--spacing-md);overflow:hidden}.post-image img{object-fit:cover;width:100%;max-height:400px;transition:transform var(--transition-base)}.post-image:hover img{transform:scale(1.02)}.comment{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);animation:.3s ease-out comment-enter}@keyframes comment-enter{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.comment-layout{gap:var(--spacing-md);display:flex}.comment-votes{flex-direction:column;align-items:stretch;gap:2px;min-width:40px;display:flex}.comment-vote-row{align-items:center;gap:1px;display:flex}.comment-vote-btn{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-tertiary);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:.8rem;display:flex}.comment-vote-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.comment-vote-btn.upvoted{color:var(--accent-success)}.comment-vote-btn.downvoted{color:var(--accent-danger)}.comment-vote-count{min-width:14px;font-size:.75rem;font-weight:600}.comment-vote-count.vote-count-up{color:var(--accent-success)}.comment-vote-count.vote-count-down{color:var(--accent-danger)}.comment-content{flex:1;min-width:0}.comment-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.comment-author-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.comment-author-name{color:var(--text-primary);font-size:.9rem;font-weight:500}.comment-author-name:hover{color:var(--accent-primary)}.comment-time{color:var(--text-tertiary);font-size:.8rem}.comment-op-badge{background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff;padding:.125rem .5rem;font-size:.7rem;font-weight:600}.comment-text{color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:.95rem;line-height:1.6}.comment-actions{gap:var(--spacing-sm);display:flex}.comment-action{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);color:var(--text-tertiary);transition:all var(--transition-fast);font-size:.8rem;display:flex}.comment-action:hover{background:var(--bg-tertiary);color:var(--text-primary)}.comment-replies{margin-left:var(--spacing-xl);margin-top:var(--spacing-md);padding-left:var(--spacing-lg);border-left:2px solid var(--glass-border)}.comment-replies .comment{background:#ffffff05}.toggle-replies{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;color:var(--accent-primary);cursor:pointer;transition:opacity var(--transition-fast);font-size:.85rem;font-weight:500;display:flex}.toggle-replies:hover{opacity:.8}.toggle-replies-icon{transition:transform var(--transition-fast)}.toggle-replies.expanded .toggle-replies-icon{transform:rotate(180deg)}.post-reactions{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-flow:row-reverse wrap-reverse;place-content:flex-start;gap:6px;display:flex}.post-reaction-pill{background:var(--bg-tertiary,#94a3b81f);border:1px solid var(--glass-border,#94a3b838);height:26px;color:var(--text-primary,#e2e8f0);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:13px;align-items:center;gap:4px;padding:0 8px;font-size:.78rem;line-height:1;transition:background .15s,border-color .15s,transform 80ms;display:inline-flex}.post-reaction-pill:hover{background:rgba(var(--accent-primary-rgb,139, 92, 246), .15);border-color:rgba(var(--accent-primary-rgb,139, 92, 246), .45)}.post-reaction-pill:active{transform:scale(.96)}.post-reaction-pill.mine{background:rgba(var(--accent-primary-rgb,139, 92, 246), .22);border-color:rgba(var(--accent-primary-rgb,139, 92, 246), .6);color:var(--text-primary,#e2e8f0)}.post-reaction-pill.mine:hover{background:rgba(var(--accent-primary-rgb,139, 92, 246), .3)}.post-reaction-emoji{font-family:Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji,sans-serif;font-size:.95rem;line-height:1}.post-reaction-count{font-variant-numeric:tabular-nums;color:var(--text-secondary,#94a3b8);font-size:.72rem;font-weight:600}.post-reaction-pill.mine .post-reaction-count{color:var(--text-primary,#e2e8f0)}.post-reaction-overflow{border:1px dashed var(--glass-border,#94a3b852);height:26px;color:var(--text-tertiary,#64748b);-webkit-user-select:none;user-select:none;cursor:default;background:0 0;border-radius:13px;align-items:center;padding:0 8px;font-size:.7rem;font-weight:600;line-height:1;display:inline-flex}.post-reactions-add{border:1px dashed var(--glass-border,#94a3b866);width:36px;height:26px;color:var(--text-tertiary,#64748b);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border-radius:13px;justify-content:center;align-items:center;gap:1px;padding:0;transition:background .15s,color .15s,border-color .15s,border-style .15s;display:inline-flex}.post-reactions-add:hover{background:rgba(var(--accent-primary-rgb,139, 92, 246), .12);color:var(--accent-primary,#8b5cf6);border-color:rgba(var(--accent-primary-rgb,139, 92, 246), .5);border-style:solid}.post-reactions-add:active{transform:scale(.94)}.post-reactions-add.msg-action-btn-active,.post-reactions-add.msg-action-btn-active:hover{background:rgba(var(--accent-primary-rgb,139, 92, 246), .2);color:var(--accent-primary,#8b5cf6);border-color:rgba(var(--accent-primary-rgb,139, 92, 246), .65);border-style:solid}.post-reactions-add-icon{flex-shrink:0;width:16px;height:16px}.post-reactions-add-plus{margin-bottom:8px;margin-left:1px;font-size:.75rem;font-weight:800;line-height:1}.reply .post-reactions,.comment .post-reactions{margin-top:var(--spacing-xs);margin-bottom:0}.reply .post-reaction-pill,.reply .post-reactions-add,.reply .post-reaction-overflow{border-radius:11px;height:22px;padding:0 6px;font-size:.7rem}.reply .post-reactions-add{width:30px;padding:0}@media (max-width:640px){.post-reactions{gap:4px}.post-reaction-pill,.post-reactions-add,.post-reaction-overflow{height:24px}}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl)}.empty-state-icon{margin-bottom:var(--spacing-lg);opacity:.5;font-size:4rem}.empty-state-title{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1.25rem;font-weight:600}.empty-state-text{color:var(--text-tertiary);margin-bottom:var(--spacing-lg);font-size:.95rem}@media (max-width:768px){.post-card-layout{gap:var(--spacing-md);flex-direction:column}.post-votes{gap:var(--spacing-sm);flex-direction:row;min-width:auto}.post-footer{flex-wrap:wrap}.comment-layout{flex-direction:column}.comment-votes{justify-content:flex-start;gap:var(--spacing-sm);flex-direction:row}.comment-replies{margin-left:var(--spacing-md);padding-left:var(--spacing-md)}}