.yt-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;display:grid}.yt-card{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:8px;transition:box-shadow .2s;overflow:hidden}.yt-card:hover{box-shadow:0 12px 20px #0000001a}.yt-thumb-wrapper{aspect-ratio:16/9;background:#000;overflow:hidden}.yt-time{color:#fff;background:#000c;border-radius:2px;padding:2px 6px;font-size:12px;position:absolute;bottom:8px;right:8px}.yt-card-hover-overlay{opacity:0;background:#0000004d;transition:opacity .2s}.yt-card:hover .yt-card-hover-overlay{opacity:1}.yt-play-icon-small{color:#fff;font-size:30px}.yt-modal-overlay{z-index:9999;background:#000000e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.yt-modal-content{background:#fff;border-radius:8px;width:100%;max-width:900px;position:relative;overflow:visible}.yt-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:40px;line-height:1;position:absolute;top:-45px;right:0}.yt-video-container{background:#000;height:0;padding-bottom:56.25%;position:relative}.yt-video-container iframe,.yt-preview-mode{width:100%;height:100%;position:absolute;inset:0}.yt-preview-mode{cursor:pointer}.yt-modal-cover{object-fit:cover;width:100%;height:100%}.yt-central-play-trigger{width:100%}.yt-red-play-btn svg{filter:drop-shadow(0 0 10px #00000080)}