code{font-size:1rem}.video-grid{display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:40px}.video-card{background:#fff;border-radius:16px;box-shadow:0 6px 12px rgba(0,0,0,.1);overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.video-card:hover{box-shadow:0 10px 20px rgba(0,0,0,.2);transform:translateY(-5px)}.duration-badge{background:rgba(0,0,0,.8);border-radius:4px;bottom:8px;color:#fff;font-size:.9rem;font-weight:600;padding:4px 8px;position:absolute;right:8px}.card-content{padding:20px}.video-title{color:#333;display:-webkit-box;font-size:1.2rem;font-weight:700;line-height:1.4;margin-bottom:10px;-webkit-line-clamp:2;-webkit-box-orient:vertical;cursor:pointer;overflow:hidden;text-align:left}.video-title:hover{color:#0178fd}.channel-info{align-items:center;display:flex;margin-bottom:12px}.channel-title{color:#555;font-size:1.1rem;font-weight:600}.published-date{color:#888;margin-left:1rem}.description{color:#666;display:-webkit-box;font-size:.95rem;line-height:1.5;margin-bottom:15px;-webkit-line-clamp:12;-webkit-box-orient:vertical;overflow:auto;scrollbar-color:#007bff #f0f0f0;scrollbar-width:thin;text-align:left}.description::-webkit-scrollbar-track{background:#f0f0f0}.description::-webkit-scrollbar-thumb{background-color:#007bff}.stats{border-top:1px solid #eee;justify-content:flex-start;margin-top:15px;padding:12px 0}.stat-item,.stats{align-items:center;display:flex}.stat-item{color:#666;font-size:.95rem}.stat-item svg{height:16px;margin-right:5px;margin-top:2px;width:16px;fill:currentColor}.tags{margin-top:12px;text-align:left}.tag{background:#f0f8ff;border:1px solid #e0e8f0;border-radius:12px;color:#06c;display:inline-block;font-size:.75rem;margin:2px 4px 2px 0;padding:4px 8px}.video-id{background:#f8f9fa;border-left:3px solid #007bff;border-radius:8px;color:#666;font-family:Courier New,monospace;margin-top:10px;padding:8px}