.video-card-wrapper[data-v-9d0581c8]{display:contents}.video-card-wrapper.compact[data-v-9d0581c8]{display:flex}.video-card[data-v-9d0581c8]{color:inherit;cursor:pointer;display:block;text-decoration:none;transition:transform .2s}.video-card[data-v-9d0581c8]:hover{transform:translateY(-4px)}.video-card.compact[data-v-9d0581c8]{display:flex;gap:8px}.video-card.compact[data-v-9d0581c8]:hover{transform:none}.video-card.compact .thumbnail[data-v-9d0581c8]{height:94px;margin-bottom:0;min-width:168px;padding-bottom:0;width:168px}.video-card.compact .video-info[data-v-9d0581c8]{display:block;gap:0}.video-card.compact .video-title[data-v-9d0581c8]{font-size:.9rem}.video-card.compact .channel-name[data-v-9d0581c8],.video-card.compact .video-meta[data-v-9d0581c8]{font-size:.8rem}.thumbnail[data-v-9d0581c8]{background:var(--skeleton-bg);border-radius:8px;margin-bottom:12px;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.thumbnail img[data-v-9d0581c8]{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.duration[data-v-9d0581c8]{background-color:#000c;border-radius:4px;bottom:8px;color:#fff;font-size:12px;font-weight:500;padding:3px 6px;position:absolute;right:8px}.watch-progress[data-v-9d0581c8]{background:#ffffff4d;bottom:0;height:4px;left:0;position:absolute;right:0}.watch-progress-fill[data-v-9d0581c8]{background:var(--brand-color);height:100%;transition:width .3s ease}.video-info[data-v-9d0581c8]{display:flex;gap:12px}.channel-avatar-link[data-v-9d0581c8]{cursor:pointer;flex-shrink:0;text-decoration:none}.channel-avatar img[data-v-9d0581c8]{border-radius:50%;height:36px;-o-object-fit:cover;object-fit:cover;transition:opacity .2s;width:36px}.channel-avatar-link:hover img[data-v-9d0581c8]{opacity:.8}.video-details[data-v-9d0581c8]{flex:1;min-width:0}.video-title[data-v-9d0581c8]{display:-webkit-box;font-size:14px;font-weight:500;-webkit-line-clamp:2;margin-bottom:6px;-webkit-box-orient:vertical;line-height:1.4;overflow:hidden}.channel-name-link[data-v-9d0581c8]{cursor:pointer;display:block;text-decoration:none}.channel-name[data-v-9d0581c8]{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;margin-bottom:4px;transition:color .2s}.channel-name-link:hover .channel-name[data-v-9d0581c8]{color:var(--text-primary)}.video-meta[data-v-9d0581c8]{color:var(--text-secondary);display:flex;font-size:13px;gap:8px}.video-meta span[data-v-9d0581c8]:not(:last-child):after{content:" • ";margin-left:8px}.skeleton-card[data-v-9d0581c8]{cursor:default}.skeleton-card[data-v-9d0581c8]:hover{transform:none}.skeleton-card .thumbnail[data-v-9d0581c8]{background:var(--skeleton-bg)}.skeleton-card .channel-avatar[data-v-9d0581c8]{background:var(--skeleton-bg);border-radius:50%;height:36px;overflow:hidden;width:36px}.skeleton-title[data-v-9d0581c8]{height:18px;margin-bottom:8px}.skeleton-text[data-v-9d0581c8],.skeleton-title[data-v-9d0581c8]{background:var(--skeleton-bg);border-radius:4px;overflow:hidden}.skeleton-text[data-v-9d0581c8]{height:14px;margin-bottom:6px}.skeleton-text.short[data-v-9d0581c8]{width:60%}.skeleton-shimmer[data-v-9d0581c8]{animation:shimmer-9d0581c8 1.5s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4) 50%,transparent);height:100%;width:100%}@keyframes shimmer-9d0581c8{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:900px){.video-card.compact .thumbnail[data-v-9d0581c8]{height:auto;min-width:100%;padding-bottom:56.25%;width:100%}.video-card.compact[data-v-9d0581c8]{flex-direction:column}}