.video-grid.svelte-16xszx7{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin:0 auto}.video-card-wrapper.svelte-16xszx7{background-color:#212121;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0003;transition:box-shadow .2s ease}.video-card-wrapper.svelte-16xszx7:hover{box-shadow:0 4px 8px #0000004d}.video-card.svelte-16xszx7{display:block;text-decoration:none;color:inherit;transition:transform .2s}.video-card.svelte-16xszx7:hover{transform:translateY(-2px)}.thumbnail-container.svelte-16xszx7{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:#181818;border-radius:8px 8px 0 0}.video-card.svelte-16xszx7:hover .thumbnail-container:where(.svelte-16xszx7){transform:none;transition:none}.video-preview.svelte-16xszx7,.video-thumbnail.svelte-16xszx7{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-preview.svelte-16xszx7{background-color:#181818;object-fit:contain}.duration.svelte-16xszx7{position:absolute;bottom:4px;right:4px;background-color:#000c;color:#fff;padding:2px 4px;border-radius:4px;font-size:.8rem;z-index:3;font-weight:500}.duration.svelte-16xszx7,.date.svelte-16xszx7{font-size:.8rem;color:#aaa}.video-info.svelte-16xszx7{padding:12px}.video-title.svelte-16xszx7{margin:0;font-size:1rem;color:#fff;font-weight:500;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;height:2.8em}.video-meta.svelte-16xszx7{display:flex;margin-top:.5rem;font-size:.85rem;color:#aaa}.ad-card.svelte-16xszx7{grid-column:1 / -1;background:#212121;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 1px 3px #0003;margin:1rem 0}.ad-message.svelte-16xszx7{color:#fff;margin-bottom:1rem;font-size:1.1rem}.ad-button.svelte-16xszx7{display:inline-block;background:red;color:#fff;padding:.6rem 2rem;border-radius:40px;text-decoration:none;font-weight:500;transition:background-color .2s}.ad-button.svelte-16xszx7:hover{background:#e50000}@media(max-width:1920px){.video-grid.svelte-16xszx7{grid-template-columns:repeat(5,1fr)}}@media(max-width:1600px){.video-grid.svelte-16xszx7{grid-template-columns:repeat(4,1fr)}}@media(max-width:1200px){.video-grid.svelte-16xszx7{grid-template-columns:repeat(3,1fr)}}@media(max-width:1000px){.video-grid.svelte-16xszx7{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.video-grid.svelte-16xszx7{grid-template-columns:repeat(1,1fr)}}