.video-grid.svelte-e40bkl.svelte-e40bkl{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:1.5rem;padding:0}.video-card-wrapper.svelte-e40bkl.svelte-e40bkl{display:block;background-color:#1c1c1c;border-radius:8px;border:1px solid #020202}.video-card.svelte-e40bkl.svelte-e40bkl{display:block;text-decoration:none;color:inherit;transition:transform 0.2s;cursor:pointer}.video-card.svelte-e40bkl.svelte-e40bkl:hover{transform:translateY(-2px)}.thumbnail-container.svelte-e40bkl.svelte-e40bkl{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#000;border-radius:8px;transform:scale(1);transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.video-card.svelte-e40bkl:hover .thumbnail-container.svelte-e40bkl{transform:scale(1.05)}.video-preview.svelte-e40bkl.svelte-e40bkl,.video-thumbnail.svelte-e40bkl.svelte-e40bkl{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-preview.svelte-e40bkl.svelte-e40bkl{opacity:1}.video-thumbnail.svelte-e40bkl.svelte-e40bkl{opacity:1;transition:opacity 0.3s ease}.hover-active .video-thumbnail.svelte-e40bkl.svelte-e40bkl{opacity:0}.duration.svelte-e40bkl.svelte-e40bkl{position:absolute;bottom:4px;right:4px;background-color:rgba(0, 0, 0, 0.8);color:white;padding:2px 4px;border-radius:2px;font-size:0.8rem;z-index:3}.duration.svelte-e40bkl.svelte-e40bkl,.date.svelte-e40bkl.svelte-e40bkl{font-size:0.8rem;color:#ececec;margin-top:0.25rem}.video-info.svelte-e40bkl.svelte-e40bkl{padding:8px}.ad-card.svelte-e40bkl.svelte-e40bkl{grid-column:1 / -1;background:#1c1c1c;border-radius:8px;padding:1rem;text-align:center;border:1px solid #2a2a2a}.ad-message.svelte-e40bkl.svelte-e40bkl{font-size:0.95rem;color:#ccc;margin-bottom:1rem;line-height:1.3}.ad-button.svelte-e40bkl.svelte-e40bkl{display:inline-block;background:#2a2a2a;color:#fff;padding:0.6rem 2rem;border-radius:4px;text-decoration:none;font-size:1rem;transition:background-color 0.2s}.ad-button.svelte-e40bkl.svelte-e40bkl:hover{background:#333}.video-title.svelte-e40bkl.svelte-e40bkl{margin:0;font-size:1rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-meta.svelte-e40bkl.svelte-e40bkl{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.5rem;font-size:0.85rem;color:#999}@media(max-width: 768px){.video-grid.svelte-e40bkl.svelte-e40bkl{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:1rem}}