.youtube-embed-wrapper{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;max-width:1200px;margin:0 auto;padding:20px}.youtube-embed-wrapper.responsive{width:100%}.youtube-channel-header{display:flex;align-items:center;margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.channel-avatar{margin-right:20px}.channel-avatar img{width:80px;height:80px;border-radius:50%;object-fit:cover}.channel-info{flex:1}.channel-title{margin:0 0 8px 0;font-size:24px;font-weight:600;color:#1a1a1a}.channel-description{margin:0 0 12px 0;color:#666;line-height:1.4}.channel-stats{display:flex;gap:20px;margin-bottom:15px}.stat{color:#666;font-size:14px}.stat strong{color:#1a1a1a}.subscribe-btn{display:inline-block;padding:10px 20px;background:red;color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:background-color 0.2s}.subscribe-btn:hover{background:#c00}.youtube-videos-container{display:grid;gap:20px}.youtube-videos-container.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.youtube-videos-container.list{grid-template-columns:1fr}.youtube-videos-container.carousel{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));overflow-x:auto;scroll-snap-type:x mandatory}.youtube-video-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.1);cursor:pointer;transition:transform 0.2s,box-shadow 0.2s}.youtube-video-item:hover{transform:translateY(-4px);box-shadow:0 4px 20px rgba(0,0,0,.15)}.video-thumbnail{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden}.video-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.2s}.youtube-video-item:hover .video-thumbnail img{transform:scale(1.05)}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(0,0,0,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;transition:all 0.2s;opacity:.8}.youtube-video-item:hover .play-overlay{opacity:1;transform:translate(-50%,-50%) scale(1.1);background:rgba(255,0,0,.9)}.video-info{padding:16px}.video-title{margin:0 0 8px 0;font-size:16px;font-weight:600;color:#1a1a1a;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-description{margin:0 0 8px 0;color:#666;font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-date{color:#999;font-size:12px}.youtube-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{position:relative;width:100%;max-width:900px;background:#fff;border-radius:12px;overflow:hidden}.modal-close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:30px;cursor:pointer;color:#fff;z-index:1001;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,0,0,.5);transition:background-color 0.2s}.modal-close:hover{background:rgba(0,0,0,.7)}.video-wrapper{position:relative;padding-bottom:56.25%;height:0}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.youtube-embed-error{text-align:center;padding:40px;background:#f8f9fa;border-radius:12px;border:2px dashed #ddd}.youtube-embed-error h3{color:#d32f2f;margin-bottom:10px}.youtube-embed-error p{color:#666}@media (max-width:768px){.youtube-embed-wrapper{padding:15px}.youtube-channel-header{flex-direction:column;text-align:center;padding:20px 15px}.channel-avatar{margin-right:0;margin-bottom:15px}.channel-stats{justify-content:center}.youtube-videos-container.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.youtube-videos-container.list .youtube-video-item{display:flex}.youtube-videos-container.list .video-thumbnail{width:40%;padding-bottom:22.5%}.youtube-videos-container.list .video-info{width:60%;padding:12px}.modal-content{margin:10px;max-width:calc(100% - 20px)}}@media (max-width:480px){.youtube-videos-container.grid{grid-template-columns:1fr}.channel-title{font-size:20px}.channel-stats{flex-direction:column;gap:8px}}