.video-grid.svelte-158l4dh{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;padding:0}.video-card-wrapper.svelte-158l4dh{display:block;background-color:#1c1c1c;border-radius:8px;border:1px solid #020202}.video-card.svelte-158l4dh{text-decoration:none;color:inherit;transition:transform .2s}.video-card.svelte-158l4dh:hover{transform:translateY(-2px)}.thumbnail-container.svelte-158l4dh{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#000}.video-preview.svelte-158l4dh,.video-thumbnail.svelte-158l4dh{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.video-preview.svelte-158l4dh{z-index:2;transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.video-thumbnail.svelte-158l4dh{transition:opacity .3s cubic-bezier(.4,0,.2,1);will-change:opacity}.duration.svelte-158l4dh{position:absolute;bottom:4px;right:4px;background-color:#000c;color:#fff;padding:2px 4px;border-radius:2px;font-size:.8rem;z-index:3}.duration.svelte-158l4dh,.date.svelte-158l4dh{font-size:.8rem;color:#ececec;margin-top:.25rem}.video-info.svelte-158l4dh{padding:8px}.video-title.svelte-158l4dh{margin:0;font-size:1rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-meta.svelte-158l4dh{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:0rem;font-size:.85rem;color:#999}@media (max-width: 768px){.video-grid.svelte-158l4dh{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}}.pagination.svelte-158l4dh{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem}.pagination-btn.svelte-158l4dh{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:8px;cursor:pointer;transition:all .2s;text-decoration:none}.pagination-btn.svelte-158l4dh:hover:not(.disabled){background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.pagination-btn.active.svelte-158l4dh{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.pagination-btn.disabled.svelte-158l4dh{opacity:.5;cursor:not-allowed;pointer-events:none}.pagination-ellipsis.svelte-158l4dh{color:var(--text-secondary);padding:0 .5rem}.icon.svelte-158l4dh{width:1.25rem;height:1.25rem}