.feed-body{background:var(--bg-primary);min-height:100vh}.feed-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.logo{font-size:1.5rem;font-weight:700;color:var(--linkedin-blue);text-decoration:none}.feed-main{max-width:700px;margin:0 auto;padding:20px}.feed-container{display:flex;flex-direction:column;gap:20px}.create-post-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px}.create-post-header{display:flex;gap:12px;margin-bottom:15px}.post-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.create-post-header textarea{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:1rem;font-family:Inter,sans-serif;resize:none;outline:none}.create-post-header textarea::placeholder{color:var(--text-secondary)}.image-preview-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:15px}.image-preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden}.image-preview-item img{width:100%;height:100%;object-fit:cover}.remove-image{position:absolute;top:5px;right:5px;background:#000000b3;border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center}.create-post-actions{display:flex;justify-content:space-between;align-items:center}.post-options{display:flex;gap:10px}.option-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .2s}.option-btn:hover{background:var(--hover-bg)}.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:30px;max-width:500px;width:90%}.modal-content h3{margin-bottom:20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.post-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s}.post-header{display:flex;gap:12px;margin-bottom:15px;position:relative}.post-author-info h4{font-size:1rem;font-weight:600;margin-bottom:2px}.post-author-info p{font-size:.85rem;color:var(--text-secondary);margin-bottom:2px}.post-time{font-size:.8rem;color:var(--text-secondary)}.post-menu{margin-left:auto;position:relative}.menu-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0 10px}.dropdown-menu{position:absolute;top:100%;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:8px;min-width:120px;box-shadow:0 4px 12px #0000004d}.dropdown-menu button{width:100%;padding:8px 12px;background:transparent;border:none;color:var(--error);text-align:left;cursor:pointer;border-radius:4px}.dropdown-menu button:hover{background:var(--hover-bg)}.post-content{margin-bottom:15px}.post-text{color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.see-more{background:transparent;border:none;color:var(--linkedin-blue);cursor:pointer;padding:5px 0;font-weight:600}.post-images{margin-bottom:15px;border-radius:8px;overflow:hidden}.post-images.grid-2,.post-images.grid-3,.post-images.grid-4{display:grid;gap:4px}.post-images.grid-2,.post-images.grid-3{grid-template-columns:repeat(2,1fr)}.post-images.grid-3 .post-image:first-child{grid-column:1 / -1}.post-images.grid-4{grid-template-columns:repeat(2,1fr)}.post-image{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:all .2s}.post-image:hover{opacity:.9}.post-video iframe{width:100%;aspect-ratio:16/9;border-radius:8px;margin-bottom:15px}.post-stats{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:8px;font-size:.9rem;color:var(--text-secondary)}.post-actions{display:flex;gap:8px}.action-btn{flex:1;background:transparent;border:none;color:var(--text-secondary);padding:12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;transition:all .2s}.action-btn:hover{background:var(--hover-bg)}.action-btn.liked{color:#ef4444}.action-icon{font-size:1.2rem}.comments-section{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color)}.comments-list{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.comment-item{display:flex;gap:10px}.comment-avatar{width:36px;height:36px;border-radius:50%;background:var(--linkedin-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.comment-content{flex:1;background:var(--bg-secondary);padding:10px 14px;border-radius:12px}.comment-header{display:flex;justify-content:space-between;margin-bottom:5px}.comment-header strong{font-size:.9rem;font-weight:600}.comment-time{font-size:.75rem;color:var(--text-secondary)}.comment-content p{color:var(--text-primary);line-height:1.4;font-size:.9rem}.delete-comment{background:transparent;border:none;color:var(--error);cursor:pointer;font-size:.8rem;margin-top:5px;padding:0}.comment-input-section{margin-top:12px}.comment-input-wrapper{display:flex;flex-direction:column;gap:8px}.commenter-name{padding:10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem}.comment-input{flex:1;padding:10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;resize:none;font-family:Inter,sans-serif}.comment-input:focus,.commenter-name:focus{outline:none;border-color:var(--linkedin-blue)}.submit-comment{align-self:flex-end;padding:8px 20px;background:var(--linkedin-blue);border:none;color:#fff;border-radius:20px;cursor:pointer;font-weight:600;transition:all .2s}.submit-comment:hover{background:var(--linkedin-dark-blue)}.empty-feed-state{text-align:center;padding:60px 20px}.empty-icon{font-size:4rem;margin-bottom:20px}.empty-feed-state h3{font-size:1.5rem;margin-bottom:10px}.empty-feed-state p{color:var(--text-secondary)}@media(max-width:768px){.feed-main{padding:10px}.post-card{padding:15px}.post-actions{flex-wrap:wrap}.action-btn{font-size:.85rem}}