.youtube-playlist{max-width:1200px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}.youtube-player-container{background:#000;border-radius:8px;overflow:hidden;margin-bottom:20px;box-shadow:0 4px 12px rgb(0 0 0 / .15)}#youtube-player{width:100%;height:500px;background:#000;border-radius:8px 8px 0 0;min-height:400px}#youtube-player iframe{width:100%!important;height:100%!important;border-radius:8px 8px 0 0}.current-video-info{padding:20px;background:#ec7d13;color:#fff}.current-video-title{margin:0 0 10px 0;font-size:1.4em;font-weight:600;color:#fff;line-height:1.3}.current-video-description{margin:0;color:rgb(255 255 255 / .9);line-height:1.5;font-size:.95em}.youtube-video-grid{display:grid;gap:15px;margin-top:20px}.youtube-playlist[data-columns="1"] .youtube-video-grid{grid-template-columns:1fr}.youtube-playlist[data-columns="2"] .youtube-video-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.youtube-playlist[data-columns="3"] .youtube-video-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.youtube-playlist[data-columns="4"] .youtube-video-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.youtube-playlist[data-columns="5"] .youtube-video-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.youtube-video-item{position:relative;cursor:pointer!important;border-radius:8px;overflow:hidden;transition:all 0.3s ease;background:#fff;box-shadow:0 2px 8px rgb(0 0 0 / .1);user-select:none;display:block}.youtube-video-item:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgb(0 0 0 / .15)}.youtube-video-item.active{border:3px solid #d16600!important;transform:translateY(-2px)!important;box-shadow:0 4px 16px rgb(209 102 0 / .4)!important}.youtube-video-item img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;pointer-events:none}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s ease;pointer-events:none}.youtube-video-item:hover .video-overlay{opacity:1}.youtube-video-item.active .video-overlay{opacity:1;background:rgb(209 102 0 / .4)}.play-button{background:rgb(255 255 255 / .9);color:#333;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;transition:all 0.2s ease;pointer-events:none}.youtube-video-item:hover .play-button{background:#d16600;color:#fff;transform:scale(1.1)}.video-duration{position:absolute;bottom:8px;right:8px;background:rgb(0 0 0 / .8);color:#fff;padding:2px 6px;border-radius:3px;font-size:12px;font-weight:500;pointer-events:none}.youtube-video-item h4{padding:12px;margin:0;font-size:14px;font-weight:600;line-height:1.4;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;pointer-events:none}.youtube-video-item.active h4{color:#d16600!important;font-weight:700!important}.youtube-video-item:focus,.youtube-video-item:focus-visible{outline:3px solid #d16600;outline-offset:2px}.youtube-playlist-empty{text-align:center;padding:40px 20px;color:#666;background:#f8f9fa;border-radius:8px;margin:20px 0}@media (max-width:768px){.youtube-playlist{margin:0 10px}#youtube-player{height:350px;min-height:300px}.youtube-video-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:12px}.current-video-info{padding:15px}.current-video-title{font-size:1.2em}.youtube-video-item h4{font-size:13px;padding:10px}.play-button{width:40px;height:40px;font-size:16px}}@media (max-width:480px){#youtube-player{height:280px;min-height:250px}.youtube-video-grid{grid-template-columns:1fr!important}.current-video-info{padding:12px}.current-video-title{font-size:1.1em}.youtube-video-item h4{font-size:12px;padding:8px}.play-button{width:35px;height:35px;font-size:14px}}@media (prefers-color-scheme:dark){.youtube-playlist{color:#e9ecef}.current-video-info{background:#ec7d13}.current-video-title{color:#fff}.current-video-description{color:rgb(255 255 255 / .9)}.youtube-video-item{background:#34495e;box-shadow:0 2px 8px rgb(0 0 0 / .3)}.youtube-video-item h4{color:#ecf0f1}.youtube-playlist-empty{background:#34495e;color:#ecf0f1}}@media (prefers-reduced-motion:reduce){.youtube-video-item,.play-button,.video-overlay{transition:none}.youtube-video-item:hover{transform:none}.youtube-video-item:hover .play-button{transform:none}}@media (prefers-contrast:high){.youtube-video-item{border:2px solid #000}.play-button{border:2px solid #000}}.youtube-playlist.loading .youtube-video-item{opacity:.6;pointer-events:none}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.youtube-video-item{animation:fadeIn 0.3s ease forwards}@media (hover:hover){.youtube-video-item:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgb(0 0 0 / .15)}.youtube-video-item:hover .play-button{background:#d16600;color:#fff;transform:scale(1.1)}}@media (hover:none){.youtube-video-item:hover{transform:none;box-shadow:0 2px 8px rgb(0 0 0 / .1)}.youtube-video-item:active{transform:translateY(-1px);box-shadow:0 4px 12px rgb(0 0 0 / .2)}}