.comments-preview{background:var(--color-white-04);border:1px solid var(--color-white-08);border-radius:24px;padding:1.25rem;width:100%;box-sizing:border-box}.comments-preview--loading{min-height:120px}.comments-preview__skeleton{width:100%;height:100px;background:linear-gradient(90deg,var(--color-white-04) 25%,var(--color-white-08) 50%,var(--color-white-04) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:16px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.comments-preview__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.comments-preview__title{display:flex;align-items:center;gap:.5rem;margin:0;color:var(--color-primary-text);font-size:1.1rem;font-weight:600}.comments-preview__icon{font-size:1.2rem}.comments-preview__count{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 .6rem;background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-hover) 100%);border-radius:13px;color:var(--color-white);font-size:.85rem;font-weight:600}.comments-preview__view-all{display:inline-flex;align-items:center;gap:.35rem;background:var(--color-white-08);border:none;color:var(--color-secondary-text);font-size:.9rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:20px;transition:all .2s ease}.comments-preview__view-all:hover{color:var(--color-primary-text);background:var(--color-white-12)}.comments-preview__arrow{width:16px;height:16px}.comments-preview__top-comment{display:flex;gap:.75rem;padding:1rem;background:var(--color-white-04);border:1px solid var(--color-white-08);border-radius:16px;margin-bottom:1rem;cursor:pointer;transition:all .2s ease}.comments-preview__top-comment:hover{background:var(--color-white-08);border-color:var(--color-white-12)}.comments-preview__comment-avatar{width:40px;height:40px;min-width:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-hover) 100%);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-weight:600;font-size:1rem}.comments-preview__comment-content{flex:1 1;min-width:0}.comments-preview__comment-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.comments-preview__comment-username{font-weight:600;color:var(--color-primary-text);font-size:.9rem}.comments-preview__comment-date{color:var(--color-tertiary-text);font-size:.8rem}.comments-preview__comment-text{margin:0;color:var(--color-secondary-text);font-size:.95rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.comments-preview__comment-likes{display:inline-flex;align-items:center;gap:.35rem;margin-top:.5rem;color:var(--color-accent);font-size:.85rem}.comments-preview__like-icon{width:14px;height:14px}.comments-preview__actions{margin-top:.5rem}.comments-preview__add-comment{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-hover) 100%);border:none;border-radius:24px;color:var(--color-white);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.comments-preview__add-comment:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px var(--color-accent-15)}.comments-preview__add-comment:active{transform:translateY(0)}.comments-preview__add-icon{font-size:1.1rem}@media (max-width:560px){.comments-preview{padding:1rem;border-radius:0}.comments-preview__title{font-size:1rem}.comments-preview__count{min-width:24px;height:24px;font-size:.8rem}.comments-preview__view-all{padding:.4rem .75rem;font-size:.85rem}.comments-preview__top-comment{padding:.875rem;border-radius:14px}.comments-preview__comment-avatar{width:36px;height:36px;min-width:36px;font-size:.9rem}.comments-preview__add-comment{padding:.875rem 1.25rem;font-size:.95rem;border-radius:20px}}