.suggested-users-wrapper[data-v-4f9be5be]{inline-size:100%}.suggested-users-header[data-v-4f9be5be]{align-items:center;margin-block-end:var(--spacing-lg);font-family:IBM Plex Sans Thai,sans-serif;display:flex}.header-sparkle[data-v-4f9be5be]{font-size:var(--font-size-lg);margin-inline-end:var(--spacing-xs)}.header-title[data-v-4f9be5be]{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0}.suggested-users-list[data-v-4f9be5be]{gap:var(--spacing-md);flex-direction:column;display:flex}.suggested-user-card[data-v-4f9be5be]{box-sizing:border-box;border:1px solid var(--color-border-light);border-radius:var(--radius-md);background-color:var(--color-surface);block-size:146px;box-shadow:var(--shadow-xs);inline-size:300px;transition:box-shadow var(--transition-base),transform var(--transition-base);align-items:center;gap:12px;padding:12px;display:flex;position:relative}.suggested-user-card[data-v-4f9be5be]:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.dismiss-btn[data-v-4f9be5be]{padding:var(--spacing-xs);color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:var(--spacing-sm);inset-inline-end:var(--spacing-sm)}.dismiss-btn[data-v-4f9be5be]:hover{color:var(--color-text-primary)}.avatar-link[data-v-4f9be5be]{flex-shrink:0;display:block}.user-avatar[data-v-4f9be5be]{border-radius:var(--radius-sm);-o-object-fit:cover;object-fit:cover;block-size:122px;inline-size:122px}.info-column[data-v-4f9be5be]{flex-direction:column;flex:1;justify-content:space-between;block-size:122px;min-inline-size:0;display:flex}.likes-badge[data-v-4f9be5be]{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);align-items:center;line-height:1;display:flex}.heart-icon[data-v-4f9be5be]{color:var(--color-like);font-size:var(--icon-sm)}.name-link[data-v-4f9be5be]{color:inherit;text-decoration:none}.user-name[data-v-4f9be5be]{color:var(--color-text-primary);font-size:16px;font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.name-link:hover .user-name[data-v-4f9be5be]{color:var(--color-primary)}.stats-row[data-v-4f9be5be]{gap:var(--spacing-xl);display:flex}.stat-item[data-v-4f9be5be]{flex-direction:column;display:flex}.stat-value[data-v-4f9be5be]{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.stat-label[data-v-4f9be5be],.stat-value[data-v-4f9be5be]{line-height:var(--line-height-tight)}.stat-label[data-v-4f9be5be]{color:var(--color-text-secondary);font-size:10px}.actions-row[data-v-4f9be5be]{gap:var(--spacing-sm)}.actions-row[data-v-4f9be5be],.chat-btn[data-v-4f9be5be]{align-items:center;display:flex}.chat-btn[data-v-4f9be5be]{border:1px solid var(--color-border);border-radius:var(--radius-circle);background-color:var(--color-surface);block-size:27px;color:var(--color-text-secondary);cursor:pointer;inline-size:42px;transition:all var(--transition-fast);justify-content:center}.chat-btn[data-v-4f9be5be]:hover{border-color:var(--color-text-secondary);background-color:var(--color-surface-hover);color:var(--color-text-primary)}.follow-btn[data-v-4f9be5be]{border-radius:var(--radius-circle);background-color:var(--color-primary);block-size:27px;color:var(--color-white);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);inline-size:96px;transition:background-color var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.follow-btn[data-v-4f9be5be]:hover{background-color:var(--color-primary-dark)}.follow-btn.is-following[data-v-4f9be5be]{border:1px solid var(--color-border);background-color:var(--color-surface-hover);color:var(--color-text-secondary)}.follow-btn.is-following[data-v-4f9be5be]:hover{background-color:var(--color-border-light);color:var(--color-text-primary)}.error-text[data-v-4f9be5be]{color:var(--color-accent-red);padding-block:var(--spacing-sm)}.empty-text[data-v-4f9be5be],.error-text[data-v-4f9be5be]{font-size:var(--font-size-sm)}.empty-text[data-v-4f9be5be]{color:var(--color-text-secondary);padding-block:var(--spacing-lg);text-align:center}.sr-only[data-v-cbee07ed]{clip:rect(0,0,0,0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.category-scroll-container[data-v-cbee07ed]{scroll-behavior:smooth}.category-chips[data-v-cbee07ed]{white-space:nowrap;min-inline-size:max-content;margin-block-start:2px}.category-chip[data-v-cbee07ed]{transition:all var(--transition-base)}.category-chip[data-v-cbee07ed]:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.feed-category-link[data-v-cbee07ed]{text-decoration:none}.video-container[data-v-cbee07ed]{block-size:100vh;background-color:#000;border-radius:8px;margin-block-end:var(--spacing-md);overflow:hidden}.gap-2[data-v-cbee07ed]>:not(:last-child){margin-block-end:8px}.multi-image-container[data-v-cbee07ed]>:not(:last-child),.two-images-container[data-v-cbee07ed]>:not(:last-child){margin-inline-end:8px}@media (width<=600px){.post-image[data-v-cbee07ed]{max-inline-size:280px;inline-size:100%!important}.feed-wrapper[data-v-cbee07ed]{gap:0!important}.feed-content[data-v-cbee07ed] .v-card-text{padding:12px!important}h2.text-lg[data-v-cbee07ed]{font-size:1.1rem!important}p.text-body-2[data-v-cbee07ed]{font-size:.9rem!important}}.keyword-highlight[data-v-cbee07ed]{color:var(--color-primary);font-weight:500}.post-title-link[data-v-cbee07ed]{color:inherit;text-decoration:none;transition:color .2s}.post-title-link[data-v-cbee07ed]:hover{color:var(--color-primary);text-decoration:underline}.read-more[data-v-cbee07ed]{color:#2e263db2;cursor:pointer;font-weight:500}.post-card[data-v-cbee07ed]{border:1px solid var(--color-border-light)!important;border-radius:var(--radius-md)!important}.sidebar-column[data-v-cbee07ed]{flex-shrink:0;inline-size:300px}.sidebar-sticky[data-v-cbee07ed]{margin-block-start:calc(2px + var(--spacing-xs))}@media (width<=940px){.sidebar-column[data-v-cbee07ed]{display:none}}