.feed-container{max-width:640px;width:100%;margin:0 auto;padding:20px 16px 80px;display:flex;flex-direction:column;gap:24px}.stories-wrapper{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:18px;padding:16px;display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;box-shadow:var(--shadow-sm)}.stories-wrapper::-webkit-scrollbar{display:none}.story-item{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;flex-shrink:0;width:68px;text-align:center}.story-avatar-container{width:64px;height:64px;border-radius:50%;padding:2.5px;background:var(--story-gradient);display:flex;align-items:center;justify-content:center;position:relative;transition:transform .2s ease}.story-item:hover .story-avatar-container{transform:scale(1.05)}.story-avatar-container.has-viewed{background:var(--border-color)}.story-avatar-container.is-user{background:transparent}.story-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--bg-surface);background:var(--bg-input)}.story-add-badge{position:absolute;bottom:0;right:0;background:var(--brand-primary);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-surface);font-size:13px}.story-username{font-size:12px;font-weight:500;color:var(--text-primary);max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:border-color .2s}.post-header{padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.post-user-meta{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.post-user-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:var(--bg-input);border:1.5px solid var(--border-color)}.post-user-info{display:flex;flex-direction:column}.post-username-row{display:flex;align-items:center;gap:4px}.post-username{font-size:14px;font-weight:700;color:var(--text-primary)}.verified-badge{color:#3897f0;font-size:15px}.post-timestamp{font-size:12px;color:var(--text-tertiary)}.post-media-container{width:100%;position:relative;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:340px;max-height:600px;cursor:pointer}.post-media-img{width:100%;height:auto;max-height:600px;object-fit:contain;display:block}.post-media-video{width:100%;max-height:600px;display:block}.heart-burst{position:absolute;font-size:80px;color:#fd1d1d;transform:scale(0);opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.heart-burst.animate{transform:scale(1.2);opacity:1}.post-actions{padding:12px 16px 8px;display:flex;align-items:center;justify-content:space-between}.post-actions-left{display:flex;align-items:center;gap:16px}.action-btn{background:transparent;border:none;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;justify-content:center;padding:4px;transition:transform .15s ease,color .15s ease}.action-btn:active{transform:scale(1.2)}.action-btn iconify-icon{font-size:26px}.action-btn.liked iconify-icon{color:#fd1d1d}.action-btn.bookmarked iconify-icon{color:var(--text-primary)}.post-details{padding:0 16px 14px;display:flex;flex-direction:column;gap:6px}.post-likes{font-size:14px;font-weight:700;color:var(--text-primary)}.post-caption{font-size:14px;color:var(--text-primary);line-height:1.45;word-break:break-word}.post-caption strong{font-weight:700;margin-right:6px}.post-comments-summary{font-size:13px;color:var(--text-secondary);cursor:pointer;font-weight:500}.post-comment-form{padding:10px 16px 14px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--border-color)}.post-comment-input{flex:1;background:var(--bg-input);border:1px solid transparent;border-radius:20px;padding:8px 14px;font-family:inherit;font-size:13px;color:var(--text-primary);outline:none;transition:border-color .2s}.post-comment-input:focus{border-color:var(--brand-primary)}.post-comment-btn{background:transparent;border:none;color:var(--brand-primary);font-weight:700;font-size:13px;cursor:pointer;padding:4px 8px}.post-comment-btn:disabled{opacity:.4;cursor:not-allowed}.floating-create-btn{position:fixed;bottom:84px;right:24px;width:54px;height:54px;border-radius:50%;background:var(--brand-gradient);color:#fff;border:none;box-shadow:0 6px 20px var(--brand-glow);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:80;transition:transform .2s,box-shadow .2s}.floating-create-btn:hover{transform:scale(1.08)}.floating-create-btn iconify-icon{font-size:28px}.comment-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-color)}.comment-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover}.comment-content{flex:1;font-size:13px}.comment-user{font-weight:700;margin-right:6px}.comment-time{font-size:11px;color:var(--text-tertiary);margin-top:4px}@media(max-width:768px){.feed-container{padding:12px 8px 80px;gap:16px}.stories-wrapper{border-radius:14px;padding:12px 10px}.post-card{border-radius:14px}.floating-create-btn{bottom:74px;right:16px;width:48px;height:48px}}