.youtube-item{background:linear-gradient(135deg,rgba(255,255,255,5%) 0%,rgba(255,255,255,2%) 100%);border-radius:var(--border-radius-md);border:1px solid rgba(255,255,255,8%);border-left:3px solid red;overflow:hidden;transition:all .3s ease;cursor:pointer;position:relative;backdrop-filter:blur(10px)}.youtube-item:hover{transform:translateY(-5px);border-left-color:#c00;background:linear-gradient(135deg,rgba(255,0,0,8%) 0%,rgba(255,255,255,5%) 100%);box-shadow:0 15px 35px rgba(0,0,0,.3),0 5px 15px rgba(255,0,0,.2)}.youtube-thumbnail{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%)}.youtube-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.youtube-item:hover .youtube-thumbnail img{transform:scale(1.05)}.youtube-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(255,0,0,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.youtube-play-button::before{content:'';width:0;height:0;border-left:18px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:3px}.youtube-item:hover .youtube-play-button{transform:translate(-50%,-50%)scale(1.1);background:red;box-shadow:0 0 20px rgba(255,0,0,.5)}.youtube-duration{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.8);color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;backdrop-filter:blur(5px)}.youtube-info{padding:1.2rem}.youtube-title{color:var(--text-primary);font-size:1rem;font-weight:var(--font-weight-semibold);line-height:1.4;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.youtube-description{color:var(--text-muted);font-size:.85rem;line-height:1.4;margin-bottom:.8rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.youtube-meta{display:flex;align-items:center;gap:1rem;font-size:.8rem;color:var(--text-muted)}.youtube-views{display:none}.youtube-date{display:flex;align-items:center;gap:.3rem}.project-widget:not(.expanded) .youtube-preview{display:flex;align-items:center;gap:1rem;margin-top:.8rem;padding:.8rem;background:linear-gradient(135deg,rgba(255,0,0,8%) 0%,rgba(255,255,255,3%) 100%);border-radius:var(--border-radius-sm);border-left:2px solid red}.youtube-preview-thumbnail{width:60px;height:34px;border-radius:6px;overflow:hidden;position:relative;flex-shrink:0}.youtube-preview-thumbnail img{width:100%;height:100%;object-fit:cover}.youtube-preview-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:rgba(255,0,0,.9);border-radius:50%;display:flex;align-items:center;justify-content:center}.youtube-preview-play::before{content:'';width:0;height:0;border-left:6px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent;margin-left:1px}.youtube-preview-info{flex:1;min-width:0}.youtube-preview-title{color:var(--text-primary);font-size:.85rem;font-weight:var(--font-weight-semibold);line-height:1.3;margin-bottom:.2rem;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.youtube-preview-count{color:var(--text-muted);font-size:.75rem}.youtube-previews-grid{display:flex;gap:.5rem;margin-top:.75rem}.youtube-preview-mini{flex:1;max-width:60px;cursor:pointer;transition:transform .2s ease}.youtube-preview-mini:hover{transform:scale(1.05)}.youtube-preview-thumbnail-mini{position:relative;width:100%;aspect-ratio:16/9;border-radius:4px;overflow:hidden;background:#000}.youtube-preview-thumbnail-mini img{width:100%;height:100%;object-fit:cover}.youtube-preview-play-mini{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:rgba(255,0,0,.9);border-radius:50%;display:flex;align-items:center;justify-content:center}.youtube-preview-play-mini::before{content:'';width:0;height:0;border-left:6px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent;margin-left:1px}.youtube-preview-more{flex:1;max-width:60px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border-radius:4px;aspect-ratio:16/9}.youtube-more-count{color:var(--text-secondary);font-size:.875rem;font-weight:600}.project-widget.youtube-box:not(.expanded) .youtube-list{display:none}.project-widget.youtube-box.expanded .youtube-list{display:grid}